iframe{max-width: 100%;}
.tou{height: 100px;}
.logo{float: left; height: 100px;}
.tour{float: right;}
.tel{float: right; padding-top: 27px;}
.tel span{font-size: 26px; font-weight: bold;  background-image: linear-gradient(to right, #0054ce,#0097d0);   -webkit-background-clip:text;  -webkit-text-fill-color:transparent; display: block;line-height: 26px; }
.tel p{font-size: 14px;}
.tel p img{float: left; padding-right: 5px; display: block;}
.tou1{float: right;}
.tou1 img{display: block;}
#nav{height: 65px; background-image: linear-gradient(to right, #0054ce,#0097d0);}
.menu ul{display: flex;}
.menu ul li{flex:1;line-height: 65px;text-align: center;font-size: 18px;color: #ffffff;position: relative;}
.menu ul li.on{background-image: linear-gradient(to right, #0054ce,#0097d0);}
.menu ul li ul{position: absolute; z-index: 99; display: none; width: 100%;}
.menu ul li ul li{ background-image: linear-gradient(to right, #0054ce,#0097d0); width: 100%; height: 40px;line-height: 40px; font-size: 16px; display: block;}
.menu ul li a{color: #ffffff;}
.menu ul li ul li:hover{background: #0053c4;}
#banner{position: relative;}

#banner .hd{ width:100%;  position:absolute; z-index:1; bottom:48px; left:0; height:30px; line-height:30px;  text-align:center;}
#banner .hd ul{ text-align:center;  padding-top:5px; }
#banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:5px; margin:10px; overflow:hidden; background: #0053c4;	}
#banner .hd ul li img{display: block;}
	#banner2 .bd ul li{height: auto;min-height: 162px;}
	#banner2 .hd ul li img{display: block;}
#banner .hd ul .on{ background: #fe8b06;}
		#banner .prev,
		#banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:58px; height:58px; background:url(../img/w1.png) no-repeat; filter:alpha(opacity=10);opacity:0.1;   }
		#banner .next{ left:auto; right:3%; background:url(../img/w2.png) no-repeat; }
		#banner .prev:hover,
		#banner .next:hover{ filter:alpha(opacity=30);opacity:0.3;  }
		#banner .prevStop{ display:none;  }
		#banner .nextStop{ display:none;  }


#main1{height: 1329px; background: url(../img/main.jpg) top no-repeat;}
.m1{height: 694px;}
.t1{font-size: 40px;font-weight: bold;text-align: center; padding-top: 55px; padding-bottom: 10px; }
.t1 span{color: #fe8b06;}
.m1con{color: #888888;text-align: center;line-height: 31px; height: 210px;}
.m1ul ul{display: flex; padding-left: 90px; padding-right: 90px;}
.m1ul ul li{flex:1;text-align: center;}
.m1ul ul li .m1lit{position: relative; display: inline-block; height: 75px;line-height: 75px;}
.m1ul ul li .m1lit span{font-size: 75px; font-family: Impact;}
.m1ul ul li .m1lit i{font-style: normal;color: #ffffff; display: block; width: 27px; height: 27px;border-radius: 50%;background: #fe8b06;text-align: center;line-height: 27px;position: absolute; right: -13px;bottom: 0;}
.m1ul ul li{float: left;text-align: center;}
.m1ul ul li p{line-height: 60px; font-size: 18px; }
.m1ul a{width: 140px; height: 40px; background-image: linear-gradient(to right, #0054ce,#0097d0); color: #ffffff; display: block;text-align: center;line-height: 40px;margin: auto; margin-top: 50px; }
.t2{font-size: 40px;font-weight: bold;text-align: center; padding-top: 60px; padding-bottom: 10px;color: #ffffff; }
.t2 span{color: #fe8b06;}
.t2 p{font-size: 16px;color: #ffffff; font-weight: normal;}
.t2 h3{line-height: 80px;}
.t2 h3::after,.t2 h3::before{content: url(../img/t2.png);padding-right: 15px; padding-left: 15px;}
.m2con{position: relative; padding-top: 30px;}

.m2con ul li{width: 300px; height: 440px; float: left; margin-right: 33px;box-shadow: 0px 0px 20px rgba(0,0,0,0.15);}

.m2con ul{}
.m2conli{color: #ffffff; width: 240px; height: 360px; border-bottom: 1px solid #fff;margin: auto;}
.m2conli h3{font-size: 26px; font-weight: normal;line-height: 30px; padding-top: 45px;}
.m2conli span{font-size: 14px;}
.m2con ul li p{font-size: 14px;color: #fff; padding-left: 40px; padding-top: 12px;}
.m2con .hd{position: absolute; width: 100%; height: 38px;top: 45%;}
.m2con .hd .next{width: 22px; height: 38px; display:block; background: url(../img/jian1.png); float: left; position: relative; left: -42px;}
.m2con .hd .prev{width: 22px; height: 38px; display:block; background: url(../img/jian2.png); float: right;position: relative; right: -42px;}



.t3{font-size: 40px;font-weight: bold;text-align: center; padding-top: 60px; padding-bottom: 10px;color: #333; }
.t3 span{color: #fe8b06;}
.t3 p{font-size: 16px;color: #333; font-weight: normal;}
.t3 h3{line-height: 80px;}
.t3 h3::after{content: url(../img/t3_2.png);padding-right: 15px; padding-left: 15px;}
.t3 h3::before{content: url(../img/t3.png);padding-right: 15px; padding-left: 15px;}
.m3{padding-top: 50px;}
.m3con{height: 400px;}
.m3con>ul{ margin-left: 7px; margin-top: 50px;}
.m3con>ul>li{width: 250px; float: left; text-align: center; overflow: hidden; position: relative; height: 250px; margin-left: 60px;}
.m3c{height: 250px; overflow: hidden;}
.m3cona{width: 104px;border-radius: 50%;background-image: linear-gradient(to right, #0054ce,#0097d0); height: 104px;margin: auto; margin-top: 50px;}
.m3con ul li h3{font-size: 18px; font-weight: normal; height: 75px;line-height: 75px;transition: all 0.3s;}
.m3con>ul>li.on{width: 250px; height: 250px; display: block; border-radius: 50%;background: url(../img/ch.png) center no-repeat;transition: all 0.5s;transform: rotate(360deg);}
.m3con ul li.on h3{background: #3d7bb4;color: #ffffff; height: 75px;position: absolute;bottom: 0; width: 100%;line-height: 75px;transition: all 0.3s;}
.m3con>ul>li.on .m3cona{display: none;transition: all 0.3s;}
.m3conb{height: 175px;display: none;transition: all 0.3s;}
.m3conb img{height: 175px;margin: auto;transition: all 0.3s;}
.m3con>ul>li.on .m3conb{display: block;transition: all 0.3s;}
#m4{background: url(../img/m4.jpg) center; height: 847px;}
.m4con{padding-top: 68px;}
.m4con ul.bd{margin-left: -20px;}
.m4con ul.bd li{width: 420px; height: 411px;background: #ffffff; float: left; margin-left: 20px;}
.m4con ul.bd li .img{width: 420px; height: 250px;background-size: cover; position: relative;}
.m4sj{width: 62px; height: 44px;background: url(../img/d2.png);color: #ffffff;text-align: center; font-size: 12px;line-height: 17px;position: absolute; right: 17px;top: 0;}
.m4sj p{padding-top: 3px;}
.m4sj span{display: block; font-size: 13px;}
.m4p{padding: 15px;}
.m4p h3{font-weight: normal; font-size: 18px;line-height: 35px; padding-bottom: 3px;}
.m4p p{font-size: 16px;color: #888888;line-height: 25px; padding-top: 5px; padding-bottom: 3px;}
.m4p span{text-align: center;color: #0053c4; font-size: 14px; display: block; padding-top: 5px;}
.m4con .hd ul{text-align: center; padding-top: 37px;}
.m4con .hd ul li{width: 13px; height: 13px;border-radius: 50%;background: #d7d5da; display: inline-block;margin: 0px 7px;line-height: 9999; overflow: hidden;}
.m4con .hd ul li.on{background: #0348a8;}
#foot{height: 479px;background: url(../img/foot.jpg) center;}
.foot1{height: 338px; color: #ffffff;}
.foot1l{padding-top: 64px;line-height: 35px; float: left;}
.foot1l img{padding-bottom: 30px; display: block;}
.foot1l span{font-size: 23px;}
.foot1r{float: right; padding-top: 64px; padding-right: 50px;}
.foot1r>ul>li{float: left; font-size: 18px;background: url(../img/foot2.png) no-repeat;background-position:0px 42px;line-height: 43px;margin: 0px 50px;}
.foot1r>ul>li>a{color: #fff;}
.foot1r>ul>li>ul{padding-top: 10px;}
.foot1r>ul>li>ul>li{line-height: 33px;}
.foot1r>ul>li>ul>li>a{color: #999; font-size: 15px;line-height: 33px;}
.foot2{border-top: 1px solid #434343; padding-top: 20px;}
.foot2l{float: left; color: #999999; font-size: 15px;}
.foot2r{float: right;color: #999999; font-size: 15px;}
.foot2r img{float: left; padding-right: 29px;}
.foot2r p{float: right; padding-top: 10px;}




#bannerzy{height: 375px; background: url(../img/banner1.jpg) center; position: relative;}		
#titzy{float: left;}	
#titzy a{color: #777777; width: 110px; height: 40px; display: block; float: left; text-align: center; line-height: 40px; margin-top: 5px;}
#titzy a.on{color: #FFFFFF; background:linear-gradient(to right,#0054ce,#0097d0) ; }	
.fr{float: right;}
.zydaohang{border-bottom: 1px solid #eeeeee; height: 59px; padding-top: 29px; line-height: 59px; font-size: 14px; color: #777777;}		
.zydaohang span{padding-right: 6px;}
	.spxwul{margin-left: -30px; margin-top: 30px;}
	.spxwul li{width: 360px; padding: 10px; height: auto; text-align: center; box-shadow: 0px 5px 10px #cfcfcf; float: left; margin-bottom: 42px; margin-left: 30px; padding-bottom: 10px;}
	.spxwul li img{height: 245px;}
	.spxwul li .h3{font-size: 18px; color: #333333; font-weight: bold; display: block; line-height: 30px; padding-top: 5px;}
	.spxwul li .sj{color: #999999; font-size: 12px;}

#sjfoot{background: #27282c;color: #fff; padding-top: 15px; padding-bottom: 15px;}


/* 手机 */
@media (max-width:768px){
	.t1{font-size: 24px;font-weight: bold;text-align: center; padding-top: 55px; padding-bottom: 10px; }
	.t2{font-size: 24px;font-weight: bold;text-align: center; padding-top: 60px; padding-bottom: 10px;color: #ffffff; }
	.t2 h3{line-height: 50px;}
	.t2 h3::after,.t2 h3::before{content:'';padding-right: 15px; padding-left: 15px;}
	.t3{font-size: 24px;font-weight: bold;text-align: center; padding-top: 60px; padding-bottom: 10px;color: #333; }
	.m2con{position: relative; padding-top: 30px;}
	.m2con ul li{width: 100%; margin-left: 0px; height: 440px; float: left; margin-right: 0;box-shadow: 0px 0px 0px rgba(0,0,0,0.15)}
	
	.m2con ul{}
	.m2conli{color: #ffffff;  padding-left: 15px; padding-right: 15px; height: 360px; }
	.m2conli h3{font-size: 26px; font-weight: normal;line-height: 30px; padding-top: 45px;}
	.m2conli span{font-size: 14px;}
	.m2con ul li p{font-size: 14px;color: #fff; padding-left: 40px; padding-top: 12px;}
	.m2con .hd{position: absolute; width: 100%; height: 38px;top: 45%;}
	.m2con .hd .next{width: 22px; height: 38px; display:block; background: url(../img/jian1.png); float: left; position: relative; left: -25px;}
	.m2con .hd .prev{width: 22px; height: 38px; display:block; background: url(../img/jian2.png); float: right;position: relative; right: -25px;}
	.m2conwapli{width: 240px; height: 360px; border-bottom: 1px solid #fff;margin: auto;border-bottom: 1px solid #fff;margin: auto;box-shadow: 0px 0px 20px rgba(0,0,0,0.15);background-size: cover;}
	
	
	#m4{background: url(../img/m4.jpg) center; height: 847px;}
	.m4con{padding-top: 68px;}
	.m4con ul.bd{margin-left: 0px;}
	.m4con ul.bd li{width: 100%; height: 411px;background: #ffffff; float: left; margin-left: 0px;}
	.m4con ul.bd li .img{width: 100%; height: 250px;background-size: cover; position: relative;}
	
	.m3conwap{height: 400px;}
	.m3conwap ul{ margin-left: 7px; margin-top: 50px;}
	.m3conwap ul li{width: 100%; float: left; text-align: center; overflow: hidden;  }
		.m3conwap ul li .m3c{width: 250px; height: 250px; border-radius: 50%;background: url(../img/ch.png) center no-repeat;background-size: 100% 100%; position: relative;margin: 50px auto;}
	.m3c{height: 250px; overflow: hidden;}
	.m3cona{width: 104px;border-radius: 50%;background-image: linear-gradient(to right, #0054ce,#0097d0); height: 104px;margin: auto; margin-top: 50px;}
	.m3conwap ul li h3{background: #3d7bb4;color: #ffffff; height: 75px;position: absolute;bottom: 0; width: 100%;line-height: 75px;}
	.m3conwap>ul>li.on{width: 100%; height: 250px; display: block; border-radius: 50%;background: url(../img/ch.png) center no-repeat;transition: all 0.5s;transform: rotate(360deg);}
	.m3conwap ul li.on h3{background: #3d7bb4;color: #ffffff; height: 75px;position: absolute;bottom: 0; width: 100%;line-height: 75px;transition: all 0.3s;}
	.m3conwap>ul>li.on .m3cona{display: none;transition: all 0.3s;}
	.m3conb{height: 175px;display: block;transition: all 0.3s;}
	.m3conb img{height: 175px;margin: auto;transition: all 0.3s;}
	.m3conwap>ul>li .m3conb{display: block;transition: all 0.3s;}
}