@charset "utf-8";
/* CSS Document */

/*客户案例*/
.case{padding: 50px 0;}
.case .case_hd{float: left;width: 360px;padding: 15px 0;}
.case .case_hd li{float: left;width: 60px;text-align: center;font-size: 16px;margin: 10px 0;}
.case .case_hd li i{display: block;font-size: 30px;color: #007cc3;margin-bottom: 5px;}
.case .case_hd li.on a{font-weight: bold;color: #da251d;}
.case .case_hd li.on i{color: #da251d;}

.case .case_bd{float: right;width: 800px;background: #f2f8ff;padding: 20px 30px;}
.case .case_bd .con{position: relative;}
.case .case_bd .con span{position: absolute;right: 0;top:-80px;width: 80px;height: 80px;padding: 10px 0;border-radius: 50%;background: #007cc3;color: #fff;font-size: 18px;text-align: center;}
.case .case_bd .con span i{display: block;font-size: 30px;}
.case .case_bd dl{clear: both;overflow: hidden;margin: 20px 0;}
.case .case_bd dl dt{float: right;width: 240px;}
.case .case_bd dl dd{float: left;width: 480px;padding-top: 5px;}
.case .case_bd dl dd h4{font-size: 18px;line-height: 40px;}
.case .case_bd dl dd p{font-size: 16px;color: #666;}
.case .case_bd dl:nth-child(2n) dt{float: left;}
.case .case_bd dl:nth-child(2n) dd{float: right;}

/*一致选择*/
.service_txt{height: 240px;background: #f2f8ff url(../images/service_txt_bg.jpg) center no-repeat;padding: 40px 0;}
.service_txt .txtl{float: left;width: 860px;}
.service_txt .txtl em{float: left;margin-right: 30px;width: 160px;font-size: 24px;font-weight: bold;background: #007cc3;border-radius: 50%;color: #fff;text-align: center;padding: 35px 0;position: relative;}
.service_txt .txtl em span{display: block;}
.service_txt .txtl em i{position: absolute;top:50%;right: -20px;width: 0;height: 0;border-style: solid;border-width: 30px 0 30px 40px;border-color: transparent transparent transparent #007cc3;margin-top: -30px;}
.service_txt .txtl h3{float: left;padding: 5px 0;font-size: 36px;font-weight: bold;line-height: 50px;}
.service_txt .txtl h3 span{color: #007cc3;}
.service_txt .txtl h3 b{display: block;color: #da251d;}
.service_txt .txtr{float: right;width: 340px;text-align: right;}
.service_txt .txtr span{font-size: 40px;font-weight: bold;color: #fff;display: block;margin: 15px 0 25px 0;}
.service_txt .txtr ul{display: inline-block;}
.service_txt .txtr ul li{float: left;width: 80px;margin-left: 10px;padding: 10px;border-radius: 6px;text-align: center;font-size: 24px;background: rgba(255,255,255,.6);color: #007cc3;}

/*服务项目*/
.outBox{position: relative;padding: 50px 0;}
.outBox .hd{width: 280px;background: #f2f8ff;margin-right: 40px;}
.outBox .hd li{position: relative;padding:20px 30px;font-size: 20px;line-height: 80px;}
.outBox .hd li i{width: 80px;float: left;background: #007cc3;border-radius: 50px;margin-right: 20px;}
.outBox .hd li.on{background: #007cc3;}
.outBox .hd li.on i{background: #da251d;-moz-box-shadow:0px 0px 10px #FFFFFF; -webkit-box-shadow:0px 0px 10px #FFFFFF; box-shadow:0px 0px 10px #FFFFFF;}
.outBox .hd li.on a{color: #fff;font-weight: bold;}

.outBox .bd .inBox{width: 880px;float: right;position: relative;}
.outBox .bd .inBox .tit{line-height: 60px;}
.outBox .bd .inBox .tit img{float: left;height: 60px;margin-right: 15px;}
.outBox .bd .inBox .tit b{font-size: 30px;float: left;font-weight: bold;color: #007cc3;}
.outBox .bd .inBox .tit span{font-size: 20px;margin-left: 10px;}

.outBox .bd .inBox .inBd .con{margin:20px 0;}
.outBox .bd .inBox .inBd .con dl{clear: both;overflow: hidden;}
.outBox .bd .inBox .inBd .con dl dt{float: left;width: 600px;}
.outBox .bd .inBox .inBd .con dl dd{width: 260px;float: right;}
.outBox .bd .inBox .inBd .con dl dd h3{font-size:24px;font-weight: bold;padding: 20px 0 10px 0;}
.outBox .bd .inBox .inBd .con dl dd p{font-size:16px;line-height: 32px;}
.outBox .bd .inBox .inBd .con dl dd p a{font-weight:bold;color:#da251d;}

.outBox .bd .inBox .inHd li{width: 20%;text-align: center;float: left;line-height: 50px;font-size:18px;background: #f2f8ff;height:50px;overflow:hidden;}
.outBox .bd .inBox .inHd li:nth-child(even){background: rgba(0, 124, 195, .1);}
.outBox .bd .inBox .inHd li a{display: block;}
.outBox .bd .inBox .inHd li.on a{background: #007cc3;color: #fff;}

.outBox .bd .inBox:nth-child(5) .con dl dd h3{font-size: 22px;}
.outBox .bd .inBox:nth-child(5) .inHd li{font-size:16px;}

.outBox .arrow{position: absolute;right: 260px;bottom:25px;}
.outBox .arrow a{display: inline-block;width: 80px;height: 40px;cursor:pointer;}
.outBox .arrow .prev{background: #007cc3 url(../images/service_l.png) center no-repeat;}
.outBox .arrow .next{background: #da251d url(../images/service_r.png) center no-repeat;}

.service-tel{position: absolute;right: 0;bottom:190px;background: url(../images/tel2.png) left center no-repeat;width: 260px;padding-left: 40px;font-size: 30px;line-height: 50px;font-weight: bold;color: #da251d;height: 50px;overflow: hidden;}

/*荣誉资质*/
.honor .con{float: left;width: 880px;position: relative;}
.honor .con h3{clear: both;overflow: hidden;}
.honor .con h3 b{font-size: 40px;font-weight: bold;color: #da251d;line-height: 40px;float: left;}
.honor .con h3 span{float: left;font-size: 30px;font-weight: normal;color: #333;padding: 10px 0 0 15px;}
.honor .con h4{font-size: 30px;color: #007cc3;margin: 16px 0 28px 0;}
.honor .prev,.honor .next{position:absolute;z-index:99;overflow:hidden;bottom:160px;cursor:pointer;width: 40px;height: 60px;}
.honor .prev{left:10px;background: url(../images/l.png) center no-repeat;}
.honor .next{right:10px;background: url(../images/r.png) center no-repeat;}
.honor .prev:hover,.honor .next:hover{opacity:0.6;filter:alpha(opacity=60);}
.honor .honor_bd li{float: left;margin-right: 17px;width: 282px;text-align: center;overflow: hidden;}
.honor .honor_bd .tempWrap{width: 880px !important;}

.honor .txt{width: 280px;float: right;background: #f2f8ff;padding: 30px 10px 30px 40px;}
.honor .txt h3{float: left;width: 60px;margin-right: 20px;font-size: 36px;line-height: 50px;font-weight: bold;color: #007cc3;text-align: center;}
.honor .txt h3 img{margin-bottom: 10px;}
.honor .txt h3 i{width: 2px;height: 100px;display: block;margin: 10px auto;background: #007cc3;position: relative;}
.honor .txt h3 i:after{display: block;content: "";width: 10px;height: 10px;background: #007cc3;border-radius: 50%;position: absolute;bottom:0;left:-4px;}
.honor .txt span{float: left;margin: 0 12px;width: 20px;text-align: center;font-size: 20px;line-height: 24px;}
.honor .txt span i{display: block;}

/*优势*/
.youshi{background: url(../images/ys_bg.jpg) top center no-repeat;padding: 200px 0 80px 0;margin-top: -200px;z-index: 1;}
.youshi_tit{padding: 60px 0 0 0;}
.youshi_tit h3{display: inline-block;}
.youshi_tit h3 i{float: left;font-size: 150px;font-family: Impact;color: #da251d;line-height: 120px;margin-right: 10px;}
.youshi_tit h3 em{font-size: 50px;line-height: 60px;font-weight: bold;color: #da251d;letter-spacing: 2px;}
.youshi_tit h3 span{background: #007cc3;color: #fff;font-size: 30px;letter-spacing: 8px;line-height: 50px;display: inline-block;padding: 0 0 0 10px;margin-top: 8px;}
.youshi_tit p{font-size:24px;margin-top: 20px;}

.youshi_hd{position: relative;margin-bottom: 70px;}
.youshi_hd ul li{width: 120px;float: left;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}
.youshi_hd ul li i{display: block;width: 120px;height: 120px;border-radius: 50%;border: 2px solid #eee;margin-bottom: 15px;}
.youshi_hd ul li:nth-child(1) i{background: #fff url(../images/ys_icon1.png) center no-repeat;}
.youshi_hd ul li:nth-child(1).on i{background: #fff url(../images/ys_icon11.png) center no-repeat;border: 2px solid #007cc3;}
.youshi_hd ul li:nth-child(2){margin: 60px 60px 0 60px;}
.youshi_hd ul li:nth-child(2) i{background: #fff url(../images/ys_icon2.png) center no-repeat;}
.youshi_hd ul li:nth-child(2).on i{background: #fff url(../images/ys_icon22.png) center no-repeat;border: 2px solid #007cc3;}
.youshi_hd ul li:nth-child(3){margin: 100px 240px 0 0;}
.youshi_hd ul li:nth-child(3) i{background: #fff url(../images/ys_icon3.png) center no-repeat;}
.youshi_hd ul li:nth-child(3).on i{background: #fff url(../images/ys_icon33.png) center no-repeat;border: 2px solid #007cc3;}
.youshi_hd ul li:nth-child(4){margin: 100px 0 0 0;}
.youshi_hd ul li:nth-child(4) i{background: #fff url(../images/ys_icon4.png) center no-repeat;}
.youshi_hd ul li:nth-child(4).on i{background: #fff url(../images/ys_icon44.png) center no-repeat;border: 2px solid #007cc3;}
.youshi_hd ul li:nth-child(5){margin: 60px 60px 0 60px;}
.youshi_hd ul li:nth-child(5) i{background: #fff url(../images/ys_icon5.png) center no-repeat;}
.youshi_hd ul li:nth-child(5).on i{background: #fff url(../images/ys_icon55.png) center no-repeat;border: 2px solid #007cc3;}
.youshi_hd ul li:nth-child(6) i{background: #fff url(../images/ys_icon6.png) center no-repeat;}
.youshi_hd ul li:nth-child(6).on i{background: #fff url(../images/ys_icon66.png) center no-repeat;border: 2px solid #007cc3;}
.youshi_hd span{position: absolute;left: 50%;margin: 120px 0 0 -60px;width: 120px;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}
.youshi_hd span i{display: block;width: 120px;height: 120px;border-radius: 50%;background: #f2f8ff;padding: 18px 20px;margin-bottom: 15px;-moz-box-shadow:0px 0px 5px #007cc3; -webkit-box-shadow:0px 0px 5px #007cc3; box-shadow:0px 0px 5px #007cc3;}

.youshi_bd .con{background: #fff;border-radius: 10px;padding: 0 30px;position: relative;}
.youshi_bd .con .pic{position: absolute;left: 30px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.youshi_bd .con .txt{width: 550px;float: right;padding: 40px 0;position: relative;overflow: hidden;}
.youshi_bd .con .txt h3{font-size: 36px;line-height: 60px;font-weight: bold;color: #da251d;}
.youshi_bd .con .txt h3 span{float: left;margin-right: 20px;font-size: 60px;color: #007cc3;font-family: Impact;font-weight: normal;}
.youshi_bd .con .txt p{font-size: 16px;margin-top: 10px;padding-left: 20px;background: url(../images/ys_icon.png) left 8px no-repeat;position: relative;z-index: 2;}
.youshi_bd .con .txt p i{float: left;margin-right: 10px;}
.youshi_bd .con .txt p em{color: #da251d;}
.youshi_bd .con .txt .number{position: absolute;right: 0;font-size: 100px;font-weight: bold;color: #eee;}

.youshi_bd .ys3 .pic{width: 550px;}
.youshi_bd .ys4 .pic{top:auto;bottom:0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.youshi_bd .ys5 .pic{top:auto;bottom:0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
.youshi_bd .ys6 .txt p{padding-left: 0;background: none;}
.youshi_bd .ys6 .txt p span{font-weight: bold;color: #007cc3;}

/*CNAS认可*/
.cnas{height: 400px;background: #f2f8ff url(../images/cnasbg.jpg) center no-repeat;padding: 60px;}
.cnas h3{font-size: 40px;font-weight: bold;line-height: 50px;color: #da251d;}
.cnas h3 b{font-size: 46px;}
.cnas ul{clear: both;overflow: hidden;}
.cnas ul li{float: left;font-size: 20px;margin: 25px 60px 25px 0;}
.cnas ul li span{font-size: 30px;font-weight: bold;color: #007cc3;display: block;margin-bottom: 5px;}
.cnas h4{font-size: 30px;font-weight: bold;line-height: 40px;margin-bottom: 20px;}
.cnas h4 span{padding-left: 30px;background: url(../images/tel2.png) left center no-repeat;color: #da251d;font-size: 36px;}
.cnas h5 span{display: inline-block;padding: 0 20px;background: #007cc3;border-radius: 6px;font-size: 24px;line-height: 46px;color: #fff;letter-spacing: 5px;margin-right: 10px;}
.cnas h5 span b{font-size: 30px;font-weight: bold;}
.cnas img{width: 500px;position: absolute;right: -100px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}

/*关于我们*/
.about .tit{padding: 50px 0;text-align: center;}
.about .tit img{display: inline-block;margin-right: 10px;}
.about .tit h3{display: inline-block;font-size: 40px;font-weight: bold;color: #da251d;line-height: 50px;text-align: left;padding-top: 6px;}
.about .tit h3 span{display:block;font-size: 20px;font-weight: normal;color: #333;}
.about .pic{position: absolute;left: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 2;}
.about .txt{margin-left: 280px;background: #f2f8ff;border-radius: 40px;padding: 70px 40px 70px 320px;position: relative;z-index: 1;overflow: hidden;}
.about .txt p{font-size: 16px;line-height: 36px;}
.about .txt h4{font-size: 24px;line-height: 40px;margin-top: 20px;}
.about .txt h4 em{font-size: 40px;font-weight: bold;color: #007cc3;margin-right: 10px;}
.about .txt span{position: absolute;font-size: 80px;text-transform: uppercase;font-family: Impact;right: 20px;bottom:0;color: #f2f8ff;text-shadow:0px 0px 5px #ccc;}

/*服务团队*/
.service-team-pic{padding-top: 40px;}
.service-team{height: 450px;background: url(../images/service_teambg.jpg) top center no-repeat;padding: 50px 0;}
.service-team img{position: absolute;bottom:-88px;left:-200px;z-index: 1;}
.service-team h3{display: inline-block;margin-left: 240px;}
.service-team h3 span{float: left;font-size: 24px;font-weight: normal;}
.service-team h3 em{font-size: 30px;float: left;font-weight: bold;padding-left: 30px;color: #007cc3;}
.service-team h3 b{float: left;font-size: 40px;display: inline-block;line-height: 60px;background: #007cc3;color: #fff;font-weight: bold;padding: 0 15px;border-radius: 6px;margin-left: 10px;margin-top: -28px;}
.service-team h4{font-size: 24px;text-align: right;line-height: 50px;margin: 20px 0 10px 0;}
.service-team h4 span{font-size: 36px;font-weight: bold;color: #da251d;}
.service-team h5{font-size: 28px;font-weight: bold;color: #007cc3;padding-left: 520px;margin: 20px 0;}
.service-team p{font-size: 24px;line-height: 40px;padding-left: 520px;}
.service-team p i{color: #da251d;margin-right: 10px;}
.service-team p span{font-size: 36px;font-weight: bold;color: #da251d;}
.service-team h2{background: url(../images/service_teamicon.png) center no-repeat;line-height: 60px;color: #fff;font-size: 30px;text-align: center;font-weight: bold;margin-top: 38px;position: relative;z-index: 2;}

/*实验室展示*/
.laboratory{padding: 50px 0;}
.laboratory .hd{position: absolute;bottom:70px;left:40px;z-index: 3;}
.laboratory .hd ul{width: 540px;height: 30px;display: block;}
.laboratory .hd li{float: left;width: 40px;background: #da251d;line-height: 40px;text-align: center;color: #fff;border-radius: 50%;margin-right: 5px;font-size: 20px;}
.laboratory .hd li.on{background: #fff;color: #da251d;}

.laboratory .bd dl{position: relative;}
.laboratory .bd dl dt{position: absolute;width: 560px;right: 0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index: 2;}
.laboratory .bd dl dd{margin-right: 280px;padding: 70px 340px 140px 40px;background: #f2f8ff;border-radius: 40px;position: relative;z-index: 1;}
.laboratory .bd dl dd h3{font-size: 36px;line-height: 40px;display: inline-block;margin-bottom: 20px;}
.laboratory .bd dl dd h3 i{display: block;float: left;width: 100px;height: 100px;background: #da251d;border-radius: 50%;font: 56px Arial, Helvetica, sans-serif;text-align: center;line-height: 100px;color: #fff;margin: -10px 15px 0 0;}
.laboratory .bd dl dd h3 span{display: block;float: left;font-size:24px;color: #da251d;}
.laboratory .bd dl dd p{font-size:18px;line-height: 40px;}
.laboratory .bd dl dd p a{font-weight: bold;color: #da251d;}

/*合作伙伴*/
.partner{padding: 50px 0 40px 0;background: #333 url(../images/partner_bg.jpg) center no-repeat;color: #fff;}
.partner .tit h3{font-size: 40px;line-height: 50px;font-weight: bold;}
.partner .tit p{font-size: 20px;margin-top: 10px;}
.partner .con{margin: 30px 0 20px 0;}
.partner .con ul li{float: left;width: 11.11%;padding: .5%;}
.partner .con ul li:nth-child(12),.partner ul li:nth-child(18){margin-right: 33.33%;}
.partner .con .pic{position: absolute;width: 32.33%;left:50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
.partner .txt h4{font-size: 36px;font-weight: bold;line-height: 50px;margin-bottom: 10px;}
.partner .txt p{font-size: 16px;line-height: 36px;}
.partner .txt p span{display: block;}

/*服务流程图*/
.process{padding: 50px 0;}

/*新闻资讯*/
.news{background: url(../images/news_bg.jpg) top center no-repeat;}
.news .title{padding: 50px 0 30px 0;}
.news .title h3 em{color: #fff;}
.news .title p{color: #fff;}
.news .news_con{-moz-box-shadow:0px 0px 5px #eee; -webkit-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;}
.news .news_left{width: 460px;background: #f2f8ff;}
.news .news_left h3{line-height: 60px;background: rgba(0, 124, 195, .1);;font-size:24px;font-weight: bold;padding: 0 20px;}
.news .news_left h3 a{color: #007cc3;}
.news .news_left h3 span{float: right;font-size: 18px;}
.news .news_left .bd{margin: 10px 0;}
.news .news_left .bd li{clear: both;overflow: hidden;padding: 15px 20px;height: 113px !important;}
.news .news_left .bd li h4{height: 30px;overflow: hidden;font-size:16px;margin-bottom: 5px;}
.news .news_left .bd li h4 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;background: #da251d;border-radius: 50%;margin-right: 10px;float: left;font-family: Arial, sans-serif;}
.news .news_left .bd li p{line-height: 24px;color: #666;padding-top: 3px;}
.news .news_left .bd li p i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;background: #007cc3;border-radius: 50%;margin-right: 10px;float: left;font-family: Arial, sans-serif;margin-top: -3px;}

.news .news_right{width: 740px;background: #fff;}
.news .news_right .news_hd{padding: 20px 30px 10px 0;margin-left: 30px;border-bottom: 1px solid #eee;}
.news .news_right .news_hd li{float: left;text-align: center;line-height: 50px;font-size:24px;font-weight: bold;margin-right: 50px;position: relative;}
.news .news_right .news_hd li:nth-child(3){border-right: none;}
.news .news_right .news_hd li.on a{color: #007cc3;}
.news .news_right .news_hd li i{display: none;}
.news .news_right .news_hd li.on i{font-size: 18px;color: #da251d;display: block;position: absolute;bottom:-20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}

.news .news_right .news_bd{margin: 30px;}
.news .news_right .news_bd .txt{width: 280px;float: left;}
.news .news_right .news_bd .txt ul li{background: #f8f8f8;padding: 20px;margin-bottom: 20px;}
.news .news_right .news_bd .txt ul li:last-child{margin-bottom: 0;}
.news .news_right .news_bd .txt ul li h4{font-size: 16px;border-bottom: 1px solid #dedede;position: relative;padding-bottom: 10px;margin-bottom: 10px;}
.news .news_right .news_bd .txt ul li h4:after{display: block;content: "";width: 30px;height: 3px;background: #007cc3;position: absolute;bottom:-2px;}
.news .news_right .news_bd .txt ul li p{color: #666;}
.news .news_right .news_bd .list{width: 370px;float: right;}
.news .news_right .news_bd .list li{font-size:16px;line-height: 48px;}
.news .news_right .news_bd .list li i{width: 5px;height: 5px;float: left;background: #da251d;border-radius: 50%;margin-right: 10px;margin-top: 21px;}
.news .news_right .news_bd .list li span{font-size: 14px;color: #888;float: right;}


/*友情链接*/
.links{margin-top: 30px;}
.links h3{line-height: 46px;font-size:24px;margin-bottom: 10px;font-weight: bold;background: url(../images/link1.png) 175px center no-repeat;}
.links h3 span{color: #007cc3;font-family: Arial;font-weight: bold;padding-left: 6px;}
.links h3 a{float: right;width: 24px;height: 24px;background: url(../images/link.png) center no-repeat;margin-top: 12px;}
.links p{line-height:24px;}
.links p a{margin-right:5px;color: #666;display: inline-block;}
.links p a:hover{color: #da251d;}