#head{height: 120px; background: #ffffff;}
.logo{padding-top: 38px; float: left;}
.head_r{float: right;}
.head_r_t{float: right; height: 28px; padding-top: 20px;position: relative; }
.head_r_t img{padding: 0px 16px;}
.head_r_t span:hover{cursor:pointer}
.head_r_t span .sewm{position: absolute;left: 0;top: 55px; z-index: 99;display: none;}
.head_r_t span .sewm img{width: 100%;}
.head_r_t span:hover .sewm{display: block;}
.head_r_t span:hover .hdh{display: block;}
.hdh{display: none;
    position: absolute;
    top: 15px;
    left: -130px;
    font-size: 20px;
    width: 133px;}
.head_r{float: right;}
.head_r_t{float: right; height: 28px; padding-top: 20px; }
.head_r_t img{padding: 0px 16px;}
.nav{clear: both;}
.nav ul{padding-top: 10px;}
.nav ul li{float: left; font-size: 18px; padding: 0px 20px; padding-bottom: 26px; position: relative;background-position: bottom;}
.nav ul li ul{position: absolute; z-index: 99;background: #ffffff;top: 62px; width: 100%; left: 0; display: none;}
.nav ul li ul li{font-size: 16px; padding: 0; width: 100%;text-align: center;}
.nav ul li ul li:hover{background: #e6212a;}
.nav ul li ul li:hover a{color: #fff;}
.nav ul li.on{background: url(../img/navon.png) bottom no-repeat;}
#banner{height: 830px; position: relative; width: 100%;}
#banner2{height: auto; position: relative; width: 100%;clear: both; margin-top: 63px;}
#banner2 .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;  text-align:center;}
#banner2 .hd ul{ text-align:center;  padding-top:5px; }
#banner2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:16px; height:6px; margin:5px; border: 2px solid #ffffff; overflow:hidden; border-radius: 5px;line-height:9999px; 	}
	#banner2 .bd ul li{height: auto;min-height: 162px;}
#banner2 .hd ul .on{ width: 26px; background: #e6212a; border-color: #.nav ul li ul li;}


#banner ul li{height: 830px;}
#banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; 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:16px; height:6px; margin:5px; border: 2px solid #ffffff; overflow:hidden; border-radius: 5px;
		line-height:9999px; 
	}
#banner .hd ul .on{ width: 26px; background: #e6212a; border-color: #e6212a;}
#banner .prev,
#banner .next{  display:block; width: 60px; height: 43px; filter:alpha(opacity=60);opacity:0.6;  float: left; margin-left: 20px;  }
#banner .prev{background: url(../img/l2.png);}
#banner .next{background: url(../img/r2.png);}
.bannerp{ width: 1200px; margin: auto; bottom:94px; position: absolute; left: 50%; margin-left: -600px;}
#banner .prev:hover,
#banner .next:hover{opacity: 1;cursor:pointer;}

#m1{height: 78px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.m1l{font-size: 15px; color: #999999; line-height: 78px; float: left;}
.m1l span{color: #666666; font-size: 15px; font-weight: bold;}
.m1r{float: right; border-bottom: 1px solid #dcdcdc; height: 77px;}
.m1r form,.s1,.s2{border: 0;}
.s2{background: url(../img/s2.png); width: 20px; height: 20px; float: left; margin-top: 30px;}
.s1{margin-top: 33px; padding-left: 5px; outline: none;}
.m2{height: 925px;}
.t1{text-align: center; padding-top: 110px;}
.t1 h3{color: #333333; font-size: 50px; font-weight: bold; line-height: 50px; padding-top: 10px;}
.t1 h3::before{content: url(../img/t1.png); width: 20px; height: 20px; position: relative; right: 20px; top: -5px;}
.t1 h3::after{content: url(../img/t1.png); width: 20px; height: 20px; position: relative; left: 20px; top: -5px;}
.t1 h3 span{font-size: 26px; position: relative; top: -5px;}
.t1 p{font-size: 22px; color: #555555;}
.m2con .hd{padding-top: 35px; height: 70px;}
.m2con .hd ul{display: flex;}
.m2con .hd ul li{font-size: 25px; color: #333333; line-height: 24px; padding-left: 50px; flex: 1; text-align: center;}
.m2con .hd ul li span{display: block; font-size: 15px;  color: #999999;}

.m2con .hd ul li:nth-child(1) .img{background: url(../img/i1.png) center no-repeat;}
.m2con .hd ul li:nth-child(2) .img{background: url(../img/i2.png) center no-repeat;}
.m2con .hd ul li:nth-child(3) .img{background: url(../img/i3.png) center no-repeat;}
.m2con .hd ul li:nth-child(4) .img{background: url(../img/i4.png) center no-repeat;}
.m2con .hd ul li:nth-child(1).on .img{background: url(../img/i1on.png) center no-repeat;}
.m2con .hd ul li:nth-child(2).on .img{background: url(../img/i2on.png) center no-repeat;}
.m2con .hd ul li:nth-child(3).on .img{background: url(../img/i3on.png) center no-repeat;}
.m2con .hd ul li:nth-child(4).on .img{background: url(../img/i4on.png) center no-repeat;}
.m2con .hd ul li .con{text-align: left; padding-left: 10px;}
.m2con .hd ul li .img{width: 44px; height: 44px;}
.m2con .hd ul li.on .con{color: #e6212a;}
#m3{height: 1145px;}
.m3con{height: 785px; background: url(../img/m3.jpg) center;}
.m3hd{height: 48px;border: 1px solid #dcdcdc; transform:skewX(-15deg); width: 1185px;margin: 48px auto;}
.m3hd ul{display: flex;}
.m3hd ul li{float: left; flex: 1; text-align: center; height: 48px;line-height: 48px;position: relative;}
.m3hd ul li::after{content: url(../img/m3li.png); width: 10px; height: 30px;position: absolute; right: -5px;top: 5px;}
.m3hd ul li:nth-child(1)::after{display: none;}
.m3hd ul li.on{background: #e6212a;}
.m3hd ul li.on::after{display: none;}
.m3hd ul li a{transform:skewX(15deg);display: block; font-size: 15px;}
.m3hd ul li.on a{color: #ffffff;}

.m3l{width: 830px; height: 785px; float: left; position: relative;}
.m3r{width: 370px; float: right;}
.p1b{width: 686px; height: 236px;background: url(../img/p1b.png);position: absolute;bottom: 52px;left: 62px;}
.m3l .img{position: absolute; left: 100px;bottom: 150px; z-index: 9; display: block;text-align: center; width: 600px;}
.m3l .img img{display: inline-block;}
.m3r{padding-top: 170px;}
.m3rt{padding-bottom: 20px;}
.m3rt h3{color: #333333; font-size: 33px; font-weight: bold;line-height: 33px;}
.m3rt span{color: #666666; font-size: 12px;}
.m3rcon{position: relative; height: 320px;}
.m3rcon p{font-size: 15px; color: #666666; line-height: 25px; padding-right: 45px;}
.m3rcon a{width: 190px; height: 55px;display: block; background:url(../img/m3a.png);color: #ffffff;text-align: center;font-size: 17px;line-height: 46px;position: absolute;bottom: 0;}

.m3p{position: absolute; top:40%; width: 100%;}
.m3p .prev,
.m3p .next{  display:block; width: 41px; height: 75px;  float: left; margin-left: 20px;  }
.m3p .prev{background: url(../img/lm3.png); float: left; position: relative; left:-60px;}
.m3p .next{background: url(../img/rm3.png); float: right; position: relative; right: -60px;}
.m3p .prev:hover{background: url(../img/l2m3.png);cursor:pointer;}
.m3p .next:hover{background: url(../img/r2m3.png);cursor:pointer;}
#m4{height: 830px; position: relative;}
.m4{height: 160px;background: url(../img/m4.jpg) center;}
#m4 iframe{height: 530px;  width: 100%; position: absolute; bottom:0; left: 0; z-index: -1;overflow: hidden;}
.m4t{background:url(../img/m4t.png) left no-repeat; color: #333333; font-size: 22px; padding-left: 33px; font-weight: bold; margin-top: 56px;}
.m4t a{float: right; font-size: 16px; font-weight: normal;}
#m4con{position: absolute; top: 300px; height: 530px;}
.m4con{margin-top: 20px; }
.m4l{width: 820px; float: left;}
.m4lcon{height: 150px; background: url(../img/a5.png) center no-repeat #ffffff;box-shadow:0px 0px 30px rgba(95,95,95,0.1);}
.m4lcon ul li{float: left; height: 68px; width: 345px; line-height:68px; border-bottom:1px solid #c6c4cb; background: url(../img/a4.png) right no-repeat;margin: 0px 32px; }
.m4lcon ul li:nth-child(1),.m4lcon ul li:nth-child(2),.m4lcon ul li:nth-child(3){display: none;}
.m4lcon ul li:nth-child(6),.m4lcon ul li:nth-child(7){ border-bottom:none;}
.m4r{width: 350px; height: 490px; box-shadow:0px 0px 30px rgba(95,95,95,0.1); float: right; background:#ffffff;}
.m4r ul{padding-top: 12px; padding-left: 36px;}
.m4r ul li{height: 140px; border-bottom: 1px solid #c6c4cb; padding-top: 9px; padding-right: 5px;}
.m4r ul li h3{font-size: 18px; font-weight: bold; color: #333333; background: url(../img/a6.png) left no-repeat; padding-left: 19px; padding-top: 10px; padding-bottom: 10px; margin-left: -19px;}
.m4r ul li p{color: #999999; font-size: 15px; line-height:20px;}
.m4r ul li span{font-size: 13px; color: #999999; }
.m4r ul li:nth-last-child(1){border-bottom:none}
.m4r ul li:hover h3{color: #e6212a;background: url(../img/a7.png) left no-repeat;}
.m4r ul li:hover p{color: #e6212a;}
.m4r ul li:hover span{color: #e6212a;}
#m5{height: 671px; background: url(../img/a8.jpg) no-repeat top; padding-top: 389px;}
.m5con{height: 550px; background: #fff; box-shadow:0px 0px 30px rgba(95,95,95,0.1);}
.m5con .con{text-align: center; font-size: 16px; color: #666666;}
.m5hd ul{width: 390px; height: 50px; margin: auto; margin-top: 30px;}
.m5hd ul li{float: left; width: 130px; height: 50px; background: #f3f3f3; text-align: center; line-height: 50px; font-size: 16px; color: #333333;}
.m5con .t1{padding-top: 25px;}
.m5hd ul li:nth-child(2){background: #e5e5e5;transform:skewX(-15deg); margin-left: -7px;}
.m5hd ul li.on{background: #e6212a; }
.m5hd ul li.on a{color: #fff;}
.m5hd ul li:nth-child(3){margin-left: -7px;}
.m5bd{width: 1008px; height: 220px; margin: auto; padding-top: 29px; position: relative;}
.m5bd ul{margin-left: -16px;}
.m5bd ul li{width: 240px; height: 167px; background: url(../img/a9.png); float: left; margin-left: 16px;}
.m5bd ul li img{width: 228px; height: 157px; padding-left: 7px; padding-top: 5px;}

.m5p{position: absolute; top:38%; width: 100%;}
.m5p .prev,
.m5p .next{  display:block; width: 17px; height: 34px;  float: left; margin-left: 20px;  }
.m5p .prev{background: url(../img/lm3.png); background-size:cover; position: relative; left:-60px;}
.m5p .next{background: url(../img/rm3.png); background-size:cover; float: right; position: relative; right: -60px;}
.m5p .prev:hover{background: url(../img/l2m3.png); background-size:cover;cursor:pointer;}
.m5p .next:hover{background: url(../img/r2m3.png); background-size:cover;cursor:pointer;}

#foot{height: 490px; border-top: 10px solid #01316f; background-color: #222222;}
.foot1{height: 399px; }
.foot1l{width: 260px; height: 300px; padding-top: 15px; border-right:1px solid #434343; float: left; margin-top: 44px;}
.foot1l ul li{color: #fff; width: 110px; line-height: 16px; margin-top: 23px;}
.foot1l ul li img{float: left; padding-right: 8px;}
.foot1m{width: 305px; padding-left: 66px; height: 300px; padding-top: 15px; border-right:1px solid #434343; float: left; margin-top: 44px;}
.foot_t span{font-size: 18px; font-weight: bold; color: #fff; border-bottom: 1px solid #434343; display: block; float: left;}
.foot_t span{}
.foot1mcon{color: #999999; clear: both;}
.foot1mcon ul{padding-top: 10px;}
.foot1mcon ul li{height: 40px; line-height: 40px; clear:both;}
.foot1mcon span{float: left; display: block; width: 30px; line-height: 40px;}
.foot1mcon span img{padding-top: 5px;}
.foot1r{width: 504px;  height: 300px; padding-top: 15px; float: right;margin-top: 44px;}
.foot1rcon{clear: both; padding-top: 10px;}
.foot1rcon ul li{float: left; width: 185px; line-height: 45px; background: url(../img/f7.png) no-repeat right ;}
.foot1rcon ul li:nth-child(2n){float: right; margin-right: 24px;}
.foot1rcon ul li a{color: #999999; font-size: 16px;}
.foot1rcon ul li span{}
.foot2{border-top: 1px solid #434343; color: #616161; height: 90px;}
.foot2l{float: left; font-size: 14px; line-height: 90px;}
.foot2r{width: 230px; height: 28px; border:1px solid #616161; line-height: 28px; float: right; margin-top: 34px; background: url(../img/f8.png) no-repeat;background-position: 225px 12px;font-size: 14px; padding-left: 8px; position: relative;}
.foot2r ul{width: 238px; height: 98px; position: absolute; border:1px solid #616161; left: 0; top:-100px; background-color: rgba(255,255,255,0.6); text-indent: 8px; overflow: auto; display: none;}
.foot2r ul li:hover{background-color: rgba(255,255,255,1)}
.foot2r:hover ul{display: block;}

#bannerzy{height: 375px; background: url(../img/banner2.jpg) center; position: relative;}		
#titzy{height: 50px; background: rgba(240,243,244,0.6); position: absolute; width: 100%; bottom: 0;}	
#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) ; }	
.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;}
/* 手机 */
@media (max-width:768px){
	.m1l{float: none;}
	#m4{height: auto; position: relative;}
	map{height: auto; position: absolute; top:0; left: 0; z-index: -1;}
	.m4l{width: 100%; float: left;}
	.m2{height:auto}
	.m2con .hd ul{display: block;}
	.m2con .hd ul li{font-size: 20px; color: #333333; line-height: 24px; padding-left: 0px; width: 50%; text-align: center; float: left; margin-bottom: 20px;}
	.m2con .hd ul li span{display: block; font-size: 14px;  color: #999999;}
	map{display: none;}
	.m2con .hd ul li .con{text-align: left; padding-left: 10px;}
	.m2con .hd ul li .img{width: 44px; height: 44px;}
	.m2con .bd{clear: both;}
	.t1{text-align: center; padding-top: 50px;}
	.t1 h3{color: #333333; font-size: 25px; font-weight: bold; line-height: 26px; padding-top: 10px;}
	.t1 h3::before{content: url(../img/t1.png); width: 20px; height: 20px; position: relative; right: 15px; top: -2px;}
	.t1 h3::after{content: url(../img/t1.png); width: 20px; height: 20px; position: relative; left: 15px; top: -2px;}
	.t1 h3 span{font-size: 26px; position: relative; top: -5px;}
	.t1 p{font-size: 22px; color: #555555;}
	
	.zydaohang{display: none;}
	#bannerzywap{position: relative;}
#m3{height: auto; width: 100%; overflow: hidden;}
.m3con{height: auto; background: url(../img/m3.jpg) center;}
.m3hd{height: 48px;border: 1px solid #dcdcdc; transform:skewX(0deg); width: 100%;margin: 48px auto;}
.m3hd ul{display: flex;}
.m3hd ul li{float: left; flex: 1; text-align: center; height: 48px;line-height: 48px;position: relative;}
.m3hd ul li::after{content: url(../img/m3li.png); width: 10px; height: 30px;position: absolute; right: -5px;top: 5px;}
.m3hd ul li:nth-child(1)::after{display: none;}
.m3hd ul li.on{background: #e6212a;}
.m3hd ul li.on::after{display: none;}
.m3hd ul li a{transform:skewX(15deg);display: block; font-size: 15px;}
.m3hd ul li.on a{color: #ffffff;}

.m3l{width: 100%; height: auto; float: none; position: relative;}
.m3r{width: 100%; float: none;}
.p1b{width: 100%; height: 236px;background-image: url(../img/p1b.png);    background-size: contain;
    background-position: bottom; background-repeat: no-repeat; position: absolute;bottom: -52px;left: 0px; }
.m3l .img{position: relative; left: 0;bottom: 0; z-index: 9; display: block;text-align: center; width: 100%; height: 300px; padding-top: 50px;}
.m3l .img img{display: inline-block;max-height: 100%;}
.m3r{padding-top: 20px;}
.m3rt{padding-bottom: 20px; padding-top: 56px; position: relative;}
.m3rt h3{color: #333333; font-size: 26px; font-weight: bold;line-height: 33px;}
.m3rt span{color: #666666; font-size: 12px;}
.m3rt a{display: block; float: right;     background: url(../img/m3a.png) no-repeat;
    background-size: 100% 100%;
    padding: 0px 20px 5px 20px;color: #ffffff;text-align: center;font-size: 15px;position: absolute;top: 65px; right: 0}
.m3rcon{position: relative; height: auto; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;}
.m3rcon p{font-size: 15px; color: #666666; line-height: 25px; padding-right: 45px;}
.m3rcon a{width: 190px; height: 55px;display: none; background:url(../img/m3a.png);color: #ffffff;text-align: center;font-size: 17px;line-height: 46px;position: absolute;bottom: 40px;}

.m3p{position: absolute; top:30%; width: calc(100% - 30px) ; z-index: 999;}
.m3p .prev,
.m3p .next{  display:block; width: 41px; height: 75px;  float: left; margin-left: 0px;  }
.m3p .prev{background: url(../img/lm3.png); float: left; position: relative; left:0px;}
.m3p .next{background: url(../img/rm3.png); float: right; position: relative; right:0px;}
.m3p .prev:hover{background: url(../img/l2m3.png);cursor:pointer;}
.m3p .next:hover{background: url(../img/r2m3.png);cursor:pointer;}	
	
	#m4con{position: absolute; top: 300px; height: auto;}
	.m4con{margin-top: 20px; }
	.m4l{width: 100%; float: none;}
	.m4lcon{height: auto; background: #ffffff;box-shadow:0px 0px 30px rgba(95,95,95,0.1);}
	.m4lcon ul li{float: none; height: 68px; width: calc(100% - 64px;); line-height:68px; border-bottom:1px solid #c6c4cb; background: url(../img/a4.png) right no-repeat;margin: 0px 32px; }
	.m4lcon ul li:nth-child(3),.m4lcon ul li:nth-child(4){ border-bottom:none;}
	.m4r{width: 350px; height: 490px; box-shadow:0px 0px 30px rgba(95,95,95,0.1); float: none; background:#ffffff;}
	.m4r ul{padding-top: 12px; padding-left: 36px;}
	.m4r ul li{height: 140px; border-bottom: 1px solid #c6c4cb; padding-top: 9px; padding-right: 5px;}
	.m4r ul li h3{font-size: 18px; font-weight: bold; color: #333333; background: url(../img/a6.png) left no-repeat; padding-left: 19px; padding-top: 10px; padding-bottom: 10px; margin-left: -19px;}
	.m4r ul li p{color: #999999; font-size: 15px; line-height:20px;}
	.m4r ul li span{font-size: 13px; color: #999999; }
	.m4r ul li:nth-last-child(1){border-bottom:none}
	.m4r ul li:hover h3{color: #e6212a;background: url(../img/a7.png) left no-repeat;}
	.m4r ul li:hover p{color: #e6212a;}
	.m4r ul li:hover span{color: #e6212a;}
#m5{height: auto; background: none; padding-top: 0; padding-right: 0; padding-left: 0; margin-top: 25px; }
.m5con{height:auto; background: #fff; box-shadow:0px 0px 30px rgba(95,95,95,0.1);}
.m5con .con{text-align: left; font-size: 16px; color: #666666;}
.m5hd ul{width: calc(100% + 14px); height: 50px; margin: auto; margin-top: 30px;}
.m5hd ul li{float: left; width:33.33%; height: 50px; background: #f3f3f3; text-align: center; line-height: 50px; font-size: 16px; color: #333333;}
.m5con .t1{padding-top: 25px; position: relative; top: -35px; background: #ffffff}
.m5hd ul li:nth-child(2){background: #e5e5e5;transform:skewX(-15deg); margin-left: -7px;}
.m5hd ul li.on{background: #e6212a; }
.m5hd ul li.on a{color: #fff;}
.m5hd ul li:nth-child(3){margin-left: -7px;}
.m5bd{width: 100%; height: 220px; margin: auto; padding-top: 29px; position: relative; overflow: hidden;}

.m5bd ul{margin-left: -16px;}
.m5bd ul li{width: calc(50% - 32px); height: 100px; background: url(../img/a9.png);background-size: 100% 100%; float: left; margin-left: 16px;}
.m5bd ul li img{width: calc(100% - 8px); height: calc(100% - 8px); padding-left: 4px; padding-top: 4px;}

.m5p{position: absolute; top:38%; width: 100%;}
.m5p .prev,
.m5p .next{  display:block; width: 17px; height: 34px;  float: left; margin-left: 20px;  }
.m5p .prev{background: url(../img/lm3.png); background-size:cover; position: relative; left:-60px;}
.m5p .next{background: url(../img/rm3.png); background-size:cover; float: right; position: relative; right: -60px;}
.m5p .prev:hover{background: url(../img/l2m3.png); background-size:cover;cursor:pointer;}
.m5p .next:hover{background: url(../img/r2m3.png); background-size:cover;cursor:pointer;}
.sjfoot{background-color: #222222; color: #999999; text-align: center; padding: 15px;}

	.spxwul{margin-left: -30px; margin-top: 30px;}
	.spxwul li{width: calc(100% - 50px); 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: auto;}
	.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;}

}

.bohao{position: fixed; right: 0px; top: 50%;}