.head{
    width: 100%; height: 0.98rem; line-height: 0.98rem;padding: 0px 60px; left: 0; top: 0; z-index: 1250000; position: fixed;
}

.headCurs,
.head:hover{ background-color: #fff;border-bottom: 1px solid #E5E5E5;}

.logo{ height:100%;display: table; }



.logo span{ display:table-cell; vertical-align:middle;}

.logo span img{display: inline-block;}



.nav{width:auto; height: 100%;   }



.nav li{position: relative; width:auto; float: left; padding: 0px 35px; height: 100%;  z-index:1000;}

.nav li a{width: 100%; height: 100%; display:block; position: relative; color: #fff;}



.headCurs .nav li a,.head:hover .nav .shop a,

.head:hover .nav li a,.head:hover .nav .shop a{color: #333;}

.headCurs  .nav li a:hover,

.head:hover .nav li a:hover{color: #00A5AB;}



.nav li a::after{

	 content: ""; width: 100%; height: 3px; 

	background-color: #00A5AB; opacity: 0; position: absolute; bottom: 0px;left: 0;

	transition: all .3s ease-out 0s;

		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */

		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */

		-o-transition: all .3s ease-out 0s; /* Opera */

}

.nav li:hover a::after{opacity: 1;}

.nav li ul{ position: absolute; width: 156px; left: 50%; margin-left: -78px; border-radius: 0 0 10px 10px; background-color: #fff; overflow:hidden; height:0px;
	transition: all .3s ease-out 0s;visibility: hidden;opacity:0;

	

}

.nav li:hover ul{ height:auto; padding-top: 15px; padding-bottom: 15px; opacity: 1;visibility: visible;}

.nav li ul li{float: none; padding: 0px; height:38px; line-height: 38px; }

.nav li ul li a{color: #666 !important;}

.nav li ul li a:hover{ color:#00A5AB !important;}

.nav li ul li a::after{ display: none;}

.nav .search{width: 106px;}

.nav .search .cion{ width: 46px; height: 100%;}

.nav .shop{width: 106px; height: 100%; }

.navs{ position: static !important;}

.nav .shop .shopicon{ color: #CB1718;}

.nav .shop a{color: #fff;}

.headCurs .nav .shop a{color: #333;}

.nav .shop a{width: 100%; height: 100%; display: block;}

.seachBody{ width: 0; overflow:hidden; height: 50px; line-height:50px; display:none; padding-top:0px; right:-20px;}
.seachBody .box{ width:350px; height:50px;}
.seachBody form{float:left;}
.seachBody .closeDiv{ width:20px; height:40px; line-height:40px; margin-left:10px; float:left;  cursor:pointer; text-align:center;}
.seachBody .keys{width: 240px; height: 40px;float:left;  background:#fff;line-height: 40px; border: 0px; background-color:#fff; padding: 0px 10px;border-radius:5px 0px 0px 5px; }
.seachBody .ands{width: 60px; height: 40px;float:left;  border: 0px; line-height:40px; background-color: fff;  color:#333;border-radius:0px 5px 5px 0px; }


/*------------------------flash-----------------------------------*/



.flash{ width:100%; height:100%; background-color: #0071C1;  }

.flash .swiper-container{ width:100%; height:100%;overflow: hidden;}

.flash .swiper-slide{ height: 100%;}

.flash .swiper-slide a{ width:calc(100% + 17px); height:100%; display:block; background-repeat: no-repeat; background-position: center top; background-size:cover;}

.flash .swiper-slide a img{ width:100%; height:auto;object-fit: contain;}

.flash .swiper-slide{ width:100%; height:auto; background-size:cover; background-repeat:no-repeat; background-position:center center;}



.flash .swiper-pagination-bullet { opacity:1; 

	-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; width:16px; height:2px; width: 60px; border-radius: 0;  background:#fff;

   }

   

.flash .swiper-pagination{ top:auto;bottom:23px;}

.flash .swiper-pagination-bullet-active{ background:#00A8A5; }

.addGgs{ width:auto; height:auto; position:fixed; left:50%; top:50%; background-color:#fff; padding:15px; border-radius:5px; font-size:20px; z-index:2000000;
transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%); 	/* IE 9 */
		-moz-transform:translate(-50%,-50%);	/* Firefox */ 
		-webkit-transform:translate(-50%,-50%); /* Safari �� Chrome */
		-o-transform:translate(-50%,-50%);	/* Opera */
		
}
.GgsClose{ position:absolute; right:-9px; top:-9px; cursor:pointer; color:#fff; background:#1186BC; width:28px; height:28px; border-radius:15px; text-align:center; line-height:28px; }


/*-----------------------------about--------------------------------------*/

.breadcrumb-item+.breadcrumb-item::before{ content: '- ';}

.IndexAbout{width: 100%; height:auto; padding-bottom: 54px; background: url(../image/jtjsbg.jpg) no-repeat center top; background-size: cover;}

.IndexAboutBody{ padding-top: 100px; }

.IndexAboutBody .Title{width: 100%; height: 170px; line-height: 24px;}

.IndexAboutBody .Title h3{width: 100%; height: 64px; margin: 0px; }

.IndexAboutBody .Bodys{ width: 690px; height: 150px; line-height: 26px;}

.IndexAboutBody a.mores{ width: 150px; height: 50px; display: block; border: 1px solid #3EB2B2; color: #3EB2B2; line-height: 48px;}

.IndexAboutBody a.mores:hover{ color: #fff; background-color: #3EB2B2;}

.IndexAboutBody .Bottoms{ margin-top: 118px; width: 100%; height: 156px;}

.IndexAboutBody .Bottoms .boxs{width: 33.33%; height: 154px; padding-top: 40px; position: relative;}

.IndexAboutBody .Bottoms .boxs::after{ width: 1px; height: 78px; position: absolute; right: 0px; top: 38px; content: ''; background-color: #BFBFBD;}

.IndexAboutBody .Bottoms .boxs:last-child:after{width: 0;}

.IndexAboutBody .Bottoms .boxs .lefts{width: 244px; height: 78px; padding-left: 80px;}

.IndexAboutBody .Bottoms .boxs .icon{ width: 160px; height: 78px; font-size: 148px; line-height: 78px; color: #999;}

.IndexAboutBody .Bottoms .boxs:hover .icon{color: #02A5AC;}

.IndexAboutBody .Bottoms .boxs .city{ width: 100%; height: 78px;}

.IndexMain{ height: auto; padding-top: 40px;}



.IndexTopNew{ height:auto; }



.IndexTopNew  .title{ width:100%;  bottom:0px; left:0px; background:rgba(0, 0, 0, 0.6); 



	position: absolute; bottom: 0px; left: 0px; height:40px; line-height:40px; padding:0px 100px 0px 20px;}



.IndexTopNew .swiper-container{ width:100%; height:100%;}



.IndexTopNew .swiper-slide{ width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}



.IndexTopNew .swiper-slide a{ width:100%; height:100%; display:block; overflow:hidden; }



.IndexTopNew .swiper-slide a:hover img{



	 -webkit-transform: scale(1.1);

 	 -moz-transform: scale(1.1);

 	 -ms-transform: scale(1.1);

 	 -o-transform: scale(1.1);

 	 transform: scale(1.1);



			}



.IndexTopNew .swiper-pagination-bullet { 

        opacity:0.8; background:#fff;-webkit-transition:500ms; -moz-transition:400ms;

		 -ms-transition:400ms; transition:400ms; width: 16px; height: 5px; border-radius:0;

    }



.IndexTopNew .swiper-pagination-bullet-active{ background:#DC1A1B; }

.IndexTopNew .swiper-paginations{ position:absolute; right:0px; bottom:15px; z-index:1000; text-align:right; padding-right:15px;}



.fzlc{background: #2293A3 url(../image/fzlc.jpg) no-repeat center center; background-size: cover;}

/*--------------------------------------------------------------*/



.IndexProduct{ width:100%; height:auto;}

.IndexProduct .ImgBody{ width:100%; height:auto;}

.IndexProduct .ImgBody .bodys{ width:50%; padding:30px;  height:auto; position:absolute; left:50%; top:40%; z-index:1000;}

.IndexProduct .ImgBody .tits{ width:100%; height:auto; line-height:78px;}

.IndexProduct .ImgBody .tites{ width:100%; height:auto; line-height:50px;}

.IndexProduct .ImgBody .coms{ width:100%; height:auto; line-height:24px; padding:4px 0px;}

.IndexProduct .ImgBody a.ands{ height:50px; width:150px; line-height:48px; border:1px solid #fff; margin-top:70px; display:inline-block;}

.IndexProduct .ImgBody a.ands:Hover{ border:1px solid #3EB2B2; background:#3EB2B2; color:#fff;}

.IndexProduct .ImgBody .bgs{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.3)}

.IndexProductMenu{ width:100%; height:170px; background:rgba(76, 80, 89, 0.8); color: #fff; bottom: 0px; z-index: 100;}

.IndexProductMenu .swiper-pagination{ width:100%; display:none; bottom:0.1rem;}

.IndexProductMenu .swiper-pagination-bullet{ margin:0px 5px; width:16px; height:16px; border:2px solid #999; background:none; }

.IndexProductMenu .swiper-pagination-bullet-active{ background:#00A9A6; border:0px; width:16px; height:16px;}

.IndexProductMenu .menuBody{ width:20%; height:170px; padding-top:30px;}

.IndexProductMenu .menuBody:hover,.IndexProductMenu .cur{ background:#00A9A6; color:#fff;}

.IndexProductMenu .menuBody:hover:after,.IndexProductMenu  .cur:after{ content:""; width:28px; height:14px; background:url(../image/jj.png); position:absolute; top:-14px; left:50%; margin-left:-14px;z-index:10000;}

.IndexProductMenu .imgs{ width:72px; height:72px; font-size: 70px; line-height: 72px;}

.IndexProductMenu .title{ width:100%; height:auto; line-height:50px;}

/*-------------------------*/



.IndexTitle{width: 100%; height: 160px; line-height: 24px;}

.IndexTitle h3{width: 100%; height: 70px; margin: 0px; }

.IndexNewMain{ width: 100%; height: auto; padding-top:92px; padding-bottom: 116px; background: url(../image/gj0y.jpg) no-repeat center center; background-size:cover;}

.IndexNewMain .bodys{width: 100%; height: auto;}



.IndexNewMain .bodys ul{ padding-bottom: 67px;}

.IndexNewMain .bodys li{width: 33.33%; height: auto; float: left;  }

.IndexNewMain .bodys li a{display: block; width: 100%; height: 100%;

	box-shadow: 2px 5px 10px #ddd;  

	-webkit-box-shadow: 2px 5px 10px #ddd;  

	-moz-box-shadow: 2px 5px 10px #ddd; 

}

 

.IndexNewMain .bodys li .imgs{width: 100%; height:auto; border-radius: 8px 8px 0px 0px;overflow: hidden;}

.IndexNewMain .bodys li:hover .imgs img{

	-webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

}

.IndexNewMain .bodys li .title{width: 100%; height: 100px; padding: 10px 20px; line-height: 40px; background-color: #fff; border-radius: 0px 0px 8px 8px;overflow: hidden; }

.IndexNewMain .bodys li .title span{display: block; width: 100%;}

.IndexNewMain .bodys a.mores{ width: 150px; height: 50px; display: block; border: 1px solid #3EB2B2; color: #3EB2B2; line-height: 50px;}



.IndexNewMain .bodys a.mores:hover{background-color: #3EB2B2; color: #fff;}

/*------------------------------------------*/

.serviceMain{width: 100%; padding: 106px 0px; height: auto; background: url(../image/9k.jpg) no-repeat center top; background-size: cover; margin-bottom: 50px;}

.serviceMain .titles{width: 100%; height: 155px; line-height: 96px;}

.serviceMain .bodys{width: 100%; height: auto;}

.serviceMain .bodys .box{width: 20%; height: 210px;}

.serviceMain .bodys .box::after{ width: 1px; height: 100px; background-color:#ddd ; content: ''; position: absolute; bottom: 20px; right: 0px; }

.serviceMain .bodys .box:last-child:after{display: none;}

.serviceMain .bodys .box .imgs{width: 126px; height: 126px; line-height: 126px; font-size: 138px; color: #00A9A6;}

.serviceMain .bodys .box .titles{width: 100%; height: auto; line-height: 28px; padding-top: 14px;}

.serviceMain .bodys  a.mores{ width: 150px; height: 50px; margin-top: 70px; display: block; border: 1px solid #3EB2B2; color: #3EB2B2; line-height: 48px;}

.serviceMain .bodys a.mores:hover{background-color: #3EB2B2; color: #fff;}

.footer{width: 100%; height: auto; background-color: #4C5059; }

.footer .bodys{padding-top: 60px; padding-bottom: 90px;}

.footer .bodys dl{ width: 168px; height: auto;}

.footer .bodys dt{width: 100%; height: 50px; margin-bottom: 15px; line-height: 56px;}

.footer .bodys dd{width: 100%; height: 36px; line-height: 36px;}

.footer .ewm{width: 105px; height:210px; line-height: 30px;}

.footer .rightDiv{width: 286px; height: auto;}

.footer .rightDiv .phone{ line-height: 32px; padding: 6px 0px 12px;}

.footer .rightDiv .phone img{display:inline-block;}

.footer .rightDiv .fx{ width: 100%; height: auto; line-height: 40px; padding-top: 20px; font-size: 40px; }
.footer .rightDiv .fx a{display: inline-block; margin-left:6px ;position: relative;}


.getFlvTop{ width:100%; height:40px;  text-align:right; padding:0px 20px; line-height:40px;}
.getFlvTop .close:hover{ display: block;

	cursor: pointer;

  -webkit-transform:rotate(180deg);

  -o-transform:rotate(180deg) ;

  -mo-transform:rotate(180deg) ;

  transform:rotate(180deg);

}


.getFlv{ width:auto; height:auto; position:fixed; top:50%; left:50%; background:#fff; z-index:123000; display:none;}
.getFlvbj{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:120000; left:0px; top:0px; display:none;}


.copyright{ width: 100%; height: auto;  background-color: #4C5059;}

.copyright .box{ padding-top: 20px; width: calc(100% - 280px); padding-bottom: 20px;  line-height: 28px;}

.copyright .links{width: 280px; background: url(../image/jjs.jpg) no-repeat 5px top;   line-height: 28px;}
.copyright .links a{padding-top: 20px; display: inline-block; padding-bottom: 20px;}

.linksBody{ width: 100%; height: 3px; overflow: hidden;  background-color: #71757E; position: absolute; bottom: 68px;left:0;}
.copyright .links .linksBody a{padding: 0;}
.copyright .links .curs{height: auto; padding-top:10px ; padding-bottom: 10px; line-height: 28px; top:auto; bottom: 68px;}

.wxbox{
	position: absolute;bottom: 48px;background: #fff;width: 130px;border-radius: 5px;left: calc(50% - 65px);	opacity: 0;	visibility: hidden;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
  }
  .wxbox:before {
	content: "";position: absolute;	bottom: -6px;	left: 50%;	margin-left: -6px;	width: 0;	height: 0;	border-left: 6px solid transparent;
	border-right: 6px solid transparent;	border-top: 6px solid #fff;
  }
  .wxbox img {
	width: 100%; padding:0px !important;
  }
.footer  .fxBox a:hover .wxbox {
	  opacity: 1;  visibility: visible; -webkit-transform: rotateY(0); transform: rotateY(0);
  }

/*-----------------子页----------------*/

.zyflash{width: 100%; height: auto;}

.zyflash .box{ height: 104px; line-height: 40px; left: 50%; top:50%;}

.zyflash .box .title{line-height: 64px;}

.aboutImg{ float: right; margin-left: 30px; }

.aboutImgs{ float: left; margin-right: 30px; }

.zymenu{  height:66px; background:#F4F4F4; line-height:66px; border-bottom: 1px solid #E2E2E2;}

.zymenu .bodys{  height:auto;}

.zymenu .bodys .lefts{ width:auto; height:66px;  float:left; }

.zymenu .bodys .lefts li{ width:auto; height:100%; float:left; position:relative; padding-right:50px;}



.zymenu .bodys .lefts li a{ width:auto; float:left; height:100%; position:relative; display:inline-block; text-align:center;}



.zymenu .bodys .lefts li a.cur{ color:#00A9A6; }

.zymenu .bodys .lefts li a.cur::before,

.zymenu .bodys .lefts li a:before{content:""; width:0px; height:2px; position:absolute;  bottom:0px; left:50%; background:#00A9A6;

transition: all .3s ease-out 0s;

		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */

		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */

		-o-transition: all .3s ease-out 0s; /* Opera */

}

.zymenu .bodys .lefts li a.cur::before,

.zymenu .bodys .lefts li a:hover:before/*,.zymenu .bodys .lefts li a.cur:before*/{ width:100%; left:0px; }

.zymenu .bodys .rights{ width:auto; height:66px; float:right;}

.zymenu .bodys .rights ol.breadcrumb{ background:none; float: left;}



.subMain{height: auto;}

.subTitle{ width:100%; height:auto;  margin-bottom:30px;}

.subTitle .tops{ width:100%; height:46px; line-height:46px;}

.subTitle .bottoms{ width:100%; height:45px; padding-top: 5px; line-height:40px;}

.aboutTop{padding-top: 72px; padding-bottom: 50px; line-height: 28px;}

.aboutTops{padding-top: 72px; padding-bottom: 10px; line-height: 28px;}



.AboutBody .Bottoms{ margin-top: 35px; width: 100%; height:auto;}

.AboutBody .Bottoms .boxs{width: 33.33%; height: 154px; padding-top: 40px; position: relative;}

.AboutBody .Bottoms .boxs::after{ width: 1px; height: 78px; position: absolute; right: 0px; top: 38px; content: ''; background-color: #BFBFBD;}

.AboutBody .Bottoms .boxs:last-child:after{width: 0;}

.AboutBody .Bottoms .boxs .lefts{width: 244px; height: 78px; padding-left: 80px;}

.AboutBody .Bottoms .boxs .lefts .fc12{line-height: 48px;}

.AboutBody  .Bottoms .boxs .icon{ width: 160px; height: 78px; font-size: 148px; line-height: 78px; color: #999;}

.AboutBody .Bottoms .boxs:hover .icon{color: #02A5AC;}

.AboutBody .Bottoms .boxs .city{ width: 100%; height: 78px;}

.AboutlistImg{width: 100%; height: auto; padding: 148px 0px 60px; background-color: #F7F7F7;}

.AboutlistImg .swiper-container{ height:auto; padding-bottom:122px;}

.AboutlistImg .swiper-container .swiper-wrapper{  width:100%;  }/*border-radius: 0px 310px 0px 292px; overflow:hidden; width:100%;*/

.AboutlistImg .swiper-slide{  width:25%; padding:0px 15px; float: left; }

.AboutlistImg .swiper-slide a{ width:100%; height:auto; color:#fff; display:block; }

.AboutlistImg .swiper-slide .imgs{ display:block; position:relative; }

.AboutlistImg .swiper-slide .imgs .bgs{ width:100%; height:100%; opacity:0; background:rgba(1,166,170,0.6); position:absolute; top:0px; 

left:0px; }

.AboutlistImg .swiper-slide:hover .imgs  .bgs{ opacity:1;}

.textShow{ position: absolute; width: 90px; height: 34px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 32px; left: 50%; top: 50%; margin-top: -17px; margin-left: -45px;}

.AboutlistImg .swiper-slide .title{ width:100%; height:auto;  line-height:30px; padding:6px 10px;  }

.AboutlistImg .swiper-slide .title h3{ font-weight:normal; line-height:36px; text-align: center;}

.AboutlistImg .swiper-slide .title span{ width:100%; display:block;}



.AboutlistImg .swiper-pagination{ bottom:80px;}

.AboutlistImg .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #C8C8C8; background:#C8C8C8; opacity: 1;}

.AboutlistImg .swiper-pagination .swiper-pagination-bullet-active{ background:#01A4A9; border:1px solid #01A4A9;}





.AoubtImgBody{height: auto; padding-bottom: 150px;}

.AoubtImgBody .box{width: 25%; height: auto;}

.AoubtImgBody .box .imgs{width: 100%; height: auto;}

.AoubtImgBody .box .imgs .title{width: 100%; height: 54px; padding-top: 8px; line-height: 54px; position: absolute; bottom: 30px; padding-left: 30px; }

.AoubtImgBody .box .imgs .title::after{width: 25px; height: 4px; content: '';background-color: #fff; position: absolute; left: 30px;}

.AoubtImgBody .box .imgs .bgs{ background-color: #164098; width: 100%; height: 100%;  left: 0; top: 0; opacity: 0;}

.AoubtImgBody .box .imgs .coms{width: 80%; height: auto; left: 50%; top: 50%; }

.AoubtImgBody .box .imgs .coms .tit{ width: 100%; height: 80px; line-height: 60px;}

.AoubtImgBody .box .imgs .coms .tit::after{position: absolute; width: 25px;background-color: #fff;  height: 4px; bottom: 20px; left: 50%; margin-left: -12px; content: '';}

.AoubtImgBody .box .imgs:hover .bgs,.AoubtImgBody .box .cur .bgs{ opacity: 1;}



.Aboutlc{ width: 100%; height:80px;}

/*---------------------------------------------------------------*/



.imageTop{padding-top: 72px; padding-bottom: 0px; line-height: 28px;}

.companyImg{padding-bottom: 100px;}

.companyImg li{ padding:15px;}

.companyImg li .imgs{  width:100%; height:auto;border:10px solid #E6E6E6; }

.companyImg li .title{width: 100%; height: auto; line-height: 50px;}

.companyImg li:hover .imgs img{

	-webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

	}

.companyImg li .titles{ width:100%; height:auto; text-align:center; line-height:46px; padding:0px 20px; color: #333;  }



.companyImg .imgs i{ width:100%; height:100%; position:absolute; background:rgba(246,247,251,0.5); color: #fff; opacity:0; top:0px; left:0px; display:block; z-index:1000;}

.companyImg .imgs i span{ position: absolute; left: 50%; top:50%;}

.companyImg li:hover .imgs i{ opacity:1;}

/*---------------------------------------------------------------*/



.NewMain{  height:auto; padding-top:0px; padding-bottom:30px; line-height:30px;}



.NewTjBody{width: 100%; height: auto; padding-bottom: 70px;}

.NewTjBody .box{width: 33.33%; height: auto;}

.NewTjBody .box .limgs{width: 100%; height: auto; border-radius: 8px 8px 0px 0px; overflow: hidden;}

.NewTjBody .box:hover  .limgs img{

	-webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

	}

.NewTjBody .box .title{padding: 20px; height: 100px; line-height: 30px; color: #191919; background-color: #F0F0F0;border-radius:  0px 0px 8px 8px; overflow: hidden;}

.NewTjBody .box:hover .title{color: #01A6A8;}

.NewMain li{  height:auto;  border-bottom:1px solid #EEF3F7; padding: 24px 0px; margin-bottom: 16px;}

.NewMain li a{ width: 100%; height: 100%;display: block;} 

.NewMain li:hover{padding:24px; background-color: #F0F0F0;}

.NewMain li .limgs{ width:300px; margin-right:50px; height:auto; overflow: hidden; }

.NewMain li .liRight{ width:calc(100% - 560px); height:auto; padding-right:40px;}

.NewMain li .liRight h3{ padding:15px 0px 15px 0px; font-weight:bold; line-height:40px; margin: 0;}

.NewMain li:hover .liRight h3{color: #01A6A8;}

.NewMain li .liRight .com{ line-height:24px; color: #666;}

.NewMain li .time{ width: 120px;  height:100%; padding-top: 70px;  text-align:center; }

.NewMain li .time div{ width: 100%; padding-left: 20px;}

.NewMain li .time div::before{width: 16px; height: 16px; font-size: 20px; content: '\e621'; position: absolute; left: 0px; }



.Pages{ height:auto; width:100%; padding-top: 30px;}

.Pages a,.Pages span.laypage_curr{ display:inline-block; width:auto; height:auto; background:#fff; padding:5px 13px; line-height:22px; border:1px solid #EBEBEB; color:#555555;  }

.Pages a:hover,.Pages a.cur,.Pages span.laypage_curr{ background:#1262A9; color:#fff;}



.showMain{  height:auto;  line-height:28px; padding-top:30px; padding-bottom:60px;}

.showMain .bodys{ padding:20px 0px 50px;line-height:28px;}

.showMaintops{ width:100%; height:auto; position:relative; padding-top:px; border-bottom:1px solid #eee;margin-bottom:20px;}

.showMaintops s{ display:block; position:absolute; width:80px; height:3px; background:#297479; bottom:0px; left:50%; margin-left:-40px;}

.bsync-custom{ display:inline-block;}

.bsync-custom.icon-blue .bshare-bsync{ background:none; padding-left:20px;}



.showMaintops h1{ line-height:30px; padding-top:40px; padding-bottom:10px; margin: 0;  font-weight: bold; }

.showMaintops .titls{ line-height:50px; height: 64px; width:auto;}

.showMaintops .titls i{ display:inline-block; width:24px; position:relative; height:12px; padding-right:10px; text-align:center; }

.showMaintops .titls i img{  position:absolute;top:1px; left:0px;}

.showMaintops .titls .ds{  display:inline-block; float:left;}

.showMaintops .titls .rights i{

	width: 20px;height: 14px; padding:0px; cursor:pointer;

}

.showMaintops .titls .fx{ color:#ABACAE;}



.NextPage{ height:auto;  width:100%; line-height:30px; margin-bottom:15px;  margin-top:30px; padding:40px 0px; border-top:1px solid #eee; }

.NextPage .backs{ width:170px; height:48px; }

.NextPage .backs a{ width:100%; height:48px; line-height:46px; display:block;  border:1px solid #EDEDED; position: relative; padding-right: 46px;  color:#4C4F58;  text-align:center; }

.NextPage .backs a::after{content: '\e6ff'; width: 46px; height: 46px; position: absolute; color: #fff; font-size: 36px; right: 1px; top: 0px; background-color: #00A5A9;}

.NextPage .backs a:link,.NextPage .backs a:visited,.NextPage .backs a:active{color:#4C4F58 ;}

.NextPage .backs a:hover{ background-color:#00A5A9 ;color: #fff;}



.serviceImg{ height: auto; padding-top: 15px; padding-bottom: 100px;}

.serviceImg li{ padding:15px;}

.serviceImg li .imgs{  width:100%; height:auto;}

.serviceImg li:hover .imgs img{

	-webkit-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);

    -o-transform: scale(1.05, 1.05);

    transform: scale(1.05, 1.05);

	}

.serviceImg li .titles{ width:100%; height:auto;  line-height:44px; padding:10px 0px; color: #333;  }

.serviceImg li .titles .fl{width: calc(100% - 40px);}

.serviceImg li .titles .fr{width: 40px; color: #1CB0B4;}

.serviceList { height: auto;padding-top: 10px; padding-bottom: 100px;}

.serviceList li{ width: 100%; height: 76px; background-color: #F7F7F7; margin-bottom: 30px; padding: 20px 30px; line-height: 36px;}

.serviceList li .title{width: calc(100% - 100px); }

.serviceList li .rights{width: 100px; padding-right: 40px; color: #00A5A9; cursor: pointer;}

.serviceList li .rights::after{content: '\e6e8';position: absolute; width: 32px; height: 36px;right: 0; font-size: 30px;}



.downBg{width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 900; left: 0;top: 0;}

.downInfo{width: 780px; height: 520px; position: fixed; display: none; z-index: 1000; left: 50%; top: 50%; margin-left: -390px; margin-top: -260px; background-color: #fff; }

.downInfo .tops{width: 100%; padding: 17px 34px; height: 70px; line-height: 36px; background-color: #00A5A9;}

.downInfo .body{width: 100%; height: auto; padding: 32px 130px;}

.downInfo .body .title{width: 480px; height: 85px; padding-top: 10px;}

.downInfo .body .box{width: 480px; height: auto;}

.downInfo .body .lines{width: 100%; height: 70px;}

.downInfo .body .titles{ width: 80px; height: 50px; line-height: 50px; }

.downInfo .body .inputs{width: calc(100% - 80px); height: 50px; line-height: 48px; border: 1px solid #E2E2E2;}

.downInfo .body  a.yzxz{width: 178px; display:inline-block; line-height: 50px; height: 50px; background-color: #00A5A9; margin-top: 20px; color: #fff;}

.downInfo .close:hover{

  		cursor: pointer;

		-webkit-transform:rotate(180deg);

		-o-transform:rotate(180deg) ;

		-mo-transform:rotate(180deg) ;

		transform:rotate(180deg);

}







.contactTop{width:100%; height:104px; line-height:40px; border-bottom:1px solid #E4E4E4; }

.contactTop h1{ line-height:46px; margin:0;}

.contactTop h3{ margin:0;}

.contactTop  .phone{ padding-top:10px;}

.contactHead{ width:100%; height:auto; padding-top:28px;}

.contactHead .lefts{ width:calc(100% - 230px); line-height:42px;}

.contactHead .lefts .title{ line-height:50px; width: 100%;}

.contactHead .lefts .bodys{ width:100%; background: url(../image/adds.jpg) no-repeat left top; padding-left: 40px;}

.contactHead .rights{ width:230px; height: auto;}

.contactHead .rights .lbox{width: 120px; padding-right: 12px; line-height:30px; height:auto; padding-top: 50px;}

.contactHead .rights .ewms{ padding-top: 30px;}

.contactMap{width: 100%; height:500px ; background-color: #0071C1;}

.contactMap .msgTm{width: 100%; height: 100%;  }





.msgBody{padding: 60px 0px 80px;}

.msgTitle{width: 100%; line-height: 50px;}

.msgcoms{width: 100%; height: auto; line-height: 36px;}

.Mline{width: 100%; height: auto;}

.msLine{width: 33.33%; padding: 0px 15px 40px;}

.msLine .box{  width: 100%; height: 100%; line-height: 56px; }

.msLine .boxLeft{width: 100%; height: 44px; line-height: 44px;}

.msLine .boxRight{width:100%; height:auto;}

.inpts{width: 100%; height: 42px; line-height: 40px; float: left; background-color: transparent; border: 1px solid #D2D2D2;}

.inpttexs{width: 100%; height: 180px; display: block; padding: 14px 0px 0px 0px; line-height:30px; border: 1px solid #D2D2D2; background-color: transparent;}

.msLineW{width: 100%;}

a.magAnd{width: 460px; height: 50px; display: block; margin-top: 26px; background-color:#00A5A9; line-height: 50px; color: #fff !important;}

a.magAnd:hover{background-color:#21468A;}



.serImgs{width: 100%; height: auto; background: #00A5A9 url(../image/citys.jpg) no-repeat center center; background-size: cover; }

.serImgs .bodys{padding: 90px 0px 37px;}

.serImgs .bodys .title{width: 100%; height: auto; line-height: 68px;}

.serImgs .bodys .coms{ padding: 10px 0px 68px; line-height: 28px;}

.serImgs .bodys .Mains{width: 1090px; height: 210px;}

.serImgs .bodys .box{ width: 150px; height: 210px;}

.serImgs .bodys .box .imgs{width: 150px; padding-top: 30px; height: 150px; border-radius: 75px; background-color: #909090;}

.serImgs .bodys .box .imgs1{ background-color: #C69880;}

.serImgs .bodys .box .imgs2{ background-color: #A66046;}

.serImgs .bodys .box .ts{width: 100%; height: auto; line-height: 40px; padding-top: 20px;}

.serImgs .bodys .Mains .cents{ position: absolute; left: 50%; top: 0px; margin-left: -75px;}

.serImgs .bodys .Mains::before,.serImgs .bodys .Mains::after{width: 22%; top:75px;content: ""; height: 3px; background-color: #C1C1C1; position: absolute;}

.serImgs .bodys .Mains::before{ left: 18%; }

.serImgs .bodys .Mains::after{ right: 18%; }

.serImgs .bodys  .texts{width: 100%; height:auto; line-height: 50px; padding-top: 90px;}


.citytop{width: 100%; height: auto; background: url(../image/projb.jpg) no-repeat center bottom; background-size:100% auto;}
.serviceTop  .box .imgs .title{ bottom:auto; top:50%; margin-top: -24px; padding: 0px; padding-bottom: 8px; text-align: center;}

.serviceTop .box .imgs .title::after {

    width: 50px;

    left: 50%; margin-left: -25px; bottom: 0px;

}

.serviceTop .box .imgs .coms .tit::after{ width: 50px;margin-left: -25px;}



.serviceMap{ background-color: #F7F7F7; }

.serviceMap .bodys{width: 100%; height:auto; padding-top: 165px; padding-bottom: 100px; background: url(../image/jjst.png) no-repeat center top; }

.serviceMap .bodyTop{ width: auto; height: 112px; top:90px; line-height: 36px;}

.serviceMap .bodyTop h2{ width: 100%; line-height: 76px; margin-bottom: 0px; font-weight: bold;}

.serviceMap .bodyMain{width: 1200px; height: auto;}

.serviceMap .bodys text{font-size: 6px;}

.serviceMap .bodys path:hover{ fill:#027568; }



.cityBody{ width:254px; height:auto; position:fixed; background:#fff; display:none; left:50%; top:50%; z-index:200000; overflow:hidden;

-moz-border-radius: 8px; /* Firefox */

-webkit-border-radius: 8px; /* Safari 和 Chrome */

border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

/*

-moz-box-shadow: 10px 10px 20px #000; /* Firefox */

/*-webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */

/*box-shadow: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */



}

.cityBody .title{ width:100%; height:40px; line-height:40px; padding:0px 20px; background:#027568;}

.cityBody .close:hover{

  		cursor: pointer; display: block;

		-webkit-transform:rotate(180deg);

		-o-transform:rotate(180deg) ;

		-mo-transform:rotate(180deg) ;

		transform:rotate(180deg);

}



.cityBody .bodys{ width:100%; height:auto; padding:10px 20px; line-height:28px;}


.zyMainTop{ padding-bottom: 20px;}

.disTop{height: auto;}

.disTop .box{width: 50%; height: auto; position: relative; margin-bottom: 30px;}
.disTop .box .boxDiv ,.disBox .boxDiv {
    width: calc(100% - 30px); padding: 30px;
    position: absolute;
    height: 100%;
    background-color: #008D91;
    opacity: 0;
    top: 0px;
}
.disTop .box:hover  .boxDiv ,.disBox:hover  .boxDiv { opacity: 1; z-index: 1000;}


.disBox .boxDiv {
    width: 100% ;
   
}

.disTop .box .title{ 

	width: calc(100% - 30px); height: 55px; position: absolute; top:50%; margin-top: -30px; line-height: 44px;

}

.disTop .box .title::after,.disBottom .title::after{position: absolute; width: 50px; height: 4px; background-color: #fff; content: ''; bottom: 0px; left: 50%; margin-left: -25px; }

.disBottom{width: 100%; padding-top: 70px; height: 340px; margin-bottom: 365px; background:url(../image/r8_c2.jpg) repeat-y center center;}

.disBottom .title{ 

	width: 100%; height: 55px; position: relative;  line-height: 44px; 

}

.disBottomMain{width: 100%; height: 200px; left: 0;  position: absolute; bottom: -50%;}

.disBottomMain .box{width: 50%; height: auto;}
.disBottomMain .box .coms{ width: calc(100% - 30px); z-index: 100; height:auto; padding: 0px 38px; position: absolute; bottom: 24px;}
.disBottomMain .box .coms .tops{ color: #fff; line-height: 36px;}
.disBottomMain .box .coms .boxDiv{width: 100%; height: 0; overflow: hidden; opacity: 0; line-height: 28px;}

.disBottomMain .box .bgs{width: calc(100% - 30px); position: absolute; height: 100%;background-color:#008D91; opacity: 0; top:0px;}

.disBottomMain .box:hover .bgs,.disBottomMain .cur .bgs{ opacity: 1;}
.disBottomMain .box:hover .coms,.disBottomMain .cur .coms{ bottom: auto; top:80px;}
.disBottomMain .box:hover .coms .boxDiv,.disBottomMain .cur .coms .boxDiv{width: 100%; height:auto; opacity: 1; padding-top: 15px; overflow:hidden; line-height: 28px;}


.disCons{ width: 100%; height: auto; padding-top: 54px; padding-bottom: 76px; background-color: #E2E3E5;  margin-bottom: 30px;}
.disConsTitle{width: 300px; height: 98px; line-height: 46px; position: relative;text-align: center; margin: 0px auto; color: #00A9A6; font-weight: bold;}
.disConsTitle::after{width: 50px; height: 4px; background-color: #00A5A9; position: absolute; margin-left: -25px; left: 50%; top: 56px; content: '';}
.disComMain{width: 100%; height: auto; }
.disBox{width: 33.33%; height: auto; position: relative;}
.disBox .titles{ position: absolute; width: 100%; height: 46px; top: 50%; margin-top: -23px; line-height: 46px;}

.zyTopHead{ padding-top: 70px; line-height: 32px; height: auto; padding-bottom: 44px;}


.zyTopHead h1{ line-height: 60px; margin: 0;}

.zyProMenu{ padding-bottom: 50px;}

.zyProMenu a.menuBox{ width: 180px; height: 46px;background-color: #fff; color: #00A5A9;  border: 1px solid #00A5A9; line-height: 44px; display: inline-block; }

.zyProMenu  a.cur,.zyProMenu  a.menuBox:hover{color: #fff; background-color: #00A5A9; border: 1px solid #00A5A9;}

.zyProMain{ padding-bottom: 158px;}

.proBg{background-color: #F0F1F3;}



.zyflash .proHeads{ line-height: 70px;    height: 130px; left: 50%; top:30%;}

.zyflash .proHeads .title{ line-height: 70px;}

.zyflash .ProH1En{ line-height: 60px;}

.zyflash .protopMenu{ width: 100%; height: 110px; background-color: rgba(76, 80, 89, 0.8); bottom: 0; left: 0;}

.zyflash .protopMenu li{width: 20%; height: 100%; position: relative; float: left; border-right: 1px solid #fff; }

.zyflash .protopMenu li:last-child{border: 0;}

.zyflash .protopMenu li a{width: 100%; height: 100%; display: block; padding-top: 10px; color: #fff !important;}

.zyflash .protopMenu li .imgs{width: 100%; height: 56px; line-height: 56px;font-size: 50px;}

.zyflash .protopMenu li .titles{width: 100%; height: auto; line-height: 44px;}

.zyflash .protopMenu li.cur,

.zyflash .protopMenu li:hover{ background-color: #00A5A9;}

.zyflash .protopMenu li.cur::after,

.zyflash .protopMenu li:hover::after{width: 20px; content: ''; position: absolute; bottom: -11px; left: 50%; margin-left: -10px; height: 11px; background: url(../image/menujj.png) no-repeat center center;}

.prolist{ width: 33.33%; margin-bottom: 30px;}

.prolist .bodys{background-color: #fff;}

.prolist .imgs{width: 100%; height: auto; overflow: hidden; }

.prolist:hover .imgs img{
	-webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);

}

.prolist .title{width: 100%; height:90px; border-top: 1px solid #F1F5F8; padding: 20px 20px; line-height: 50px;}

.prolist .bgs{width: 100%; opacity: 0; height: 100%; position: absolute; left: 0;top: 0; background-color: rgba(0, 165, 169, 0.8);}

.prolist .bgs .coms{width: 80%; height:auto; position: absolute; left: 50%; top: 50%;}

.prolist .bgs .titles{width: 100%; height: 66px;  }

.prolist .bgs .titles h3{line-height: 65px; margin: 0; font-weight: bold;}

.prolist .bgs .titles::after{width:40px ; height: 2px; background-color: #fff; content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: 0px;}

.prolist .bgs .tit{width: 100%; height: auto; line-height: 30px; padding-top: 12px; padding-bottom: 73px;}

.prolist .bgs  sapn.mores{width: 150px; color: #fff !important; height: 42px; border: 1px solid #fff; line-height: 40px; display: inline-block;}

.prolist:hover .title{opacity: 0;}

.prolist:hover .bgs{opacity: 1;}

.prolist .bgs sapn.mores:hover{ background-color: #fff; color:#00A5A9 !important;}



.proInfoTop .title{ height: 56px; line-height: 40px;



}

.proInfoTop .titles{ line-height: 40px;}

.probodyMains{width: 100%; height: auto; padding-top: 36px; line-height: 24px;}

.probodyMainsMore{width: 100%; height: auto; padding-top: 70px ; padding-bottom: 94px;}

.probodyMainsMore a.mores{ width: 185px; line-height: 50px; height: 50px; display: inline-block; color: #fff !important; background-color: #00A5A9;}

.probodyMainsMore a.mores .fl{width: 135px;}

.probodyMainsMore a.mores span.icon{width: 50px; height: 50px; background-color: #EF7F19; }

.probodyMainBottom{width: 100%; height: auto;   background:#fff url(../image/projb.jpg) no-repeat center bottom;padding-top: 76px; padding-bottom: 208px; background-size:100% auto;}

.probodyMainBottom .title{ list-style: 70px; margin-bottom: 82px;;}

.probodyMainBottom .box{width: 33.33%; height: 270px;}

.probodyMainBottom .bodys{width: 100%; color: #4c5059;  height: 270px; border-radius: 15px; line-height: 24px; background-color:#eee ; padding: 44px 22px 22px;}

.probodyMainBottom .tops{width: 100%; line-height: 40px;}

.probodyMainBottom .icon{ width: 140px; height: 100px; font-size: 100px; line-height: 100px; position: absolute; right: 0px; top:-40px;}



.proshowTop{ width: 100%; height: 340px; 



	background: -moz-linear-gradient(left, #108DBD 0%, #00A5A9 100%); 

	background: -webkit-linear-gradient(left, #108DBD 0%,#00A5A9 100%); 

	background: -o-linear-gradient(left, #108DBD 0%,#00A5A9 100%); 

	background: -ms-linear-gradient(left, #108DBD 0%,#00A5A9 100%); 

	background: linear-gradient(to right, #108DBD 0%,#00A5A9 100%);

}

.proshowTop .title{ padding-top: 240px; line-height: 60px;}

.proshowBody{ height: auto; padding-top: 52px; padding-bottom: 106px;}





.proshowBody .backs{ width:100%; height:48px; }

.proshowBody .backs a{ width:185px; height:48px; line-height:46px; display:block; float: right;  border:1px solid #EDEDED; position: relative; padding-right: 46px;  color:#4C4F58;  text-align:center; }

.proshowBody .backs a::after{content: '\e6ff'; width: 46px; height: 46px; position: absolute; color: #fff; font-size: 36px; right: 1px; top: 0px; background-color: #00A5A9;}

.NexproshowBodytPage .backs a:link,.NextPage .backs a:visited,.NextPage .backs a:active{color:#4C4F58 ;}

.proshowBody .backs a:hover{ background-color:#00A5A9 ;color: #fff;}



.proTitle{width: 100%; height: auto; line-height: 72px; padding-left: 30px; padding-top: 36px;}

.proTitle::before{ width: 30px; height: auto; position: absolute;left: 0px; line-height: 72px; content: "\e704"; color: #D12D84; font-size: 22px;} 

.proshow{width: 100%; height: auto; padding-left: 30px; line-height: 28px;}



.proListImg{ height: auto; background-color: #F0F1F3; padding-top: 60px; padding-bottom: 104px;}

.proListImg .title{width: 100%; height: auto; line-height: 50px; margin-bottom: 20px;}



.proListImg .swiper-container{ height:auto; }

.proListImg .swiper-container .swiper-wrapper{  width:100%;  }/*border-radius: 0px 310px 0px 292px; overflow:hidden; width:100%;*/

.proListImg .swiper-slide{  width:25%; padding:0px 15px; float: left; }

.proListImg .swiper-slide a{ width:100%; height:auto; color:#fff; display:block; }

.proListImg .swiper-slide .imgs{ display:block; position:relative; border-bottom: 1px solid #F4F7FC; }

.proListImg .swiper-slide .title{ width:100%; height:auto;  line-height:30px; padding:6px 17px; background-color: #fff;  }

.proListImg .swiper-slide .title h3{ font-weight:normal; line-height:36px; text-align: center;}

.proListImg .swiper-button-prev,.proListImg .swiper-button-next{ position: absolute; font-size: 46px; background: none; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; background-color: #fff;}

.proListImg .swiper-button-prev{ left: -50px;}

.proListImg .swiper-button-next{ right: -50px;}

.proListImg .swiper-button-prev:hover,.proListImg .swiper-button-next:hover{ background-color: #008D91; color: #fff;}

.bshare-custom{font-size: 40px !important;}
.bshare-custom .bshare-weixin,.bshare-custom .bshare-sinaminiblog,.bshare-custom .bshare-qqim,.bshare-custom .bshare-qzone{background: none !important;}
.bshare-custom a{padding-left: 0px !important;}
.bshare-custom a:hover{text-decoration:none !important;}
.bsBox{box-sizing:content-box;}


.ListImgMain{width: 100%; height: auto; padding-bottom: 70px;}
.ListImgMain  li{width: 25%; margin-bottom: 30px;}
.ListImgMain  .limgs{width: 100%; height: auto; }
.ListImgMain  .title{width: 100%; height: 60px; line-height: 60px; background-color: #00A5A9; }
.ListImgMain .titcom{width: 100%; height: 330px; background-color: #F8F9FB; padding: 10px 10px 40px; line-height: 36px;}
.ListImgMain a.mores{width: 220px; height: 40px; line-height: 38px; border: 1px solid #00A5A9; display: inline-block; margin-top: 10px;}
.ListImgMain .listBody{width: 1280px; display: none; z-index: 9000000; opacity: 0; height: auto; padding: 50px; position: fixed; background-color: #fff;left: 50%; top: 50%; border-radius: 15px;}
.ListImgMain .listBody .colse{width: 28px; height: 28px; position: absolute; right: 18px; top: 18px;}
.ListImgMain .listBody .lefts{width: 378px; height: 580px;  }
.ListImgMain .listBody .lefts .title{ background-color: #fff;color: #00A5A9; }
.ListImgMain .listBody::after{width: 1px; height: calc(100% - 100px); position: absolute; top:50px; content: ''; left:428px; background-color: #00A5A9;}
.ListImgMain .listBody .rights{width:calc(100% - 378px) ; min-height: 580px; padding: 15px; }
.ListImgMain .listBody  .colLine{width: 33.33%; height: auto; padding:0px 20px;}