@charset "utf-8";
/* animation */


@media screen and (max-width:1599px){
.pnav ul li{padding:0px;}
}
@media screen and (max-width:1250px){
.pnav ul li a{ padding:22px 10px; }
.pbtxts .en{font-size:50px; line-height:50px;}
.pbtxts .cn{ font-size:30px; line-height:50px;}
}
@media screen and (max-width:1100px){
.pnav ul,.breadnav{ width:100%; float:none;}
.pnav ul li a{ padding:15px 10px; }
.breadnav{ padding:10px 0 15px;}
.breadnav p,.breadnav a{ font-size:14px; }
.pbtxts .en{ margin:0;}
}
@media screen and (max-width:1024px){
.pbanner .pic2 img{ position:relative; }
.pnav{padding:0%;margin-top:0px;}
}
@media screen and (max-width:850px){
.pbtxts{ top:36%; }
.pbtxts .tx1 { font-size:16px; line-height:20px;}
.pbtxts .en{ font-size:26px; line-height:30px;}
.pbtxts .cn{ font-size:20px; line-height:30px;}
}
@media screen and (max-width:740px){
.navbar-brand .logo { display: none;}	
.navbar-brand .logo-m { display: block;}	
.pbtxts{ top:36%; }
.pbtxts .tx1 { font-size:16px; line-height:20px;}
.pbtxts .en{ display:none;}
.pbtxts .cn{ font-size:14px; line-height:20px; }
.topnav{ background-color:#Fff;}
.pbanner{ padding-top:58px;}
.pbtxts .line{ margin-top:5%;} 
.pnav ul li{ width:25%; text-align:center;}
.pnav ul li a{ padding:10px 0; display:block; text-align:center; font-size:14px; }
.breadnav{ text-align:left; padding-top:4px;}
}


#gongsijianjie{padding-bottom:50px;}
.measure .tab_menu{overflow:hidden; margin:0 auto; box-sizing: border-box;font-size:16px; color:#fff; line-height:34px;}
.measure .tab_menu p{ font-size:18px; color:#fff; line-height:34px; font-weight:bold; padding-bottom:40px;}
.measure .tab_menu li{ float:left; text-align:center;cursor:pointer;  line-height:34px; background:url(../images/shu.png) no-repeat right 10px; padding:0 1.2% 0px;}
.measure .tab_menu li:last-child{ background:none;}
.tab_box .hide{display:none;}
.measure .tab_menu li.current p{ color:#72bb30;background:url(../images/pdown.png) no-repeat center bottom;}
.measure .tab_box h4{font-size:16px; color:rgba(255,255,255,0.7); line-height:24px;}
 
.develop{ background:url(../images/build.png) no-repeat center bottom; border-bottom:1px solid #bea369;}
.title{ text-align:center; margin:4% auto;}
.title h2{font-size:30px; color:#333;line-height:36px; font-weight:bold; }
.title h3{font-size:26px; color:#ccc;line-height:36px;font-family:Arial;}
.develop .freeTx{ color:#666;}
.develop .abhis .slick-prev{left:-80px;background-image:url(../images/aw4.png)}
.develop .abhis .slick-next{right:-80px;background-image:url(../images/aw5.png)} 
.develop .abhis{border-bottom:none;}
.perform{ background:url(../images/num.jpg) no-repeat center; background-size:cover; padding:1px 0; margin-top:50px;}

.testing .item{ position:relative;}
.testing .item h3{ position:absolute; left:15px; bottom:15px;font-size:22px; color:#fff;line-height:36px; font-weight:bold;}
.count h2{font-size:24px; color:#fff;line-height:36px; font-weight:bold; text-align:center;}
.count ul{ width:100%; margin:50px auto 70px; max-width:1200px;} 
.count ul li{ width:23%; margin:0 1%; background-color:rgba(255,255,255,0.3); float:left; padding:35px 0; text-align:center; color:#fff;}
.count ul li h3{font-size:40px; color:#fff;line-height:36px;font-family:Arial;}
.count ul li p{font-size:16px; color:#fff;line-height:30px; }
.count ul li h3 small{font-size:16px; color:#fff;}
.grey{ background-color:#f7f7f7;}
.cooperative{ padding-bottom:60px;}

.cooperative ul{ margin:30px auto;}
.cooperative li{ float:left; box-sizing:border-box; width:14.6%; margin:1%; background-color:#FFF; padding:20px;}
.cooperative li:hover{ box-shadow:1px 1px 9px #ccc;}
.cooperative li img{ display:block; margin:0 auto; max-width:80%;}
.environment .owl-controls{ position:absolute; left:0; top:25%; width:100%;}
.environment .owl-controls .owl-prev{ float:left;}
.environment .owl-controls .owl-next{ float:right;}
.environment{ padding-bottom:5%;}
@media screen and (max-width:1599px){
.aquare h3{font-size:26px; line-height:36px;}
.measure .tab_menu p{ font-size:16px; }
.environment .owl-controls{ top:15%; }
  }

@media screen and (max-width:1250px){
.cooperative li{ width:23%; }
.cooperative{ padding-bottom:20px;}
.environment .owl-controls{ top:10%; }
.four ul li{ width:100%; margin:0%; float:none;}
.aquare{ height:140px; padding:15% 0 0 23%;}
}

@media screen and (max-width:992px){
.cooperative li{ width:31%; }
.four ul li{ width:46%; margin:0 2%; float:left;}
.count ul li { width:48%; margin-bottom:20px;}
.cooperative li img{  max-width:86%;}
}
@media screen and (max-width:600px){
.about{ background-color:#fff; padding:0; margin-bottom:30px;}
.measure .tab_menu p{ font-weight:normal; padding:0; }
.measure .tab_menu li{ width:33.33%; text-align:center; padding:0;background:none;}
.measure .tab_menu li.current p{ background:none;}
.measure .tab_box h4{font-size:14px; }
.maincontent { padding-top:30px;}
.companys h2 {font-size:20px; line-height:34px;}
.wen{ margin-bottom:20px;}
.title{ margin:25px auto;}
.title h2{font-size:20px; line-height:30px; }
.title h3{font-size:16px; line-height:20px;}
.testing .item h3{font-size:16px; }
.count h2 { font-size:16px; line-height:26px;}
.count ul { margin:20px auto 30px;}
.count ul li { width:100%; margin:0 0 20px;float:none;}
.cooperative li { width:48%; height:70px;}
.cooperative ul { margin-bottom:10px;}
.perform{ margin-top:30px;}
}

.back_top{position:absolute; top:-30px; right:15px; width:50px; height:50px; cursor:pointer;}


@media screen and (max-width:1024px){
.pbtxtd .tx2{ font-size:40px; line-height:60px;}
.pbtxtd .en2{ font-size:32px; line-height:30px;}
.product{ transform:translateY(-60px)}
.category ul li h3{ font-size:16px; line-height:50px; }
.back_top{ display:none;}
}
@media screen and (max-width:900px){
.pbtxtd .tx2{ font-size:20px; line-height:60px;}
.pbtxtd .en2{ font-size:18px; line-height:30px;}
.product{ transform:translateY(-60px)}
.category ul li h3{ font-size:14px; line-height:50px; }
}
@media screen and (max-width:740px){
.pbtxtd .tx2{ font-size:20px; line-height:30px;}
.pbtxtd .en2{ font-size:16px; line-height:20px;}
.product{margin-top:0px;position:relative;height:auto; transform:translateY(0px); margin-bottom:20px;}
.category ul li h3{ font-size:14px; color:#333; line-height:46px; border-bottom:1px solid #eee; }
.category ul li{ width:48%; float:left; text-align:center; padding-top:20px;}
.category ul li img{ visibility: visible; transition:all 0.5s;}
.category ul li img:last-child{ display:none;}
.pbtxtd{ top:36%; }
.pbtxtd .line2{ width:36px;height:36px;  margin:4% auto 0;}
.pbtxtd .line2 img{ width:36px;height:36px;}
}


.later{ width:100%; margin:0 auto; position:relative;}
.later ul{ position:absolute; width:60%; left:20%; bottom:80px;}
.later ul li{ width:18%; margin:0 1%; float:left; text-align:center;}
.later ul li h3{ display:block; font-size:18px; color:#fff; line-height:54px; border-bottom:1px solid #fff; margin-bottom:10px;}
.later ul li img{ visibility:hidden; }
.later ul li a{ display:block;}
.later ul li a:hover img{visibility: visible; transform:translateY(-5px)}
.later ul li.current a img{visibility: visible; }
.later .tab_box img{ width:100%;}
@media screen and (max-width:1600px){
.later ul{ width:80%; left:10%; bottom:50px;}
}
@media screen and (max-width:1200px){
.later ul{ width:94%; left:3%; bottom:50px;}
.later ul li h3{ font-size:16px; line-height:50px; }
}
@media screen and (max-width:900px){
.later{ padding-bottom:250px;}
.later ul{ width:94%; left:3%; bottom:30px;}
.later ul li h3{ font-size:14px; color:#333; line-height:46px; border-bottom:1px solid #eee; }
.later ul li{ width:31%; float:left; text-align:center; padding-top:20px;}
.later ul li img{ visibility: visible; transition:all 0.5s;}
.later ul li img:last-child{ display:none;}
}
@media screen and (max-width:740px){
.later{ padding-bottom:350px; margin-top:64px;}
.later ul{ width:96%; left:2%; bottom:30px;}
.later ul li{ width:48%; }
}





.secbanner{ height:413px; box-sizing:border-box; padding-top:160px; text-align:center;}
.secbanner h3{font-family:Arial;font-size:72px; font-weight:700;text-transform:uppercase;color:rgba(255,255,255,0.2);margin:10px 0; line-height:60px;}
.secbanner h2{font-size:30px; color:#fff; font-weight:bold; line-height:36px; margin-bottom:15px;}
.secbanner img{animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; }
.secnav .pnav{ margin:0;}
.protop{ position:relative;} 
.ptop{ position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8); width:100%; height:100%; box-sizing:border-box; text-align:center; padding:4% 15px; display:none;}
.ptop table{ width:100px; margin:20px auto; background:url(../images/wshu.png) no-repeat center center;}
.ptop table .sharemore{ width:30px; height:30px; background:url(../images/share.png) no-repeat center; margin-left:10px;}
.ptop table tr td{ height:32px; width:50%;}
.ptop a.big{font-size:16px; color:#fff; display:inline-block; margin-top:30%;}
.prodis h3 a{ display:block; text-align:center;font-size:16px; color:#333; line-height:60px; background:url(../images/green.png) no-repeat center top; margin:30px 0;}
.products{ padding:50px 0;}
.prodis{ margin:0 30px;}
.prodis:hover .ptop{ display:block;box-shadow:1px 1px 8px #666;}
@media (max-width:1600px) {
.prodis{ margin:0px;}
}
@media (max-width:1400px) {
.ptop a.big{ margin-top:10%;}
}
@media (max-width:1100px) {
.ptop{ padding:20px 15px; display:none;}
.ptop table{margin:0px auto;}
}
@media (max-width:768px) {
.secbanner{ height:260px; padding-top:90px; }
.secbanner h3{ font-size:32px; line-height:40px;}
.secbanner h2{font-size:20px; line-height:26px; }
.ptop a.big{ margin-top:30%;}
.products{ padding:30px 0;}
.prodis h3 a{margin:15px 0 0 0px;}
}


@media (max-width:768px) {
.pages{ padding-top:0px; margin:0 auto 30px;text-align: center; box-sizing:border-box;}
.pages a{ line-height:34px; padding:0 12px; font-size:13px; margin-bottom:4px;}
.pages span {  line-height:34px; padding:0 12px; font-size:13px;margin-bottom:4px;}
}
/
@media (max-width:768px) {
.detail{ padding:20px 0;}
.detail h3{font-size:20px; line-height:30px; }
}

@media (max-width:1600px) {
.contact ul li{ min-height:240px;}
}
@media (max-width:1300px) {
.contact p{font-size:15px; line-height:24px; }
}
@media (max-width:600px) {
.contact ul li{ width:49%; margin-right:1%; }
.contact{ padding:30px 0;}
.contact form{ margin-top:32px;}
}
@media (max-width:400px) {
.contact ul li{  padding:20px 10px; }
}



.talent{ text-align:center; top:24%;}
.talent h3{font-family:Arial;font-size:72px; font-weight:700;text-transform:uppercase;color:rgba(255,255,255,0.2);margin:10px 0; line-height:60px;}
.talent h2{font-size:30px; color:#fff; font-weight:bold; line-height:36px; margin-bottom:15px;}
.talent img{animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; }
.talent .txd{font-size:36px; color:#6eb72c; font-weight:bold; margin-top:5%;}
.talent .cd{font-size:16px; color:#fff; line-height:26px; max-width:1140px; margin:40px auto 30px;}
.ruit { margin-bottom:50px;}
.ruit li{ width:18%; margin:1%; box-sizing:border-box; padding:10px; float:left; text-align:center; border:1px solid #ddd; cursor:pointer;}
.ruit li div{ padding:100px 0 50px; background:#eeeeee url(../images/recuit.png) no-repeat center 52px;}
.ruit li h3{ font-size:18px; color:#333; font-weight:bold; line-height:36px;}
.ruit li:hover div{ background:#72bb30 url(../images/recuit1.png) no-repeat center 52px;}
.ruit li:hover h3{ color:#fff;}
.rucuit{ padding:20px 30px; text-align:center;}
.rucuit h3{font-size:24px; color:#333; font-weight:bold; line-height:36px; margin:10px 0 30px;}
.rucuit a{display:block; padding:0 20px; line-height:40px;background-color:#fff; color:#333; border:1px solid #ddd;font-size:15px; margin:30px auto; width:140px;}
.rucuit a:hover{ background-color:#7ec142; border-color:#7ec142; color:#fff;}
@media (max-width:1300px) {
.ruit li{ width:23%; }
.talent h3{ font-size:30px; line-height:30px;}
.talent h2{font-size:20px; line-height:26px; margin-bottom:10px;}
.talent .txd{font-size:30px; }
.talent .cd{font-size:14px; color:#fff; line-height:26px; max-width:1140px; margin:30px auto 20px;}
}
@media (max-width:992px) {
.ruit li{ width:31%; }
.talent .txd, .talent .cd,.talent .lined{ display:none; }
.talent .cd{ display:none;}
.talent{ text-align:center; top:30%;}
}
@media (max-width:600px) {
.ruit li{ width:48%; }
.talent h3{ font-size:20px; line-height:30px;}
}
.equa { margin-bottom:20PX;}
.equa li{ width:20%; float:left; box-sizing:border-box; padding:15px;}
.equa li img{ display:block; width:100%; transition:all 0.3s;}
.equa li h3{font-size:16px; color:#333; font-weight:bold; line-height:26px; text-align:center; margin-top:10px;}
.equa li:hover img{ transform:translateY(-5px)}
@media (max-width:1350px) {
.equa li{ width:25%; }
}
@media (max-width:992px) {
.equa li{ width:33.33%; }
}
@media (max-width:500px) {
.equa li{ width:50%; padding:8px 4PX;}
}

@media (max-width:1600px) {
.newright li a{ padding:2% 0;}
.newright li a h3{font-size:15px; }
.newright li a span{font-size:14px; line-height:20px; }
}
@media (max-width:1350px) {
.newtop .newcn{ font-size:42px; line-height:40px;}
.newtop .newzn{font-size:24px; }
.newright li a{ padding:1% 0;}
}
@media (max-width:1250px) {
.newright li a h3{ line-height:24px; height:24px; }
}
@media (max-width:1024px) {
.newright li a h3{ font-size:14px; line-height:24px; height:24px; }
.bignews{ display:block;}
.bignew{ display:none;}
.newtop{ top:35%; text-align:center;}
.bignews{ margin-top:40px; background-color:#446f8d;}
.newright li a span{font-size:13px; line-height:16px; }
.newright li a{ padding:0px 0;}
.bignews .owl-theme .owl-controls { margin-top:0px;}
}
@media (max-width:991px) {
.bignews{ margin-top:40px; background-color: transparent;}
.newright{ background-color:#446f8d; padding:10px;}
.news{ margin-left:0px;}
.newright li a{ padding:10px 0;}
}

@media (max-width:500px) {
.newtop .newcn{ font-size:30px; line-height:30px;}
.newtop .newzn{font-size:18px; line-height:20px;}
.newright li a h3{ font-size:16px; font-weight:normal;}
}
.newlist{ margin-top:40px; margin-bottom:40px;}
.newlist li a{ display:block; padding:40px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.newlist li a .nleft{ width:15%; float:left;}
.newlist li a .nright{ width:15%;float:left;}
.newlist li a .nmiddle{ width:70%;float:left; box-sizing:border-box; padding:20px 40px;}
.nmiddle h3{font-size:18px; color:#333; font-weight:bold; line-height:40px; white-space: nowrap; max-width:100%; height:40px; overflow:hidden; text-overflow:ellipsis;}
.nmiddle p{font-size:16px; color:#999; line-height:30px; white-space: nowrap; max-width:100%; height:30px; overflow:hidden; text-overflow:ellipsis;}
.nmiddle span{ display:inline-block; font-size:14px; color:#999; background-color:#e8ebf0; line-height:42px; padding:0 30px; margin-top:20px; border-bottom:3px solid #e8ebf0; transition:all 0.5s;}
.newlist li a:hover .nmiddle span{ border-bottom:3px solid #6bb52b;}
.newlist li a:hover .nmiddle h3{color:#6bb52b;}
.time{ background-color:#f3f3f3; padding:20px 40px; text-align:center;}
.time strong{font-size:16px; color:#b0b0b0; line-height:50px; display:block; font-weight:bold; border-bottom:1px solid #ccc;}
.time p{font-size:16px; color:#b0b0b0; line-height:40px; display:block; font-weight:bold; }
.newlist li a:hover{ box-shadow:1px 2px 9px #bbb;}
.newlist li a:hover .time{ background-color:#6bb52b;}
.newlist li a:hover .time strong,.newlist li a:hover .time p{ color:#fff;}
.newcontent{ padding-bottom:30px;}
@media (max-width:1800px) {
.newlist li a{ padding:30px; }
.newlist li a .nmiddle{ padding:0px 30px;}
.nmiddle h3{ line-height:30px; height:30px; }
}
@media (max-width:1600px) {
.time{ padding:6px 20px; text-align:center;}
.nmiddle span{ line-height:36px; margin-top:10px;}
}
@media (max-width:1250px) {
.time{ padding:6px 10px; text-align:center;}
.time strong{font-size:14px; line-height:40px; }
.time p{font-size:14px;}
}
@media (max-width:992px) {
.time{ padding:6px 4px; text-align:center;}
.newlist li a{ padding:20px; }
.newlist li a i{ font-style:normal; font-size:13px;}
}
@media (max-width:767px) {
.newlist li a .nleft{ width:25%; }
.newlist li a .nmiddle{ width:75%; padding:0 0 0 20px;}
.nmiddle h3{font-size:16px; line-height:26px; height:26px; }
.nmiddle p{font-size:14px; line-height:20px; height:20px; }
 }
@media (max-width:500px) {
.newlist li a .nleft{ width:25%; display:none;}
.newlist li a .nmiddle{ width:100%; padding:0px;}
.newlist li a{ padding:15px 10px; }
.newlist{ margin-top:30px; margin-bottom:30px;}
 }

.article_top{ color:#fff; text-align:left; margin-top:80px;}
.article_time span{ float:left; font-size:14px; color:rgba(255,255,255,0.5); line-height:40px; }
.article_top h1{ font-size:36px; color:#fff; line-height:40px; margin-bottom:20px; font-weight:bold;}
.article_top p,.article_top a{  font-size:14px; color:rgba(255,255,255,0.5); line-height:30px;}
.article_content{font-size:16px; color:#666; line-height:36px; padding:40px 0; border-bottom:1px solid #ddd;}
.article_content p{font-size:16px; color:#666; line-height:36px; margin-bottom:15px;}
.art_bot{ margin:30px 0 50px;}
.art_bot p , .art_bot a{font-size:15px; color:#666; line-height:26px; margin:0; }
.art_bot a:hover{ color:#6bb52b;}
.backs a{ display:inline-block; font-size:16px; color:#6bb52b; background-color:#e8ebf0; border-radius:20px; line-height:40px; padding:0 30px; margin-top:40px; transition:all 0.5s; border:1px solid #e8ebf0}
.backs a:hover{border:1px solid #6bb52b}

.recommend{ background-color:#f8f8f8; padding:30px 30px; margin-bottom:50px; border-radius:20px; margin-top:-94px;}
.recommend h2{font-size:24px; color:#333; margin:0; line-height:36px; font-weight:bold; margin-bottom:20px;padding-bottom:20px;  border-bottom:1px solid #ddd;}
.recommend ul li a{ display:block;  padding-bottom:20px; }
.recommend ul li a h3{font-size:16px; color:#666; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#a2a2a2; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:24px; height:48px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.recommend ul li{ border-left:1px dashed #ccc; padding-left:20px;position:relative;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#6bb52b;}
.rightnew a{ display:block; position:relative; margin-bottom:20px;}
.rightnew a h3{ position:absolute; width:100%; bottom:0px; left:0; box-sizing:border-box; padding:0 10px; background-color:rgba(0,0,0,0.5);font-size:16px; color:#fff; line-height:42px;max-width:100%; height:42px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.recommend ul li:before{ width:12px; height:12px; border:1px solid #ccc; background-color:#fff; position:absolute; left:-7px; top:0; content:''; display:block; border-radius:50%;} 
.lookmore{ display:block; font-size:16px; color:#fff; background-color:#6bb52b; border-radius:20px; line-height:40px; width:150px; text-align:center; transition:all 0.5s; margin:30px auto 0; transition:all 0.6s;}
.lookmore:hover{ color:#fff; animation: logoShow .5s 1;-webkit-animation: logoShow .5s 1; }
.leftnav{ display:block;}
.leftnav{font-size:14px; color:#666; line-height:30px; margin-top:20px;}
@media (max-width:1600px) {
.article_top h1{ font-size:28px; line-height:34px; }
}
@media (max-width:1350px) {
.topnavs{ display:none;}
.article_content{ padding:20px 0 30px; border-bottom:1px solid #ddd;}
}
@media (max-width:992px) {
.recommend{padding:20px 20px; margin-bottom:30px; margin-top:10px;}
}
@media (max-width:768px) {
.article_top{ margin-top:20px;}
.article_top h1{ font-size:16px; line-height:30px; margin-bottom:0px; }
.art_bot{ margin:30px 0 10px;}
.backs a{  margin-top:0px; margin-bottom:30px; }
.recommend{  padding:10px; }
.recommend h2{font-size:18px; margin-bottom:10px;padding-bottom:10px; }
.article_content p{ line-height:30px; margin-bottom:10px;}
}





@keyframes logoShow { 
	from, to { transform: scale(1, 1); }
    25% { transform: scale(0.9, 1.1); }
    50% { transform: scale(1.1, 0.9); }
    75% { transform: scale(0.95, 1.05); } 
   }  
@keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0);}
	to{ transform:translateY(-6px); -webkit-transform:translateY(-6px); }
	}
@keyframes b_right{
	from{ transform:translateX(0); -webkit-transform:translateX(0);}
	to{ transform:translateX(-10px); -webkit-transform:translateX(-10px); }
	}

/* CSS Document */