@charset "utf-8";
/* 浏览器样式初始化 design by zyckwl*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;color: #34353a;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'微软雅黑',STHeiti,'华文细黑',sans-serif;line-height:2em;max-height: 9999px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol,li{list-style:none}
html{font-size: 16px;}
html,body{background: #fff;overflow-x: hidden;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; }
img{border:0;outline: none;}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5{font-weight:normal}
input{outline: none;border: none;}
.clear:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear{zoom:1;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}
.imgbig {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: block !important }
.imgbigout:hover .imgbig{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1) }
.imgbigout {display: block; overflow: hidden }
a:hover {text-decoration: none; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }
.w1200{width: 1200px;margin: 0 auto;}
.txt-color{color: #0078bf !important;}
.bg-color{background-color: #0078bf;}
.af, .bf{position: relative;}
.af:after, .bf:before{position: absolute;display: block;content: "";}
.com-a{display: block;}
.wid{width: 72%;margin: 0 auto;}

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

  .wid{width: 86%;}

}


/*.color-a:hover{background: #0078bf !important;border-color: #0078bf !important;color: #fff !important;}*/


/*============== 头部 ================*/

.head{width: 100%;background: #fff;height: 100px;height: 6.25rem;}

.head .nav{width: 80%;height:100%;margin:0 auto; display: flex;}

.head .nav .header{width: 30%;}

.head .nav .header .logo{display: flex;}

.head .nav .logo div{align-items: center;}

.head .nav .logo img{display: block;    margin-top: 5px;}

.head .nav .logo h1{font-size: 30px;color: #333;font-weight: 500;line-height: 92px;line-height: 5.75rem;padding: 0 10px;}

.head .nav .navbars{width: 70%;}

.head .nav .navbars .navs{/*display: flex;*/}

.head .nav .navs li{/*flex: 1;text-align: right;*/  float:left;  line-height: 100px;line-height: 6.25rem; padding:0 3%;}

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

  .head .nav .navs li{ padding:0 2%;}

}

.head .nav .navs li a{color: #333;font-size: 18px;font-size: 1.125rem;}

.head .nav .navs li.on a{color:#026c98; }

.head .nav .navs li a:hover{color: #026c98;}




/*========== index ==========*/

.banner{width: 100%;}

.banner .swiper-slide{position: relative;}

.banner .prev{left: 10%;}

.banner .next{right: 10%;}

.banner .ihb_lan{top: 45% !important;}

.banner .swiper-slide .banner_text{position: absolute;top: 39%;left: 16%;z-index: 9;}

.banner .swiper-slide .banner_text p{font-size: 48px;color: #fff;line-height: 60px;letter-spacing: 5px;font-weight: inherit;}


.m-banner div img{display: block;max-width: 100%;width: 100%;height: auto;}

.index-container{padding: 30px 0 0;}

.lables{width: 78%;margin:0 auto;}

.titles h1{font-size: 36px;color: #333;text-align: center;font-weight: 600;letter-spacing: 5px;}

.titles .s-title{font-size: 18px;color: #666;line-height: 30px;text-align: center;}


.lables .prev{left: 0;top: 40%;}

.lables .next{right: 1%;top: 40%;}

.sbox{
	width: 100%;
    position: relative;
   
}


.lables .bd {
    width: 91%;
    margin: 1.5% auto;
   /* height: 105%;*/
    /*padding-bottom: 20px;*/
    position: relative;
    overflow: hidden;

    /*left: 5%;*/
}

.swiper-container02{/*padding: 5% 5%;*/}

.lables .swiper-slide div{overflow: hidden;}

.lables .swiper-slide div img{display: block;width: 100%; transition: all .5s ease;-webkit-transition: all .5s ease;}

.lables .swiper-slide a{display: block;width: 100%;height: 100%;}

.lables .swiper-slide a:hover div img{transform: scale3d(1.05,1.05,1.05);}

.lable_text{font-size: 24px;color: #333;text-align: center;line-height: 36px;padding: 10px 0;transition: all .5s ease;-webkit-transition: all .5s ease;letter-spacing: 3px;}

.lables .swiper-slide a:hover .lable_text{color: #026c98;}


.btn{text-align: center;padding: 1% 0;width: 100%;}

.btn a{display: inline-block;background-color: #026c98;color: #fff;padding: 1% 5%;font-size: 16px;position: relative;}

.btn a span{position: absolute;right: 25%; transition: all .5s ease;-webkit-transition: all .5s ease;}

.btn a:hover span{right: 20%;}





/*首页产品*/

.index-product{background-color: #f2f2f2;padding: 2% 0;margin-top: 2%;}

.index-product .product-list{padding: 1% 0;}

.index-product .product-list ul{width: 100%;}

.index-product .product-list li{float:left;padding: 1.5% 0;}

.index-product .product-list li a{display: block;position: relative;}

.index-product .product-list li a .product-img{width: 100%; transition: all .5s ease;-webkit-transition: all .5s ease;overflow:hidden;}

.index-product .product-list li a .product-img img{display: block;width: 100%; transition: all .5s ease;-webkit-transition: all .5s ease;}

/*.index-product .product-list .product-info{background-color: #fff;top:0;padding: 5% 10% 10%;top: 0; z-index:9;transition: all .5s ease;-webkit-transition: all .5s ease;}
*/
.index-product .product-list .product-info h2{background-color: #fff;font-size: 20px;color: #333;text-align: center; transition: all .5s ease;-webkit-transition: all .5s ease;padding: 5px 0;}

.index-product .product-list .product-info .product-line{display: block;width: 16%;margin: 2% auto;background-color: #026c98;height: 2px; transition: all .5s ease;-webkit-transition: all .5s ease;}

.index-product .product-list .product-info .product-des {min-height: 135px}

.index-product .product-list .product-info .product-des p{font-size: 16px;color: #666;text-align: center;padding-top: 2%; transition: all .5s ease;-webkit-transition: all .5s ease;}

.index-product .product-list li a:hover .product-img img{transform: scale3d(1.05,1.05,1.05);}

.index-product .product-list li a:hover .product-info{background-color: #026c98;}

.index-product .product-list li a:hover h2{color: #026c98;}

.index-product .product-list li a:hover .product-line {background-color: #f2f2f2;}

.index-product .product-list li a:hover .product-des p{color: #f0f0f0;}

.index-product .product-list li a:hover .product-info{top:-5%;}

.index-product .prev{left: 0;top: 40%;}

.index-product .next{right: 1%;top: 40%;}



/*增值服务*/

.index-service{padding: 2% 0;background-color: #fff;}

.service-list{/*padding: 2% 0;*/}

.service-list ul li{float:left;width: 33.3333%;padding: 1%;}

.service-list ul li .service-info{padding: 5% 0 1%;}

.service-list ul li .service-img{width: 72px;height: 62px;background:url('../images/sevice_bg.png') no-repeat left top; margin: 0 auto;}

.service-list ul li .service-title{font-size: 24px;color: #333;transition: all .5s ease;-webkit-transition: all .5s ease;text-align: center;}

.service-list ul li .service-des{font-size: 16px;color: #666;transition: all .5s ease;-webkit-transition: all .5s ease;min-height: 65px;text-align: center;}

.service-list ul li .service-img img{display: block;margin: 0 auto;transform: translateY(13px);-webkit-transform: translateY(13px);transition: all .5s ease;-webkit-transition: all .5s ease;}

.service-list ul li:hover .service-img img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}

.service-list ul li:hover .service-title{color: #026c98;}

.service-list ul li:hover .service-des{color: #333;}



/*首页新闻*/

.index-news{background-color: #f2f2f2;padding: 2% 0;}

.index-news .news-list{padding: 1% 0 2%;}

.index-news .news-list li{float:left;width: 33.3333%;padding: 1.5%;}

.index-news .news-list li a{display: block;position: relative;}

.index-news .news-list li a .news-img{width: 100%; transition: all .5s ease;-webkit-transition: all .5s ease;overflow:hidden;}

.index-news .news-list li a .news-img img{display: block;width: 100%; transition: all .5s ease;-webkit-transition: all .5s ease;}

.index-news .news-list .news-info{padding:5% 0;transition: all .5s ease;-webkit-transition: all .5s ease;}

.index-news .news-list .news-info h2{font-size: 18px;color: #333; transition: all .5s ease;-webkit-transition: all .5s ease;}

.index-news .news-list .news-info .news-des{font-size: 16px;color: #666;padding-top: 2%; transition: all .5s ease;-webkit-transition: all .5s ease;}

.index-news .news-list li a:hover .news-img img{transform: scale3d(1.05,1.05,1.05);}

.index-news .news-list li a:hover h2{color: #026c98;}


span.l-more{display:block;width: 100px;line-height: 40px;background-color: #026c98;text-align: center;color: #fff;position: relative;transition: all .5s ease;-webkit-transition: all .5s ease;}

span.l-more em{display: block;position: absolute;right: 10%;top: 0;opacity: 0;transition: all .5s ease 0.5s;-webkit-transition: all .5s ease 0.5s;}

span.l-more:hover{background-color: #035374;width: 120px;}

span.l-more:hover em{opacity: 1;}



/*** footer ***/

.footer{background-color: #4c4c4c;}

.foot-top{padding: 2% 0}

.foot-top .foot-left{float: left;/*margin-top: 3%*/}

.foot-top .foot-left .wechat{float: left;}

.foot-top .foot-left .com_info{float: left;padding-left: 10px;}



.foot-top .foot-right{float: right;}

.company_name h3{font-size: 30px;color: #fff;letter-spacing: 3px;line-height: 40px;}

.company_name p{font-size: 14px;font-family: 'Arial';color: #fff;}

.footer .sign{padding: 2% 0;font-size: 24px;color: #fff;}



.foot-right h2{font-size: 24px;color: #fff;padding: 6% 0;text-align: right;}

.foot-right .service_tel p{font-size: 16px;color: #fff;text-align: right;line-height: 24px;}

.foot-right .email{padding: 2% 0;}

.foot-right .email,.foot-right .address{color: #fff;font-size: 16px;text-align: right;line-height: 30px;}


.foot-bottom{width: 100%;background-color: #2e2e2e;padding: 0.5% 0;}

.foot-bottom .copyright{float: left;color: #fff;font-size: 16px;}

.foot-bottom .copyright a{color: #888;line-height: 16px;}
.foot-bottom .copyright a:hover{color: #ffffff;line-height: 16px;}

.foot-bottom .tec_support{float: right;}

.foot-bottom .tec_support a{color: #fff;font-size: 16px;opacity: 1;transition: all .5s ease;-webkit-transition: all .5s ease;}

.foot-bottom .tec_support a:hover{opacity: .8;}


/******** 关于我们页面  *******/

.list_banner{width: 100%;}

.list_banner .banner_image img{display: block;max-width: 100%;}

.bread_nav{background-color: #f0f0f0;padding: 0.5% 0;}

.list-container{padding: 1% 0;}

.list_titles h1{font-size: 36px;color: #333;text-align: center;letter-spacing: 2px;}

.list_titles span{display: block;width: 40px;background-color: #026c98;height: 2px;margin: 5px auto;}

.enter_zy .enter_content{padding: 2% 0 1%;}

.enter_zy .enter_content .enter_left{float: left;width: 45%;}

.enter_zy .enter_content .enter_right{float: right;width: 50%;}

.enter_zy .enter_content .enter_left img{display: block;max-width: 100%;}

.enter_zy .enter_content .enter_right .compnay_info{color: #333;font-size: 16px;}

.enter_zy .enter_content .enter_right ul{display: flex;}

.enter_zy .enter_content .enter_right ul li{padding-top: 7%; width:33.3333%;justify-content: space-between; }

.enter_zy .enter_content .enter_right ul li h3{font-size: 48px;color: #026c98;font-weight: bold;line-height: 48px;text-align: center;}

.enter_zy .enter_content .enter_right ul li p{font-size: 16px;color: #026c98;text-align: center;}


.title_info{font-size: 16px;color: #333;text-align: center;padding-top: 1%;}


.main_yewu{width: 100%;background-color: #f2f2f2;padding: 1% 0;margin-top: 1%;}

.yewu_content{padding:0.5% 0;}


.yewu_content ul li{padding: 1%;width: 25%;float: left;}

.yewu_content ul li a{display: block;background-color: #fff;padding: 4% 4% 7%;position: relative;min-height: 185px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.yewu_content ul li a div{padding-bottom:3%; transition: all .5s ease;-webkit-transition: all .5s ease;}

.yewu_content ul li a div img{display: block;margin: 0 auto;}

.yewu_content ul li a span{display: block;position: absolute;right: 5%;bottom: 0;font-size: 60px;color: #333;font-weight: bold;line-height: 60px;opacity: 0.2;transition: all .5s ease;-webkit-transition: all .5s ease;}

.yewu_content ul li a p{font-size: 16px;color: #333;line-height: 26px;transition: all .5s ease;-webkit-transition: all .5s ease;    text-align: center;
}

.yewu_content ul li a:hover{box-shadow: 1px 5px 10px #e0e0e0;transform: translateY(-3px);-webkit-transform: translateY(-3px);}

.yewu_content ul li a:hover span{bottom: 5%;}

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

  .enter_zy .enter_content .enter_right .compnay_info{color: #333;font-size: 14px;}
  
}

/**核心业务**/


.hexin_yewu{width: 100%;padding: 1.5% 0 0;}

.hexin_yewu .hexin_content{padding: 2% 0;}

.hexin_yewu .hexin_content ul{width: 80%;margin: 0 auto;}

.hexin_content ul li{float: left;width: 25%;}

.hexin_content ul li a div{width: 133px;height: 115px;background:url('../images/hexin_icon_bg.png');position: relative;margin: 0 auto;background-size: 100% 100%;}

.hexin_content ul li a div img{display: block;left:0;right:0;margin: 0 auto;position: absolute;top: 26%;transition: all .5s ease;-webkit-transition: all .5s ease;width: 50px;}

.hexin_content ul li a p{text-align: center;font-size: 24px;color: #333;line-height: 60px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.hexin_content ul li a:hover div img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);top: 20%;} 

.hexin_content ul li a:hover p{color:#026c98; }



.linian_content{height: auto;background: url('../images/about_linian.jpg') no-repeat left top;background-size: 100% 100%;    padding-top: 1%;}

.linian_content ul{padding: 5% 0;}

.linian_content ul li{float: left;width: 20%;}

.linian_content ul li a div img{display: block;margin: 0 auto;transition: all .5s ease;-webkit-transition: all .5s ease;}

.linian_content ul li a p{text-align: center;font-size: 36px;color: #fff;font-size: 2.25rem;}

.linian_content ul li a:hover div img{transform: translateY(-3px);-webkit-transform: translateY(-3px);}

.linian_content .list_titles h1{color: #fff;}

.linian_content .list_titles .title_info{color: #fff}

.linian_content .list_titles span{background-color: #fff;}









.main_hour{padding: 1.5% 0;}

.hour_content {padding: 1% 0 0;}

.hour_content li{float: left;width: 20%;/*height: 359px;*/padding: 1%;}

.hour_content li a{display: block;}

.hour_content li a div{overflow: hidden;}

.hour_content li a div img{max-width: 100%;}

.hour_content li a p{font-size: 16px;color: #333;padding: 1% 3%;text-align: center;}

.service_content .sevice_con ul li{float: left;width: 33.333%;padding: 1.5% 2%;}

.service_content .sevice_con ul li a{display: block;background-color: #f5f5f5;padding: 6%;position: relative;transition: all .5s ease;-webkit-transition: all .5s ease;}

.service_content .sevice_con ul li a div{position: relative;}

.service_content .sevice_con ul li a div h3{color: #333333;font-size: 24px;font-weight: bold;display: inline-block;transition: all .5s ease;-webkit-transition: all .5s ease;}

.service_content .sevice_con ul li a div b{font-size: 48px;display: inline-block;font-weight: bold;padding-right: 10px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.service_content .sevice_con ul li a p{color: #666666;font-size: 18px;line-height: 30px;padding-top: 10px;min-height: 100px;transition: all .5s ease;-webkit-transition: all .5s ease;}


.service_content .sevice_con ul li:nth-child(1) a div b{color: #026c98;}

.service_content .sevice_con ul li:nth-child(2) a div b{color: #d7204f;}

.service_content .sevice_con ul li:nth-child(3) a div b{color: #7ad720;}

.service_content .sevice_con ul li:nth-child(4) a div b{color: #e0a527;}

.service_content .sevice_con ul li:nth-child(5) a div b{color: #2083d7;}

.service_content .sevice_con ul li:nth-child(6) a div b{color: #b720d7;}


.service_content .sevice_con ul li a:hover{background-color: #f0f0f0;}

.service_content .sevice_con ul li a:hover div b{transform: translateY(-3px);-webkit-transform: translateY(-3px);}

.service_content2{padding-top: 1%;}

.service_content2 ul li a h2{font-size: 24px;color: #333;text-align: center;font-weight: bold;}

.service_content2 ul li a img{display: block;margin: 2% auto;transition: all .5s ease;-webkit-transition: all .5s ease;}

.service_content2 ul li a p{text-align: center;min-height: 80px !important;}

.service_content2 ul li a:hover img{transform: rotateY(-180deg);}


/***** 联系我们 *****/

.contact_content .contact_con{margin-top: 5%;}

.contact_content .contact_con ul li{width: 33.3333%;float: left;padding: 1.5%;}

.contact_content .contact_con ul li a{display: block;background-color: #f2f2f2;position: relative;padding: 15% 0 5%; min-height: 186px;}

.contact_content .contact_con ul li a p{text-align: center;font-size: 18px;color: #333;}

.contact_content .contact_con ul li a div{width: 80px;height: 80px;border-radius: 50%;background-color: #026c98;position: absolute;top: -40px;left:0;right:0;margin: 0 auto;transition: all .5s ease;-webkit-transition: all .5s ease;}

.contact_content .contact_con ul li a div img{display: block;margin: 0 auto;margin-top:25px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.contact_content .contact_con ul li a img.ewm{display: block;margin: 0 auto;}

.contact_content .contact_con ul li a:hover div{background-color: #666 !important;top: -43px;}

.map_content{padding: 0.8%}

#map{width: 100%;height: 450px;}


/*******  实验室建设   ******/

.lable_content .lable_con{padding-top: 2%;}

.lable_content .lable_con dl{}

.lable_content .lable_con dl dt{width: 30%;float: left;}

.lable_content .lable_con dl dd{width: 70%;float: right;padding-left: 10px;}

.lable_content .lable_con dl a{display: block;font-size: 18px;color: #fff;font-weight: bold;background-color: #026c98;text-align: center;line-height: 40px;}

.lable_content .lable_con ul li{margin: 10px 0;display: flex;}

.lable_content .lable_con ul li a{display: block;font-size: 18px;color: #222222;background-color: #d0d8e8;text-align: center;padding: 10px 0;}

.lable_content .lable_con ul li .li1{width: 30%;display:inline-block;height: 100%;}

.lable_content .lable_con ul li .li1 a.sp{padding:24px 0;}

.lable_content .lable_con ul li .li2{width: 70%;display:inline-block;padding-left: 10px;height: 100%;}

.lable_content .lable_con ul li .li2 a{text-align: left;padding-left: 20px;}

.lable_content .lable_con ul li:nth-child(2n) a{background-color: #e9edf4;}


.project_content{padding: 2% 0;}

.project_content .projects ul li{float: left;width: 50%;margin: 1% 0;}

.project_content .projects ul li a{display: block;padding:2%;}

.project_content .projects ul li a .project_img{overflow: hidden;}

.project_content .projects ul li a .project_img img{display: block;max-width: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;}

.project_content .projects ul li a:hover .project_img img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}

.project_content .projects ul li a h1{font-size: 24px;color: #333;padding: 1.5% 0;transition: all .5s ease;-webkit-transition: all .5s ease;}

.project_content .projects ul li a p{font-size: 16px;color: #666;min-height: 105px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.project_content .projects ul li a:hover h1{color: #026c98;}

.project_content .projects ul li a:hover p{color: #333;}

.load_more{text-align: center;}

.load_more a{display: inline-block;background-color: #026c98;padding: 1% 5%;color: #fff;font-size: 16px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.load_more a span{display:inline-block;transform: rotateZ(90deg);-webkit-transform: rotateZ(90deg);transition: all .5s ease;-webkit-transition: all .5s ease;}

.load_more a:hover{background-color: #03587b;}

/*******  news  ******/

.news_content .news_con{padding: 2% 0;}

.news_content .news_con ul li{margin-top: 1%;}

.news_content .news_con ul li a{display: block;background-color: #f5f5f5;}

.news_content .news_con ul li a .news_image{float: left;width: 30%;overflow: hidden;transition: all .5s ease;-webkit-transition: all .5s ease;}

.news_content .news_con ul li a .news_image img{display: block;max-width: 100%;height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;}

.news_content .news_con ul li a .news-info{float: left;width: 70%;padding: 1% 3%;}

.news_content .news_con ul li a h2.news_title{font-size: 24px;color: #333;transition: all .5s ease;-webkit-transition: all .5s ease;}

.news_content .news_con ul li a span.news_date{font-size: 16px;color: #666;transition: all .5s ease;-webkit-transition: all .5s ease;}

.news_content .news_con ul li a p.news_des{font-size: 16px;color: #666;line-height: 30px;padding-top: 10px;transition: all .5s ease;-webkit-transition: all .5s ease;}

.news_content .news_con ul li a:hover .news_image img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}

.news_content .news_con ul li a:hover h2.news_title{color: #03587b;}

.news_content .news_con ul li a:hover p.news_des{color: #333;}

.detail-pagination-list {
    text-align: center;
    margin: 5% 0;
}

.detail-pagination-list span{display: inline-block;padding: 0 10px;}

.detail-pagination-list span.now {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    background: #ebebeb;
    font-size: 16px;
    color: #666;
    cursor: pointer;
background-color: #026c98;
    color: #FFF;
}

.detail-pagination-list a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    background: #ebebeb;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.detail-pagination-list a.p1{background-color: #fff;width: auto;}



.news_detail .news_detail_info{padding: 3% ;background-color: #f5f5f5;margin-bottom: 3%;}

.news_detail .news_detail_info h3{font-size: 30px;color: #333;text-align: center;}

.news_detail .news_detail_info div.date{text-align: center;font-size: 16px;color: #666;}

.news_detail .news_detail_info .news_detail_content{padding-top: 2%;font-size: 16px;color: #666;}

.news_detail .news_detail_info .news_detail_content p{font-size: 16px;color: #666;}


/***** 产品中心  ******/

.product_content{padding: 3% 0;}

.product_content .product_category{width: 26%;float: left;padding-right: 3%;}

.product_content .product_category .product_category_wrap{background-color: #f2f2f2;border-radius: 5px;}

.product_content .product_category .product_category_wrap .pro_title{background-color: #026c98;padding:1% 10%;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}

.product_content .product_category .product_category_wrap h2{color: #fff;font-size: 24px;}

.product_content .product_category .product_category_wrap ul{padding: 5% 10%;}

.product_content .product_category .product_category_wrap ul li{padding: 5% 0;border-bottom: 1px solid #d9d9d9;}

.product_content .product_category .product_category_wrap ul li:last-child{border:none;}

.product_content .product_category .product_category_wrap ul li a{font-size: 18px;position: relative;display: block;color: #666;transition: all .5s ease;-webkit-transition: all .5s ease;}

.product_content .product_category .product_category_wrap ul li a span{display: block;position: absolute;right: 0;top: 0;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;}

.product_content .product_category .product_category_wrap ul li.on a{font-weight: bold;color: #026c98;}

.product_content .product_category .product_category_wrap ul li.on a span {opacity: 1;}

.product_content .product_category .product_category_wrap ul li a:hover{color: #026c98;}

.product_content .product_category .product_category_wrap ul li a:hover span {opacity: 1;}

.product_content .product_item{width: 74%;float: left;}

.product_content .product_item ul li{float: left;width: 33.333%;padding: 0 1.5% 2%;  margin-top: 30px;}

.product_content .product_item ul li a{display: block; width:100%;height:300px;}

.product_content .product_item ul li a div{width:100%;height:100%;overflow:hidden;}

.product_content .product_item ul li a img{display: block;width: 100%;height:100%;transition: all .5s ease;-webkit-transition: all .5s ease;}

.product_content .product_item ul li a p{font-size: 16px;color: #666;background-color: #f2f2f2;padding: 1.5% 1%;text-align: center;transition: all .5s ease;-webkit-transition: all .5s ease;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

.product_content .product_item ul li a:hover img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}

.product_content .product_item ul li a:hover p{color:#026c98; }


/*产品详情页*/

.read_product_content{background-color: #f2f2f2;width: 100%;padding: 2% 2%;}

.read_product_content h1{font-size: 30px;color: #333;padding: 2% 0;text-align: center;}

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

.read_product_content .product_text{padding-top: 3%;}

.read_product_content .product_text h3{font-size: 24px;color: #333;padding: 1% 0;border-bottom: 1px solid #999;}

.read_product_content .product_text .overview_content{padding: 2% 0;}

.read_product_content .product_text .parameter_content{padding: 2% 0;}

.read_product_content .product_text p{font-size: 18px;color: #666;}



.product_like{padding: 5% 0;}

.product_like ul{padding-top: 2%;}


.product_like ul li{float: left;width: 25%;padding: 0 1.5% 2%;}

.product_like ul li a{display: block;    width: 100%;
    height: 286px;}

.product_like ul li a div{overflow: hidden;width:100%;height:100%;}

.product_like ul li a img{display: block;width: 100%;height:100%;transition: all .5s ease;-webkit-transition: all .5s ease;}

.product_like ul li a p{font-size: 16px;color: #666;background-color: #f2f2f2;padding: 1.5% 1%;text-align: center;transition: all .5s ease;-webkit-transition: all .5s ease;}

.product_like ul li a:hover img{transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);}

.product_like ul li a:hover p{color:#026c98; }




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

.product_like ul li a {
    display: block;
    width: 100%;
    height: 222px;
}



} 







@media screen and (min-width: 1200px) and (max-width: 1440px){

.index-product .product-list li{width: 25%;min-width: 25%;max-width: 25%;}

.wid{width: 90%}

.service-list ul li{float:left;width: 50%;padding: 1.5%;}





}

@media screen and (min-width: 992px) and (max-width: 1200px){

.index-product .product-list li{width: 50%;min-width: 50%;max-width: 50%;}

.wid{width: 80%}

.service-list ul li{float:left;width: 50%;padding: 1.5%;}

.hour_content li{width: 50%;}

.service_content .sevice_con ul li{width: 50%;}

.product_content .product_item ul li{width: 50%;}

.product_content .product_item{width: 64%;}

.product_content .product_category{width: 36%;}




}

@media screen and (min-width: 768px) and (max-width: 992px){

.index-product .product-list li{width: 50%;min-width: 50%;max-width: 50%;}

.wid{width: 90%}

.service-list ul li{float:left;width: 50%;padding: 1.5%;}

.enter_zy .enter_content .enter_left{width: 100%;}

.enter_zy .enter_content .enter_right{width: 100%;}

.enter_zy .enter_content .enter_left img{margin: 20px auto;}

.yewu_content ul li{width: 100%;}

.hexin_content ul li{width: 50%;}

.linian_content ul li a p{font-size:24px;}

.hour_content li{width: 50%;}

.service_content .sevice_con ul li{width: 50%;}

.contact_content .contact_con ul li{width: 100%;}

.contact_content .contact_con ul li a div{top:-30px;}

.contact_content .contact_con ul li a:hover div{background-color: #666 !important;top: -33px;}

.contact_content .contact_con ul li a{min-height: 120px !important;}

.contact_content .contact_con ul li a{padding-top: 8% !important;}

.contact_content .contact_con ul li a div{width: 60px;height: 60px;}

.contact_content .contact_con ul li a div img{margin-top:5px;}

.contact_content .contact_con ul li{padding-bottom: 5%;}

.project_content .projects ul li{width: 100%;}

.news_content .news_con ul li a .news_image{width: 100%;}

.news_content .news_con ul li a .news-info{width: 100%;}

.product_content .product_item ul li{width: 50%;}

.product_content .product_item{width: 64%;}

.product_content .product_category{width: 36%;}

.product_like ul li{width: 50%;}

.foot-top{display: none;}


.titles h1 {
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: 600;
    letter-spacing: 5px;
}
.titles .s-title {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: center;
}


.index-container{padding-top: 5%;}

.lables{width: 96%;}

.lables .next{top: 27%;}

.lables .prev {

    top: 27%;
}

.lable_text {
    font-size: 16px;

}

.lables .bd{padding-bottom: 5px;}



.head{width: 100%;background: #fff;height: 60px;    position: fixed;
    top: 0;
    z-index: 999;}

.head .nav{width: 100%;height:100%;margin:0 auto; display: block;}

.head .nav .header{width: 100%;padding: 0 5%;position: relative;}

.head .nav .header .logo{display: flex;}

.head .nav .logo div{align-items: center;}

.head .nav .logo img{display: block;width: 56%;}

.head .nav .logo h1{font-size: 22px;color: #333;line-height: 60px;padding: 0;margin-left: -5%;}

.head .nav .navbars{width: 100%;}

.head .nav .navbars .navs{display: block;}

.head .nav .navs li{text-align: left;    line-height: 30px;}

.head .nav .navs li a{color: #fff;font-size: 18px;}

.head .nav .navs li a:hover{color: #026c98;}

.nav-toggle {    position: absolute;
    right: 5%;
top: 33%;}

.nav-toggle a {
    display: block;
    width: 36px;
    height: 30px;
    position: relative;

}

.nav-toggle a span {
    display: block;
    height: 2px;
    background: #0292d8;
}

.nav-toggle a span:first-child {
    width: 36px;
    border-bottom: 1px solid #b1ded7;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.nav-toggle a span:nth-child(2) {
    width: 26px;
    border-top: 1px solid #b1ded7;
    border-bottom: 1px solid #b1ded7;
    margin: 8px 0px;
}

.nav-toggle a span:last-child {
    width: 36px;
    border-top: 1px solid #b1ded7;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;

}

.nav-toggle a.on span:nth-child(2){visibility: hidden;}

.nav-toggle a.on span:nth-child(1){transform: rotateZ(-45deg);position: relative;
    top: 8px;}

.nav-toggle a.on span:nth-child(3){transform: rotateZ(45deg);position: relative;
    top: -11px;}



.navbars{position: fixed;z-index: 9999999;background-color: rgba(0,0,0,.9);height: 100%;width: 100%;display: none;}

.navbars ul{padding: 10% 10%;}

.navbars ul li {border-bottom: 1px solid #666;padding: 3% 0;}

.navbars ul li a{color: #f2f2f2;}

.hexin_content ul li a div {width: 140px;height: 121px;background-size: 100% 100%;}

.hexin_content ul li a div img{width: 40%;}


.list_titles h1 {
    font-size: 30px;
    color: #333;
    text-align: center;
    letter-spacing: 2px;
}


.product_content .product_category {
    width: 100%;

     padding-right: 0; 

     margin-bottom: 5%;
}

.product_content .product_category .product_category_wrap .pro_title{display: none;}

.read_product_content h1{font-size: 24px;}

.read_product_content .product_text p {
    font-size: 16px;
    color: #666;
}

.news_detail .news_detail_info h3{font-size: 24px;}
























}

@media screen and (max-width: 767px){
  
  
  
  
  .detail-pagination-list a {
    display: inline-block;
     width: 25px; 
     height: 45px; 
    line-height: 45px;
    margin-right: 0;
     background: #fff; 
    font-size: 16px;
    color: #666;
    cursor: pointer;
}
  
  
  .detail-pagination-list span.now {
    display: inline-block;
    width: 25px; 
     height: 45px;
    line-height: 45px;
    margin-right: 5px;
    background: #ebebeb;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    background-color: #fff;
    color: #026c98;
}
  
  .detail-pagination-list {
    text-align: center;
    margin: 16% 0;
}
  
  
  
  .product_content .product_item ul li a {

    height: 176px;
}

.index-product .product-list li{width: 100%;min-width: 100%;max-width: 100%;}

.wid{width: 90%;}

.service-list ul li{float:left;width: 100%;padding: 1.5%;}

.news-list ul li{float:left;width: 100% !important;padding: 1.5%;}

.foot-top{display: none;}

.foot-bottom .copyright{float: none;text-align: center;}

.foot-bottom .tec_support{float: none;}

.foot-bottom .tec_support a{display: block;text-align: center;}

.enter_zy .enter_content .enter_left{width: 100%;}

.enter_zy .enter_content .enter_right{width: 100%;}

.enter_zy .enter_content .enter_left img{margin: 20px auto;}

.yewu_content ul li{width: 100%;}

.hexin_content ul li{width: 50%;}

.linian_content ul li a p{font-size:16px;}

.hour_content li{width: 50%;}

.service_content .sevice_con ul li{width: 100%;}

.contact_content .contact_con ul li{width: 100%;}

.contact_content .contact_con ul li a div{top:-30px;}

.contact_content .contact_con ul li a:hover div{background-color: #666 !important;top: -33px;}

.contact_content .contact_con ul li a{min-height: 120px !important;}

.contact_content .contact_con ul li a{padding-top: 8% !important;}

.contact_content .contact_con ul li a div{width: 55px;height: 55px;}

.contact_content .contact_con ul li a div img{margin-top:10px;}

.contact_content .contact_con ul li{padding-bottom: 5%;    margin-top: 7%;}

.project_content .projects ul li{width: 100%;}

.news_content .news_con ul li a .news_image{width: 100%;}

.news_content .news_con ul li a .news-info{width: 100%;}

.product_content .product_item ul li{width: 50%;}

.product_content .product_item{width: 100%;}

.product_like ul li{width: 50%;}







.titles h1 {
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: 600;
    letter-spacing: 5px;
}
.titles .s-title {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-align: center;
}


.index-container{padding-top: 5%;}

.lables{width: 96%;}

.lables .next{top: 27%;}

.lables .prev {

    top: 27%;
}

.lable_text {
    font-size: 16px;

}

.lables .bd{padding-bottom: 5px;}



.head{width: 100%;background: #fff;height: 60px;    position: fixed;
    top: 0;
    z-index: 999;}

.head .nav{width: 100%;height:100%;margin:0 auto; display: block;}

.head .nav .header{width: 100%;padding: 0 5%;position: relative;}

.head .nav .header .logo{display: flex;}

.head .nav .logo div{align-items: center;}

.head .nav .logo img{display: block;width: 56%;}

.head .nav .logo h1{font-size: 22px;color: #333;line-height: 60px;padding: 0;margin-left: -5%;}

.head .nav .navbars{width: 100%;}

.head .nav .navbars .navs{display: block;}

.head .nav .navs li{text-align: left;    line-height: 30px;    float: none;}

.head .nav .navs li a{color: #fff;font-size: 18px;}

.head .nav .navs li a:hover{color: #026c98;}

.nav-toggle {    position: absolute;
    right: 5%;
top: 33%;}

.nav-toggle a {
    display: block;
    width: 36px;
    height: 30px;
    position: relative;

}

.nav-toggle a span {
    display: block;
    height: 2px;
    background: #0292d8;
}

.nav-toggle a span:first-child {
    width: 36px;
    border-bottom: 1px solid #b1ded7;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.nav-toggle a span:nth-child(2) {
    width: 26px;
    border-top: 1px solid #b1ded7;
    border-bottom: 1px solid #b1ded7;
    margin: 8px 0px;
}

.nav-toggle a span:last-child {
    width: 36px;
    border-top: 1px solid #b1ded7;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;

}

.nav-toggle a.on span:nth-child(2){visibility: hidden;}

.nav-toggle a.on span:nth-child(1){transform: rotateZ(-45deg);position: relative;
    top: 8px;}

.nav-toggle a.on span:nth-child(3){transform: rotateZ(45deg);position: relative;
    top: -11px;}



.navbars{position: fixed;z-index: 9999999;background-color: rgba(0,0,0,.9);height: 100%;width: 100%;display: none;}

.navbars ul{padding: 10% 10%;}

.navbars ul li {border-bottom: 1px solid #666;padding: 3% 0;}

.navbars ul li a{color: #f2f2f2;}







.hexin_content ul li a div {width: 140px;height: 121px;background-size: 100% 100%;}

.hexin_content ul li a div img{width: 40%;}


.list_titles h1 {
    font-size: 30px;
    color: #333;
    text-align: center;
    letter-spacing: 2px;
}


.product_content .product_category {
    width: 100%;

     padding-right: 0; 

     margin-bottom: 5%;
}

.product_content .product_category .product_category_wrap .pro_title{display: none;}

.read_product_content h1{font-size: 24px;}

.read_product_content .product_text p {
    font-size: 16px;
    color: #666;
}

.news_detail .news_detail_info h3{font-size: 24px;}








.lable_content .lable_con dl dt{width: 100%;}

.lable_content .lable_con ul li .li1 {
    width: 100%;
    display: inline-block;
    height: 100%;
}

.lable_content .lable_con ul li .li2 {
    width: 100%;
    display: inline-block;
    padding-left: 0;
    height: auto;
    display: none;
}

.lable_content .lable_con ul li .li2 a{
    background-color: #f2f2f2 !important;
}

.lable_content .lable_con ul li{display: block;}

.lable_content .lable_con ul li a{position: relative;}

.lable_content .lable_con ul li a span{display: block;position: absolute;right: 10%;top: 18%;transform: rotateZ(90deg) scaleY(1.5);transition: all .5s ease;}

.lable_content .lable_con ul li a span.on{transform: rotateZ(-90deg) scaleY(1.5);}


.btn a {
    display: inline-block;
    background-color: #026c98;
    color: #fff;
    padding: 2% 10%;
    font-size: 16px;
    position: relative;
}

.btn a span {
    position: absolute;
    right: 10%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}




}