/*
* @Author: Marte
* @Date:   2018-06-15 16:09:13
* @Last Modified by:   Marte
* @Last Modified time: 2018-09-06 16:04:27
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { color:#454545; }
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }
h2, h3 { font-size:14px; }
button, input, select, textarea, label { vertical-align:middle; border: 0; outline: none;}
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}
ul, ol { list-style:none; }
a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }
a:hover { color:#000; }
table { border-collapse:collapse; border-spacing:0; }
body { word-wrap:break-word; word-break:break-all; background-color: #fff;}

/*清浮*/
.g-cf:after { content:""; clear:both; display:table; }
.g-cf { zoom:1; }


/*浮动*/
.g-f-l { float:left; _display:inline; }
.g-f-r { float:right; _display:inline; }

input::-webkit-input-placeholder {  color: #ccc;}
input:-moz-placeholder { color: #ccc; opacity: 1;}
input::-moz-placeholder { color: #ccc; opacity: 1;}
input:-ms-input-placeholder { color: #ccc;}

textarea::-webkit-input-placeholder { color: #ccc;}
textarea:-moz-placeholder { color: #ccc; opacity: 1;}
textarea::-moz-placeholder { color: #ccc; opacity: 1;}
textarea:-ms-input-placeholder { color: #ccc;}


.wrap{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; }
.container{ width: 100%; max-width: 1200px; margin: 0 auto; }
.container2{ width: 100%; max-width: 1260px; margin: 0 auto; }


.header_top{ height: 40px; line-height: 40px; background-color: #f2f2f2; overflow: hidden;}
.header_top span{ font-size: 14px; color: #2f98fb; }
.header_top ul li{ float: left; }
.header_top ul li img{ display: inline-block; margin-right: 10px; transform: translateY(-2px); }
.header_top ul li:first-child{ margin-right: 10px; padding-right: 10px; position: relative; }
.header_top ul li:first-child:after{ content: ""; position: absolute; width: 1px; height: 14px; background-color: #e6e6e6; right: 0; top: 12px; }
.header_top ul li a{ font-size: 12px; color: #848484; transition: all ease-in-out .3s; }
.header_top ul li:hover a{ color: #2f98fb;}
.header-main-r{ max-width: 440px; }
.lx{ font-size: 14px; color: #848484; margin-top: 18px; float: right; }
.lx i{ font-size: 16px; color: #e62129; font-style: normal; }
.icon1{ padding-left: 25px; background: url(../images/icon3_03.jpg) no-repeat left center; margin-right: 20px; padding-right: 20px; position: relative; }
.icon1:after{ content: ""; position: absolute; width: 1px; height: 14px; background-color: #e6e6e6; right: 0; top: 2px; }
.icon2{ padding-left: 28px; background: url(../images/icon4_03.jpg) no-repeat left center; }
.link{ margin-top: 16px; float: right; }
.link img{ float: left; }
.link li{ float: left; font-size: 12px; color: #565656; line-height: 24px; margin-left: 24px; background: url(../images/xian_03.jpg) no-repeat right center; }
.link li span{ padding-left: 10px; padding-right: 20px; }
.link li a{ color: #565656; transition: all ease-in-out .3s; }
.link li:hover a{ color: #2f98fb; }
.header_nav{ height: 74px; position: relative;  background: url(../images/bg_03.jpg) repeat-x; }

.nav ul li{ float: left; padding: 20px 30px 0; text-align: center; font-size: 18px; background: url(../images/xian_03.png) no-repeat right 20px; position: relative; }
.nav ul li:last-child{ margin-right: 0; }
.nav ul li:first-child{ margin-left: -30px; }
.nav ul li span{ display: block; font-size: 10px; color: #fff; opacity: .4; padding-top: 6px; transition: all ease-in-out .3s; }
.nav ul li a{ display: block; color: #fff; }
.nav ul li.active span{ opacity: 1; }
/*.nav ul li.active:after{ opacity: 1; }*/
.nav ul li:after{ content: ""; position: absolute; width: 30px; height: 6px; background-color: #e62129; left: 50%; top: 0; transform: translateX(-50%); opacity: 0; transition: all ease-in-out .3s; }
.nav ul li:hover span{ opacity: 1; }
.nav ul li:hover:after{ opacity: 1; }
.search{ margin-top: 18px; height: 38px; border: 1px solid #fff; border-radius: 2px; }
.search input[type="text"]{ height: 38px; line-height: 38px; background-color: transparent; width: 176px; margin-left: 9px; font-size: 14px; float: left; color: #fff; }
.search a{ float: left; margin-left: 4px; margin-right: 10px; margin-top: 6px; }
.zx{ margin: 15px 0 0 20px; }

.search input::-webkit-input-placeholder {  color: rgba(255,255,255,.52);}
.search input:-moz-placeholder { color: rgba(255,255,255,.52); opacity: 1;}
.search input::-moz-placeholder { color: rgba(255,255,255,.52); opacity: 1;}
.search input:-ms-input-placeholder { color: rgba(255,255,255,.52);}

.banner.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 40px !important;}
.banner .swiper-pagination-bullet{ width: 15px; height: 8px; background-color: #a8bacb; opacity: 1; border-radius: 4px; }
.banner .swiper-pagination-bullet-active{ background-color: #e62129; width: 30px; }



.index-product{ width: 100%; max-width: 1260px; margin: 54px auto 0; }
.title{ position: relative; text-align: center; }
.title h4{ font-size: 36px; color: #393939; }
.title h4 span{ color: #2f98fb; }
.title p{ color: #393a43; margin-top: 6px; }
a.more{ position: absolute; font-size: 16px; color: #b2b2b2; right: 0; top: 22px; transition: all ease-in-out .3s; }
a.more img{ margin-left: 6px; transform: translateY(-2px); }
a.more:hover{ color: #2f98fb; }
.index-product-con{ margin-top: 50px; }
.bigImg{ width: 38%; }
.bigImg .item{ display: none; }
.bigImg .item:first-child{ display: block; }
.index-product-r{ width: 60.3%; }
.index-product-description h4{ font-size: 18px; color: #333; margin-top: 26px; line-height: 30px; height: 30px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.index-product-description span{ font-weight: bold; display: block; margin-top: 20px; font-size: 18px; color: #333; line-height: 28px; }
.index-product-description p{ font-size: 14px; color: #666; line-height: 30px; height: 90px; overflow: hidden; margin-top: 8px; }
.index-product-description .item{ display: none;background: #fff }
.index-product-description .item:first-child{ display: block; }
.swiper-product{ margin-top: 46px; position: relative; }
.swiper-product .swiper-button-next, .swiper-product .swiper-button-prev{ width: 50px; height: 50px; margin: 0; top: 100%; }
.swiper-product .swiper-button-next{ background: url(../images/right_03.jpg) no-repeat; background-size: cover; right: 0; }
.swiper-product .swiper-button-prev{ background: url(../images/left_03.jpg) no-repeat; background-size: cover; right: 50px; left: auto; }
.swiper-product .swiper-slide{ cursor: pointer; background-color: #2f98fb; }
/*.swiper-product .swiper-slide-active,.swiper-product .swiper-slide.active-nav {background-color: #2f98fb; }*/
.swiper-product .swiper-slide.active-nav {background-color: #2f98fb; }
.swiper-product .swiper-slide img{ transition: all ease-in-out .3s; }
/*.swiper-product .swiper-slide.active img ,.swiper-product .swiper-slide-active img,.swiper-product .swiper-slide.active-nav img{ transform: scale(.99); }*/
.swiper-product .swiper-slide.active-nav img{ transform: scale(.99); }

.index-about-us{ margin-top: 50px; }
.about-us-con{ height: 520px; margin-top: 46px; background: url(../images/show.jpg) no-repeat center center; position: relative; }
.playVideo{ position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; transform: translate(0, -50%); cursor: pointer; }
.profile{ width: 525px; padding-top: 98px; }
.profile-tit h4{ font-size: 24px; color: #2f98fb; }
.profile-tit span{ font-size: 10px; color: #4b4c54; display: block; margin-top: 6px; }
.profile-wen{ margin-top: 36px; font-size: 14px; color: #3f4049; line-height: 30px; max-height: 150px; overflow: hidden; }
.profile-wen span{ color: #2f98fb; }
.company{ text-align: right; margin-top: 46px; }
.company h5{ font-weight: normal; font-size: 14px; color: #2f98fb; }
.company span{ font-size: 10px; color: #333; display: block; margin-top: 8px; }


.industry{ margin-top: 76px; }
.industry-con{ margin-top: 46px; }
.industry-con .item{ float: left; width: 30.8%; margin-right: 3.8%; position: relative; }
.industry-con .item:nth-child(3n){ margin-right: 0; }
.industry-con .item .tu{ position: relative; }
.play{ position: absolute; right: 0; bottom: 21px; z-index: 10; }
.eye{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.8); opacity: 0; transition: all ease-in-out .5s; }
.eye img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 8; }
.industry-wen{ margin-left: 20px; background-color: #fff; margin-top: -21px; position: relative; z-index: 2; padding: 18px 20px; }
.industry-wen h4{ font-size: 16px; color: #2f98fb; font-weight: normal; height: 24px; line-height: 24px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.industry-wen p{ font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 12px; }
.industry-wen span{ display: block; font-size: 14px; color: #34353e; margin-top: 14px; }
.industry-wen i{ display: block; width: 50px; height: 2px; background-color: #333; margin-top: 26px; transition: all ease-in-out .5s; }
.industry-con .item:hover .eye{ opacity: 1; }
.industry-con .item:hover .industry-wen i{ width: 100%; background-color: #2f98fb; }


.specimen{ box-sizing: border-box; padding-top: 66px; margin-top: 66px; height: 550px; background: url(../images/bg3_02.jpg) no-repeat center center; }
.specimen .title h4{ color: #fff; }
.specimen .title p{ color: #fff; }
.specimen .title a.more{ color: #fff; }
.specimen-con{ margin-top: 40px; }
.specimen-con .item{ box-sizing: border-box; width: 27%; float: left; margin-right: 9.5%; padding: 15px 17px 84px; background-color: #fff; position: relative; }
.specimen-con .item:nth-child(3n){ margin-right: 0; }
.specimen-wen{ box-sizing: border-box; position: absolute; width: calc(100% - 34px); background-color: #e0e0e0; left: 17px; bottom: 0; padding: 18px 36px; }
.specimen-wen p{ font-size: 16px; color: #4c4c4c; line-height: 22px; height: 22px; overflow: hidden; }
.specimen-wen span{ display: block; font-size: 14px; color: #4c4c4c; margin-top: 14px; }
.specimen-wen i{ display: block; width: 0; height: 2px; background-color: #2f98fb; margin-top: 26px; transition: all ease-in-out .3s; }
.specimen-con .item:hover i{ width: 20px; }


.index-contact-us{ margin-top: 74px; margin-bottom: 96px; }
.contact-us-con{ margin-top: 40px; }
.message{ width: 44.44%; }
.message-tit h4{ font-size: 24px; color: #2f98fb; }
.message-tit span{ font-size: 10px; color: #333; }
.message-tit p{ font-size: 14px; color: #2f98fb; margin-top: 28px; }
.contact-form{ margin-top: 28px; }
.contact-form input{ box-sizing: border-box; height: 42px; border: 1px solid #e9e9e9; width: 47.2%; text-indent: 14px; font-size: 14px; margin-bottom: 16px; float: left; }
.contact-form input:nth-child(2n){ float: right; }
.contact-form textarea{ box-sizing: border-box; width: 100%; border: 1px solid #e9e9e9; padding: 10px 14px; resize: none; height: 122px; font-size: 14px; }
.submit{ display: block; width: 100%; height: 46px; line-height: 46px; background-color: #2f98fb; color: #fff; font-size: 14px; margin-top: 15px; cursor: pointer; transition: all ease-in-out .3s; }
.submit:hover{ background-color: #4ca8ff; }
.contact-way{ width: 44.3%; margin-left: 3.17%; }
.contact-way ul li{ box-sizing: border-box; float: left; width: 50%; line-height: 48px; font-size: 14px; color: #333; padding-left: 24px; }
.contact-way ul li:first-child{ width: 100%; }
.map{ margin-top: 6px; }
.contact-way ul li.icon1{ background: url(../images/icon9_03.jpg) no-repeat left center; }
.contact-way ul li.icon2{ background: url(../images/icon10_03.jpg) no-repeat left center; }
.contact-way ul li.icon3{ background: url(../images/icon11_03.jpg) no-repeat left center; }
.contact-way ul li.icon4{ background: url(../images/icon12_03.jpg) no-repeat left center; }
.contact-way ul li.icon5{ background: url(../images/icon13_03.jpg) no-repeat left center; }


.footer{ padding-top: 56px; background: url(../images/bg4_02.jpg) no-repeat center center; background-size: cover; }

.ewm-container{ width: 20%; text-align: left;}
.phone-num{width: 78%;}
.phone-icon{width: 14%;margin:0 2%;}
.ewm-wrap{  margin-top: 22px;text-align: center;display: flex }
.ewm-wrap p{ font-size: 12px; color: #999; line-height: 32px; }
.ewm-wrap span{display: inline-block; width: 45%;padding: 2.5%}
.ewm-wrap span img{ width: 90%;}

.footer-nav dl{ float: left; min-width: 138px; }
.footer-nav dl dt{ color: #fff; font-size: 18px; margin-bottom: 18px; position: relative; }
.footer-nav dl dt:after{ content: ""; position: absolute; width: 36px; height: 3px; border-radius: 2px; background-color: #029fe2; left: 0; bottom: -12px; }
.footer-nav dl dd{ font-size: 14px; line-height: 40px; }
.footer-nav dl dd a{ color: #949494; transition: all ease-in-out .3s; }
.footer-nav dl:last-child{ width: 346px; }
.footer-nav dl:last-child dd{ float: left; width: 33.33%; }
.footer-nav dl dd:hover a{ color: #fff; }
.copyright{ text-align: center; font-size: 14px; color: #999; line-height: 38px; padding: 10px 0; border-top: 1px solid #4f5156; margin-top: 6px; }
.copyright span{ padding: 0 5px; }


.shadow{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.4); z-index: 98; display: none; }
.video_popup{ position: fixed; width: 900px; height: 500px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; display: none; }
.video_popup b{ position: absolute; width: 26px; right: 0; top: -34px; cursor: pointer; }
.video_hidden{ display: none; }
.video_popup video{ width: 100%; height: 100%; }



.naver{ border-bottom: 1px solid #dfdfdf; }
.naver ul{ text-align: center; }
.naver ul li{ display: inline-block; font-size: 18px; margin: 0 40px; line-height: 80px; }
.naver ul li a{ color: #656565; transition: all ease-in-out .3s; display: block; }
.naver ul li.active{ position: relative; }
.naver ul li.active a{ color: #2f98fb; }
.naver ul li.active:after{ content: ""; position: absolute; width: 40px; height: 2px; background-color: #59adfc; left: 50%; bottom: -1px; margin-left: -20px; }
.naver ul li:hover a{ color: #2f98fb; }

.product-list{ margin-top: 60px; }
.product-list ul li{ float: left; width: 23.75%; margin-right: 1.66%; margin-bottom: 70px; }
.product-list ul li:nth-child(4n){ margin-right: 0; }
.product-pic{ /*padding: 18px;*/ border: 1px solid #e5e5e5; position: relative; overflow: hidden; }
.zx-tel{ position: absolute; width: 100%; left: 0; bottom: 0; height: 36px; line-height: 36px; overflow: hidden; text-align: center; background-color: rgba(0,0,0,.6); font-size: 16px; color: #fff; opacity: 0; transition: all ease-in-out .3s; }
@media (max-width: 768px){
    .zx-tel{font-size: 0.8rem}
}
.product-list ul li p{ text-align: center; font-size: 18px; color: #333; margin-top: 16px; line-height: 24px; height: 24px; overflow: hidden; }
.product-list ul li:hover .zx-tel{ opacity: 1; }
.paging{ margin: 0 0 150px; text-align: center; overflow: hidden; }
.paging div{ display: inline-block; margin: 0 5px; overflow: hidden; }
.paging div a{ float: left; margin: 0 3px; font-size: 14px; color: #666; height: 36px; padding: 0 14px; text-align: center; border: 1px solid #ccc; line-height: 36px; background-color: #fff; }
.paging div a.active{ color: #fff; background-color: #2f98fb; border: 1px solid #2f98fb; }
.paging div a:hover{ color: #fff; background-color: #2f98fb; border: 1px solid #2f98fb; }




.product-detail-tit{ text-align: center; font-size: 20px; color: #333; margin-top: 56px; }
.gallery-top{ width: 538px; height: 538px; border: 1px solid #e6e6e6; margin: 46px auto 0; }
.gallery-thumbs{ margin: 50px auto 0; width: 75%; }
.gallery-thumbs .swiper-slide{ box-sizing: border-box; border: 1px solid #e6e6e6; overflow: hidden; }
.smallImg .swiper-button-next, .smallImg .swiper-button-prev{ width: 19px; height: 32px; }
.smallImg .swiper-button-next{ background: url(../images/right2_03.jpg) no-repeat; right: -52px; }
.smallImg .swiper-button-prev{ background: url(../images/left2_03.jpg) no-repeat; left: -52px; }
.smallImg{ position: relative; width: 75%; margin: 0 auto; }
.gallery-thumbs .swiper-slide-thumb-active{ border: 1px solid #2f98fb; }
.product-detail-con{ margin-bottom: 125px; }
.product-classfiy{ padding-top: 60px; border-top: 1px solid #999; margin-top: 50px; }
.product-classfiy ul{ display: flex; justify-content: space-between;}
.product-classfiy ul li{ width: 118px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #666; font-size: 16px; color: #666; cursor: pointer; }
.product-classfiy ul li.active{ background-color: #2f98fb; border: 1px solid #2f98fb; color: #fff; }
.product-detail-wen{ margin-top: 54px; font-size: 16px; color: #666; line-height: 30px; }
.product-detail-wen p{ margin-top: 14px; }
.product-specimen-list ul li{ float: left; width: 23.75%; margin-right: 1.66%; margin-bottom: 60px; }
.product-specimen-list ul li:nth-child(4n){ margin-right: 0; }
.product-specimen-pic{ border: 1px solid #e6e6e6; padding: 20px 20px 50px; }
.product-specimen-list ul li p{ text-align: center; line-height: 50px; height: 50px; overflow: hidden; background-color: #ededed; font-size: 14px; color: #4c4c4c; margin-top: 0; }
.video{ display: block; width: 834px; margin: 0 auto; }
.download ul li{ float: left; width: 50%; line-height: 38px; height: 38px; font-size: 18px; color: #333; }
.download ul li span{ float: left; padding-right: 15px; height: 38px; overflow: hidden; }
.download ul li a{ color: #333; }

.buy-btn{ background-color: #2f98fb; width: 150px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 18px; border-radius: 3px; margin: 30px auto 0; cursor: pointer; transition: all ease-in-out .3s; }
.buy-btn img{ margin-right: 12px; transform: translateY(-2px); }
.buy-btn a{ color: #fff; display: block; }
.buy-btn:hover{ background-color: #62b2fd; }



.industry-detail-tit{ text-align: center; margin-top: 36px; padding-bottom: 38px; border-bottom: 1px dashed #e6e6e6; }
.industry-detail-tit h4{ font-size: 24px; color: #333; }
.industry-detail-tit p{ font-size: 12px; color: #999; margin-top: 12px; }
.industry-detail-tit p span{ padding: 0 10px; }
.industry-detail-con{ margin-top: 28px; font-size: 16px; color: #666; line-height: 36px; }
.fanye{ border-top: 1px dashed #e6e6e6; margin-top: 50px; padding-top: 22px; margin-bottom: 138px; }
.fanye p{ font-size: 14px; line-height: 30px; }
.fanye p a{ color: #666; transition: all ease-in-out .3s; }
.fanye p:hover a{ color: #62b2fd; }



.industry-list{ margin-top: 30px; }
.industry-list ul{ margin-bottom: 60px; }
.industry-list ul li{ padding: 28px 0; border-bottom: 1px dashed #e6e6e6; overflow: hidden; }
.industry-pic{ width: 230px; }
.industry-wen2{ margin-left: 250px; }
.industry-wen2 h4{ font-size: 18px; color: #333; line-height: 38px; height: 38px; overflow: hidden; transition: all ease-in-out .3s; }
.industry-wen2 .date{ font-size: 14px; color: #b2b2b2; line-height: 32px; }
.industry-wen2 p{ font-size: 16px; color: #808080; line-height: 30px; height: 60px; overflow: hidden; }
.industry-wen2 p span{ color: #2f98fb; }
.industry-list ul li:hover h4{ color: #2f98fb; }



.video-list{ margin-top: 60px; }
.video-list ul li{ float: left; width: 31.66%; margin-right: 2.5%; margin-bottom: 60px; cursor: pointer; }
.video-list ul li:nth-child(3n){ margin-right: 0; }
.video-pic{ position: relative; }
.video-pic span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.video-list ul li h4{ font-size: 18px; color: #333; text-align: center; margin-top: 18px; line-height: 42px; height: 42px; overflow: hidden; transition: all ease-in-out .3s; font-weight: normal; }
.video-list ul li p{ font-size: 14px; color: #868686; line-height: 26px; height: 52px; overflow: hidden; }
.video-list ul li:hover h4{ color: #2f98fb; }


.scheme-list{ margin-top: 34px; }
.scheme-list ul{ margin-bottom: 60px; }
.scheme-list ul li{ line-height: 68px; height: 68px; border-bottom: 1px dashed #e6e6e6; background: url(../images/bg5_03.jpg) no-repeat left center; }
.scheme-list ul li a{ display: block; overflow: hidden; }
.scheme-list ul li p{ float: left; width: 70%; padding-left: 20px; font-size: 18px; color: #333; transition: all ease-in-out .3s;white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }
.scheme-list ul li span{ float: right; font-size: 14px; color: #999; transition: all ease-in-out .3s; }
.scheme-list ul li:hover{ background: url(../images/bg6_03.jpg) no-repeat left center;}
.scheme-list ul li:hover p{ color: #2f98fb; }
.scheme-list ul li:hover span{ color: #2f98fb; }



.introduction{ margin: 54px auto 128px; }
.introduction-wen{ font-size: 16px; color: #666; line-height: 30px; }
.introduction-tu{ margin-top: 50px; }
.introduction-tu ul li{ float: left; width: 31.66%; margin-right: 2.5%; margin-bottom: 24px; }
.introduction-tu ul li:nth-child(3n){ margin-right: 0; }



.honor{ margin-top: 60px; margin-bottom: 150px; }
#certify { position: relative; margin: 0 auto; }
#certify .swiper-container { padding-bottom: 60px; }
#certify .swiper-slide { width: 322px; height: 456px; background: #fff; box-shadow: 0 8px 30px #ddd;}
#certify .swiper-slide img{ display:block;}
#certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0;}
#certify .swiper-pagination { width: 100%; bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff;}
#certify .swiper-button-prev { left: 80px; width: 27px; height: 51px; background: url(../images/left3_03.png) no-repeat; background-size: 100%;}
#certify .swiper-button-next { right: 80px; width: 27px; height: 51px; background: url(../images/left3_03.png) no-repeat; transform: rotateZ(180deg); background-size: 100%;}
.honor-list ul{ margin-bottom: 80px; }
.honor-list ul li{ float: left; width: 23.75%; margin-right: 1.66%; margin-top: 44px; }
.honor-list ul li:nth-child(4n){ margin-right: 0; }
.honor-list ul li p{ text-align: center; font-size: 16px; color: #333; margin-top: 16px; line-height: 24px; height: 24px; overflow: hidden; }



.develop{ margin-bottom: 148px; }
.develop .item{ margin-top: 60px; background-color: #f5f5f5; padding: 20px 32px; overflow: hidden; }
.develop-wen{ width: 60%; }
.develop-wen h4{ font-size: 20px; color: #666; margin-top: 24px; }
.develop-wen ul{ margin-top: 14px; }
.develop-wen ul li{ font-size: 16px; color: #666; line-height: 34px; }



.idea{ margin-top: 48px; margin-bottom: 148px; font-size: 16px; color: #666; line-height: 36px; }



.job{ margin-bottom: 150px; margin-top: 50px; }
.job-con{ margin-bottom: 72px; }
.job-con > h4{ font-size: 18px; color: #666; }
.job-con > h5{ font-weight: normal; font-size: 18px; color: #2f98fb; margin-top: 22px; margin-bottom: 6px; }
.dec{ font-size: 16px; color: #666; line-height: 36px; }



.staff{ margin-bottom: 154px; margin-top: 60px; }
.staff ul li{ float: left; width: 31.66%; margin-right: 2.5%; margin-bottom: 44px; }
.staff ul li:nth-child(3n){ margin-right: 0; }
.staff ul li p{ text-align: center; font-size: 16px; color: #333; margin-top: 14px; line-height: 26px; height: 26px; overflow: hidden; }



.contact-us{ margin-top: 58px; margin-bottom: 152px; }
.contact h4{ font-weight: normal; font-size: 20px; color: #2f98fb; margin: 22px 0 18px; }
.contact p{ font-size: 16px; color: #666; line-height: 30px; }
.contact-map{ margin-top: 50px; }



.appointment{ margin-top: 70px; margin-bottom: 135px; }
.appointment-top{ font-size: 30px; color: #4c4c4c; text-align: center; }
.appointment-con{ width: 640px; margin: 60px auto 0; }
.appointment-con > ul > li{ margin-bottom: 30px; }
.appointment-con > ul > li span{ float: left; width: 112px; font-size: 20px; color: #666; line-height: 60px; position: relative; }
.appointment-con > ul > li span i{ font-style: normal; font-size: 20px; color: #f31c1c; position: absolute; left: -12px; top: 0; }
.apk{ float: left; box-sizing: border-box; width: 520px; height: 60px; border: 1px solid #ccc; border-radius: 3px; position: relative; }
.apk input{ line-height: 58px; height: 58px; padding-left: 18px; width: 500px; }
.apk .xia{ position: absolute; right: 36px; top: 23px; }
.radio-group{ float: left; height: 60px; line-height: 60px; font-size: 20px; color: #666; }
.radio-group .item{ float: left; width: 142px; }
.radio-group .item label{ padding-left: 44px; display: block; background: url(../images/radio1_03.jpg) no-repeat left center;}
.radio-group .item input[type="radio"]{ display: none; }
.radio-group .item input[type="radio"]:checked + label{ background: url(../images/radio2_03.jpg) no-repeat left center;}
.yzm{ width: 258px; }
.yzm input{ width: 238px; }
.code{ float: left; margin-left: 55px; }
.form-btn{ margin: 50px auto 0; display: block; height: 60px; background-color: #2f98fb; border-radius: 4px; color: #fff; font-size: 20px; width: 160px; cursor: pointer; transition: all ease-in-out .3s; }
.form-btn:hover{ background-color: #55adff; }
.gy-list{ position: absolute; width: 100%;padding-bottom: 30px; border: 1px solid #ccc; left: 0; top: 64px; background-color: #fff; z-index: 20; display: none; }
.gy-list ul{ margin-left: 90px; }
.gy-list ul li{ float: left; font-size: 18px; color: #666; margin-right: 66px; margin-top: 30px; line-height: 20px; cursor: pointer; }
.gy-list ul li i{ display: inline-block; background: url(../images/check1_03.jpg) no-repeat; width: 20px; height: 20px; margin-right: 8px; transform: translateY(4px); }
.gy-list ul li.active i{ background: url(../images/check2_03.jpg) no-repeat; }
.lucency{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 19; display: none; }


.suspension{ position: fixed; right: 1px; bottom: 45px; z-index: 99; }

@media screen and ( max-width: 1000px ){
    .industry_video_popup{ width: 94%; height: 400px; }
    .ewm-container{ width: 100%; }
}
@media screen and ( max-width: 640px ){
    .industry_video_popup{ height: 320px; }
}
@media screen and ( max-width: 480px ){
    .industry_video_popup{ height: 240px; }
}
.nav{position: relative;}
.product-nav-list{background: #fff;height: 0;overflow: hidden; opacity: 0;position: absolute;top: 100% !important;color: #999;z-index: 9}
.product-nav-list dd{ display:block; padding: 10px 30px;  text-align: center}


.nav-fixed{position: fixed;top:0;z-index:1000;width: 100%;}