*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}
 
::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 4px;
}
 
:hover::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 53%, 0.4);
}
 
:hover::-webkit-scrollbar-track {
  background: hsla(0, 0%, 53%, 0.1);
}
ul,ol{
	list-style: none;
}
a,a:hover,a:focus{
	text-decoration: none;
	color: #222;
}
.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}
.container{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.idxmore{
	position: absolute;
	padding-right: 35px;
	font-size: 18px;
	font-weight: bold;
	color: #313946;
	background-image: url(../img/more.png);
	background-repeat: no-repeat;
	background-position: right center;
	right: 0;
	top: 70px;
	z-index:999;
}
.idxmore.al{
	right: inherit;
	top: 320px;
}
.banner{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
body>div{
	z-index: 100;
	position: relative;
	background: #fff;
}
.fix_nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 110;
	transition: .4s;
	background: transparent;
}
.fix_nav.hasbg{
	background: rgb(28, 28, 28);
}
.fix_nav .logok{
	height: 80px;
	padding-top: 15px;
}
.fix_nav .logok img{
	height: 50px;
}
.fix_nav ul{
	overflow: hidden;
}
.fix_nav ul li{
	height: 80px;
	line-height: 80px;
	padding: 0 40px;
	float: left;
}
.fix_nav ul li a{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding:5px 0;
}
.fix_nav ul li a.sel{
	border-bottom:1px solid #fff;
}
.fix_nav ul li a:hover{
	opacity: .7;
}

#bannerlb .qiu{
	position:absolute;
	right:10%;
	top:23%;
	width:386px;
	height:408px;
	background-image: url(../img/bgqiu.gif);
	background-repeat: no-repeat;
	background-position: center center;
	z-index:1;
}
#bannerlb{
	height:900px;
	overflow: hidden;
	position: relative;
	width:100%;
	background-image: url(../img/banner_bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#bannerlb.otherbg{
	height: 500px;
	background-image: url(../img/other_bg.jpg);
}

#bannerlb .imgList {
    position: relative;
    width: 600%;
    z-index: 10;
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 100%;
	display:flex;
}
#bannerlb .imgList li {
    float: left;
    display: inline;
	flex:1;
    height: 100%;
}

#bannerlb .imgList li img {
    width: 100%;
    height: 100%;
}
#bannerlb .infoList {
    position: absolute;
    left: 0;
    top: 320px;
    width: 100%;
    z-index: 30;
    margin: 0;
}
#bannerlb .infoList li {
    color: white;
    width: 1000px;
	position:absolute;
	top:0;
	left:-500px;
	opacity:0;
}
#bannerlb .infoList li>div{
}
#bannerlb .infoList li>div h2{
	font-size: 100px;
}
#bannerlb .infoList li>div h3{
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 210px;
}
#bannerlb a{
	width: 210px;
	height: 45px;
	border: 1px solid #fff;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;
	border-radius: 25px;
	text-align: center;
	position:absolute;
	bottom:20%;
	left:50%;
	margin-left:-105px;
	z-index:99;
	transition: .3s;
}
#bannerlb a:hover{
	background: #fff;
    color: #000;
	transform: translate(0, -3px);
}
#bannerlb a i{
	margin-left:6px;
	transition: .3s;
}
#bannerlb a:hover i{
	margin-left:16px;
}
#bannerlb .infoList li>div .intext{
	margin: 5px 0 60px;
}
#bannerlb .infoList li>div div>span:nth-child(2){
	float: right;
}
#bannerlb .infoList li>div p{
	text-align: left;
}
#bannerlb .indexList {
    position: absolute;
    left: 0;
    bottom: 9px;
    z-index: 30;
    margin: 0;
    width: 100%;
    text-align: center;
}

#bannerlb .indexList .indexOn {
    background: #fff;
    width: 40px;
}
#bannerlb .indexList li {
	display: inline-block;
    margin-right: 5px;
    background: #959595;
    cursor: pointer;
    height: 4px;
	width:30px;
}

