@charset "utf-8";

/*
 * Org: http://www.68team.com
 * Author: https://github.com/happyfreelife
 * Date:  2017-07-07
 */


/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "PingFang SC", sans-serif;color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img{-webkit-touch-callout: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td, th{padding:0}
.clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.rps{display: block;max-width: 100%;}
.upload img{height: auto !important;max-width: 100%;}
.container-body{overflow: hidden;}
.container{width: 94%;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.disable-scroll, .disable-scroll body{min-height: 100%;overflow: hidden;}

.container img{max-width:100%;}
.baguetteBox-button#close-button{background: none !important;}

/****************************** Icon Sprite ******************************/
header .nav,
.footer .to-top,
.index-category a h3:before,
.index-entrance a h3:before,
.research .policy ul li a:after,
.evaluation .file ul li:before,
.evaluation .file ul li:after,
.evaluation .file ul li .content:before,
.industry .platform .link a:before,
.industry-about .intro .slogan span:before,
.industry-about .contact dl dd:before,
.article .back:before,
.hr .recruit ul li .info span:before,
.hr .recruit ul li a,
.hr-detail .btn .back:before,
.hr-detail .info span:before,

.overview .history .gallery dl dt:before,
.overview .video ul li a,
.overview .video .popup .box .close,
.org-detail .back a:before,
.contact .department li:before,
.contact .department li:after,
.contact .department li .content:before,
.contact .company li:before,
.test-booking dl dt:before,
.solicit-opinion .download li h3:before,
.solicit-opinion .download li .content a:before,
.notice li a .btn{background:none;background-image: url(../img/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
nav{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Common Part ******************************/
header{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 60px;padding: 0 3%;background: #282828;}
header:before{content: "";position: absolute;top: 0;left: calc(6% + 40px);height: 100%;border-right: 1px solid #363636;}
header .nav{float: left;width: 40px;height: 40px;margin: 10px 0;background-position: -105px -155px;background-size: 300px 200px;}
header .nav.active{background-position: -155px -155px;}
header .logo{float: right;width: 50px;height: 50px;margin: 5px 0;background: url(../img/logo.png) no-repeat 0 / contain;}
header + .placeholder{height: 60px;}

nav{position: fixed;top: 60px;left: 0;z-index: 10;width: 100%;height: calc(100vh - 60px);overflow-y: scroll;background: #151515;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
nav.active{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
nav li > a{display: block;line-height: 50px;background: #1a1a1a;border-bottom: 1px solid #333;font-size: 16px;color: #fff;text-align: center;letter-spacing: 1.5px;}
nav li.active > a{background: #222;}
nav li .subnav{display: none;padding: 10px 0;padding-left: 40%;border-bottom: 1px solid #333;}
nav li .subnav a{display: block;line-height: 36px;font-size: 14px;color: #fff;}
nav li .subnav a:before{content: "";display: inline-block;width: 6px;height: 6px;margin-right: 8px;vertical-align: middle;border-right: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

footer{line-height: 28px;margin-top: 40px;padding: 20px 0;background: #000;font-size: 16px;color: #888;text-align: center;}


/****************************** Page Component ******************************/
.swiper-pagination{position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;text-align: center;}
.swiper-pagination span{display: inline-block;width: 8px;height: 8px;margin: 0 6px;background: #ccc;opacity: 1;cursor: pointer;}
.swiper-pagination span[class*="active"]{background: #ffb204 !important;}

.page-category{overflow: hidden;background: #ffb204;}
.page-category li{float: left;width: 50%;text-align: center;}
.page-category li a{position: relative;display: inline-block;line-height: 40px;padding: 0 8px;font-size: 16px;color: #fff;}
.page-category li.active a:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;border-top: 2px solid #fff;}

.banner-top img{display: block;width: 100%;}

.section-title{line-height: 40px;padding-top: 20px;border-bottom: 1px solid #dbdbdb;font-size: 18px;color: #ffb204;text-align: center;}

.btn-more{display: block;width: 45%;line-height: 40px;margin: 30px auto 0;background: #ffb204;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;}

.btn-back a{width: 120px;line-height: 30px;margin: 0 auto;background: #ffb204;font-size: 16px;color: #fff;text-align: center;letter-spacing: 1px;display: block;}


.fold > *:first-child{height: 80px;overflow: hidden;}
.fold .btn{line-height: 28px;margin-top: 12px;background: #efefef;font-size: 14px;color: #d1c0a5;text-align: center;}
.fold .btn:after{content: "";display: inline-block;width: 10px;height: 10px;margin-left: 5px;vertical-align: 2px;border-bottom: 2px solid #d1c0a5;border-left: 2px solid #d1c0a5;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.fold.active > *:first-child{height: auto;}
.fold.active .btn{display: none;}

.article{margin-top: 30px;}
.article h1{line-height: 26px;font-size: 15px;color: #333;text-align: center;}
.article .attr{line-height: 30px;font-size: 12px;color: #999;text-align: center;}
.article .attr span{display: inline-block;margin: 0 10px;}
.article .upload{line-height: 24px;margin-top: 10px;font-size: 13px;}
.article .back{float: right;line-height: 20px;margin-top: 20px;font-size: 13px;color: #333;}
.article .back:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 5px;vertical-align: -4px;background-position: -466px -115px;}



/****************************** Index ******************************/
.banner-index .swiper-pagination{bottom: 10px;}
.banner-index .swiper-pagination span{background: #ccc;}

.index-category{margin-top: 40px;overflow: hidden;}
.index-category a{float: left;width: 45.8%;margin-bottom: 30px;}
.index-category a:nth-child(even){float: right;}
.index-category a:last-child{margin: 0;}
.index-category a h3{line-height: 30px;font-size: 15px;color: #333;text-align: center;}
.index-category a h3:before{content: "";display: block;width: 40px;height: 40px;margin: 0 auto 5px;}
.index-category a:nth-child(1) h3:before{background-position: -5px -55px;}
.index-category a:nth-child(2) h3:before{background-position: -55px -55px;}
.index-category a:nth-child(3) h3:before{background-position: -105px -55px;}
.index-category a:nth-child(4) h3:before{background-position: -155px -55px;}
.index-category a:nth-child(5) h3:before{background-position: -205px -55px;}
.index-category a p{display: -webkit-box;line-height: 22px;margin-top: 5px;overflow: hidden;font-size: 13px;color: #888;text-align: center;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.news a{position: relative;display: block;margin-top: 24px;overflow: hidden;}
.news a img{float: left;width: 34.66%;}
.news a .text{float: right;width: 60%;}
.news a .text h3{line-height: 20px;font-size: 15px;color: #333;}
.news a .text p{display: -webkit-box;line-height: 24px;margin-top: 8px;overflow: hidden;font-size: 13px;color: #888;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.index-headline .more{display: block;width: 45%;line-height: 40px;margin: 50px auto;background: #000;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;text-transform: uppercase;}

.index-entrance > a{position: relative;display: block;margin-bottom: 28px;}
.index-entrance > a img{display: block;width: 100%;}
.index-entrance > a h3{position: absolute;top: 50%;left: 50%;width: 80px;line-height: 30px;margin-left: -40px;font-size: 18px;color: #fff;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.index-entrance > a h3:before{content: "";display: block;width: 50px;height: 50px;margin: 0 auto;}
.index-entrance > a:nth-child(1) h3:before{background-position: -250px -50px;}
.index-entrance > a:nth-child(2) h3:before{background-position: -300px -50px;}
.index-entrance > a h3:after{content: "";display: block;width: 48px;margin: 0 auto;border-bottom: 1px solid #fff;}
.index-entrance .index-notice{background: #ffb204;}
.index-entrance .index-notice dl{padding: 30px 25% 30px 8.33%;}
.index-entrance .index-notice dl dt a{display: block; line-height: 20px;font-size: 15px;color: #fff;}
.index-entrance .index-notice dl dt a span{display: block;float: right;font-size: 12px;}
.index-entrance .index-notice dl dt:after{content: "";display: block;width: 20px;margin: 5px 0 10px;border-bottom: 1px solid #fff;}
.index-entrance .index-notice dl dd a{display: inline-block;line-height: 30px;max-width: 100%;overflow: hidden;font-size: 13px;color: #fff;white-space: nowrap;text-overflow: ellipsis;}

.index-bottom{margin-top: 30px;overflow: hidden;}
.index-bottom a{float: left;width: 30%;margin-right: 5%;}
.index-bottom a:last-child{margin-right: 0;}
.index-bottom a img{display: block;width: 52.66%;margin: 0 auto;}
.index-bottom a span{display: block;line-height: 24px;font-size: 14px;color: #666;text-align: center;}


/****************************** 科研 ******************************/
.research .dynamic .box a{display: block;margin-top: 24px;overflow: hidden;}
.research .dynamic .box a img{float: left;width: 55.5%;}
.research .dynamic .box a .text{float: right;width: 44.5%;padding-left: 10px;}
.research .dynamic .box a .text h3{display: -webkit-box;height: 40px;line-height: 20px;overflow: hidden;font-size: 15px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.research .dynamic .box a .text p{display: -webkit-box;line-height: 20px;margin-top: 10px;overflow: hidden;font-size: 13px;color: #888;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.research .direction li{margin-bottom: 20px;overflow: hidden;}
.research .direction li a{display: block;width: 66.66%;margin: 28px auto 0;}
.research .direction li a img{display: block;width: 100%;}
.research .direction li .text{margin-top: 15px;}
.research .direction li .text h3{line-height: 28px;border-bottom: 1px solid #dbdbdb;font-size: 15px;color: #ffb204;text-align: center;}
.research .direction li .text p{display: -webkit-box;line-height: 20px;margin-top: 6px;overflow: hidden;font-size: 13px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.research .platform .swiper-container{padding-bottom: 20px;}
.research .platform .list li{margin-top: 30px;}
.research .platform li h3{line-height: 36px;font-size: 15px;color: #333;}
.research .platform li .param{line-height: 20px;font-size: 13px;}
.research .platform li .desc{line-height: 20px;margin-top: 8px;padding-top: 8px;border-top: 1px solid #ccc;font-size: 13px;}
.research .platform li img{display: block;width: 80%;max-width: 340px;margin: 10px auto 0;}

.research .result p{line-height: 22px;margin-top: 10px;font-size: 12px;}
.research .result table{width: 100%;margin-top: 10px;}
.research .result table td{height: 30px;line-height: 18px;border: 1px solid #ffb204;text-align: center;}
.research .result table thead td{line-height: 30px;background: #ffb204;font-size: 14px;color: #fff;text-align: center;}
.research .result ul{margin-top: 50px;overflow: hidden;}
.research .result ul li{float: left;width: 292px;margin-right: 10px;}
.research .result ul li img{display: block;width: 100%;}
.research .result ul li span{display: block;line-height: 40px;color: #333;text-align: center;}

.research .policy ul{margin-top: 24px;overflow: hidden;}
.research .policy ul li{position: relative;margin-bottom: 28px;overflow: hidden;}
.research .policy ul li img{float: left;width: 60px;}
.research .policy ul li h3{position: absolute;top: 10px;left: 20%;width: 60%;line-height: 20px;font-weight: bold;font-size: 18px;color: #333;}
.research .policy ul li a{position: relative;float: right;line-height: 30px;margin-top: 10px;padding-right: 25px;font-weight: bold;font-size: 16px;color: #ffb204;}
.research .policy ul li a:after{content: "";position: absolute;top: 3px;right: 0;width: 20px;height: 20px;background-position: -315px -15px;}


/****************************** 标准化 ******************************/
.standardization .dynamic ul{display: block;margin-top: 15px;}
.standardization .dynamic ul li{float: left;width: 31.66%;margin-right: 2.51%;}
.standardization .dynamic ul.list li{margin-bottom: 20px;}
.standardization .dynamic ul li:nth-child(3n){margin-right: 0;}
.standardization .dynamic ul li img{display: block;width: 100%;border: 1px solid #ddd;box-shadow: 0 1px 3px rgba(0, 0, 0, .1);}
.standardization .dynamic ul li span{display: block;line-height: 20px;margin-top: 5px;font-size: 13px;color: #333;text-align: center;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.standardization .revise p{line-height: 22px;margin-top: 6px;font-size: 13px;}
.standardization .revise ul{margin-top: 12px;overflow: hidden;}
.standardization .revise ul li{float: left;width: calc((100% - 10px) / 3);margin: 0 5px 15px 0;}
.standardization .revise ul li:nth-child(3n){margin-right: 0;}
.standardization .revise ul li img{display: block;width: 100%;}
.standardization .revise ul li span{display: block;line-height: 20px;margin-top: 6px;font-size: 13px;text-align: center;}

.standardization .supervise h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.standardization .supervise p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.standardization .supervise strong{display: block;line-height: 20px;margin-top: 16px;font-weight: normal;font-size: 13px;color: #333;}
.standardization .supervise .box{margin-top: 20px;}
.standardization .supervise .box img{float: left;width: calc((100% - 10px) / 3);margin-right: 5px;}
.standardization .supervise .box img:last-child{margin-right: 0;}

.standardization .international h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.standardization .international p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.standardization .international ul{margin-top: 20px;overflow: hidden;}
.standardization .international ul li{float: left;width: calc((100% - 30px) / 3);margin-right: 15px;}
.standardization .international ul li:last-child{margin-right: 0;}
.standardization .international ul li img{display: block;width: 100%;}
.standardization .international ul li span{display: none;}
.standardization .service p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.standardization .service img{display: none;}


/****************************** 检验检测 ******************************/
.inspection .honor .swiper-container{padding: 15px 0 30px;}
.inspection .honor li .item{float: left;width: calc((100% - 20px) / 3);margin-right: 10px;}
.inspection .honor li .item:nth-child(3n){margin-right: 0;}
.inspection .honor li .item img{display: block;width: 100%;padding: 6px;background: #e5e5e5;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.inspection .honor li .item span{display: block;line-height: 20px;margin-top: 6px;font-size: 13px;color: #333;text-align: center;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.inspection .equipment .swiper-container{padding: 30px 0;}
.inspection .equipment li .item{float: left;width: 47.5%;margin-bottom: 20px;height: 36vw;position: relative;}
.inspection .equipment li .item:nth-child(2n){float: right;}
.inspection .equipment li .item img{display: block;width: 100%;}
.inspection .equipment li .item span{position: absolute;bottom: 0;left: 0;line-height: 24px;background: #ffb204;font-size: 13px;color: #fff;text-align: center;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inspection .business p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.inspection .business p em{color: #ffb204;}
.inspection .show p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.inspection .show .swiper-container{padding: 15px 0 30px;}
.inspection .show .item{float: left;width: calc((100% - 20px) / 3);margin-right: 10px;}
.inspection .show .item:nth-child(3n){margin-right: 0;}
.inspection .show .item img{display: block;width: 100%;padding: 6px;background: #e5e5e5;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.inspection .topic p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.inspection .topic p em{color: #ffb204;}
.inspection .topic img{display: block;width: 100%;margin-top: 10px;}


/****************************** 产品测评 ******************************/
.evaluation .intro h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.evaluation .intro p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.evaluation .guide h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.evaluation .guide p{line-height: 22px;margin-top: 16px;font-size: 13px;}
.evaluation .guide img{display: block;width: 100%;margin: 30px auto 0;}
.evaluation .file ul{margin-top: 20px;}
.evaluation .file ul li{position: relative;margin-bottom: 18px;}
.evaluation .file ul li h3{line-height: 26px;padding-left: 35px;cursor: pointer;font-size: 15px;color: #333;}
.evaluation .file ul li:before{content: "";position: absolute;top: 2px;left: 0;width: 22px;height: 22px;background-color: #ffb204;background-position: -414px -213px;}
.evaluation .file ul li:after{content: "";position: absolute;top: 0;right: 0;width: 26px;height: 26px;background-position: -12px -162px;}
.evaluation .file ul li.active:after{background-position: -62px -162px;}
.evaluation .file ul li .content{position: relative;display: none;line-height: 24px;margin-top: 10px;padding-left: 30px;font-size: 14px;color: #999;}
.evaluation .file ul li .content:before{content: "";position: absolute;top: 5px;left: 0;width: 22px;height: 22px;background-color: #ffb204;background-position: -464px -213px;}
.evaluation .directory p{line-height: 22px;margin-top: 15px;font-size: 13px;}
.evaluation .download div{line-height: 22px;padding-top: 15px;font-size: 13px;}
.evaluation .download div a{color:#666;}

/****************************** 产业化 ******************************/
.industry .info .box a{display: block;margin-top: 24px;overflow: hidden;}
.industry .info .box a img{float: left;width: 55.5%;}
.industry .info .box a .text{float: right;width: 44.5%;padding-left: 10px;}
.industry .info .box a .text h3{display: -webkit-box;height: 40px;line-height: 20px;overflow: hidden;font-size: 15px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.industry .info .box a .text p{display: -webkit-box;line-height: 20px;margin-top: 10px;overflow: hidden;font-size: 13px;color: #888;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.industry .list li{margin-bottom: 20px;overflow: hidden;}
.industry .list li a{display: block;width: 66.66%;margin: 28px auto 0;}
.industry .list li a img{display: block;width: 100%;}
.industry .list li .text{margin-top: 15px;}
.industry .list li .text h3{line-height: 28px;border-bottom: 1px solid #dbdbdb;font-size: 15px;color: #ffb204;text-align: center;}
.industry .list li .text p{display: -webkit-box;line-height: 20px;margin-top: 6px;overflow: hidden;font-size: 13px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.industry .platform h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.industry .platform p{line-height: 22px;margin-top: 15px;font-size: 13px;}
.industry .platform .link{margin-top: 30px;overflow: hidden;}
.industry .platform .link a{float: left;line-height: 30px;margin: 0 10px 15px 0;font-size: 16px;color: #0072e4;}
.industry .platform .link a:nth-child(2){float: right;}
.industry .platform .link a:before{content: "";display: inline-block;width: 21px;height: 21px;margin-right: 10px;vertical-align: -4px;background-position: -564px -214px;}

.industry-about .intro h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.industry-about .intro div.fold{line-height: 22px;margin-top: 15px;font-size: 13px;}

.industry-about .intro .slogan{line-height: 24px;margin-top: 10px;font-size: 14px;}
.industry-about .intro .slogan span{display: block;line-height: 24px;font-size: 13px;}
.industry-about .intro .slogan span:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 3px;vertical-align: middle;;}
.industry-about .intro .slogan span:nth-child(1):before{background-position: -15px -265px;}
.industry-about .intro .slogan span:nth-child(2):before{background-position: -65px -265px;}
.industry-about .intro .slogan span em{color: #333;}

.industry-about .contact dl{margin-top: 20px;}
.industry-about .contact dl dt{line-height: 20px;margin-bottom: 5px;font-size: 15px;color: #ffb204;}
.industry-about .contact dl dd{line-height: 24px;font-size: 13px;}
.industry-about .contact dl dd:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;}
.industry-about .contact dl dd:nth-child(1):before{background-position: -115px -265px;}
.industry-about .contact dl dd:nth-child(2):before{background-position: -165px -265px;}
.industry-about .contact dl dd:nth-child(3):before{background-position: -215px -265px;}
.industry-about .contact dl dd:nth-child(4):before{background-position: -265px -265px;}
.industry-about .contact dl dd.tel:before{background-position: -315px -265px;}
.industry-about .contact dl dd.fax:before{background-position: -365px -265px;}
.industry-about .business div.fold{line-height: 24px;margin-top: 26px;font-size: 14px;}
.industry-about .business div.fold em{color: #ffb204;}
.industry-about .honor div.fold{line-height: 24px;margin-top: 26px;font-size: 14px;}
.industry-about .honor div.fold em{color: #ffb204;}
.industry-about .honor .picture{margin-top: 20px;overflow: hidden;}
.industry-about .honor .picture img{float: left;width: 48%;margin: 0 4% 20px 0;border: 5px solid #ddd;}
.industry-about .honor .picture img:nth-child(n+5){width: 31%;margin: 0 3.5% 15px 0;}
.industry-about .honor .picture img:nth-child(2),
.industry-about .honor .picture img:nth-child(4),
.industry-about .honor .picture img:nth-child(3n+4){margin-right: 0;}

.industry-result .tab{margin-top: 24px;overflow: hidden;}
.industry-result .tab a{float: left;width: 23.5%;line-height: 30px;margin: 0 2% 10px 0;border: 1px solid #ffb204;font-size: 13px;color: #ffb204;text-align: center;}
.industry-result .tab a:nth-child(4n){margin-right: 0;}
.industry-result .tab a.active{background: #ffb204;color: #fff;}
.industry-result .list{margin-top: 20px;overflow: hidden;}
.industry-result .list li{float: left;width: 48%;margin-bottom: 15px;}
.industry-result .list li:nth-child(even){float: right;}
.industry-result .list li img{display: block;width: 100%;}
.industry-result .list li span{display: block;height: 40px;line-height: 20px;margin-top: 5px;font-size: 13px;text-align: center;}


/****************************** 党的建设 ******************************/
.party-building .page-category li{width: 20%;}
.party-building .page-category li a{padding: 0 3px;font-size: 12px;}
.party-building li .date{float: left;width: 80px;margin-left: 25px;text-align: right;}
.party-building li .date .top{display: block;line-height: 45px;font-size: 30px;color: #333;}
.party-building li .date .top:after{content: "";float: right;width: 27px;margin: 2px 5px 0 0;border-bottom: 2px solid #ddd;}
.party-building li .date .year{display: block;line-height: 20px;margin-top: 24px;font-size: 14px;color: #444;}
.party-building .list{margin-top: 40px;}
.party-building .list a{display: block;margin-bottom: 15px;padding: 15px 3% 15px;overflow: hidden;background: #f3f3f3;}
.party-building .list a .date{float: left;width: 60px;text-align: right;}
.party-building .list a .date .top{position: relative;display: block;line-height: 30px;padding-bottom: 3px;font-size: 18px;color: #333;}
.party-building .list a .date .top:after{content: "";position: absolute;right: 5px;bottom: 0;width: 27px;border-bottom: 1px solid #ddd;}
.party-building .list a .date .year{display: block;line-height: 20px;margin-top: 5px;font-size: 12px;color: #444;}
.party-building .list a .text{float: right;width: calc(100% - 80px);}
.party-building .list a .text h3{display: -webkit-box;line-height: 20px;overflow: hidden;font-size: 14px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.party-building .list a .text p{display: -webkit-box;line-height: 20px;margin-top: 5px;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}


/****************************** 人力资源 ******************************/
.hr .policy .fold{margin-top: 20px;}
.hr .policy p{line-height: 24px;font-size: 13px;}

.hr .recruit ul{margin-top: 20px;}
.hr .recruit ul li{padding: 24px 20px 30px;border: 1px solid #f3f3f3;border-bottom: 6px solid #bbb;}
.hr .recruit ul li h3{line-height: 20px;font-size: 15px;color: #333;}
.hr .recruit ul li .info{margin-top: 15px;overflow: hidden;}
.hr .recruit ul li .info span{float: left;line-height: 20px;margin-right: 20px;font-size: 13px;color: #999;margin-bottom: 10px;}
.hr .recruit ul li .info span:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 4px;vertical-align: -2px;}
.hr .recruit ul li .info span:nth-child(1):before{background-position: -17px -317px;}
.hr .recruit ul li .info span:nth-child(2):before{background-position: -67px -317px;}
.hr .recruit ul li .info span:nth-child(3):before{background-position: -117px -317px;}
.hr .recruit ul li .info span:nth-child(4):before{background-position: -518px -317px;}
.hr .recruit ul li .info span:nth-child(5):before{background-position: -568px -317px;}
.hr .recruit ul li p{line-height: 24px;margin-top: 10px;font-size: 13px;color: #999;}
.hr .recruit ul li a{display: block;width: 80px;height: 30px;margin-top: 20px;background-position: -137px -311px;border: 1px solid #ddd;}

.hr-detail ul{margin-top: 24px;}
.hr-detail ul li{margin-bottom: 32px;}
.hr-detail ul li h3{line-height: 24px;font-size: 15px;color: #333;}
.hr-detail ul li p{line-height: 24px;font-size: 13px;}
.hr-detail .remark{line-height: 20px;font-size: 13px;}
.hr-detail .btn{margin-top: 20px;overflow: hidden;}
.hr-detail .btn .apply{float: left;width: 110px;line-height: 40px;background: #ffb204;border-radius: 3px;font-size: 13px;color: #fff;text-align: center;}
.hr-detail .btn .back{float: right;line-height: 20px;margin-top: 36px;font-size: 13px;color: #999;}
.hr-detail .btn .back:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 5px;vertical-align: -4px;background-position: -466px -115px;}
.hr-detail .info{margin-top: 15px;overflow: hidden;}
.hr-detail .info span{float: left;line-height: 20px;margin-right: 20px;font-size: 13px;color: #999;}
.hr-detail .info span:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 4px;vertical-align: -2px;}
.hr-detail .info span:nth-child(1):before{background-position: -17px -317px;}
.hr-detail .info span:nth-child(2):before{background-position: -67px -317px;}
.hr-detail .info span:nth-child(3):before{background-position: -117px -317px;}
.hr-detail .info span:nth-child(4):before{background-position: -518px -317px;}
.hr-detail .info span:nth-child(5):before{background-position: -568px -317px;}


/****************************** 研究所概况 ******************************/
.overview .profile h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.overview .profile p{line-height: 22px;margin-top: 15px;font-size: 13px;}
.overview .profile img{max-width:100%;}

.overview .leader .wrapper{margin-top: 15px;}
.overview .leader .photo{position: relative;float: left;width: 33.33%;}
.overview .leader .photo:before{content: "";position: absolute;top: 10px;left: 10px;width: 100%;height: 100%;border: 2px solid #ffb204;}
.overview .leader .photo img{position: relative;display: block;width: 100%;}
.overview .leader .text{float: right;width: 60%;margin-top: 10px;}
.overview .leader .text h4{line-height: 24px;font-size: 15px;color: #ffb204;}
.overview .leader .text p{line-height: 22px;margin-top: 5px;font-size: 13px;}

.overview .history p{line-height: 22px;margin-top: 15px;font-size: 13px;}
.overview .history p em{color: #ffb204;}

.overview .identification h4{line-height: 20px;margin-top: 15px;font-size: 15px;color: #333;}
.overview .identification p{line-height: 22px;margin-top: 15px;font-size: 13px;}
.overview .identification p img{max-width:100%;}

.overview .honor .swiper-container{padding: 15px 0 30px;}
.overview .honor .item{float: left;width: calc((100% - 20px) / 3);margin-right: 10px;}
.overview .honor .item:nth-child(3n){margin-right: 0;}
.overview .honor .item img{display: block;width: 100%;padding: 6px;background: #e5e5e5;border: 1px solid #ddd;}
.overview .honor .item span{display: block;line-height: 20px;margin-top: 6px;font-size: 13px;color: #333;text-align: center;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.overview .video ul{margin-top: 15px;overflow: hidden;}
.overview .video ul li{position: relative;float: left;width: 48%;margin-bottom: 15px;}
.overview .video ul li:nth-child(even){float: right;}
.overview .video ul li img{display: block;width: 100%;}
.overview .video ul li a{position: absolute;top: 50%;left: 50%;width: 30px;height: 30px;margin: -15px 0 0 -15px;background-position: -284px -124px;background-size: 480px 320px;}
.overview .video .btn-more{margin-top: 15px;}

.overview .video .popup{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;}
.overview .video .popup .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.overview .video .popup .box{position: absolute;top: 50%;left: 0;width: 100%;height: 56.2vw;margin-top: -28.1vw;}
.overview .video .popup .box .close{position: absolute;top: -50px;right: 3%;width: 36px;height: 36px;background-position: -407px -7px;}
.overview .video .popup .box .video-js{width: 100% !important;height: 100% !important;}

.overview .image .list{margin-top: 15px;overflow: hidden;}
.overview .image .list a{position: relative;float: left;width: 48%;margin-bottom: 15px;}
.overview .image .list a:nth-child(even){float: right;}
.overview .image .list a img{display: block;width: 100%;}
.overview .image .btn-more{margin-top: 15px;}


/****************************** 机构设置 ******************************/
.org ul{overflow: hidden;}
.org ul li{position: relative;float: left;width: 33.33%;margin-top: 20px;text-align: center;}
.org ul li:after{content: "";position: absolute;top: 3px;right: 0;height: 14px;border-left: 1px solid #ffb204;}
.org ul li:nth-child(3n):after{content: none;}
.org ul li a{line-height: 20px;font-size: 13px;color: #333;}
.org ul li a:active{color: #ffb204;}
.org ul.wide li{width: 50%;}
.org ul.wide li:after{content: "";}
.org ul.wide li:nth-child(even):after{content: none;}
.org .committee p{line-height: 24px;margin-top: 40px;font-size: 14px;}

.org-detail h1{line-height: 24px;padding-top: 24px;border-bottom: 1px solid #dbdbdb;font-size: 16px;color: #ffb204;text-align: center;}
.org-detail .upload{line-height: 24px;margin-top: 15px;font-size: 13px;}
.org-detail .back{padding: 20px 0;overflow: hidden;}
.org-detail .back a{float: right;line-height: 20px;font-size: 14px;}
.org-detail .back a:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 5px;vertical-align: -4px;background-position: -466px -115px;}


/****************************** 联系我们 ******************************/
.contact .map{height: 45vw;margin-top: 15px;}
.contact .map .BMap_bubble_title{margin-bottom: 5px;font: bold 14px/24px "Microsoft YaHei";color: #333;}
.contact .map .BMap_bubble_content{font: 12px/20px "Microsoft YaHei";color: #666;}
.contact .map .BMap_cpyCtrl,
.anchorBL{display: none;}

.contact .company{margin-top: 20px;}
.contact .company li{line-height: 24px;margin-top: 10px;font-size: 13px;}
.contact .company li:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;}
.contact .company li:nth-child(1):before{background-position: -415px -265px;}
.contact .company li:nth-child(2):before{background-position: -465px -265px;}
.contact .company li:nth-child(3):before{background-position: -515px -265px;}
.contact .company li:nth-child(4):before{background-position: -565px -265px;}

.contact .department{padding: 30px 0;}
.contact .department li{position: relative;margin-bottom: 20px;}
.contact .department li h3{line-height: 26px;padding-left: 35px;cursor: pointer;font-size: 13px;color: #333;}
.contact .department li:before{content: "";position: absolute;top: 2px;left: 0;width: 22px;height: 22px;background-color: #ffb204;background-position: -414px -213px;}
.contact .department li:after{content: "";position: absolute;top: 0;right: 0;width: 26px;height: 26px;background-position: -12px -162px;}
.contact .department li.active:after{background-position: -62px -162px;}
.contact .department li .content{position: relative;display: none;line-height: 24px;margin-top: 10px;padding-left: 30px;font-size: 14px;color: #999;}
.contact .department li .content:before{content: "";position: absolute;top: 5px;left: 0;width: 22px;height: 22px;background-color: #ffb204;background-position: -464px -213px;}


/****************************** 材料测试预约 ******************************/
.test-booking dl dt{line-height: 30px;margin-top: 15px;font-size: 15px;color: #333;}
.test-booking dl dt:before{content: "";display: inline-block;width: 6px;height: 9px;margin-right: 5px;background-position: -122px -220px;}
.test-booking dl dd{margin-bottom: 15px;overflow: hidden;}
.test-booking dl dd.time{width: 100%;}
.test-booking dl dd span{float: left;width: 23%;line-height: 30px;font-size: 13px;color: #333;}
.test-booking dl dd.time span{width: 15%;}
.test-booking dl dd label{float: left;line-height: 30px;font-size: 13px;color: #999;}
.test-booking dl dd label{margin-right: 20px;}
.test-booking dl dd input[type="radio"]{vertical-align: -2px;;}
.test-booking dl dd input[type="text"]{float: left;width: 77%;height: 30px;line-height: 20px;padding: 5px 0;font-size: 13px;text-indent: .5em;}
.test-booking dl dd.time input[type="text"]{width: 100%;}
.test-booking dl dd textarea{float: left;width: 77%;height: 108px;line-height: 20px;padding: 5px;border: 1px solid #ccc;font-size: 13px;}
.test-booking .btn{width: 70%;margin: 30px auto 0;padding-bottom: 20px;overflow: hidden;}
.test-booking .btn a{float: left;width: 46%;line-height: 36px;margin: 0 2%;background: #ffb204;font-size: 15px;color: #fff;text-align: center;}


/****************************** 标准化意见征集 ******************************/
.solicit-opinion .download li{border-bottom: 1px dotted #ccc;}
.solicit-opinion .download li h3{position: relative;line-height: 36px;padding-left: 5px;overflow: hidden;cursor: pointer;font-size: 13px;color: #333;white-space: nowrap;text-overflow: ellipsis;}
.solicit-opinion .download li h3:before{content: "";display: inline-block;width: 6px;height: 6px;margin-right: 5px;vertical-align: 2px;background-position: -523px -123px;}
.solicit-opinion .download li.active h3{background: #ffb204;color: #fff;}
.solicit-opinion .download li.active h3:before{background-position: -573px -123px;}
.solicit-opinion .download li.active h3:after{background-position: -368px -218px;}
.solicit-opinion .download li .content{display: none;}
.solicit-opinion .download li .content p{line-height: 24px;margin-top: 10px;font-size: 13px;}
.solicit-opinion .download li .content a{display: block;width: 60%;line-height: 36px;margin: 15px auto 30px;background: #ffb204;font-size: 13px;color: #fff;text-align: center;}
.solicit-opinion .download li .content a:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 5px;vertical-align: -3px;background-position: -365px -16px;}
.solicit-opinion .form{padding: 30px 0;overflow: hidden;}
.solicit-opinion .form input{width: 100%;height: 36px;margin-bottom: 15px;padding: 8px 0 8px 8px;font-size: 13px;color: #333;}
.solicit-opinion .form textarea{width: 100%;height: 200px;line-height: 24px;padding: 6px 8px;border: 1px solid #ccc;font-size: 14px;}
.solicit-opinion .form a{display: block;width: 50%;line-height: 36px;margin: 20px auto 0;background: #ffb204;font-size: 15px;color: #fff;text-align: center;}


/****************************** 通知公告 ******************************/
.notice ul{margin-top: 15px;}
.notice li{margin-top: 30px;}
.notice li a{position: relative;display: block;padding: 8px 3%;overflow: hidden;background: #f3f3f3;}
.notice li a h3{display: -webkit-box;line-height: 24px;max-width: 80%;overflow: hidden;overflow: hidden;font-size: 13px;color: #333;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.notice li a .btn{position: absolute;top: 50%;right: 3%;width: 26px;height: 26px;margin-top: -13px;background-position: -112px -162px;}
.notice li a:active .btn{background-position: -162px -162px;}
.notice li p{display: -webkit-box;line-height: 24px;margin-top: 5px;padding: 0 3%;overflow: hidden;font-size: 13px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


/****************************** CSS3 Media ******************************/
@media (max-width: 360px) {
	.news a .text p{-webkit-line-clamp: 2;margin-top: 14px;line-height: 20px;}
	.index-bottom a span{font-size: 12px;}

	.research .policy ul li img{width: 50px;}
	.research .policy ul li h3{font-size: 16px;top: 5px;}
	.research .policy ul li a{font-size: 15px;}
}