@CHARSET "UTF-8";


/* Css Document */
/*html{*/
/*    filter:grayscale(100%);*/
/*  -webkit-filter:grayscale(100%);*/
/*  -moz-filter:grayscale(100%);*/
/*  -ms-filter:grayscale(100%);*/
/*  -o-filter:grayscale(100%);*/
/* filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
/*  -webkit-filter:grayscale(1)*/
/*}*/

html, body{-webkit-text-size-adjust:none;}


body{min-width: 1200px; margin: 0 auto; font-size: 12px; color: #505050; line-height: normal; font-style: normal; background: #fff;}
@font-face {

	font-family: "SCHSCNMedium";

	src: url('../fonts/SourceHanSansCN-Medium.ttf');

}
@font-face {

	font-family: "MiSansRegular";

	src: url('../fonts/MiSans-Regular.ttf');

}
@font-face {

	font-family: "MiSansDemibold";

	src: url('../fonts/MiSans-Demibold.ttf');

}
/*"HELVETI1ca Neue",*/
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "SCHSCNMedium","Microsoft Yahei","微软雅黑","Tohoma";}



a, a:link, a:visited, a:hover, a:active{text-decoration: none; outline: 0; color: #505050; }


a:hover{color: #035cac;}


/*p{font-size: 13px; line-height: 24px; color: #333; text-align:justify;}*/
p{font-size: 13px; line-height: 24px;}

small{display: block; font-size: 100%;}


img{max-width: 100%; display: block; margin: 0 auto;}


input, textarea, button, select, radio{outline: 0; border: 0;}


a{outline:none; blr:expression(this.onFocus=this.blur()); /*�������ͼƬ�ܱ߲����������*/}


::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X ȥ���ı���IJ��������������۾�ͼ�� */}


.container{margin: 0 auto; width: 1200px;}


/* Grid */


.col-12x{width: 100%}


.col-11x{width: 88%}


.col-10x{width: 83.3333333333%}


.col-9x{width: 75%}


.col-8x{width: 66.6666666667%}


.col-7x{width: 58.3333333333%}


.col-6x{width: 50%}


.col-5x{width: 41.6666666667%}


.col-4x{width: 33.3333333333%}


.col-3x{width: 25%}


.col-2x{width: 16.6666666667%}


.col-1x{width: 8.3333333333%}



/* body{background-color: #ebebeb; } */

/* header */


.header{height: 72px; font-size: 14px;color: #656565;font-family: "MiSansDemibold"; background-color: #fff;display: flex; align-items: center; justify-content: space-between; z-index: 50;}


.logo{margin-left: 5.4vw; margin-right: 5.4vw; width: 253px;}


.language{position: relative; justify-content: center; cursor: pointer; height: 72px;}
.language-active{height: 100%;  display: flex;position: relative;padding: 0 1.8vw 0 1.15vw; align-items: center;}
.language-active::after{position: absolute;content: ''; right: 0.8vw; top: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-top: 6px solid #333; border-right: 6px solid transparent; border-radius: 3px; transform: translate(0,-40%);-webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear;}
.language img{width: 16px; height: 16px; margin-right: 4px;}
.language-other{position: absolute;box-shadow: 0px 2px 8px 0px rgba(139,142,152,0.5);border-radius: 4px; overflow: hidden; top: 110%; left: 0; background: #fff; text-align: center; width: 100%; display: none;}
.language-other  a{padding: 6px; display: block;}
.language-other  a:hover{background-color: #014099; color: #fff;}
.language ul li{float: left; text-align: center;}
.language ul li a{display: block; padding: 29px 0; width: 70px; font-size: 12px; line-height: 12px; color: #666;}
.language ul li.active a, .language ul li a:hover{background: url(../images/jia-top.jpg) no-repeat center center; color: #fff;}
.nav-tell{z-index: 10; position: relative;  font-size: 13px; width: 192px; display: flex; align-items: center; padding-left: 21px; box-sizing: border-box;}
.nav-tell::after{position: absolute; content: ''; width: 2px; height: 20px; top: 50%; left: 0; background: #EDEDED; transform: translate(0,-50%);}
.nav-tell-txt{font-family: "MiSansDemibold";}
.nav-tell-txt span{font-weight: 800;color: #014099;font-family: "MiSansDemibold";}
/* 查找 */

.search-box{z-index: 10; position: relative;  width: 64px; height: 72px; cursor: pointer; background-color: #fff;}
.search-box::after{position: absolute; content: '' ;width: 2px; height: 20px; background-color: #EDEDED; left: 0; top: 50%; transform: translate(0,-50%);}

.search-box .in{position: absolute;right: 22px; top: 19px; width: 35px; height: 32px; border: 1px solid #fff; transition: width .35s;}
.search-box:hover::after{width: 0;}
.search-box .in.cur{border: 1px solid #656565; background-color: #fff; width: 336px;}
.search-btn{position: absolute;cursor: pointer; right: 0; top: 2px;  width: 28px; height: 28px; background: url(../images/jrsearch.png) no-repeat 0 0; background-size: 16px 16px; background-position: center;}
.search-input{position: absolute; display: none; font-size: 14px; right: 30px; top: 2px; width: 287px; height: 24px; font-size: 12px; color: #666;}
.nav{flex: 1; }
/* max-width: calc(100% - 821px) */
.nav ul{display: flex; }
.nav ul li{  position: relative; cursor: pointer; flex: 1; background-color: #fff; text-align: center;padding-right: 12px; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear;}
.nav ul li:last-child{padding-right: 0;}
.nav ul li::after{position: absolute; width: 2px; height: 20px; background: #ebebeb; content: ''; top: 50%; right: 0; transform: translate(0 ,-50%);}

.nav ul li > a{position: relative; font-weight: 600; /*padding: 0 2.8vw 0 2.3vw;*/ /*width: 159px;*/  font-size: 14px; line-height: 72px; color: #666; text-align: center;}

.nav ul li > a.has_subnav::after{position: absolute;content: ''; right: -15px; top: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-top: 6px solid #333; border-right: 6px solid transparent; border-radius: 3px; transform: translate(0,-40%);-webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear;}
.nav ul li:hover,.nav ul li.active{background-color: #014099;}
.nav ul li:hover > a, .nav ul li.active >a{ color: #fff;} 
.nav ul li:hover >a.has_subnav::after, .nav ul li.active a.has_subnav::after{border-left: 6px solid transparent; border-top: 6px solid #fff; border-right: 6px solid transparent; border-radius: 3px;}
.nav ul li:hover > a.has_subnav::after{transform:translate(0,-40%)  rotate(180deg);}
.nav ul li .sub_nav{position: absolute; left:50%; transform: translate(-50%,0); width: 100%; min-width:140px;box-shadow: 0px 2px 8px 0px rgba(139,142,152,0.5);
	border-radius: 4px; top: 110%; overflow: hidden; display: none;font-family: "MiSansRegular";}
.sub_nav >a{ display: block; background-color: #fff; text-align: center; padding: 9px; color: #656565;}

.nav ul li .sub_nav >a:hover{background-color: #014099; color: #fff; color: #fff;}

.nav ul li:hover::after,.nav ul li.active::after{width: 0;}

.subnav{margin-right: 200px;}


.subnav ul li{float: left; padding: 26px 0;}


.subnav ul li:first-child a{border-left: 0;}


.subnav ul li a{padding: 0 12px;font-size: 12px; line-height: 12px; border-left: 1px solid #ebebeb;}


@media screen and (max-width: 1680px){

	.logo{    
		margin-left: 4.5vw;
		margin-right: 4.5vw;
	}

}


@media screen and (max-width: 1600px){
	.logo{    
		margin-right: 1.5vw;
	}
	.nav-tell{width: 185px;}
	.search-box{width: 50px;}
	.nav ul li:last-child{flex: 1.15;}
	.search-box .in{right: 10px;}
	.search-box .in.cur{ width: 316px;}
	.search-input{width: 269px;}
}


@media screen and (max-width: 1440px){
	.logo{    
		margin-left: 2.5vw;
		margin-right: 1.5vw;
		width: 169px;
	}
	
}


@media screen and (max-width: 1366px){


	/* .logo{margin-left: 3%; margin-right: 3%;} */


}


@media screen and (max-width: 1280px){

	.logo{    

		width: 169px;
	}
	/* .nav ul li a{width: 103px;} */


	/* .logo{margin-left: 2%; margin-right: 2%;} */


}





/* footer */


.footer{padding: 45px 0 51px; background-color: #f5f5f5;}


.footer ul li{padding-top: 13px; padding-bottom: 13px;}


.f-nav{width: 757px; border-right: 1px solid #e7e7e7;}


.f-nav dl{float: left; width: 126px;}


.f-nav dt{margin-bottom: 28px;}


.f-nav dt a{font-size: 14px; line-height: 14px; color: #333;}


.f-nav dd a{font-size: 12px; line-height: 24px; color: #666;}


.f-nav dt a:hover, .f-nav dd a:hover{color: #035cac;}


.f-info{padding: 0 60px 0 55px; width: 180px; font-size: 14px;}


.f-info dt{margin-bottom: 23px; padding: 9px 13px 8px; border: 1px solid #ccc; color: #666;}


.f-info dd{font-size: 12px; line-height: 22px; color: #666;} 


.f-ewm{width: 146px;}


.f-ewm p{margin-top: 5px; font-size: 12px; line-height: 22px; color: #333;}


.f-ewm .qqicon span{position: relative; top: -6px;}


.f-ewm .qqicon a{display: inline-block; margin-left: 8px; width: 21px; height: 22px; background: url(../images/tqq.png) no-repeat;}


.copyright {height: 40px; line-height: 40px; background-color: #014099;color: #fff; font-size: 12px; }


.copyright a{color: #f5f5f5; font-size: 12px;}


.copyright a:hover{color: #fff;}


.link{top: 5px; left: 0; width: 140px; height: 30px;box-shadow: rgb(255 255 255) 0.01rem 0.01rem 0.1rem;}


.link dt{position: relative; z-index: 2; padding-left: 35px; background: #333 url(../images/jia-top.png) no-repeat 90px center; text-align: left; width: 103px; height: 28px; border: 1px solid #999; color: #fff; font-size: 12px; line-height: 28px; cursor: pointer; font-weight: bold;}


.link dd{position: absolute; bottom: 0; width: 140px; height: 30px;}


.link dd a{display: block; background-color: #014099; line-height: 30px; color: #888;}


.link dd a:hover{color: #fff;}
.link.link-s{width: 221px;}
.link.link-s dt{width: 185px;background: #333 url(../images/jia-top.png) no-repeat 174px center;}
.link.link-s dd{width: 222px;}
.floatdiv{z-index: 100; right: 20px; bottom: 100px;}


.floatdiv a{display: block; margin: 1px 0; width: 65px; height: 65px; background: #014099; text-align: center; color: #fff; font-size: 12px; overflow: hidden;}


.floatdiv a:hover{background: #01357d;}


.floatdiv  .goback img{margin-top: 12px; margin-bottom: 8px;}


.floatdiv .gotop img, .floatdiv .sqq img{margin-top: 10px; margin-bottom: 5px;}





/* index */


.banner-btn{position: absolute; top: 412px; z-index: 10;}


.banner-btn a{margin-left: 20px; padding-right: 10px; font-size: 14px; color: #333; letter-spacing: 4px; background: url(../images/jia-more.png) no-repeat right center;}


.banner-btn a:hover{color: #035cac;}


.index-news{position: relative; z-index: 10; margin-top: -50px; width: 100%; height: 50px; background: rgba(1,64,153,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf014099,endColorstr=#bf014099); zoom:1;}


:root .index-news{filter: none\9;}


.news-slide{padding-left: 30px; height: 50px; overflow: hidden; background: url(../images/icon.png) no-repeat -102px 18px;}


.index-news .item a{width: 90%; line-height: 50px; color: #fff; font-size: 12px;}


.featured ul li{float: left; width: 25%; background-color: #fff; +width: 24.98%;}


.featured ul li:first-child{+margin-left: 2px;}


.featured ul li a{position: relative; display: block; padding: 56px 0 30px; border: 1px solid #dcdcdc; text-align: center;}


.featured ul li a .picbox{height: 73px; line-height: 73px; background-image: none !important;margin: auto; max-width: 134px;}


.featured ul li a h3{margin: 22px 0 20px; font-size: 18px; line-height: 18px; color: #333; font-weight: normal;  }


.featured ul li a p{height: 36px; overflow: hidden; font-size: 12px; line-height: 18px; color: #999; text-align: center;}


.featured ul li a img.pa{display: none; top: 0; left: 0;}


@media screen and (max-width: 1366px) {


	.featured ul li a{padding: 40px 0 9px;}


	.featured ul li a p{display: none;}


}


@media screen and (max-width: 1366px) {


	.featured ul li a{padding: 30px 0 7px;}


}





/* ��ʽĤ dtro */


.imgbox, .picbox{background-color: #fff; background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: center center;}


.spec-banner{height: 650px; background-repeat: no-repeat; background-position: center center;}


.membrane .container{padding: 60px 0;}


.membrane .title{font-size: 30px; font-weight: normal; text-align: center; font-family: "SCHSCNMedium";}


.membrane .row1 .article{padding: 0 55px 26px 35px; font-size: 13px; color: #666; line-height: 30px;}


.membrane .row2{background: #2a2a2a url(../images/membrane/jia-pic6.jpg) repeat-x left bottom;}


.membrane .row2 .title, .membrane .row5 .title{margin-bottom: 60px;}


.membrane .row2 img.pa{top: 0; left: 100px;}


.membrane .row2 .item{margin: 0 35px; width: 349px; +float: left;}


.membrane .row2 p{color: #fff; text-align: center;}


.membrane .row3, .membrane .row5{background: #f8f8f8;}


.membrane .row3 .item{width: 873px; margin: 40px auto 0;}


.membrane .row3 .item ul{padding: 30px; width: 373px; overflow: hidden; background: #fff;}


.membrane .row3 .item ul li{padding-left: 15px; line-height: 30px; font-size: 13px; color: #333; background: url(../images/membrane/jia-dot.png) no-repeat 0 12px;}


.membrane .row3 .item img.pa{z-index: 1; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px;}


.membrane .row4 .item{float: left; margin: 0 20px; width: 450px;}


.membrane .row4 .item:first-child{margin-left: 128px;}


.membrane .row4 .item p{margin-top: 20px; line-height: 30px;}


table.style{margin: 0 auto; width: 68%;}


table.style td{text-align: center; font-size: 13px; line-height: 16px; color: #666; padding: 20px; border: 1px solid #999; vertical-align: middle;}


table.style td.tl{text-align: left;}


table.style tr:first-child td{border-top-width: 2px;}


table.style tr:last-child td{border-bottom-width: 2px;}


.membrane .row6 .title{margin-bottom: 20px;}


.more a{padding: 18px 0; border: 1px solid #dcdcdc; color: #999; font-size: 12px; line-height: 12px; text-align: center;}


ul.style li{position: relative; padding: 40px 0 28px; border-top: 1px solid #f7f7f7;}


ul.style li:first-child{border-top: 0;}


ul.style li .line{top: 17%; left: 380px; width: 1px; height: 66%; background: #e6e6e6;}


ul.style li p{line-height: 30px;}


ul.style li .left{width: 360px;}


ul.style li .left .imgbox{margin-bottom: 20px; width: 360px; height: 240px;}


ul.style li .more{margin-top: 30px;}


ul.style li .more a:hover{color: #014099; border: 1px solid #014099;}


ul.style li .right{padding: 10px 0; width: 800px;}


ul.style li .right dl{padding-top: 20px; margin-top: 20px; border-top: 1px solid #f7f7f7;}


.ani-arrows{-webkit-animation: pulse1 1.2s linear infinite; animation: pulse1 1.2s linear infinite;}


@-webkit-keyframes pulse1 {


0% { -webkit-transform: scale(1.2) translate(0); transform: scale(1.2) translate(0); opacity: 1} 


60% {-webkit-transform: translate(10px); transform: translate(10px);	 opacity: 0} 


100% {-webkit-transform: translate(-20px); transform: translate(-20px); opacity: 0}


}


@keyframes pulse1 {


0% { -webkit-transform: scale(1.2) translate(0); transform: scale(1.2) translate(0); opacity: 1} 


60% {-webkit-transform: translate(10px); transform: translate(10px);	 opacity: 0} 


100% {-webkit-transform: translate(-20px); transform: translate(-20px); opacity: 0}


}





/* ��������Һ */


 .leachate .title{margin-top: 60px; margin-bottom: 40px; font-size: 30px; font-weight: normal; text-align: center;}


.leachate .title small{margin-top: 8px; font-size: 18px;}
.advantage{background: url(../images/leachate/ad-bg.png) no-repeat; background-size: cover; padding:0px 0 80px;}
.ad-title{padding: 80px 60px 68px;}
.ad-title .en-title{text-transform: uppercase;font-size: 24px;font-weight: 500;line-height: 33px; color: #004098; margin-bottom: 18px;}
.ad-title .cn-title{font-size: 38px;font-weight: 600;color: #333333;line-height: 53px;}
.ad-content{ margin: 0 60px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ad-content .item{cursor: pointer; background: #fff; padding: 28px 32px 32px; box-sizing: border-box; width: 32%;border-radius: 1px;margin-bottom: 28px; }
.ad-content .item .item-img{width: 44px; height: 44px; overflow: hidden; position: relative;}
.ad-content .item .item-img img{width: 44px; height: 44px; transform: translateY(0);}
/* .img-w{z-index: 2;}
.img-b{transform: translateY(0);} */
.ad-content .item .item-txt .item-title{font-size: 22px;color: #333333;font-weight: 600;line-height: 30px; margin-top: 18px; margin-bottom: 12px;}
.ad-content .item .item-txt .item-p{font-size: 16px;color: #333333;font-weight: 400;line-height: 25px; }
.ad-content .item:hover{background: #004098;}
.ad-content .item:hover .item-img img{transform: translateY(-100%);}
.ad-content .item:hover .item-txt .item-title,.ad-content .item:hover .item-txt .item-p{color: #fff;}
/* .systerm .ad-title{ padding:80px 20px 68px;} */
.systerm{background: url(../images/leachate/sys-bg.png) no-repeat;  background-size: cover; }
.systerm .systerm-content{padding:48px 0px  138px 0px; margin: 0 20px; display: flex; flex-wrap: wrap;}
.systerm-content .sys-item{ cursor: pointer; width: 33.333%; padding-right: 40px; padding-left: 40px; box-sizing: border-box;}
.systerm-content .sys-item .item-img{ width: 128px; height: 128px; overflow: hidden;}
.systerm-content .sys-item .item-img img{ width: 128px; height: 128px; transform: translateY(0);}
.systerm-content .sys-item .item-txt .sys-item-title{font-size: 22px;font-weight: 600;line-height: 30px;color: #333333; margin-top: 28px; margin-bottom: 12px;}
.systerm-content .sys-item .item-txt .sys-item-p{font-size:16px;font-weight:400;line-height: 28px;color: #333333; }
.systerm-content .sys-item:hover .item-img img{transform:  translateY(-100%);}
/*ul.style1 li{float: left; margin-bottom: 40px; overflow: hidden; height: 240px;}


ul.style1 li a{padding: 15px; height: 100%;}


ul.style1 li a p{margin-bottom: 18px; color: #666;}


ul.style1 li a .lea-icon{display: block; margin: 0 auto; width: 105px; height: 60px; background-repeat: no-repeat; background-image: url(../images/leachate/jia-i.png);}


ul.style1 li a:hover{background-color: #014099 !important;}


ul.style1 li a:hover p{color: #fff;}


.leachate .row1 ul.style1{margin-right: -15px;}


.leachate .row1 ul.style1 li{margin-right: 15px; width: 228px; +margin-right: 12px;}


.leachate .row1 ul.style1 li a{background-color: #f7f7f7;} 


.leachate .row1 ul.style1 li a .lea-icon{margin-top: 15px; margin-bottom: 15px;}


.leachate .row1 ul.style1 li .line{margin-bottom: 10px; height: 3px; background: #fff;}


.leachate .row1 ul.style1 li a:hover .lea-icon{margin-top: 0 !important;}


.leachate .row2{background-color: #f7f7f7;}


.leachate .row2 ul.style1{margin-right: -16px;}


.leachate .row2 ul.style1 li{margin-right: 16px; width: 288px; +margin-right: 12px;}


.leachate .row2 ul.style1 li a{background-color: #fff;} 


.leachate .row2 ul.style1 li a .lea-icon{margin-top: 50px; margin-bottom: 55px;}


.leachate .row2 ul.style1 li a p{text-align: center;}


.leachate .row2 ul.style1 li a:hover .lea-icon{margin-top: 20px !important; margin-bottom: 30px !important;} */


.leachate .row3{background-color: #333;}


.leachate .row3 .text{margin: 0 60px 60px;}


.leachate .row3 .text *{color: #fff;}


.leachate .row4 .container{padding-bottom: 60px;}


.leachate .row4 .title{font-weight: bold; font-size: 24px; color: #666;}


.leachate .row4 .title small{font-weight: normal; font-size: 16px; color: #999;}


.leachate .row4 .article{background-color: #fafafa;}


.leachate .row4 .article .container{padding-top: 30px;}


.leachate .row4 .article p{color: #666; line-height: 30px;}


.leachate .row4 .article p a{color: #014099; text-decoration: underline;}





/*  ���ż����� */


.decrement .article{padding: 60px 70px;}


.decrement .article p{line-height: 30px; text-indent: 2em;}


.decrement .row2 {padding: 55px 0; background-color: #fafafa;}


.decrement .row2 li{margin-top: 35px; background-color: #fff; height: 225px; overflow: hidden;}


.decrement .row2 li:first-child{margin-top: 0;}


.decrement .row2 li .picbox, .decrement .row2 li .picbox img{width: 376px; height: 225px;}


.decrement .row2 li .text{width: 824px;}


.decrement .row2 li .text dl{margin: 20px;}


.decrement .row2 li .text dl dt{color: #666; line-height: 30px;}


.decrement .row2 li .text dl p{margin-bottom: 45px; color: #666; line-height: 30px; height: 60px; overflow: hidden;}


.decrement .row2 li .text dl .more a{padding: 1px 22px; border: 0; line-height: 20px; background: url(../images/decrement/jia-more.png) no-repeat right bottom;}


.decrement .row2 li.active .text dl .more a{color: #014099; background: url(../images/decrement/jia-more.png) no-repeat right top;}





/* ��Ʒ���� */


.subtitle{margin: 72px auto 77px;}


.subtitle h2{margin-bottom: 12px;}


.subtitle *{color: #333;}


.icon-more{width: 18px; height: 18px; background: url(../images/decrement/jia-more.png) no-repeat left bottom;}


.product{padding-bottom: 120px; background: #f8f8f8;}


.product ul{margin: 0 -18px; +margin: 0;} 


.product ul li{position: relative; float: left; margin: 17px 18px; width: 376px;background: #fff; +margin: 12px;}


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


.product ul li h6{margin: 20px 0; color: #666;}


.product ul li .picbox, .product ul li .picbox img{width: 376px; height: 265px;}


.product ul li .text{padding: 14px 20px 20px;}


.product ul li .text p{color: #999; height: 48px; overflow: hidden;}


.product ul li .more{margin: 0 20px 23px;}


.product ul li a:hover .icon-more, .case li .text a:hover .icon-more, .news ul li a:hover .icon-more{background: url(../images/decrement/jia-more.png) no-repeat left top;}


.local {background: #f8f8f8; line-height: 40px;}


.local div.fl *{padding: 0 3px; color: #999;}


.local div.fr a{color: #666; padding-right: 20px; background: url(../images/product/jia-more.png) no-repeat right center;}


.local a:hover{color: #014099 !important;}


.pro-slider{padding: 25px 0; background: url(../images/product/jia-bg2.jpg) no-repeat center top;} 


.pro-slider .left{width: 540px; height: 450px; background: rgba(255,255,255,.4);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff); zoom:1;}


:root .pro-slider .left{filter: none\9;}


.pro-slider .left *{color: #666;}


.pro-slider .left div{margin: 60px; width: 420px; height: 330px;}


.pro-slider .left h3{margin-bottom: 40px; font-size: 36px; font-weight: normal;}


.pro-slider .left p{line-height: 30px; padding-left: 22px;}


.pro-slider .right{width: 660px; height: 450px;}


.anchor{height: 120px; background: url(../images/product/jia-bg1.jpg) no-repeat center center;}


.anchor .anchor-a{display: inline-block; margin: 50px 3px 0; width: 200px; height: 70px; line-height: 70px; background: #333; color: #fff; font-size: 14px;}


.anchor .anchor-a.active{background: #fff; color: #666;}


.anchor .share{right: 0; top: 5px;}


.bdshare-button-style0-32 a{width: 23px !important; height: 23px !important; background-image: url(../images/product/jia-share.png) !important;}


.bdshare-button-style0-32 .bds_weixin{background-position: 0 center !important;}


.bdshare-button-style0-32 .bds_tsina{background-position: -36px center !important;}


.bdshare-button-style0-32 .bds_tqq{background-position: -69px center !important;}


.bdshare-button-style0-32 .bds_qzone{background-position: -98px center !important;}


.bdshare-button-style0-32 .bds_sqq{background-position: -126px center !important;}


.pro-details .article{padding: 40px 30px;}


.pro-details .article a{color: #666;}


.pro-details .article h3{margin-bottom: 40px; font-size: 30px; font-weight: normal; line-height: 30px;}


.pro-details .article p{line-height: 30px;}


.pro-details .row2{background: #f7f7f7;}


.pro-details .row2 table{margin: 30px auto 40px;}


.pro-details .row2 td{vertical-align: middle;}


.pro-details .row2 td.tc{width: 500px;}


.pro-details .row4{background: #fafafa;}


.pro-details .row4 ul li{position: relative; float: left; margin: 7px 50px 30px; width:150px;}


.pro-details .row4 ul li h5{height: 56px; line-height: 24px; font-weight: normal;}


.pro-details .row4 ul li em{font-style: normal;}


.pro-details .row4 ul li .line{left: -50px; top: 30px; width: 1px; height: 100px; background: #ccc;}


.pro-details .row4 ul li:first-child{margin-left: 30px; width: 215px;}


.pro-details .row4 ul li:first-child .line{display: none;}





/* ���̰��� */


.banner{height: 400px; background-repeat: no-repeat; background-position: center center;}


.inner-search{z-index: 1; margin-left: 30px; width: 560px; cursor: pointer; background: #fff url(../images/product/jia-select.png) no-repeat 96.5% center;}


.inner-search .selected{padding: 0 20px; width: 84%; overflow: hidden; line-height: 50px; white-space: nowrap; }


.inner-search ul.select{display: none; position: absolute; z-index: 10; top: 50px; width: 100%; background: #fff; border-top: 1px solid #dcdcdc;}


.inner-search ul.select li a{padding: 8px 20px; font-size: 12px; line-height: 22px; color: #666;}


.inner-search ul.select li a:hover{background-color: #014099; color: #fff;}


.input-box{margin-right: 30px; width: 560px; height: 50px; overflow: hidden; background: #fff;}


.input-wrap input{padding: 0 20px; height: 50px; width: 460px; font-size: 13px; color: #999;}


.input-box .icon-search{right: 0; top: 11px; width: 57px; height: 28px; background: url(../images/product/jia-search.png) no-repeat center center; border-left: 1px solid #f8f8f8;}


.casebox{background: #f8f8f8;}


.casebox .container{min-height: 600px;}


.case{margin: 30px;} 


.case li{margin-bottom: 20px;}


.case li .imgbox, .case li .imgbox img{width: 660px; height: 440px;}


.case li .square{top: 50%; margin-top: -118px; font-size: 180px; color: #fff;}


.case li .text{padding: 20px; width: 420px; height: 400px; background: #fff;}


.case li .text a{display: block; width: 100%; height: 100%; position: relative; z-index: 1;}


.case li .top{padding: 45px 0; background: #f8f8f8;}


.case li h6{margin: 20px 0 15px;}


.case li .desc{height: 112px; overflow: hidden; line-height: 28px; color: #999;}


.case li .text a:hover .top img{-webkit-animation: bounce 1.2s linear; animation: bounce 1.2s linear;}


.case li.even .imgbox, .case li.odd .text{float: left;}


.case li.odd .imgbox, .case li.even .text{float: right;}


.case li.even .square{left: -54px;}


.case li.odd .square{right: -54px;}





/* Ӧ������ */


.app ul{margin: 0 -18px 60px; overflow: hidden;} 


.app ul li{float: left; position: relative; margin: 22px 18px; width: 376px; height: 376px; overflow: hidden;}


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


.app .pop{display: none; position: absolute; top: 135px; left: 38px;  width: 300px; height: 240px; background: rgba(1,64,153,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc014099,endColorstr=#cc014099); zoom:1;}


:root .app .pop{filter: none\9;}


.app .text{width: 100%; top: 120px; left: 0; height: 121px; overflow: hidden;}


.app .text h6{color: #fff; +line-height: 16px;}


.app .desc{bottom: -48px; left: 54px; opacity: 0; filter: alpha(opacity=0); color: #fff; width: 270px; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden;}





/* ��ҳ�������� */


.menu{padding: 40px 0;}


.menu li{float: left; width: 199px; height: 122px; overflow: hidden; border-left: 1px solid #f2f2f2;}


.menu li:first-child{border-left: 0;}


.menu li span{margin: 9px auto 21px; width: 60px; height: 60px; background: url(../images/about/jia-iconbg.jpg) no-repeat left top;}


.menu li i{display: block; width: 60px; height: 60px; background-repeat: no-repeat;}


.menu li p{font-size: 14px; color: #999; text-transform: capitalize; text-align: center;}


.menu1 li i{background-image: url(../images/about/jia-icon1.png);}


.menu2 li i{background-image: url(../images/about/jia-icon2.png);}


.menu1 ul{width: 600px; margin: 0 auto;}


.menu li a:hover span, .menu li.active span{background: url(../images/about/jia-iconbg.jpg) no-repeat left bottom;}


.menu li a:hover p, .menu li.active p{color: #014099;}





/* �������� */


.tab{margin-top: -45px; margin-bottom: 48px;}


.tab a{position: relative; display: inline-block; margin: 0 18px; width: 120px; height: 36px; line-height: 36px; text-align: center; background-color: #fff; color: #666;}


.tab a.active, .tab a:hover{background-color: #014099; color: #fff;}  


.news ul{margin: 0 -18px; overflow: hidden;}


.news ul li{position: relative; float: left; margin: 18px; width: 376px; background: #fff;}


.news ul li .picbox{width: 376px; height: 225px;}


.news ul li .text{padding: 20px;}


.news ul li .text h6{color: #666;}


.news ul li .text .desc{color: #999; height: 48px; overflow: hidden;}


.news ul li .text .date{margin-top: 4px; color: #ccc; font-size: 12px;}


.news ul li .text .date .icon-more{right: 0; top: 3px;}


.news-title{margin-top: 33px; margin-bottom: 30px; padding-bottom: 27px; border-bottom: 1px dotted #cbcbcb;}


.news-title h1{margin-bottom: 14px; font-size: 22px; color: #262626; font-weight: normal;}


.news-title span{font-size: 13px; color: #8f8e8e;}


.news-details .edite{width: 802px; margin: 0 auto; padding-bottom: 30px;}


.news-details .edite span.dotted{position: absolute; left: 0; width: 1010px; border-bottom: 1px dashed #cbcbcb;}


.news-details .edite p{color: #615c5c !important;}


.news-details p.btn{margin-bottom: 60px; border-top: 1px dotted #cbcbcb;}


.news-details p.btn a{display: block; width: 433px; height: 32px; margin: 0 10px; margin-top: 36px; background: #f4f4f4; color: #666; font-size: 12px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.news-details p.btn a span.inline{padding: 0 23px; margin-right: 26px; border-right: 1px solid #fff; background: #ececec;}


.news-details p.btn a:hover, .news-details p.btn a:hover span.inline{background: #014099; color: #fff;}





/* ��ҳ */


.page {margin: 43px auto 60px;}


.page a{display: inline-block; margin: 0 1px; padding: 0 12px; font-size: 12px; line-height: 27px; text-align: center; border: 1px solid #dfdfdf; color: #6e6e6e; background: #fff;}


.page a:hover{color: #999; border: 1px solid #999;}


.page-m{position: relative; top: -1px; +display: inline !important;}


.page-m a{font-family: "Arail";}


.page-m a.active{background: #999; color: #fff; border: 1px solid #999;}


.page input.txt{width: 32px; text-align: center; height: 25px; line-height: 25px; color: #6e6e6e; border: 1px solid #dfdfdf; +position: relative; +top: 5px;}


.page input.button{margin-left: 20px; width: 88px; height: 29px; background: #999; color: #fff; text-align: center; +position: relative; +top: 5px;}


.page input.button:hover{background: #666;}


.page-prev, .page-next{+display: inline !important; +margin: 0 4px;}





/* ��ϵ���� */


.map{height: 500px;}


.contact{margin-bottom: 100px; overflow: hidden;}


.contact h3{padding: 28px 50px; font-size: 24px; color: #666; font-weight: normal;}


.contact dt{border-bottom: 3px solid #f4f4f4;}


.contact dd{float: left;position: relative; padding: 0 50px; width: 500px; height: 74px; overflow: hidden; border-bottom: 1px solid #e9e9e9;}


.contact dd p{padding-left: 46px; margin-top: 27px;}


.contact dd em{position: absolute; left: 50px; top: 25px; display: block; width: 30px; height: 30px; background-image: url(../images/about/jia-icon3.png); background-repeat: no-repeat;}





/* �������� */


.job-list{margin-bottom: 40px;}


.job-list dl{padding-bottom: 20px;}


.job-list dl dt{position: relative; height:57px;line-height:57px;background:#fff;color:#777;font-size:14px; cursor: pointer;}


.job-list dl dt span, .job-list .tit span{margin-left: 15px; display: inline-block;}


.job-list .s1{margin-left: 30px; width: 580px;}


.job-list .s2{width: 190px;}


.job-list .s3{width: 110px;}


.job-list .s4{width: 170px;}


.job-list .tit{border-top: 3px solid #ededed;}


.job-list .tit span{height:57px;line-height:57px; font-weight: bold;}


.job-list .tit .s1{margin-left: 30px;}


.job-list dl dd{display: none;} 


.job-list dl dd div{color:#8c8c8c;padding:40px 50px 20px;line-height:25px;}


.job-list dl dd div p{margin-bottom: 0; line-height: 30px; color: #666;}


.job-list dl dt em{position: absolute; top: 0; right: 0; width:33px; height:33px; float:right; background: #014099 url(../images/about/jia-faq.png) no-repeat left top;margin-right:20px;margin-top:12px;}


.job-list dl dt em.show{background-position: left bottom;}


.job-list .inner-search{margin-bottom: 12px; width: 170px; background: #ededed url(../images/product/jia-select.png) no-repeat 92.5% center}


.job-list .inner-search .selected{width: 57%; font-size: 13px; color: #666; line-height: 36px;}


.job-list .inner-search ul.select{top: 36px; background: #ededed;}





/* ��˾��� */


.profile{margin: 0 60px; padding-bottom: 80px;}


.profile .left{width: 500px;}
.profile .left .video-box{position:relative;}
.profile .left .video-box:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3)}
.profile .left .content{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);    z-index: 10;cursor:pointer;}
.profile .left .content img{transition:all .3s ease;}
.profile .left .content:hover img{transform:translateY(-5px)}
.profile .left .content p{color:#fff;font-size:16px;margin-top:5px;}

.profile .right{width: 500px;}


.profile .right h5{margin-bottom: 25px; color: #014099;}


.profile .right p{text-indent: 2em; line-height: 30px; color: #666;}





/* ��ҵԸ�� */


.vision ul li{position: relative; float: left; padding: 18px; width: 264px; height: 214px; background: #fff;}


.vision ul li >p{margin-top: 20px; color: #666;}


.vision ul li em{bottom: 0; left: -1px; width: 1px; height: 80%; background: #f2f2f2;}


.vision ul li:first-child em{display: none;}


.vision ul li .number{width: 60px; height: 60px; margin-right: 10px; background: url(../images/about/jia-id.png); background-repeat: no-repeat;}


.vision ul li .tit{width: 192px; height: 57px; border-bottom: 3px solid #f8f8f8;}


.vision ul li .tit p{margin-top: 10px; margin-bottom: 2px;}


.vision1{margin: 60px 0;}


.vision1 ul li{position: relative; float: left; margin-left: 6px; width: 396px; height: 500px; overflow: hidden; background: #fff;}


.vision-li1 .tit *{color: #fff; line-height: 30px;}


.vision-li1 .tit{width: 100%; left: 0; bottom: 0;}


.vision-li1 .tit p{padding: 30px;}


.vision-li2 .blank{height: 140px; background: #d9dee2;}


.vision-li2 .tit{height: 80px; background: #eff1f3;}


.vision-li2 .tit p{display: inline-block; margin-top: 19px; padding: 0 25px; color: #666;}


.vision-li2 .text{padding: 0 25px;}


.vision-li2 .text p{margin: 11px 0; color: #666; line-height: 18px;}


.vision-li2 img.pa{right: 11px; top: 40px;}





/* ���¼� */


.history ul{margin: 6px auto 84px; background: url(../images/about/jia-line.jpg) repeat-y center top; +margin-top: 0;}


.history ul li .box{width: 600px;}


.history ul li:first-child{margin-top: 35px;}


.history ul li .dot{top: 50%; margin-top: -2px; width: 5px; height: 5px; background: url(../images/about/jia-dot.png) no-repeat;}


.history ul li .line{top: 50%; width: 88px; height: 1px; background: #6b6b6b;}


.history .text{padding: 30px 20px; width: 460px; background: #fff;}


.history .text *{line-height: 30px; color: #333;}


.history .text h6{margin-bottom: 20px;}


.history ul li.even .box, .history ul li.even .text{float: right;}


.history ul li.odd .box, .history ul li.odd .text{float: left;}


.history ul li.even .dot{left: -3px;}


.history ul li.odd .dot{right: -2px;}


@media screen and (-webkit-min-device-pixel-ratio:0){


.history ul li.even .dot{left: -2px;}


.history ul li.odd .dot{right: -3px;}


}{} /* Safari(Chrome) ��Ч */





.history ul li.even .line{left: 12px;}


.history ul li.odd .line{right: 12px;}





/* public style */


.mt{margin-top: 0 !important;}


.mr{margin-right: 0 !important;}


.mb{margin-bottom: 0 !important;}


.ml{margin-left: 0 !important;}


.white{color: #fff;}


.black{color: #333;}


.black{color: #333;}


.gray{color: #666;}


.lightgray{color: #999;}





.ft-11{font-size: 11px;}


.ft-12{font-size: 12px;}


.ft-13{font-size: 13px;}


.ft-14{font-size: 14px;}


.ft-15{font-size: 15px;}


.ft-16{font-size: 16px;}


.ft-17{font-size: 17px;}


.ft-18{font-size: 18px;}


.ft-19{font-size: 19px;}


.ft-20{font-size: 20px;}


.ft-21{font-size: 21px;}


.ft-22{font-size: 22px;}


.ft-23{font-size: 23px;}


.ft-24{font-size: 24px;}


.ft-26{font-size: 26px;}


.ft-36{font-size: 36px;}





.tl{text-align: left;}


.tc{text-align: center;}


.tr{text-align: right;}


.fl{float: left;}


.fr{float: right;}


.clear{clear: both; height: 0;}


.pr{position: relative;}


.pa{position: absolute;}


.pf{position: fixed;}


.block{display: block;}


.none{display: none;}


.inline{display: inline-block;}


.hidden{overflow: hidden;}


.cap{text-transform: capitalize;}


.upper{text-transform: uppercase;}


.bold{font-weight: bold;}


.normal{font-weight: normal;}


.hand{cursor: pointer; _cursor: hand;}


.ff-ar{font-family:Arial !important;}


.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify;}


.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}


:root .filterbox{filter: none\9;}





/* css3 style */


.trans-3{-webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -ms-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear;}


.trans-8{-webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}


.trans-12{-webkit-transition: all 1.2s; -moz-transition: all 1.2s; -ms-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s;}


.scale-0x{-webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75);}


.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}


.radius-5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


.radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}


.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}


.shadow{-webkit-box-shadow: 7px 7px 7px #dad6d6; -moz-box-shadow: 7px 7px 7px #dad6d6; box-shadow: 7px 7px 7px #dad6d6;}


.shadow-all{-webkit-box-shadow: 0 15px 15px #f2f2f2; -moz-box-shadow: 0 15px 15px #f2f2f2; box-shadow: 0 15px 15px #f2f2f2;}


.play-box{position:fixed;width:1000px;height:560px;background:#fff;top:50%;left:50%;margin-top:-280px;margin-left:-500px;border-radius:10px;display:none;z-index:6}
.play-box video{width:100%;display:block;}

.play-box .top img{float:right;margin-right:15px;padding:10px 0;cursor:pointer;}
.mask{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.3);z-index:5;display:none;}


.cpoy1{display: flex;
	justify-content: center;}
.fl.hidden.ind_txt {
    line-height: 70px;
    padding-left: 15px;
    font-weight:bold;
}

.fl.hidden.ind_txt span {
    color: #014099;
}