.fun_title{
	font-size: 34px;
	font-weight: bold;
	color: #4a505d;
	text-align: center;
}
.inlist_al{
	background: #F5F5F5;
	padding: 90px 0 60px;
}
.inlist_al .container>*{
	float: left;
}
.inlist_al ul{
	width: 830px;
	margin-left: 170px;
}
.inlist_al ul li{
	float: left;
	margin-bottom: 30px;
}
.inlist_al ul li p{
	margin-top: 5px;
}
.inlist_al ul li:nth-child(2n){
	float: right;
}
.inlist_al .container>div {
	position: relative;
}
.inlist_al .container>div div{
	font-size: 36px;
	font-weight: bold;
	width: 80px;
	color: #4a505d;
}
.inlist_al .container>div p{
	color: #7c8086;
	position: absolute;
	transform: rotate(90deg);
	top: 200px;
    left: -65px;
    width: 220px;
}
.inlist_hz{
	padding: 80px 0 0;
}
.inlist_hz ul{
	text-align: center;
}
.inlist_hz ul li{
	display: inline-block;
	vertical-align: middle;
	width: 265px;
	height: 100px;
	background-image: url(../img/hzbg1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-bottom: 120px;
	margin-right: 160px;
	position: relative;
}
.inlist_hz ul li a{
	display:block;
	width:100%;
	height:100%;
}
.inlist_hz ul li:nth-child(3n){
	margin-right: 0;
}
.inlist_hz ul li:nth-child(2n){
	background-image: url(../img/hzbg2.png);
}
.inlist_hz ul li img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.inlist_hz div p:last-child{
	margin-bottom: 80px;
}
.inlist_us{
	padding: 30px 0 80px;
	max-height: 500px;
	overflow: hidden;
}
.inlist_us .container>div{
	float: left;
	color: #1c1c1c;
}
.inlist_us .container>div.us_text{
	position: relative;
}
.inlist_us .container>div.us_text div{
	font-size: 36px;
    font-weight: bold;
    width: 80px;
    color: #1c1c1c;
}
.inlist_us .container>div.us_text p{
	color: #1c1c1c;
    position: absolute;
    transform: rotate(90deg);
    top: 170px;
    left: -65px;
    width: 150px;
}
.inlist_us .container>div.us_form{
	width: 475px;
	margin:0 170px;
}
.inlist_us .container>div.us_form p{
	font-size: 14px;
	line-height: 25px;
}
.inlist_us .container>div.us_form input,.inlist_us .container>div.us_form textarea{
	width: 100%;
	border: 1px solid #7A7F88;
	height: 45px;
	padding-left: 10px;
	font-size: 14px;
	margin-top: 15px;
}
.inlist_us .container>div.us_form textarea{
	height: 110px;
}
.inlist_us .container>div.us_form button{
	display: block;
	width: 235px;
	height: 47px;
	background: #4A505D;
	border: 0;
	color: #fff;
	font-size: 18px;
	margin: 0 auto;
	margin-top: 30px;
}
.inlist_us .container>div.us_way h3{
	font-size: 24px;
	margin-bottom: 25px;
}
.inlist_us .container>div.us_way p{
	margin-bottom: 10px;
}
.inlist_us .container>div.us_way img{
	width: 130px;
	height: 130px;
}
.foot{
	height: 160px;
	color: #fff;
	background: #1C1C1C;
	padding-top: 40px;
	font-size: 14px;
	position:relative;
}
.foot p{
	margin-bottom: 5px;
	text-align:center;
	margin-left:-150px;
}
.foot .qr{
	position:absolute;
	top:-5px;
	right:0;
}
.foot .qr img{
	height:80px;
	width:80px;
}
.funk{
	padding: 60px 0;
}
.funk ul.funlist{
	padding-top: 80px;
}
.funk ul li{
	float: left;
}
.funk ul.funlist>li{
	width: 490px;
	height: 400px;
}
.funk ul.funlist>li:nth-child(2n){
	float: right;
}
.funk ul li .toptit{
	font-size: 24px;
	font-weight: bold;
	color: #313946;
	padding-left: 80px;
	position: relative;
}
.funk ul li .toptit span{
	font-size: 36px;
	font-weight: normal;
	color: #b1c0c3;
	position: absolute;
	left: 0;
	bottom: 10px;
}
.funk ul li .toptit span.g{
	bottom: -10px;
    left: 60px;
	height: 60px;
	border-left: 2px solid #b1c0c3;
	transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	-o-transform:rotate(20deg); 
}
.funk ul li .btmtit{
	width: 190px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color: #1c1c1c;
	background: #D9D9D9;
	margin-top: 30px;
}
.funk ul.funlist ul{
	overflow: hidden;
	margin-top: 40px;
}
.funk ul.funlist ul li:nth-child(2n-1){
	width: 330px;
}
.funk ul.funlist ul li{
	margin-bottom: 15px;
	font-size: 14px;
}


.yycj .fun_title:first-child{
	padding-top: 60px;
}
.yycj{
	color: #4a505d;
	font-size: 14px;
}
.yylist>div{
	padding: 110px 0;
}
.yylist>div:nth-child(2n){
	background: #EFF4F8;
}
.yylist>div.list1{
	padding-top:60px;
}
.yylist .cimg{
	text-align: center;
}
.allist .alk .cimg img{
	cursor:pointer;
}
.yycj .stit{
	font-size: 18px;
	line-height: 40px;
}
.yycj .list1 .cimg{
	margin-bottom: 40px;
}
.yycj .list1 ul{
	overflow: hidden;
	margin-top: 30px;
}
.yycj .list1 ul li{
	float: left;
	width: 25%;
	margin-top: 15px;
}
.yycj .list2 .left{
	padding-top: 80px;
}
.yycj .list2 ul{
	margin-top: 60px;
}
.yycj .list2 ul li{
	margin-bottom: 20px;
}
.yycj .sanimg{
	text-align: center;
	margin-bottom: 80px;
}
.yycj .list3 ul{
	margin-top: 30px;
}
.yycj .list3 ul li{
	margin-top: 20px;
}
.yycj .list4 ul{
	margin-top: 60px;
}
.yycj .list4 ul li{
	margin-top: 20px;
}
.yycj .list4 ul li.maxtop{
	margin-top: 50px;
}
.yycj .list4 .right{
	padding-top: 20px;
}
.yycj .list5 ul{
	overflow: hidden;
}
.yycj .list5 ul li{
	margin-top: 20px;
	float: left;
}
.yycj .list5 ul.two li{
	width: 50%;
}
.yycj .list5 ul.four{
	margin-top: 60px;
}
.yycj .list5 ul.four li{
	width: 25%;
}
.yycj .list5 ul li.allh{
	width: 100%;
}
.yycj .list6 .left{
	width: 30%;
}
.yycj .list6 ul{
	margin-top: 40px;
}
.yycj .list6 ul li{
	margin-top: 20px;
}
.yycj .list6 ul.ful{
	overflow: hidden;
}
.yycj .list6 ul.ful li{
	float: left;
	margin-right: 60px;
}
.yycj .list6 ul.ful li:first-child{
	width: 100%;
}
.yycj .list6 .right{
	padding-top: 75px;
}




.alzs{
	padding: 60px 0;
}
.allist{
	padding-top: 60px;
}
.allist .alnav{
	text-align: center;
}
.allist .alnav a{
	font-weight: bold;
	font-size: 22px;
	color: #bfbfbf;
	margin-right: 100px;
}
.allist .alnav a:last-child{
	margin-right: 0;
}
.allist .alnav a.active,.allist .alnav a:hover{
	color: #313946;
	text-decoration: underline;
}
.allist .alk{
	margin-top: 100px;
}
.allist .alk>div{
	display: none;
}
.allist .alk>div.active{
	display: block;
}
.allist .alk .cimg{
	text-align: center;
}
.allist .alk p{
	font-size: 14px;
	margin-top: 15px;
}
.allist .alk .maxt{
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-top: 100px;
}
.allist .alk .maxt span{
	position: absolute;
	width: 350px;
	border: 2px solid #4A505D;
	left: 0;
    top: 40px;
}
.allist .alk .mint{
	margin-top: 40px;
	font-size: 16px;
	font-weight: bold;
}
.alk .leading{
	margin-top: 80px;
	padding-top: 75px;
	border-top: 2px solid #E5E5E4;
}
.alk .leading .lendtitle{
	width: 200px;
	height: 50px;
	background: #BFBFBF;
	margin: 0 auto;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
	color: #fff;
	position: relative;
	margin-bottom: 80px;
}
.alk .leading .lendtitle:after{
	content: " ";
    position: absolute;
    left: -10px;
    top: -40px;
    background: #fff;
    width: 30px;
    height: 100px;
    border: #BFBFBF solid 2px;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.kfjd{
	padding: 70px 0;
}
.kfjd .container{
	overflow: hidden;
}
.kfjd ul{
	margin-top: 120px;
	position: relative;
}
.kfjd ul:after{
	content: '';
	position: absolute;
	height: 80px;
	border-left: 2px solid #E5E5E4;
	left: 47.5px;
    top: 175px;
}
.kfjd ul.dao:after{
	content: '';
	position: absolute;
	height: 80px;
	border-left: 2px solid #E5E5E4;
	left: inherit;
	right: 47.5px;
    top: 175px;
}
.kfjd ul li{
	float: left;
	margin-right: 181.25px;
	position: relative;
	max-width:95px;
}
.kfjd ul.dao li{
	float: right;
	margin-left: 181.25px;
	margin-right: 0;
}
.kfjd ul li:after{
	content: '';
	position: absolute;
	width: 100px;
	border-bottom: 2px solid #E5E5E4;
	top: 47.5px;
	left: 135.625px;
}
.kfjd ul li:last-child{
	margin: 0;
}

.kfjd ul li .quan1{
	height: 95px;
	width: 95px;
	background: rgba(191,191,191,0.3);
	border-radius: 50%;
	padding: 10px;
	margin-bottom: 20px;
	cursor: pointer;
}
.kfjd ul li .quan1:hover{
	-webkit-animation:shake .5s ease-in;
}
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translateY(0);}
    20%, 60%{-webkit-transform: translateY(-10px);}
    40%, 80%{-webkit-transform: translateY(10px);}
}
.kfjd ul li .quan2{
	width: 75px;
	height: 75px;
	background: #BFBFBF;
	border-radius: 50%;
	background-image:url(../img/a1.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:60%;
}
.kfjd ul li .quan2.speed2{
	background-image:url(../img/a2.png);
}
.kfjd ul li .quan2.speed3{
	background-image:url(../img/a3.png);
}
.kfjd ul li .quan2.speed4{
	background-image:url(../img/a4.png);
}
.kfjd ul li .quan2.speed5{
	background-image:url(../img/a5.png);
}
.kfjd ul li .quan2.speed6{
	background-image:url(../img/a6.png);
}
.kfjd ul li .quan2.speed7{
	background-image:url(../img/a7.png);
}
.kfjd ul li .quan2.speed8{
	background-image:url(../img/a8.png);
}
.kfjd ul li .quan2.speed9{
	background-image:url(../img/a9.png);
}
.kfjd ul li .quan2.speed10{
	background-image:url(../img/a10.png);
}
.kfjd ul li .quan2.speed11{
	background-image:url(../img/a11.png);
}
.kfjd ul li .quan2.speed12{
	background-image:url(../img/a12.png);
}
.kfjd ul li .quan2.speed13{
	background-image:url(../img/a13.png);
}
.kfjd ul li .quan2.speed14{
	background-image:url(../img/a14.png);
}
.kfjd ul li .quan2.speed15{
	background-image:url(../img/a15.png);
}
.kfjd ul li .quan2.speed16{
	background-image:url(../img/a16.png);
}
.kfjd ul li .quan2.speed17{
	background-image:url(../img/a17.png);
}
.kfjd ul li .quan2.speed18{
	background-image:url(../img/a18.png);
}
.kfjd ul li .quan2.speed19{
	background-image:url(../img/a19.png);
}
.kfjd ul li .quan2.speed20{
	background-image:url(../img/a20.png);
}
.kfjd ul li .quan2.speed21{
	background-image:url(../img/a21.png);
}
.kfjd ul li .quan2.speed22{
	background-image:url(../img/a22.png);
}
.kfjd ul li .quan2.speed23{
	background-image:url(../img/a23.png);
}
.kfjd ul li .quan2.speed24{
	background-image:url(../img/a24.png);
}
.kfjd ul li .quan2.speed25{
	background-image:url(../img/a25.png);
}
.kfjd ul li .quan2.speed26{
	background-image:url(../img/a26.png);
}
.kfjd ul li .quan2.speed27{
	background-image:url(../img/a27.png);
}
.kfjd ul li .quan2.speed28{
	background-image:url(../img/a28.png);
}
.kfjd ul li .quan2.speed29{
	background-image:url(../img/a29.png);
}
.kfjd ul li .quan2.speed30{
	background-image:url(../img/a30.png);
}
.kfjd ul li .quan2.speed31{
	background-image:url(../img/a31.png);
}
.kfjd ul li .quan2.speed32{
	background-image:url(../img/a32.png);
}
.kfjd ul li .quan2.speed33{
	background-image:url(../img/a33.png);
}
.kfjd ul li .quan2.speed34{
	background-image:url(../img/a34.png);
}
.kfjd ul li .quan2.speed35{
	background-image:url(../img/a35.png);
}




.kfjd ul li p{
	text-align: center;
	margin-top: 5px;
	font-size: 14px;
	white-space: nowrap;
}
.kfjd ul li p.mf{
	margin-left: -25px;
}

.gywm{
	padding: 70px 0;
}
.datak{
	position: relative;
	margin-top: 85px;
	background-image: url(../img/about.jpg);
	background-repeat: no-repeat;
	min-height: 800px;
	padding: 75px 0 0 300px;
}
.datak>div{
	padding: 60px;
	background: #F5F5F7;
	width: 900px;
	color: #000;
}
.datak>div p{
	font-size: 14px;	
	line-height: 30px;
	margin-bottom: 30px;
}
.datak>div .maxt{
	font-size: 30px;
	font-weight: bold;
	position: relative;
	margin-bottom: 50px;
	color: #4a505d;
}
.datak>div .maxt span{
	position: absolute;
	width: 120px;
	border-bottom: 3px solid #000;
	left: 0;
	top: 50px;
}
.datak>div p:last-child{
	margin-bottom: 0;
}
.datak>div .maxt.mtop{
	margin-top: 75px;
}



.preview{
	-ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
	background-color: rgba(0,0,0,.8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	display:none;
}
.albums-preview-close, .albums-preview-next, .albums-preview-prev {
    color: #fff;
    cursor: pointer;
    position: absolute;
}
.albums-preview-close {
    right: 10px;
    top: 10px;
}
.albums-preview-next {
    right: 10px;
    top: 50%;
}
.albums-preview-prev {
    left: 10px;
    top: 50%;
}
.preview>img {
    max-height: 100%;
    max-width: 80%;
}