footer{overflow: hidden;}
body{font-size:14px;font-family:'微软雅黑';overflow-x:hidden;}
*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:#666;} 

.odcontent{max-width:1500px;margin:0 auto; width:90%;position:relative;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} 
.clearfix{zoom:1}
input,textarea{border: none;outline: none;}
button {border: none;padding: 0;}
.fl{float:left}
.fr{float:right}

.por{position: relative;}
.poa{position: absolute;}

img{border: none;vertical-align: middle;}

*:focus{
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
/* -commom end- */

/* 头部 */
			#top{width:100%; height:42px; border-bottom:solid 1px #e8e8e8; line-height:42px;}
			.mess{display:block; line-height:42px; background:url(../images/mess.gif) no-repeat 40px center; float:left;}
			#lan{float:right; height:42px;}
			#lan span{display:block; padding-right:8px;line-height:42px; float:left;border-right:1px solid #e8e8e8;}
			#lan a{float:left; display:block; border-right:1px solid #e8e8e8; padding: 0 15px;}
			#lan a:hover{background-color:#f7f7f7; color:#333;}
			#lan a.on{background:#177cc2; color:#fff;}
			#top2{height:111px; width:100%; background:#fff;}
			#logo{width:240px; height:111px;float:left; }
			#logo a{display:block; width:100%; height:100%;}
			.bango{width: 290px;height:111px;float: left;padding-left:10px}
			.bango h4{margin-top: 12px;font-size: 20px;}
			.bango em{color: red;font-size: 34px;font-weight: 500;}
			.bango h5{font-size: 20px;color: #177cc2;}
			.linego{float:left;margin-left: 12px;}
			#menu{width:auto; float:right; padding-top:24px;}
			.MenuList_d1{display:none;}
			
			/* 移动端style */
			.MenuList_c1{  width:100%; height:67px; float:left; position:relative;}
			.MenuList_c1 .MenuItems { margin:0 auto;}
			.MenuList_c1 .MenuItems>li {float:left; width:105px; height:67px; position:relative; background:url(../images/menuline.gif) no-repeat right center;}
			.MenuList_c1 .MenuItems>li:nth-last-child(1){background: none;}
			.MenuList_c1 .MenuItems li a {width:100%;  height:100%; display:block; font-family:"微软雅黑";  color: #333; text-align:center; font-size:18px; line-height:64px;}
			.MenuList_c1 .MenuItems li a:hover {color:#177cc2}
			.MenuList_c1 .MenuItems li:hover a {color:#177cc2}
			.MenuList_c1 .MenuItems li.on a{color:#177cc2;}
			/*二级导航样式*/
			.MenuList_c1 .MenuItems li div {visibility:hidden; position:absolute; margin-top:-2px; z-index:20; display:none; padding-top:22px;}
			.MenuList_c1 .MenuItems li.hover div {/*ie6不支持li:hover所以在这里写成li.hover以方便js取样式*/visibility:visible; position:absolute; display:block; width:100%; }
			.MenuList_c1 .MenuItems li div ul{width:110%; margin-left:-14%;}
			.MenuList_c1 .MenuItems li div ul li{  width:110%; height:50px; float:left; line-height:45px;}
			.MenuList_c1 .MenuItems li div ul li a { width:110%;height:50px; line-height:50px;display:block; color:#fff !important; text-align: center  !important; background:#177cc2; font-size:15px;transition-duration:.3s; -moz-transition-duration:.3s; -webkit-transition-duration:.3s;  }
			.MenuList_c1 .MenuItems li div ul li a:hover { color:#fff !important; background:#f8d716;transition-duration:.3s; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; }
			.MenuList_c1 .move-bg{ display:none;position:absolute;left:0px;top:65px; margin-left:20px; width:65px; height:2px; background:#177cc2;}
			@media only screen and (max-width: 1550px){
				.linego{height: 70%;}
				#logo{width:13%;padding-top:2%;box-sizing: border-box;}
				.bango{width: 18%;}
				.bango h4{font-size: 18px;margin-top: 10%;}
				.bango h4 em{font-size: 24px;}
				.bango h5{font-size: 14px;}
			}
			
			@media only screen and (max-width: 1200px){
				#top2{height:70px;}
				#logo{width:190px; height:70px;float:left; padding-left:0;padding-top: 0;}
				.linego,.bango{display: none;}
				#top{display:none;}
				#menu{display:none;}
				.MenuList_d1{display:block;}
			}
			@media only screen and (max-width: 800px){
				#top2{height:70px;}
				#logo{width:145px; height:70px;float:left; padding-left:0;padding-top: 10px;}
				#top{display:none;}
				#menu{display:none;}
				.MenuList_d1{display:block;}
			}
			
		 
		  /* banner */
.banner{width: 100%;height:auto;overflow: hidden;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container img{width: 100%;height:100%;}
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner .swiper-button-prev{background-image: url('../images/arrow-left-light.png');left: 20px; }
.banner .swiper-button-next{background-image: url('../images/arrow-right-light.png');right: 20px; }
.banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination span{width: 10px;height: 10px;background: none;padding: 0;margin: 0; border:none; background:#177cc2;margin: 0 25px;opacity: 1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{   border:none; background:#f8d507}

.banner .swiper-pagination{height: 8px;bottom: 38px;}
.banner .swiper-pagination span{width: 100px;height: 7px;margin: 0 8px; border:none; border-radius: 5px;}

 
.banner .swiper-container .hide{
  opacity:0;
}
.banner .swiper-button-next,.banner .swiper-button-prev{
  transition:opacity .5s;
}

.pcpt .banner-txt01{ font-weight:bold;position: absolute;top: 36%;  left: 60%;}
.pcpt .banner-txt01 h3{font-size: 46px;color: #177cc2; letter-spacing:2px; }
.pcpt .banner-txt01 p{font-size: 24px;color: #177cc2; margin-top:100px }

.pcpt .banner-txt02{ position: absolute;top: 68%;  left: 50%;transform: translateX(-50%); text-align:center;}
.pcpt .banner-txt02 h3{font-size: 40px;color: #177cc2; letter-spacing:4px; font-weight:lighter; }
.pcpt .banner-txt02 p{margin-top: 10px;font-size: 16px;color: red; line-height:28px;letter-spacing:1px; }

.pcpt .banner-txt03{ font-weight:bold;}
.pcpt .banner-txt03 h3{font-size: 36px;color: #fff; top: 42%;left: 20%;position: absolute; font-weight:bold;}
.pcpt .banner-txt03 p{margin-top: 20px;font-size: 43px;color: #fff; top: 46%;left: 13%;position: absolute; font-weight:bold;}

.mbpt .banner-txt01{ font-weight:bold;position: absolute;top: 20%;  left: 31%;}
.mbpt .banner-txt01 h3{font-size: 23px;color: #177cc2; letter-spacing:2px; }
.mbpt .banner-txt01 p{font-size: 15px;color: #177cc2; margin-top:50px }

.mbpt .banner-txt02{ position: absolute;top: 62%;  text-align:center; padding:0 10%;}
.mbpt .banner-txt02 h3{font-size: 16px;color: #177cc2; letter-spacing:2px; font-weight:lighter; }
.mbpt .banner-txt02 p{margin-top: 1px;font-size: 14px;color: red; line-height:28px;letter-spacing:1px; }

.mbpt .banner-txt03{ font-weight:bold;}
.mbpt .banner-txt03 h3{font-size: 18px;color: #fff; top: 21%;left: 19%;position: absolute; font-weight:bold;}
.mbpt .banner-txt03 p{margin-top: 15px;font-size: 21px;color: #fff; top: 25%;left: 15%;position: absolute; font-weight:bold;}
 
/* inbanner */
.inbanner{width: 100%;height: auto;overflow: hidden;}
.inbanner .pcpt{display: block;width: 100%;height: 100%;}
.inbanner .mbpt{display: none;width: 100%;height: 100%;}

@media only screen and (max-width: 740px){
	.banner .pcpt{display: none;}
	.banner .mbpt{display: block;}
	.banner .swiper-button-prev{display: none;}
	.banner .swiper-button-next{display: none;}
}
 
@media only screen and (max-width: 680px){
	.banner .swiper-pagination{bottom: 25px;}
}
		 

		/*search*/
		.search{box-sizing: border-box;border-bottom: 1px solid #bfbfbf;}
		.keyword{font-size: 14px;color: #888;line-height: 100px;opacity: 0.74}
		.keyword b{font-weight: normal;color: #202020;}
		.keyword a{color: #666;display:inline-block;margin-right: 12px;}
		.sou{margin-top: 30px;position: relative;}
		.sou .ipt1{border: none;border-right: 1px solid #d3d3d3;padding-left: 22px;font-size: 14px;line-height: 37px;width: calc(100% - 88px);opacity: 0.5;color: #202020;margin-right: 22px;position: relative;}
		.sou:before{content: "|";left:0;top: 7px;position: absolute;color: #d8d8d8;}
		.sou .ipt2{background: url(../images/search.png) no-repeat left center;display: block;width: 22px;height: 22px;border: none;float: right;margin-top: 7px;}
		@media only screen and (max-width: 820px){
			.sou{float: left;margin-top: 0;width: 100%;}
			.keyword{margin-bottom: 4px;width: 100%;border-bottom: #eee dotted 2px;line-height: 40px;}
		}
		@media only screen and (max-width: 480px){
			.keyword{line-height: 30px;margin-bottom: 0px;width: 100%;}
			.keyword a{margin-right: 6px;}
		}
		
		/* productline */
		.jk h2{font-size: 36px;text-align: center;font-weight: 600;padding-top: 80px;margin-bottom: 50px;}
		.jk h2 b{color: #177cc2;}
		.jk h2 em{font-size: 22px;display: block;margin-top: 26px;line-height: 24px;color: #000;letter-spacing: 10px;font-style: normal;}
		.jk .tit{padding-top:10px;margin-bottom: 30px;}
		.jk .tit li{float: left;width:33.3%;text-align: center;color: #282828;font-size: 24px;}
		.jk .tit li:nth-child(1){}
		.jk .tit li:nth-child(2){position: relative;}
		.jk .tit li:nth-child(2):before{position: absolute;left: 0;top: 30px;content: "";width: 1px;height: 81px;background: #939393;}
		.jk .tit li:nth-child(2):after{position: absolute;right: 0;top: 30px;content: "";width: 1px;height: 81px;background: #939393;}
		.jk .tit li:nth-child(3){}
		
		.jk .tit li b{font-size: 48px;height: 87px;display: inline-block;}
		.jk .tit li em{display: block;margin:10px auto 0;width: 56%;font-size: 18px;clear: both;font-style: normal;}
		.jk .tit li:hover,.jk .tit li:hover b,.jk .tit li:hover em{color: #0087f9;}
		
		.jk .con li{float: left;width: 33.33%;position: relative;overflow: hidden;line-height: 0;}
		.jk .con li:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index:2;content: "";display: none;}
		.jk .con li p{position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0;text-align: center;line-height: 110%;}
		.jk .con li p em{width:4.56rem;height:0.25rem;background: #fff;display: block;margin: 0 auto;margin-top: 13%;margin-bottom: 7.06%;line-height: 110%;}
		.jk .con li p b{display: block;font-size: 2rem;color: #fff;line-height: 110%;}
		.jk .con li p b img{width: 50%;}
		.jk .con li p span{display: -webkit-box;color: #fff;font-size: 16px;line-height: 35px;padding:0 15%;margin-top: 8%; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
		.jk .con li p a{display: block;background: url(../images/jk_more.png) no-repeat center;width: 12rem;height: 2.5rem;text-align: center;margin: 0 auto;border: 1px solid #fff;background-size: 4rem auto;margin-top: 10.45%;}
		.jk .con li img{width: 100%;height: 100%;}
		.jk .con li:hover:after{display: block;}
		.jk .con li:hover p em{background: #008aff;}
		.jk .con li:hover p b{color: #008aff;}
		.jk .con li:hover p a{background: #008aff url(../images/jk_more.png) no-repeat center;border: 1px solid #008aff;}
		.jk .con li.l1{width:33.3%;}
		.jk .con li.l2{width: 33.3%;}
		.jk .con li.l3{width:33.3%;}
		@media only screen and (max-width: 1200px){
			.jk .con li p span{margin-top: 4%;}
		}
		@media only screen and (max-width:1000px){
			.jk > .odcontent{width: 100%;}
			.jk .tit li em{width: 80%;}
			.jk .tit li:nth-child(2):before{top: 30px;content: "";width: 1px;height: 80%;background: #939393;}
			.jk .tit li:nth-child(2):after{top: 30px;content: "";width: 1px;height: 80%;background: #939393;}
			.jk .con li p a{width: 8rem;margin-top: 5%;}
		}
		@media only screen and (max-width:800px){
			.jk h2{margin-bottom: 10px;}
			.jk .tit li b{font-size: 36px;height: auto;}
			.jk .tit li em{font-size: 16px;}
			.jk .con li p a{width: 5rem;height:1.5rem;margin-top: 5%;}
		}
		@media only screen and (max-width: 680px){
			.jk h2{padding-top: 40px;font-size: 24px;}
			.jk h2 em{font-size: 18px;margin-top: 14px;}
			.jk .tit li b{font-size: 20px;}
			.jk .con li.l1{width: 100%;}
			.jk .con li.l1 b{display: block;}
			 .jk .con li.l2,.jk .con li.l3{width: 100%;} 
			.jk .con li p span{-webkit-line-clamp: 2;}
		}
		@media only screen and (max-width:480px){
			.jk .tit li em{width:90%;font-size: 14px;margin-top: 0;}
			.jk h2{padding-top: 30px;}
			.jk h2 em{margin-top: 0;}
		}
		/* 小产品案例 */
		.pro_case{padding:40px 0;}
		.pro_case2{padding:40px 0;}
		.pro_c{text-align: center;}
		.pro_c .pdrb20{text-align: center; padding-bottom:20px;}
		.pro_c .swiper-scrollbar{position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 3px;width: 100%;}
		.pro_c ul li{float: left;width: 23.5%;margin-right: 2%;text-align: center;}
		.pro_c ul li:nth-child(4n){margin-right: 0;}
	 
		.pro_c h6, .pro_c h6 a{font-size: 22px;color: #177cc2;}
		.pro_c p, .pro_c a{font-size: 16px;color: #000; line-height:30px;}
		.pro_c .pro_c_img img{width: 100%;}
		@media only screen and (max-width:680px){
			.pro_case{padding:30px 0;}
			.pro_case2{padding:30px 0;}
			.pro_c h6{font-size: 16px;}
			.pro_c .pro_c_img img{width: 100%;}
		 
		}
		
		/* 关于我们 */
		.odcontent1{width: 80%;max-width: 1500px;margin: 0 auto;}
		.about{background: #eee;padding: 100px 0;}
		.about .about_txt{width: 50%;}
		.about .more{text-align: center;}
		.about .more a{display: inline-block;padding: 10px 30px;color:#177cc2;border: 1px solid #177cc2;}
		.about .about_title b{color:#177cc2;}
		.about .about_title h2{font-size: 36px;}
		.about .about_title h3{font-size: 22px;margin: 40px 0;}
		.about .about_con{font-size: 16px;color: #666;line-height: 32px;}
		.about .about_rt{width: 48%;}
		.about_rt .about_img{z-index: 2;}
		.about_rt .about_img img{width: 100%;}
		.about_rt .wrap:after{content:" ";position: absolute;width: 70%;height:70%;right: -9%;bottom:-18%;border:2px solid #177cc2;z-index:1}
		
		
		.about_con01 .abo_left {padding: 30px 0;}
		.about_con01 .abo_left dl {width: auto;float: left;text-align: left;padding:0 8% 2% 0;}
		.about_con01 .abo_left dl:nth-child(4){padding:0 0 2% 0;}
		.about_con01 .abo_left dl dt {font-size: 40px;color: #177cc2;font-weight: bold;text-align: center;}
		.about_con01 .abo_left dl dd {font-size: 16px;line-height: 24px;}
		@media only screen and (max-width:1000px){
			.odcontent1{width: 90%;}
			.about .about_rt{width: 100%;margin-top: 20px;}
			.about .about_txt{width: 100%;}
			.about_rt .wrap{display: none;}
		}
		@media screen and (max-width:680px){
		.odcontent{width: 94%;}
			.about{padding: 40px 0;}
		.about_con01 .abo_left {padding: 10px 0;}
		.about_con01 .abo_left dl {width: 50%;float: left;text-align: center;padding: 15px 0;}
		.about_con01 .abo_left dl dd {font-size: 15px;line-height: 24px;}
		.about .about_title h3{margin: 12px 0;font-size: 18px;}
		.about .about_title h2{font-size: 24px;}
		}
		@media only screen and (max-width:480px){
			.odcontent1{width: 94%;}			
			.about{padding: 30px 0;}
			.about_con01 .abo_left dl{padding: 0 0 15px;}
			.about_con01 .abo_left dl dt{font-size: 26px;}
			.about .about_title h3{margin-top: 0;}

		}

/* 工程案例 */
			.index_case{background: url(../images/albg.jpg)no-repeat center;}
			.index_case h2{font-size: 36px;text-align: center;font-weight: 600;padding-top: 80px;margin-bottom: 50px;}
			.index_case h2 b{color: #177cc2;}
			.index_case h2 em{font-size: 22px;display: block;margin-top: 26px;line-height: 24px;color: #000;letter-spacing: 10px;font-style: normal;}
			.odcontent2 {position: relative;margin: 0 auto;width: 80%; max-width:1200px; *zoom: 1;}

			.Bridgelist li{position: relative; float: left; width: 25%;  }
			.Bridgelist li img{ width: 100%; }
			.Bridgelist li p{position: absolute;left: 0;right:0;bottom:0; font-size: 16px; color: #ffffff; text-align: center;   height: 45px; line-height: 45px; background: rgba(0,0,0,.5);}
			
			.cae-btn{height: 38px; line-height: 38px;background: #177cc2;text-align: center;font-size: 14px; }
			.cae-btn a{color:#fff}
			.cae-btn span{cursor: pointer; position: absolute;z-index: 3; display: block; width: 11px;height: 18px; margin-top: -9px; top: 50%;}
			.cae-btn span.prev{left: 0; background: url(../images/s-p.png);}
			.cae-btn span.next{right: 0; background: url(../images/s-n.png);}
			@media only screen and (max-width: 800px){
				.Bridgelist li{width: 50%;}
			}
			@media only screen and (max-width:680px){
				.index_case h2{font-size: 24px;padding-top: 40px;margin-bottom: 20px;}
				.index_case h2 em{font-size: 18px;margin-top:12px}
			}
			@media only screen and (max-width:480px){
				.index_case h2{padding-top: 30px;}
				.index_case h2 em{margin-top: 0;}
				.Bridgelist li p{height: 30px;line-height: 30px;font-size: 14px;}
			}
			
			/* news */
			.news{background:rgb(248,253,247);padding-bottom: 60px;}
			.news h2{font-size: 36px;text-align: left;font-weight: 600;padding-top: 80px;margin-bottom: 50px;}
			.news h2 b{color: #177cc2;}
			.news h2 em{font-size: 22px;display: block;margin-top: 26px;line-height: 24px;color: #000;letter-spacing: 10px;font-style: normal;font-weight: normal;}
			.news_list ul li{width: 23.5%;float: left;margin-right:2%;}
			.news_list ul li:nth-child(4n){margin-right: 0;}
			.li_img img{width: 100%;}
			.news_con{box-sizing: border-box;padding: 20px 10px 10px;}
			.news_con .time{display: inline-block;padding:5px;background: #177cc2;color: #fff;font-size:16px}
			.news_con .news_title h6{display: -webkit-box;height:48px;margin:20px 0 10px;font-size: 18px; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
			.news_con .news_pro{min-height: 57px;}
			.news_con .news_pro p{line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#666}
			.news_con .more a{display: inline-block;margin:20px 0;color: #177cc2;}
			.news_con .line{position: absolute;width:0px;height: 4px;background:#177cc2;bottom: 0;transition: all 0.5s ease-out;}
			.news_list ul li:hover div.line{width: 100%;}
			
			.news_btn .news_pre,.news_btn .news_next{position: absolute;width: 35px;height: 35px;background: #000;top: 40%;z-index: 2;}
			.news_btn .news_pre{left:-50px;background:url(../images/left1.png) no-repeat right center/35px 68px;cursor:pointer}
			.news_btn .news_next{right:-50px;background:url(../images/right1.png) no-repeat left center/35px 68px;cursor:pointer}
			@media only screen and (max-width: 800px){
				.news_list ul li{width: 49%;margin-bottom: 10px;}
				.news_list ul li:nth-child(2n){margin-right: 0;}
				.news_con .news_title h6{margin: 10px 0;}
				.news_btn{ display:none;}
				.flink{ display:none;}
			}
			@media only screen and (max-width: 680px){
				.news h2{font-size: 24px;padding-top: 40px;margin-bottom: 20px;}
				.news h2 em{font-size: 18px;margin-top:12px}
				.news_con .more a{margin: 10px 0 0;}
				.odcontent2{width: 90%;}
				.news_btn .news_pre{left: 0;top:100%;background-size: 20px 30px;background-position: left;}
				.news_btn .news_next{right: 0;top:100%;background-size: 20px 30px;background-position: right;}
			}
			@media only screen and (max-width:480px){
				.odcontent2{width: 94%;}
				.news{padding-bottom: 20px;}
				.news h2{padding-top: 30px;}
				.news h2 em{margin-top: 0;}
				.news_con .news_title h6{height:45px;font-size: 16px;}
				.news_con .news_pro p{line-height: 25px;}
				.news_btn .news_pre,.news_btn .news_next{background-size: 10px 20px;}

			}
			
			/* footer */
			.foot_top{height: 215px;background: url(../images/foot_top.jpg) no-repeat center;}
			.foot_top ul li{float: left;margin-top: 70px;width: 33.3%;color:#fff;}
			.foot_top ul li:nth-child(2){text-align: center;}
			.foot_top ul li a{color:#fff}
			.fot_mes{box-sizing: border-box;padding: 20px 0 20px 90px;}
			.cer{background: url(../images/cert.png) no-repeat left center;}
			.crew{background: url(../images/crew.png) no-repeat left center;display:inline-block;}
			.crew .en,.crew .cn{text-align: left;}
			.net{background: url(../images/net.png) no-repeat left center;float: right;}
			/* 底部 */
			.newFooterTop{padding:40px 0 25px;}
			.newFooterTop ul{float:left;}
			.newFooterTop li{float:left;margin-right:68px;}
			.newFooterTop li:nth-last-child(1){margin-right: 0;}
			.newFooterTop li dt{margin-bottom:12px;font-size:16px;font-weight:bold;}
			.newFooterTop li a{color:#444;}
			.newFooterTop li dd{font-size:14px;line-height:35px;}
			.newFooterTop .code{width:275px;float:right;}
			.newFooterTop .code .logo_img img{width: 100%;}
			.newFooterTop .code dl{margin:0 -10px;}
			.newFooterTop .code dd{text-align:center;margin:0 5px 0 0;width:95px;float:left;color:#444;font-size:14px;}
			.newFooterTop .code dd:nth-child(1) img{height: 126px;}
			.newFooterTop .code dd:nth-child(3){margin: 0;}
			.newFooterTop .code dd img{display:block;margin-bottom:12px;width: 100%;}
			
			.newFooterBtm{font-size:14px; color:rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.1);line-height:50px;background:#011c75;}
			.newFooterBtm a{display:inline-block;color:rgba(255,255,255,.7);line-height:14px;padding:0 14px;}
			.newFooterBtm a:hover{color:#fff;}
				@media only screen and (max-width:1400px){
					.newFooterTop li{margin-right: 48px;}
				}
			
				@media only screen and (max-width: 1200px){
					.newFooterTop ul{display: none;}
					.newFooterTop .code {float: none;margin: auto;}
					
				}
				@media only screen and (max-width: 680px){
					.newFooterBtm{display: none;}
				
					.fot_mes{padding-top: 12px;}
					.newFooterTop{padding: 0 0;}
					/*.foot_top ul li:nth-child(2) {text-align: left;}
					.net{float: none;}*/
					.fot_mes .en{ display:none;}
					.foot_top ul li {margin-top: 20px;}
				    .foot_top{height: 100px;}
					
				}
				.fix{position: fixed;right: 1%;top:30%;z-index: 10000;}
.fix .back i{font-size: 30px;color: #ffffff;}
.fix ul li {width: 65px;height: 65px;background-color: #177cc2;margin-bottom:1px;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .5s;position: relative;cursor: pointer;}
.fix ul li a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.fix ul li p {font-size: 14px;color: #ffffff;margin-top: 5px;}
.fix ul li:hover {background-color: #177cc2;}
.fix ul .phone:hover .fix_te{opacity: 1;width: 150px}
.phone{position: relative;}
.phone .fix_te{position: absolute;top:0;right: 65px;height: 65px;line-height:65px;opacity: 0;transition: .5s;width: 0;text-align: center;background: #177cc2;border-right: 1px solid #ffffff;color: #ffffff;}
.fix_qr .fix_te{position: absolute;top:0;right: 65px;background: url("../images/ewm01.jpg")no-repeat;width: 0;height: 90px;background-size: 100% 100%;opacity: 0;transition: .5s;}
.fix ul .fix_qr:hover .fix_te{opacity: 1;width: 90px}
				
				@media only screen and (max-width:480px){
				.fix{ display:none;}
					.cer{background: url(../images/cert.png) no-repeat left center/60px;}
					.crew{background: url(../images/crew.png) no-repeat left center/60px;}
					.net{background: url(../images/net.png) no-repeat left center/60px;}
					.fot_mes{padding:15px 0 20px 55px;}
					.pro_c h6, .pro_c h6 a{font-size: 18px;color: #177cc2; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
				}