@charset "UTF-8";
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body{color: #333333;font-size:14px;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;overflow-x:hidden;margin:0; padding:0;background-color: #fff;}
input,select,textarea {font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;border-radius: 0;outline: none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;color: #333333;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
/* .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} */
.pic {position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
/* .img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;} */
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #666666;}
::-webkit-scrollbar-button{height:0; width:5px;background: #666666;}
::-webkit-scrollbar-thumb{background-color:#fdd000;box-shadow:inset 1px 1px 0 #fdd000,inset 0 -1px 0 #fdd000;}

/* 通用 */
.container-outer{width: 84%;margin: auto;position: relative;height: 100%;}
.container{margin: auto;min-height: 1px;width: 100%;max-width: 1400px;}
.column{position: absolute;bottom: 0;left: 0;font-size: 14px;letter-spacing: 1px;line-height: 33px;text-align: center;background-color: #404040;color: #FFFFFF;z-index: 10;padding: 0 3% 0 5%;}
.column::after{content: '';width: 31px;height: 33px;position: absolute;right: -30px;top: 0;background: url('img/sanjiao.svg') no-repeat;}
.ty-more {font-size: 0;display: inline-block;position: relative;}
.ty-more a {display: block;border: 1px solid #ccc;padding: 15px 30px;}
.ty-more span{color: #333333;font-size: 16px;line-height: 16px;display: inline-block;margin-right: 10px;z-index: 3;position: relative;}
.ty-more i{width: 9px;height: 12px;display: inline-block;background: url("../images/more_h.png");background-size:100% 100%;position: relative;z-index: 3;/*opacity: .5;*/}
.ty-more a::before {content: '';display: block;width:5px;height: 100%;position: absolute;left: 0;top: 0;background: #FDD000;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.ty-more a:hover::before{width: 100%;}
.ty-more a:hover span {color: #FFFFFF;}
.ty-more a:hover i{background: url("../images/more_b.png");background-size:100% 100%;opacity: 1;}

/* 头部 */
/* .header{position: fixed; top: 0; width: 100%; z-index: 99;} */
.header *{transition:all .4s ease;}
.header .header-content{width:94%;height: 90px;margin: auto;position: relative;z-index: 500;}
.header .header-content .header-logo{width:10%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header .header-content .header-logo a{display: block;}
.header .header-content .header-logo img{display: block;width: auto;height: auto;max-width: 100%;}
.header .header-content .header-logo img.logo1{display: block}
.header .header-content .header-logo img.logo2{display: none}
.header .header-nav,.header .header-nav ul,.header .header-nav ul li,.header .header-nav ul li a{margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .header-nav{display: flex; float: left; margin-left: 15%;}
.header .header-nav #menu-toggle{display: none;}
.header .header-nav > ul > li{list-style: none;padding: 0;display: inline-block;vertical-align: middle;margin: 0 20px;position: relative;}
.header .header-nav > ul > li > a::after{content: '';display: block;width:0px;height:2px;position: absolute;left: 0;bottom: 25%; background: #FDD000;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .header-nav > ul > li.cur a::after{width: 100%}
.header .header-nav > ul > li.cur > a{color: #FDD000;}
.header .header-nav > ul > li > a{color: #fff; line-height: 90px; position: relative; z-index: 10; font-size: 18px;}
.header .header-nav ul ul{position: absolute; left: -9999px; -webkit-box-shadow:9px 11px 29px rgba(125,138,152,0.15); -ms-box-shadow:9px 11px 29px rgba(125,138,152,0.15); -moz-box-shadow:9px 11px 29px rgba(125,138,152,0.15); box-shadow:9px 11px 29px rgba(125,138,152,0.15);}
.header .header-nav li:hover > ul{left: auto;}
.header .header-nav ul ul ul{margin-left: 100%; top: 10px;}
.header .header-nav ul ul li{height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease;}
.header .header-nav ul li:hover > ul > li{height: 46px;}
.header .header-nav ul ul li a{padding: 16px; width: 180px; height: 46px; font-size: 14px; background: #ffffff; text-decoration: none; color: #333333; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;}
.header .header-nav ul ul li:hover > a,
.header .header-nav ul ul li a:hover{background:#fdd000;color:#333333}
.header .header-nav ul ul li.has-sub > a::before{position:absolute; top:19px; right:20px; display:block; width:2px; height:8px; background:#333333; content:''; -webkit-transition:all .25s ease; -ms-transition:all .25s ease; transition:all .25s ease}
.header .header-nav ul ul li.has-sub > a::after{position:absolute; top:22px; right:17px; width:8px; height:2px; display:block; background:#333333; content:""}
.header .header-nav ul ul li.has-sub:hover > a::after{visibility:visible; opacity:1}
.header .header-nav ul ul li.has-sub:hover > a::before{visibility:hidden; opacity:0}
.header .header-nav ul ul li.has-sub:hover > a::after{border-color: #ffffff;}
.header .header-search{display: flex; align-items: center; float: right; margin-left: 30px; margin-top: 21px;}
.header .header-search a{text-align: center;position: relative;display: block;line-height: 48px;}
.header .header-search i{width: 18px;height: 18px;}
.header .header-search i img{display: block;max-width: 100%;}
.header .header-search span{color: #fff;margin-left: 7px;}
.header .header-search i,.header .header-search span{display: inline-block;vertical-align: middle;position: relative;z-index: 11;}
.header .header-search .search{margin-left: 5px;}
.header .header-search .search a{width: 60px;height: 48px;}
.header .header-search .search a::after{content: '';width: 60px;height: 48px;border: 1px solid #fff;position: absolute;left: 0;top: 0;opacity: .3;transform:skewX(340deg);z-index: 1;}
.header .header-search .search a:hover::after{background:#fdd000;border: 1px solid #fdd000;opacity: 1;}
.header .header-search .search a:hover i{filter: invert(100%);}
.header .header-search .search a:hover span{color: #333333;}
.detail .header{background: #fff;border-bottom: 1px solid #e6e6e6;}
.detail .header .header-logo img.logo1{display: none}
.detail .header .header-logo img.logo2{display: block}
.detail .header .header-nav > ul > li > a{color: #333333;}
.detail .header .header-nav > ul > li.cur > a{color: #FDD000;}
.detail .header .header-nav > ul > li > a:hover{color: #FDD000;}
.detail .header .header-nav > ul > li > a:hover::after{width: 100%;}
.detail .header .header-search i img{filter: invert(100%);}
.detail .header .header-search a:hover i img{filter: invert(0);}
.detail .header .header-search a::after{border: 1px solid #e6e6e6;opacity: 1;}
.detail .header .header-search a:hover::after{border: 1px solid #fdd000;opacity: 1;}
.detail .header .header-search span{color: #333333;}
.no-touch .header,.header.scroll-top,.header.scroll-top{background: #fff;border-bottom: 1px solid #e6e6e6;}
.header.scroll-down{top:-100px}
.header.scroll-top .header-logo img.logo1,.header.scroll-top .header-logo img.logo1{display: none}
.header.scroll-top .header-logo img.logo2,.header.scroll-top .header-logo img.logo2{display: block}
.header.scroll-top .header-nav > ul > li > a{color: #333333;}
.header.scroll-top .header-nav > ul > li.cur > a{color: #FDD000;}
.header.scroll-top .header-nav > ul > li > a:hover{color: #FDD000;}
.header.scroll-top .header-search i img,.header.scroll-top .header-search i img{filter: invert(100%);}
.header.scroll-top .header-search a:hover i img,.header.scroll-top .header-search a:hover i img{filter: invert(0);}
.header.scroll-top .header-search a::after,.header.scroll-top .header-search a::after{border: 1px solid #e6e6e6;opacity: 1;}
.header.scroll-top .header-search a:hover::after,.header.scroll-top .header-search a:hover::after{border: 1px solid #fdd000;opacity: 1;}
.header.scroll-top .header-search span,.header.scroll-top .header-search span{color: #333333;}
.header .search-show {position: absolute;left: 50%;top:-50%;width: 30%;transform: translate(-50%,-50%);z-index: 511;transition:all .4s ease;}
.header .search-show-content {position: relative;}
.header .search-show-top {position: relative;overflow: hidden;}
.header .search-show-top .search-submit{position: absolute;left: 0;top: 50%;width: 50px;height: 50px;background: url('../images/so.svg') left center no-repeat;background-size: 18px;margin-top: -25px;border: none;z-index: 11;cursor: pointer;filter: invert(100%);}
.header .search-show-top .search-submit:hover {opacity: .5;}
.header .search-show-top .search-input{font-size:18px;padding: 0 5%;width: 100%;box-sizing: border-box;background: none;border: none;border-bottom: 1px solid #333333;height:50px;display: block;}
.header .search-show-top .close {position: absolute;width: 50px;height: 50px;right: -20px;top: 50%;margin-top: -25px;z-index: 11;cursor: pointer;transition:all .4s ease;transform: rotate(45deg);}
.header .search-show-top .close::after {content: '';width: 12px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #333333;}
.header .search-show-top .close::before {content: '';width: 2px;height: 12px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #333333;}
.header .search-show-top .close:hover {transform: rotate(315deg);}
.header.searchshow .search-show {top: 50%;}
.header.searchshow .header-nav {opacity: 0;transform: translateY(-100%);}

/* 首页Banner */
.index-banner-swiper .index-banner-item .img .mpic{display: none;}
.index-banner-swiper{width: 100%;height: 100%;position: relative;}
.index-banner-swiper .index-banner-item{position: relative;overflow: hidden;}
.index-banner-swiper .swiper-slide-active .img .pic,.index-banner-swiper .swiper-slide-active .img .mpic{animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .index-banner-item .text{width: 60%;left: 9%;top: 50%;z-index: 51;color: #fff;position: absolute;transform: translateY(-50%);}
.index-banner-swiper .index-banner-item .big div{font-size:48px;padding-bottom: 15px;font-weight: bold;color: #ffffff;}
.index-banner-swiper .index-banner-item .small div{font-size:24px;line-height: 38px;color: #ffffff;overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.index-banner-swiper .swiper-button{position: absolute;right: 3%;bottom: 5%;z-index: 11;}
.index-banner-swiper .swiper-button .swiper-button-prev,.index-banner-swiper .swiper-button .swiper-button-next{width: 70px;height: 65px;display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin:0px 5px;outline: none;}
.index-banner-swiper .swiper-button .swiper-button-prev::before ,.index-banner-swiper .swiper-button .swiper-button-next::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;transform:skewX(340deg);z-index: 1;background: #fff;}
.index-banner-swiper .swiper-button .swiper-button-prev::after ,.index-banner-swiper .swiper-button .swiper-button-next::after{font-size: 16px;font-weight:900;z-index: 11;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;}
.index-banner-swiper .swiper-button .swiper-button-prev{margin-top: 20px;}
.index-banner-swiper .swiper-button .swiper-button-prev:hover::before{background: #ededed;}
.index-banner-swiper .swiper-button .swiper-button-next::before{background: #fdd000;}
.index-banner-swiper .swiper-button .swiper-button-next:hover::before{background: #e6ac00;}
.index-banner-swiper .banner-pagination{bottom: 2%;left: 0;z-index: 11;color: #fff;width: 100px;text-align: right;}
.index-banner-swiper .banner-pagination span{display: block;padding: 15px 0;position: relative;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current{font-size: 40px;padding-right: 20%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-total{font-size: 20px;padding-right: 40%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-current::after{content: '';width: 100%;height: 1px;background: #fff;opacity: .3;position: absolute;bottom:0;left: 0;}
.index-banner-swiper .index-banner-item .more-group{display: flex;align-items: center;margin: 4% 0;}
.index-banner-swiper .index-banner-item .ty-more a{border: 1px solid rgba(255,255,255,.3);}
.index-banner-swiper .index-banner-item .ty-more span{color: #FFFFFF;}
.index-banner-swiper .index-banner-item .ty-more i{background: url("../images/more_b.png");background-size:100% 100%;}
.index-banner-swiper .index-banner-item .ty-more a:hover span {color: #333333;}
.index-banner-swiper .index-banner-item .ty-more a:hover i{background: url("../images/more_h.png");background-size:100% 100%;opacity: 1;}
.index-banner-swiper .index-banner-item .play {display: inline-block;margin-left: 10px;}
.index-banner-swiper .index-banner-item .play a{display: block;overflow: hidden;/*background: #FFFFFF;*/border: 1px solid rgba(255,255,255,.3);padding: 15px 20px;font-size: 0;}
.index-banner-swiper .index-banner-item .play i{width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/play.png") center no-repeat;background-size: 100%; }
.index-banner-swiper .index-banner-item .play span{font-size: 14px;color: #FFFFFF;display: inline-block;vertical-align: middle;}
.index-banner-swiper .index-banner-item .play a:hover {background: #FDD000;border: 1px solid rgba(255,255,255,.3);}
.index-banner-swiper .index-banner-item .play a:hover i{filter: invert(100%);}
.index-banner-swiper .index-banner-item .play a:hover span{color: #333333;}
.index-banner-swiper .index-banner-item .img{position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background: #202020;}
.index-banner-swiper .index-banner-item .img img,.index-banner-swiper .index-banner-item .pic img,.index-banner-swiper .index-banner-item .mpic img{max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.index-banner-swiper .index-banner-item .img .pic,.index-banner-swiper .index-banner-item .img .mpic{position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}

/* 底部 */
.footer {position: relative;clear: both; overflow: hidden;background: #404040;}
.footer a {color: #fff;}
.footer a:hover {color: #FDD000;}
.footer .footer-content-top {position: relative;padding: 70px 0;line-height: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer .footer-content-top .footer-item {float: left;width: 28%;}
.footer .footer-content-top .footer-item:last-child {margin-right: 0;}
.footer .footer-content-top .footer-item-top {border-bottom: 2px solid rgba(255,255,255,0.1);padding: 20px 0;}
.footer .footer-content-top .footer-logo {width: 180px;height: 42px;position: relative;line-height: normal;}
.footer .footer-content-top .footer-logo a {width: 100%;display: inline-block;line-height: normal;font-size: 0;}
.footer .footer-content-top .footer-item-bottom {padding-top: 30px;}
.footer .footer-content-top .footer-social a img{max-width: 46%;max-height: 46%;z-index: 11;}
.footer .footer-content-top .footer-contact li,.footer .footer-content-top .footer-social li {list-style: none;margin: 0;padding: 0;}
.footer .footer-content-top .footer-contact li {display: block;}
.footer .footer-content-top .footer-contact span {font-size:18px;color: #d0d0d0;}
.footer .footer-content-top .footer-contact span.font{font-size: 32px;color: #FFFFFF;}
.footer .footer-content-top .footer-social {margin-top: 10px;}
.footer .footer-content-top .footer-social li {position: relative;margin-right: 10px;}
.footer .footer-content-top .footer-social li a{position: relative;width: 50px;height: 50px;border: 2px solid rgba(255,255,255,.2);border-radius: 100%;cursor: pointer;display: block;}
.footer .footer-content-top .footer-social li a:hover {background: #FDD000;border: 2px solid #FDD000;}
.footer .footer-content-top .footer-social li a:hover img {filter: invert(100%);}
.footer .footer-content-top .footer-link {font-size:24px;color: #ffffff;line-height: 42px;font-weight: bold;display: block;}
.footer .footer-content-top .footer-nav {display: flex;flex-wrap: wrap;}
.footer .footer-content-top .footer-nav a {font-size:18px;width: 33.33%;display: inline-block;}
.footer .footer-content-bottom {border-top: 1px solid rgba(255,255,255,0.1);padding: 30px 0;overflow: hidden;position: relative;}
.footer .footer-content-bottom .footer-copy {font-size:14px;color: #d0d0d0;}
.footer .footer-content-bottom .footer-copy a {color: #d0d0d0;margin-left: 5px;}
.footer .footer-content-bottom .footer-copy a:hover{color: #FDD000;}
.footer .footer-content-bottom .footer-beian a,.footer .footer-content-bottom .footer-beian i,.footer .footer-content-bottom .footer-beian span,.footer .footer-content-top .footer-social li,.footer .footer-content-top .footer-contact span {display: inline-block;vertical-align: middle;}
.footer .footer-content-bottom .footer-beian {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer .footer-content-bottom .footer-beian i {width: 20px;height: 20px;position: relative;margin-right: 5px;}
.footer .footer-content-bottom .footer-beian span {font-size:14px;color: #d0d0d0;}
.footer .footer-content-bottom .footer-beian span:hover {color: #FDD000;}
.footer .footer-content-top .footer-img-show {width: 120px;height: 120px;position: absolute;left: 50%;top: 100%;z-index: 11;background: #fff;padding: 5px;display: none;margin-left: -60px;}
.footer .footer-content-top .footer-img-show img {max-width: 100%;display: block;}
.footer .footer-content-top .footer-social li:hover .footer-img-show {display: block;}

/* 客户留言 */
.message-bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);display: none;z-index: 999;}
.message-bg .message-wrapper{position: absolute;width: 35%;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;}
.message-bg .message-box{background-color: #fff;position: relative;padding: 60px 60px 70px;}
.message-bg .message-box .message-title{font-weight: bold;}
.message-bg .message-box .message-title h5{font-size: 20px;}
.message-bg .message-box .message-list{margin-top: 25px;}
.message-bg .message-box .message-text{margin-bottom: 12px;position: relative;width: 100%;height: 50px;background-color: #f8f8fa;}
.message-bg .message-box .message-text::after{content: "*";color: #FDD000;font-size: 16px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.message-bg .message-box .message-text.on::after{display: none;}
.message-bg .message-box .message-text input{width: 100%;height: 100%;padding: 0 20px;font-size: 14px;color: #666;background-color: #f8f8fa;}
.message-bg .message-box .message-text.ht{padding: 20px;height: 120px;background-color: #f8f8fa;}
.message-bg .message-box .message-text textarea{width: 100%;font-size: 14px;color: #999999;background-color: #f8f8fa;line-height: 2;height: 100%;resize: none;}
.message-bg .message-box .verify-group .message-text{width: calc(100% - 160px);padding-right: 15px;margin-bottom: 16px;}
.message-bg .message-box .verify-group .message-text.left{float: left;}
.message-bg .message-box .verify-group .verify-img{width: 160px;}
.message-bg .message-box .verify-group .verify-img.right{float: right;}
.message-bg .message-box .message-submit{width: 180px;background-color: #FDD000;transition: all .36s;cursor: pointer;position: relative;}
.message-bg .message-box .message-submit.left{float: left;}
.message-bg .message-box .message-submit p{color: #FFFFFF;font-size: 16px;line-height: 50px;text-align: center;position: relative;z-index: 20;}
.message-bg .message-box .message-submit:hover{background-color: #404040;}
.message-bg .message-box .message-submit-text{padding-left: 35px;position: relative;top: 9px;}
.message-bg .message-box .message-submit-text.left{float: left;}
.message-bg .message-box .message-submit-text p{font-size: 16px;color: #999999;line-height: 2;}
.message-bg .message-wrapper .message-close{position: absolute;width: 112px;height: 112px;border-radius: 50%;background: #ebebeb;top: -56px;right: -56px;cursor: pointer;transition: all .36s;}
.message-bg .message-wrapper .message-close img{width: 13px;position: absolute;bottom: 28px;left: 28px;transition: all .36s;}
.message-bg .message-wrapper .message-close .img1{opacity: 1;}
.message-bg .message-wrapper .message-close .img2{opacity: 0;}
.message-bg .message-wrapper .message-close:hover{background-color: #FDD000;}
.message-bg .message-wrapper .message-close:hover .img1{opacity: 0;}
.message-bg .message-wrapper .message-close:hover .img2{opacity: 1;}

/* 首页推荐产品 */
.index-mod-top{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 40px;}
.index-mod-top .index-mod-title{position: relative;text-align: left;}
.index-mod-top .index-mod-title h3{font-size:30px;font-weight: bold;}
.index-mod-top .index-mod-title h5{font-size:16px;line-height: 26px;color: #999999;font-weight: bold;text-transform: uppercase;opacity: .6;}
.index-mod-top .index-mod-title i{display: block;margin: 10px 0;width: 60px;height: 4px;background: url("img/tline.svg");}

.index-product {padding: 80px 0;}
.index-product .bottom {display:flex;justify-content:space-between;}
.index-product .bottom .items.left {width:32.5%;}
.index-product .bottom .items.left .title {bottom:4.2%;}
.index-product .bottom .items {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;transition:all 0.6s;}
.index-product .bottom .items img {width:100%;opacity:0;}
.index-product .bottom .right {width:67.5%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.index-product .bottom .right .items {width:calc((100% - 20px) / 2);margin-left:10px;margin-bottom:10px;}
/* .index-product .bottom .right .items:nth-of-type(3) {margin-bottom:0;} */
.index-product .bottom .right .items:nth-of-type(3) {margin-bottom:0;margin-top:5%;}
/* .index-product .bottom .right .items:nth-of-type(4) {margin-bottom:0;} */
.index-product .bottom .right .items:nth-of-type(4) {margin-bottom:0;margin-top:5%;}
.index-product .bottom .title {position:absolute;left:5%;bottom:8%;width:90%;z-index:50;color:#fff;}
.index-product .bottom .title h3 {font-size:20px;font-weight:bold;margin:0;}
.index-product .bottom .text {position:absolute;left:5%;width:90%;text-align:center;top:50%;transform:translateY(-50%);color:#fff;z-index:11;opacity:0;}
.index-product .bottom .text h3 {font-size:20px;font-weight:bold;}
.index-product .bottom .text p {font-size:16px;line-height:1.5;padding-top:5px;}
/* .index-product .bottom a.pic::before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:6;background:#000;opacity:0;transition:all .4s ease;} */
.index-product .bottom a.pic::before {content:'';width:100%;position:absolute;left:0;top:0;z-index:6;background:#000;opacity:0;transition:all .4s ease;}
.index-product .bottom a:hover .text {opacity:1;}
.index-product .bottom a:hover.pic::before {opacity:.5;}
.index-product .bottom a:hover .title {display:none;}

/* 首页公司简介 */
.index-about{padding: 80px 0;background: url(../images/company_bg.jpg) center no-repeat;background-size: cover;overflow: hidden;}
.index-about .index-about-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 0;padding: 0;list-style: none;}
.index-about .index-about-wrapper .index-about-left{width: 50%;display: block;flex-wrap: wrap;justify-content: flex-start;align-items: center;padding-right: 70px;}
.index-about .index-about-wrapper .index-about-right{width: 50%;display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.index-about .index-about-left .index-mod-top{padding-bottom:0px;}
.index-about .index-about-left .index-about-title{border-bottom: 1px solid #dddddd;padding-bottom: 10px;}
.index-about .index-about-left p.cn{font-size:30px;font-weight: bold;}
.index-about .index-about-left p.en{font-size:16px;color: #999999;font-weight: bold;text-transform: uppercase;opacity: .6;}
.index-about .index-about-left .index-about-msg{margin: 40px 0 40px;}
.index-about .index-about-left .index-about-msg p{font-size:16px;color: #555;line-height: 30px;text-align: justify;}
.index-about .index-about-left .index-about-msg p > span{font-size:18px;font-weight: bold;margin-right: 5px;}
.index-about .index-about-left .index-about-number{display: flex;margin-bottom: 40px;}
.index-about .index-about-left .index-about-number li{margin-right: 13.75%;}
.index-about .index-about-left .index-about-number li:last-child{margin-right: 0;}
.index-about .index-about-left .index-about-number p{font-size:16px;margin-bottom: 5px;color: #555;}
.index-about .index-about-left .index-about-number p:last-child{margin-bottom: 0;}
.index-about .index-about-left .index-about-number p > strong{font-size:40px;color: #FDD000;font-weight: bold;}
.index-about .index-about-left .index-about-number p > span{font-size:18px;margin-left: 5px;}
.index-about .index-about-left .ty.more{display: block;}

/* 首页解决方案 */
.index-cases {padding:80px 0;overflow:hidden;}
.index-cases .index-cases-item {float:left;width:calc((100% - 20px) / 3);height:428px;margin-right:10px;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.index-cases .index-cases-item:last-child{margin-right: 0;}
.index-cases .index-cases-item a:hover .item-box {box-shadow:0 2px 16px 0 rgba(66,123,255,0.2);}
.index-cases .index-cases-item a:hover .item-box .img .pic {transform:scale(1.1);}
.index-cases .index-cases-item a:hover .item-box .text-box .title {height:190px;background-color:#FFFFFF;}
.index-cases .index-cases-item a:hover .item-box .text-box .title h3 {margin-bottom:16px;color:#FDD000;}
.index-cases .index-cases-item a:hover .item-box .text-box .title h5 {opacity:1;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:48px;}
.index-cases .index-cases-item a:hover .item-box .wl .line {width:100%;}
.index-cases .index-cases-item a .item-box {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:100%;}
.index-cases .index-cases-item a .item-box .text-box {position:absolute;bottom:0;z-index:11;}
.index-cases .index-cases-item a .item-box .text-box .title {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;width:100%;height:130px;padding:5% 5% 5% 5%;box-sizing:border-box;}
.index-cases .index-cases-item a .item-box .text-box .title h3 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display:block;font-size:18px;font-weight:bold;color:#333333;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:28px;line-height:28px;}
.index-cases .index-cases-item a .item-box .text-box .title h5 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;color:#666;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:0;line-height:24px;opacity:0;}
.index-cases .index-cases-item a .item-box .text-box .title .more {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;opacity:.8;max-width:100%;height:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:inline-block;line-height:20px;position:absolute;bottom:30px;}
.index-cases .index-cases-item a .item-box .text-box .title .more i {width:12px;height:12px;position:absolute;background:url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top:4px;margin-left:3px;}
.index-cases .index-cases-item a .item-box .wl {position:absolute;bottom:-2px;height:2px;width:100%;}
.index-cases .index-cases-item a .item-box .wl .line {width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:2px;background-color:#FDD000;}

/* 首页合作伙伴 */
.index-partner {padding:80px 0;overflow:hidden;background:url(../images/in_partner_bg.jpg) center top no-repeat;background-size:cover;}
.index-partner .index-partner-item {float:left;width:calc((100% - 50px) / 6);margin-top:10px;margin-right:10px;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.index-partner .index-partner-item:nth-child(-n + 6) {margin-top:0;}
.index-partner .index-partner-item:nth-child(6n) {margin-right:0;}
.index-partner .index-partner-item a {display:block;text-align:center;background:#FFFFFF;padding:5% 0;overflow:hidden;position:relative;}
.index-partner .index-partner-item a::before {content:'';width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:3px;position:absolute;left:0;bottom:0;background:#FDD000;}
.index-partner .index-partner-item .logo {position:relative;margin:auto;height:70px;}
.index-partner .index-partner-item .logo img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.index-partner .index-partner-item .title {opacity:.6;margin-top:5%;color:#333333;}
.index-partner .index-partner-item a:hover {background:#fff;}
.index-partner .index-partner-item a:hover .title {opacity:1;color:#26334d;}
.index-partner .index-partner-item a:hover .logo img {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}
.index-partner .index-partner-item a:hover::before {width:100%;}

/* 首页新闻中心 */
.index-news{padding:80px 0;background-color: #EFEFEF;overflow: hidden;}
.index-news .index-news-list{overflow: hidden;}
.index-news .index-news-item {float:left;width:calc((100% - 20px) / 3);margin-right:10px;position:relative;}
.index-news .index-news-item:last-child{margin-right: 0;}
.index-news .index-news-item a {display: block;overflow: hidden;position: relative;background-color: #FFFFFF;}
.index-news .index-news-item a:hover .img .pic {transform: scale(1.1);}
.index-news .index-news-item .index-news-text{padding:5% 5% 5% 5%;color: #333333;overflow: hidden;}
.index-news .index-news-item .index-news-text h3{font-size: 18px;font-weight:bold;margin:0;padding-bottom:15px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-news .index-news-item .index-news-text h3::before,.index-news .index-news-item .index-news-text h3::after {content: '';display: block;background: #e8e8e8;position: absolute;left: 0;bottom: 0;height: 2px;}
.index-news .index-news-item .index-news-text h3::before {width: 100px;background: #FDD000;z-index: 3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.index-news .index-news-item .index-news-text h3::after {width: 100%;}
.index-news .index-news-item .index-news-text h5{font-size: 14px;line-height: 24px; font-weight: normal;opacity: .6;margin:0;padding-top:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;}
.index-news .index-news-item .index-news-text .bottom{overflow: hidden;}
.index-news .index-news-item .index-news-text .bottom h5{font-size: 14px;line-height: 20px;}
.index-news .index-news-item .index-news-text .bottom .left{float: left;}
.index-news .index-news-item .index-news-text .bottom .left i{width: 12px;height: 12px;position: absolute;background: url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top: 4px;margin-left: 3px;}
.index-news .index-news-item .index-news-text .bottom .right{float: right;}
.index-news .index-news-item a:hover .index-news-text h3::before{width: 100%;}
.index-news .index-news-item a:hover .index-news-text h3 {color: #FDD000;}

/* 分页 */
ul.pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;padding-bottom: 50px;}
.pagination li{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;margin:0px 3px;border: 1px solid #e5e5e5;transition:all 0.3s ease;}
.pagination li a{display:block;width:40px;height:40px;}
.pagination li.active, .pagination li:hover{color:#ffffff;background-color:#FDD000;border-color:#FDD000;}

/* 栏目Banner */
.col-banner {position: relative;overflow: hidden;}
.col-banner .img{width: 100%;}
.col-banner .pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;animation: srmgani 4000ms 1 ease forwards;}
.col-banner .pic img{max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.col-banner .text {position: absolute;left: 10%;bottom: 0;top:50%;width: 80%;z-index: 11;}
.col-banner .title {color: #fff;position: relative;z-index: 11;}
.col-banner .title h3{font-size: 40px;font-weight: bold;}
.col-banner .title i{    display: block;    margin: 20px 0;    width: 79px;    height: 4px;    background: url("img/tline.svg");}
.banner-path {position: absolute;width: 100%;height: 60px;bottom: 0;z-index: 12;background: rgba(255,255,255,0.1);backdrop-filter: blur(1px);}
.banner-path .icon {width: 70px;height: 100%;background: #FDD000;display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 0;}
.banner-path .icon img {max-width: 40%;max-height: 40%;}
.banner-path .link {left: 100px;top: 50%;transform: translateY(-50%);position: absolute;}
.banner-path .link a {font-weight: bold;color: #848692;font-size: 16px;}
.banner-path .link a:hover {color: #FDD000;}
.banner-path .link a.cur {color: #fff;}
.banner-path .link span {font-weight: bold;color: #848692;font-size: 16px;padding: 0 5px;}

/* 产品列表 */
.product-list {padding:80px 0;overflow:hidden;}
.product-list .left {float:left;width:260px;padding-bottom:60px;background-color:#fff;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.product-list .left h3 {height:60px;line-height:60px;background-color:#999999;width:100%;padding:0 30px;font-size:20px;color:#fff;position:relative;}
.product-list .left ul li h4 {height:42px;line-height:42px;font-size:16px;padding:0 30px 0 45px;position:relative;cursor:pointer;overflow:hidden;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li h4 a {color:#333333;font-size:16px;}
.product-list .left ul li h4::before {content:'';position:absolute;top:0;bottom:0;left:30px;margin:auto;width:3px;height:15px;background-color:#e5e5e5;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li h4::after {content:'';border:4px solid transparent;border-top:4px solid #888;border-bottom:none;position:absolute;width:0;height:0;right:30px;top:0;bottom:0;margin:auto;-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg);-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li.active h4 a,.product-list .left ul li h4:hover a {color:#FDD000;}
.product-list .left ul li.active h4::before,.product-list .left ul li h4:hover::before {background-color:#FDD000;}
.product-list .left ul li.active h4::after,.product-list .left ul li h4:hover::after {border-top-color:#FDD000;}
.product-list .left ul li.active h4::after {-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-ms-transform:rotateZ(0);-o-transform:rotateZ(0);transform:rotateZ(0);}
.product-list .left ul li .pro-second {display:none;padding:0 0 24px 15px;margin:0 30px;border-bottom:1px solid #e5e5e5;}
.product-list .left ul li .pro-second h6 {line-height:30px;height:30px;}
.product-list .left ul li .pro-second .pro-third {line-height:30px;height:30px;margin:0 20px;}
.product-list .left ul li .pro-second h6 a,.product-list .left ul li .pro-second .pro-third a {font-size:14px;color:#999999;font-weight: normal;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;position:relative;display:block;padding-left:12px;}
.product-list .left ul li .pro-second h6 a::before,.product-list .left ul li .pro-second .pro-third a::before {content:'';width:8px;height:2px;background:#666;position:absolute;top:0;bottom:0;left:0;margin:auto;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.product-list .left ul li .pro-second h6.active a,.product-list .left ul li .pro-second h6 a:hover,.product-list .left ul li .pro-second .pro-third.active a,.product-list .left ul li .pro-second .pro-third a:hover {color:#FDD000;}
.product-list .left ul li .pro-second h6.active a::before,.product-list .left ul li .pro-second h6 a:hover::before,.product-list .left ul li .pro-second .pro-third.active a::before,.product-list .left ul li .pro-second .pro-third a:hover::before {background:#FDD000;}
.product-list .right {float:left;width:calc(100% - 280px);margin-left:20px;}
/* .product-list .right a{position: relative;display: block;overflow: hidden;float: left;width:calc((100% - 20px) / 3);margin-right: 10px;margin-top: 10px;} */
.product-list .right a{position: relative;display: block;float: left;width:calc((100% - 20px) / 3);margin-right: 10px;margin-top: 50px;}
.product-list .right a:nth-child(-n + 3) {margin-top:0;}
.product-list .right a:nth-child(3n) {margin-right:0;}
.product-list .right .title {position: absolute;left: 5%;bottom: 8%;width: 90%;z-index: 50;color:#fff;}
.product-list .right .title h3{font-size: 18px;margin: 0;}
.product-list .right .text {position:absolute;left:5%;width:90%;text-align:center;top:50%;transform:translateY(-50%);color:#fff;z-index:11;opacity:0;}
.product-list .right .text h3 {font-size:18px;font-weight:bold;}
.product-list .right .text p {font-size:14px;line-height:1.5;padding-top:5px;}
.product-list .right a .img::before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:6;background:#000;opacity:0;transition:all .4s ease;}
.product-list .right a:hover .text {opacity:1;}
.product-list .right a:hover .img::before {opacity:.5;}
.product-list .right a:hover .title {display:none;}

/* 产品详情 */
.product-detail {padding: 80px 0;}
.product-detail .product-top {overflow: hidden;position: relative;}
.product-top .product-pic {position: relative;width: 48%;float: left;border: 1px solid #ebebeb;}
.product-top .product-pic .swiper-slide {text-align: center;font-size: 0;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
.product-top .product-pic .swiper-slide ul{display: table;width: 100%;height: 100%;}
.product-top .product-pic .swiper-slide ul li{display: table-cell;vertical-align: middle;}
.product-top .product-pic .swiper-slide ul li img{display:inline-block;margin: auto;width:auto;}
.product-top .product-pic .swiper-button-next {background: none;}
.product-top .product-pic .swiper-button-prev {background: none;}
.product-top .product-pic .swiper-button-next::after,.product-top .product-pic .swiper-button-prev::after {font-size: 24px;}
.product-top .product-pic .swiper-button-next:hover::after,.product-top .product-pic .swiper-button-prev:hover::after {color: #FDD000;}
.product-top .product-pic .swiper-pagination .swiper-pagination-bullet-active{background:#FDD000;}
.product-top .product-info {position: relative;width: 45%;float: right;}
.product-top .product-info h3 {font-size: 24px;color: #000;padding-bottom: 20px;}
.product-top .product-info h4 {font-size: 18px;color: #000;font-weight: normal;    padding-bottom: 20px;    border-bottom: 1px solid #ebebeb;}
.product-top .product-info .product-text {color: #8d8d8d;font-size: 16px;line-height: 26px;padding:30px 0;overflow: hidden;text-align: justify;}
.product-detail .product-bottom {padding-top: 50px;}
.product-bottom .product-bottom-box {background: #fff;min-height: 300px;padding: 3% 4%;overflow: hidden; box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);position: relative;z-index: 3;}
.product-bottom .product-bottom-nav {}
.product-bottom .product-bottom-nav li{font-size: 17px;font-weight: bold;float: left;margin-right: 40px;padding: 0 5px 20px 5px;overflow: hidden; color: #585858;cursor: pointer;position: relative;}
.product-bottom .product-bottom-nav li.cur {color: #fdd000;}
.product-bottom .product-bottom-nav li.cur::after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #fdd000;}
.product-detail .product-bottom .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.product-bottom .product-bottom-tab .zc-detail-text {padding: 2% 0;overflow: hidden;}
.product-bottom .product-bottom-tab .zc-detail-text .title{background: #ebf1fc;color: #81858b;font-size: 15px;padding:10px 20px;margin-bottom: 20px;font-weight: bold;overflow: hidden;}
.product-bottom .product-bottom-tab .zc-detail-text .text {padding:0 1.5% ;overflow: hidden;color: #666;font-size: 16px;line-height: 2;}
.product-bottom .product-bottom-tab .zc-detail-text .text table tr > td:first-child{width: 160px;}
.product-detail .product-bottom .product-size-img {padding:2% 1.5% ;overflow: hidden;max-width: 800px;height: auto;}

/* 新闻列表 */
.news-list {padding:80px 0;overflow:hidden;}
.news-list .news-list-item {float:left;width:calc((100% - 20px) / 3);margin-top:10px;margin-right:10px;position:relative;}
.news-list .news-list-item:nth-child(-n + 3) {margin-top:0;}
.news-list .news-list-item:nth-child(3n) {margin-right:0;}
.news-list .news-list-item a {display:block;position:relative;overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.news-list .news-list-item a:hover .img .pic{transform: scale(1.1);}
.news-list .news-list-item .news-list-text{width:100%;padding:5% 5% 5% 5%;color: #333333;overflow: hidden;}
.news-list .news-list-item .news-list-text h3{font-size: 18px;margin:0;padding-bottom:15px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-list .news-list-item .news-list-text h3::before,.news-list .news-list-item .news-list-text h3::after {content: '';display: block;background: #e8e8e8;position: absolute;left: 0;bottom: 0;height: 2px;}
.news-list .news-list-item .news-list-text h3::before {width: 100px;background: #FDD000;z-index: 3;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.news-list .news-list-item .news-list-text h3::after {width: 100%;}
.news-list .news-list-item .news-list-text h5{font-size: 14px;line-height: 24px; font-weight: normal;opacity: .6;margin:0;padding-top:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;}
.news-list .news-list-item .news-list-text .bottom{overflow: hidden;}
.news-list .news-list-item .news-list-text .bottom h5{font-size: 14px;line-height: 20px;}
.news-list .news-list-item .news-list-text .bottom .left{float: left;}
.news-list .news-list-item .news-list-text .bottom .left i{width: 12px;height: 12px;position: absolute;background: url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top: 4px;margin-left: 3px;}
.news-list .news-list-item .news-list-text .bottom .right{float: right;}
.news-list .news-list-item a:hover .news-list-text h3::before{width: 100%;}
.news-list .news-list-item a:hover .news-list-text h3 {color: #FDD000;}

/* 新闻详情 */
.news-detail {padding:80px 0;overflow:hidden;}
.news-detail .news-detail-box {overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.news-detail .news-detail-top {position:relative;border-bottom:1px solid #ccc;padding-top:60px;padding-bottom:20px;}
.news-detail .news-detail-top::after {content:'';display:block;width:40px;height:2px;position:absolute;left:0;bottom:-2px;background:#FDD000;}
.news-detail .news-detail-top .news-top-tit {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.news-detail .news-detail-top .type a {display:inline-block;padding:10px 16px;background-color:#FDD000;color:#fff;font-size:14px;}
.news-detail .news-detail-top .type a:hover{background-color: #404040;}
.news-detail .news-detail-top h1 {font-size:28px;color:#333333;margin-bottom:10px;}
.news-detail .news-detail-top .text {overflow:hidden;}
.news-detail .news-detail-top .text span {font-size:14px;color:#999999;margin-right:20px;}
.news-detail .news-detail-main {overflow:hidden;padding:30px 0 60px;font-size:16px;line-height:30px;color:#666666;}
.news-detail .news-detail-page {font-size:0;letter-spacing:1px;margin-bottom:60px;}
.news-detail .news-detail-page a {display:inline-block;vertical-align:top;width:49.9%;height:60px;line-height:60px;font-size:14px;letter-spacing:1.5px;color:#E4E4E4;position:relative;}
.news-detail .news-detail-page a.prev span {color:#FFFFFF;}
.news-detail .news-detail-page a.next span {color:#333333;}
.news-detail .news-detail-page a .bt {position:absolute;top:50%;margin-top:-30px;}
.news-detail .news-detail-page a .txt {display:inline-block;overflow:hidden;}
.news-detail .news-detail-page .prev {background-color:#404040;text-align:left;padding-left:40px;}
.news-detail .news-detail-page a:hover.prev {background-color:#999999;}
.news-detail .news-detail-page .prev span {margin-right:10px;}
.news-detail .news-detail-page .prev .txt {padding-left:52px;}
.news-detail .news-detail-page .prev .bt {left:40px;}
.news-detail .news-detail-page .next {background-color:#FDD000;text-align:right;padding-right:40px;}
.news-detail .news-detail-page a:hover.next {background-color:#e6ac00;}
.news-detail .news-detail-page .next span {margin-left:10px;}
.news-detail .news-detail-page .next .txt {padding-right:52px;}
.news-detail .news-detail-page .next .bt {right:40px;}

/* 方案列表 */
.cases-list{padding: 80px 0;overflow: hidden;}
.cases-list .cases-list-item {float:left;width:calc((100% - 20px) / 3);height:428px;margin-top:10px;margin-right:10px;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.cases-list .cases-list-item:nth-child(-n + 3) {margin-top:0;}
.cases-list .cases-list-item:nth-child(3n) {margin-right:0;}
.cases-list .cases-list-item a:hover .item-box {box-shadow:0 2px 16px 0 rgba(66,123,255,0.2);}
.cases-list .cases-list-item a:hover .item-box .img .pic {transform:scale(1.1);}
.cases-list .cases-list-item a:hover .item-box .text-box .title {height:190px;background-color:#FFFFFF;}
.cases-list .cases-list-item a:hover .item-box .text-box .title h3 {margin-bottom:16px;color:#FDD000;}
.cases-list .cases-list-item a:hover .item-box .text-box .title h5 {opacity:1;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:48px;}
.cases-list .cases-list-item a:hover .item-box .wl .line {width:100%;}
.cases-list .cases-list-item a .item-box {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:100%;}
.cases-list .cases-list-item a .item-box .text-box {position:absolute;bottom:0;z-index:11;}
.cases-list .cases-list-item a .item-box .text-box .title {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;width:100%;height:130px;padding:5% 5% 5% 5%;box-sizing:border-box;}
.cases-list .cases-list-item a .item-box .text-box .title h3 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display:block;font-size:18px;font-weight:600;color:#333333;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:28px;line-height:28px;}
.cases-list .cases-list-item a .item-box .text-box .title h5 {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;color:#666;max-width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:0;line-height:24px;opacity:0;}
.cases-list .cases-list-item a .item-box .text-box .title .more {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:14px;font-weight:normal;opacity:.8;max-width:100%;height:20px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:inline-block;line-height:20px;position:absolute;bottom:30px;}
.cases-list .cases-list-item a .item-box .text-box .title .more i {width:12px;height:12px;position:absolute;background:url("../images/right_h.png") no-repeat scroll left center / 10px 10px;margin-top:4px;margin-left:3px;}
.cases-list .cases-list-item a .item-box .wl {position:absolute;bottom:-2px;height:2px;width:100%;}
.cases-list .cases-list-item a .item-box .wl .line {width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:2px;background-color:#FDD000;}

/* 方案详情 */
.cases-detail {padding:80px 0;overflow:hidden;}
.cases-detail .cases-detail-box {overflow:hidden;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.cases-detail .cases-detail-top {position:relative;border-bottom:1px solid #ccc;padding-top:60px;padding-bottom:20px;}
.cases-detail .cases-detail-top::after {content:'';display:block;width:40px;height:2px;position:absolute;left:0;bottom:-2px;background:#FDD000;}
.cases-detail .cases-detail-top .news-top-tit {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.cases-detail .cases-detail-top .type a {display:inline-block;padding:10px 16px;background-color:#FDD000;color:#fff;font-size:14px;}
.cases-detail .cases-detail-top .type a:hover{background-color: #404040;}
.cases-detail .cases-detail-top h1 {font-size:28px;color:#333333;margin-bottom:10px;}
.cases-detail .cases-detail-top .text {overflow:hidden;}
.cases-detail .cases-detail-top .text span {font-size:14px;color:#999999;margin-right:20px;}
.cases-detail .cases-detail-main {overflow:hidden;padding:30px 0 60px;font-size:16px;line-height:30px;color:#666666;}
.cases-detail .cases-detail-page {font-size:0;letter-spacing:1px;margin-bottom:60px;}
.cases-detail .cases-detail-page a {display:inline-block;vertical-align:top;width:49.9%;height:60px;line-height:60px;font-size:14px;letter-spacing:1.5px;color:#E4E4E4;position:relative;}
.cases-detail .cases-detail-page a.prev span {color:#FFFFFF;}
.cases-detail .cases-detail-page a.next span {color:#333333;}
.cases-detail .cases-detail-page a .bt {position:absolute;top:50%;margin-top:-30px;}
.cases-detail .cases-detail-page a .txt {display:inline-block;overflow:hidden;}
.cases-detail .cases-detail-page .prev {background-color:#404040;text-align:left;padding-left:40px;}
.cases-detail .cases-detail-page a:hover.prev {background-color:#999999;}
.cases-detail .cases-detail-page .prev span {margin-right:10px;}
.cases-detail .cases-detail-page .prev .txt {padding-left:52px;}
.cases-detail .cases-detail-page .prev .bt {left:40px;}
.cases-detail .cases-detail-page .next {background-color:#FDD000;text-align:right;padding-right:40px;}
.cases-detail .cases-detail-page a:hover.next {background-color:#e6ac00;}
.cases-detail .cases-detail-page .next span {margin-left:10px;}
.cases-detail .cases-detail-page .next .txt {padding-right:52px;}
.cases-detail .cases-detail-page .next .bt {right:40px;}

/* 合作伙伴 */
.partner-detail {padding:80px 0;overflow:hidden;}
.partner-detail .partner-detail-item {float:left;width:calc((100% - 50px) / 6);margin-top:10px;margin-right:10px;position:relative;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.partner-detail .partner-detail-item:nth-child(-n + 6) {margin-top:0;}
.partner-detail .partner-detail-item:nth-child(6n) {margin-right:0;}
.partner-detail .partner-detail-item a {display:block;text-align:center;background:#FFFFFF;padding:5% 0;overflow:hidden;position:relative;}
.partner-detail .partner-detail-item a::before {content:'';width:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;height:3px;position:absolute;left:0;bottom:0;background:#FDD000;}
.partner-detail .partner-detail-item .logo {position:relative;margin:auto;height:70px;}
.partner-detail .partner-detail-item .logo img {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.partner-detail .partner-detail-item .title {opacity:.6;margin-top:5%;color:#333333;}
.partner-detail .partner-detail-item a:hover {background:#fff;}
.partner-detail .partner-detail-item a:hover .title {opacity:1;color:#26334d;}
.partner-detail .partner-detail-item a:hover .logo img {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:none;}
.partner-detail .partner-detail-item a:hover::before {width:100%;}

/* 服务策略 */
.service-detail{padding:80px 0;overflow:hidden;background:url(../images/service_bg.jpg) center top no-repeat;background-size:cover}
.service-detail .service-detail-box{overflow:hidden;padding:60px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);font-size:16px;line-height:46px;color:#666666}
.service-detail .service-detail-box h3{position:relative;padding-left:18px;font-size:18px;line-height:1.46;border:0;margin:16px 0 16px}
.service-detail .service-detail-box h3:before{position:absolute;top:2px;left:0;content:"";width:4px;height:calc(100% - 4px);background-color:#FDD000;background-image:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}

/* 营销网络 */
.market-detail {padding: 80px 0;overflow: hidden;background:url(../images/market_bg.jpg) center top no-repeat;background-size:cover;}
.market-detail .market-detail-box{padding:60px 0;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08)}
.market-detail .market-detail-box.flexBetween{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.market-detail .market-detail-box .market-left{width:23%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left: 60px;padding-top: 30px;padding-bottom: 30px;border-right:2px solid #eee;position:relative}
.market-detail .market-detail-box .market-left ul li{cursor:pointer;position:relative}
.market-detail .market-detail-box .market-left ul li .flexStart{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.market-detail .market-detail-box .market-left ul li > span{position:absolute;height:30px;top:50%;right:1px;border: 2px solid #fdd000;display:block;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:0}
.market-detail .market-detail-box .market-left ul li:not(:last-child){margin-bottom:20px}
.market-detail .market-detail-box .market-left ul li .text{font-size:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.market-detail .market-detail-box .market-left ul .active > span{opacity:1}
.market-detail .market-detail-box .market-left ul .active .text{color:#FDD000;font-weight:500}
.market-detail .market-detail-box .market-right{width:77%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top: 30px;padding-bottom: 30px;padding-left: 6%;padding-right: 5%;}
.market-detail .market-detail-box .market-right .main .frame{display:none}
.market-detail .market-detail-box .market-right .main .frame .bot h6{font-size:24px}
.market-detail .market-detail-box .market-right .main .frame .bot div{margin-top:40px}
.market-detail .market-detail-box .market-right .main .frame .bot div p{font-size:18px;padding-left:35px}
.market-detail .market-detail-box .market-right .main .frame .bot div p:not(:last-child){margin-bottom:20px}
.market-detail .market-detail-box .market-right .main .frame .bot p.add{background:url(img/add.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.sale{background:url(img/sale.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.tech{background:url(img/tech.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.mail{background:url(img/mail1.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .frame .bot p.fax{background:url(img/fax.png) top 2px left no-repeat}
.market-detail .market-detail-box .market-right .main .active{display:block;}

/* 资料下载 */
.download-detail{padding: 80px 0;overflow: hidden;}
.download-detail .download-detail-box{box-sizing: border-box;overflow: hidden;}
.download-detail .download-top {padding-bottom:50px;    overflow: hidden;}
.download-detail .download-top-left {float:left;font-size:35px;line-height:35px;color:#000;}
.download-detail .download-top-left span{font-size:16px;margin-top: 1px;color: #6c6c6c;font-family: Arial, Helvetica, sans-serif;}
.download-detail .download-top-right {float:right;width:800px;margin-top:20px;}
.download-detail .download-top-right ul li {float:right;width:380px;background: #f0f5f7;height:54px;line-height:54px;position:relative;}
.download-detail .download-select {width:260px;height:54px;line-height: 54px;float:left;background: #f0f5f7;background-image:url("img/arrow.png");background-repeat:no-repeat;background-position:right 30px center;}
.download-detail .download-select select {width: 260px;background-color:transparent;border:0;color: #666;font-size:16px;line-height:54px;height:54px;padding-left: 10px;}
.download-detail .download-select select option {border: 1px solid #eee;position: relative;top:54px;height: 30px;z-index:10;}
.download-detail .download-button {border:none;background:none;background-image:url(../images/so.svg);background-size: 18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:58px;background-color:#FDD000;}
.download-detail .download-button:hover{background-color:#404040;}
.download-detail .download-search {padding-left:5%;padding-right:58px;}
.download-detail .download-search input {border:none;width:100%;height:54px;line-height:54px;font-size:16px;color:#666;background:none;}
.download-detail .download-item {padding: 20px 0;overflow: hidden;font-size:0;color: #666;position: relative;box-sizing: border-box;transition:all .4s ease}
.download-detail .download-item.bg2:hover,.download-detail .download-item.bg1:hover {border: 2px solid #FDD000;}
.download-detail .download-item.title{background: #404040;}
.download-detail .download-item.title li {font-weight: bold;font-size: 16px;color: #FFFFFF!important;padding:5px 0;position: relative;z-index: 10;}
.download-detail .download-item li{list-style: none;margin: 0;padding: 20px 0;display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.download-detail .download-item li a{width: 20px;height: 20px;display: block;margin: auto;background: url("img/download1.png") center no-repeat;}
.download-detail .download-item li a:hover {background: url("img/download2.png") center no-repeat;}
.download-detail .download-item li:nth-child(1) {width: 35%;padding-left: 5%;color: #222;}
.download-detail .download-item li:nth-child(2) {width: 20%;}
.download-detail .download-item li:nth-child(3) {width: 10%;}
.download-detail .download-item li:nth-child(4) {width: 10%;}
.download-detail .download-item li:nth-child(5) {width: 10%;}
.download-detail .download-item li:nth-child(6) {width: 10%;text-align: center;}
.download-detail .download-item.bg1{background: #f9fdff;border: 2px solid #f9fdff;}
.download-detail .download-item.bg2{background: #f0f5f7;border: 2px solid #f0f5f7;}

/* 常见问题 */
.faq-detail{padding:80px 0;overflow:hidden}
.faq-detail .faq-top{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:50px}
.faq-detail .faq-top .faq-num{text-align:left;font-size:16px}
.faq-detail .faq-top .faq-search{width:300px;background:#f0f5f7;height:54px;line-height:54px;position:relative;padding-left:20px;padding-right:58px}
.faq-detail .faq-top .faq-search input{border:none;width:100%;height:54px;line-height:54px;font-size:16px;color:#333333;background:none}
.faq-detail .faq-top .faq-button{border:none;background:none;background-image:url(../images/so.svg);background-size:18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:58px;background-color:#FDD000}
.faq-detail .faq-top .faq-button:hover{background-color:#404040}
.faq-detail .faq-bottom .faq-item{position:relative;overflow:hidden;margin-bottom:10px}
.faq-detail .faq-bottom .faq-item:last-child{margin-bottom:0}
.faq-detail .faq-bottom .faq-item .title{text-align:left;overflow:hidden;cursor:pointer;padding:2% 6%;position:relative;border:1px solid #e6e8ed;background:#f9fdff;font-size:16px;color:#26334d}
.faq-detail .faq-bottom .faq-item .title::before,.faq-detail .faq-bottom .faq-item .title::after{content:'';position:absolute;top:50%;width:50px;height:50px;margin-top:-25px}
.faq-detail .faq-bottom .faq-item .title::before{background:url('img/q.png') center no-repeat;left:2%}
.faq-detail .faq-bottom .faq-item .title::after{background:url('img/jia.png') center no-repeat;right:3%}
.faq-detail .faq-bottom .faq-item .title.cur::after{background:url('img/jian.png') center no-repeat;right:3%}
.faq-detail .faq-bottom .faq-item .main{display:none;font-size:16px;line-height:30px;color:#26334d;padding:2% 6%;overflow:hidden;text-align:left;position:relative;border-left:1px solid #e6e8ed;border-right:1px solid #e6e8ed;border-bottom:1px solid #e6e8ed}
.faq-detail .faq-bottom .faq-item .title:hover,.faq-detail .faq-bottom .faq-item .title.cur{background:#f0f5f7}
.faq-detail .faq-bottom .faq-item .main .text{position:relative}
.faq-detail .faq-bottom .faq-item .main .text::before{content:'';position:absolute;left:-50px;top:3px;width:25px;height:25px;background:url('img/a.png') no-repeat}

/* 公司概况 */
.company-wrapper {padding:80px 0;overflow:hidden;}
.company-box {display: flex;}
.company-box .left {width:calc(100% - 42%);padding-right:144px;float:left;}
.company-box .left .title {font-size:30px;line-height:1.75;color:#3d3d3d;font-weight:bold;}
.company-box .left .title i{display: block;margin: 10px 0;width: 60px;height: 4px;background: url("img/tline.svg");}
.company-box .left .text {margin-top:30px;}
.company-box .left .text p {font-size:16px;color:#666;line-height:2;margin-bottom:10px;}
.company-box .right {width:42%;overflow:hidden;float:right;display: flex;align-items: center;}
.company-box .right img {width:100%;}
.play-btn {display:block;position:absolute;width:66px;height:66px;left:50%;top:50%;margin:-27px 0 0 -27px;z-index:20;}
.play-btn i {position:relative;display:block;width:66px;height:66px;background:#FDD000 url("img/play.svg") center no-repeat;background-size:35%;border-radius:100%;z-index:2;}
.play-btn i:hover {background:#404040 url("img/play.svg") center no-repeat;background-size:35%;}

.develop-box {padding:60px 0;overflow:hidden;background:#f6f8fa;}
.develop-box .top .title {font-size:30px;font-weight:bold;color:#3d3d3d;line-height:1.75;}
.develop-box .top .title i {display:block;margin:10px 0;width:60px;height:4px;background:url("img/tline.svg");}
.develop-box .bottom {margin-top:30px;position:relative;}
.develop-box .bottom::after {content:"";width:420px;height:380px;background:linear-gradient(to left,rgba(246,248,250,1) 25%,rgba(246,248,250,0));position:absolute;top:0;right:-290px;z-index:20;}
.develop-box .bottom::before {content:"";width:420px;height:380px;background:linear-gradient(to right,rgba(246,248,250,1) 25%,rgba(246,248,250,0));position:absolute;top:0;left:-305px;z-index:20;}
.develop-box .bottom .swiper-container.develop-swiper {--swiper-navigation-size:30px;padding-bottom:58px;}
.develop-box .bottom .develop-con .swiper-container {overflow:inherit;}
.develop-box .bottom .swiper-container .swiper-slide {float:left;width:calc((100% - 30px) / 4);margin-right:10px;overflow:hidden;}
.develop-box .bottom .swiper-container .swiper-slide:last-child {margin-right:0;}
.develop-box .bottom .swiper-slide .item-box {height:380px;background-color:rgb(255,255,255);padding:24px 42px;}
.develop-box .bottom .swiper-slide .item-box .time {font-size:30px;font-weight:bold;color:#FDD000;line-height:1.75;display:flex;align-items:center;}
.develop-box .bottom .swiper-slide .item-box .time span {color:#999999;margin-left:5px;font-size:30px;}
.develop-box .bottom .swiper-slide .item-box .line {width:100%;height:1px;margin:10% 0;background:#dfdfdf;transform:translateY(-.5px);}
.develop-box .bottom .swiper-slide .item-box .desc p {font-size:16px;color:#666;line-height:2;margin-bottom:22px;}
.develop-box .bottom .swiper-container-horizontal>.swiper-pagination-progressbar {top:inherit !important;bottom:0px !important;height:2px !important;}
.develop-box .bottom .swiper-container-horizontal>.swiper-pagination-progressbar {width:100%;height:4px;top:0;}
.develop-box .bottom .swiper-pagination-progressbar {background-color:#dfdfdf;}
.develop-box .bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#FDD000;}
.develop-box .bottom .swiper-button {position:absolute;top:50%;transform:translateY(-50%);z-index:25;width:100%;}
.develop-box .bottom .swiper-button .arrow {width:18px;height:17px;outline:0;position:relative;display:inline-block;}
.develop-box .bottom .swiper-button .arrow img {width:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all .36s;cursor:pointer;z-index:9;}
.develop-box .bottom .swiper-button .arrow.develop-prev {left:-80px;float:left;}
.develop-box .bottom .swiper-button .arrow::after {content:"";width:56px;height:46px;border-radius:23px;background-color:#cad5dc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .36s;cursor:pointer;}
.develop-box .bottom .swiper-button .arrow:hover::after {background:#FDD000;}
.develop-box .bottom .swiper-button .arrow.develop-next {right:-80px;float:right;}

.culture-box {padding: 80px 0;overflow: hidden;}
.culture-box .top .title{font-size: 30px;font-weight: bold;color: #3d3d3d;line-height: 1.75;}
.culture-box .top .title i{display: block;margin: 10px 0;width: 60px;height: 4px;background: url("img/tline.svg");}
.culture-box .bottom {display:flex;justify-content:space-between;margin-top:40px;}
.culture-box .bottom .items {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;transition:all 0.6s;}
.culture-box .bottom .items img {width:100%;opacity:0;}
.culture-box .bottom .items .text-box {position:absolute;text-align:center;top:50%;left:50%;color:#fff;transform:translate(-50%,-50%);}
.culture-box .bottom .items .text-box i {width:50px;height:50px;margin:auto;display:inline-block;background-size: cover;}
.culture-box .bottom .items .text-box .title {margin-top:20px;}
.culture-box .bottom .items .text-box .title .tit {font-size:24px;line-height:24px;}
.culture-box .bottom .items .text-box .title .slogan {font-size:16px;line-height:1.75;text-transform:uppercase;margin-top:20px;}
.culture-box .bottom .items.left {width:32.5%;}
.culture-box .bottom .items:hover {box-shadow:0px 15px 20px 0px rgba(0,89,156,0.2);}
.culture-box .bottom .right {width:67.5%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.culture-box .bottom .right .items {width: calc((100% - 20px) / 2);margin-left:10px;margin-bottom:10px;}
.culture-box .bottom .right .items:nth-of-type(3) {margin-bottom:0;}
.culture-box .bottom .right .items:nth-of-type(4) {margin-bottom:0;}

/* 荣誉资质 */
.honor-detail {padding: 80px 0;overflow: hidden;}
.honor-detail .honor-item {float:left;width:calc((100% - 20px) / 3);margin-top:10px;margin-right:10px;position:relative;}
.honor-detail .honor-item:nth-child(-n + 3) {margin-top:0;}
.honor-detail .honor-item:nth-child(3n) {margin-right:0;}
.honor-detail .honor-item a{display: block;position: relative;border: 2px solid #FFFFFF;box-shadow: 0px 8px 36.8px 3.2px rgb(0 0 7 / 10%);}
.honor-detail .honor-item .text{width: 100%;height:auto;padding: 5%;overflow: hidden;}
.honor-detail .honor-item .text .pic{background-size: contain;}
.honor-detail .honor-item .type{color: #1a1a1a;}
.honor-detail .honor-item .type span{font-size:14px;display: inline-block;vertical-align: middle;}
.honor-detail .honor-item .type span:first-child::after {content: '';width: 1px;height: 14px;display: inline-block;vertical-align: middle;margin: 0 5px 0 10px;background: #ccc;}
.honor-detail .honor-item .type span:last-child {color: #999999;}
.honor-detail .honor-item .title{margin: 3% 0;font-size: 20px;}
.honor-detail .honor-item a:hover {border: 2px solid #FDD000;z-index: 11;}

.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible {opacity: 1;}
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: rgba(0,0,0,.7); height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}

/* 加入我们 */
.join-detail {padding:80px 0;overflow:hidden;}
.join-detail .top {position:relative;padding-bottom:35px;}
.join-detail .join-option {width:calc(100% - 380px);float:left;}
.join-detail .join-option .dept {margin-right:50px;}
.join-detail .join-option .dept,.join-detail .join-option .add {width:50%;height:60px;line-height:60px;float:left;background-image:url(img/arrow.png);background-repeat:no-repeat;background-position:right 30px center;max-width:320px;box-shadow:0px 0px 33.48px 2.52px rgb(25 17 64 / 9%);}
.join-detail .join-option .dept select,.join-detail .join-option .add select {width:100%;background-color:transparent;border:0;font-size:16px;line-height:60px;height:60px;padding-left:10%;}
.join-detail .join-search {float:right;width:380px;height:60px;line-height:60px;position:relative;box-shadow:0px 0px 33.48px 2.52px rgb(25 17 64 / 9%);overflow:hidden;}
.join-detail .join-search .so-inp {padding-left:5%;padding-right:80px;}
.join-detail .join-search .so-inp input {border:none;width:100%;height:60px;line-height:60px;font-size:16px;color:#333333;background:none;}
.join-detail .join-search .join-button {border:none;background:none;background-image:url(../images/so.svg);background-size:18px;cursor:pointer;position:absolute;right:0;top:0;height:100%;background-position:center;background-repeat:no-repeat;width:80px;background-color:#FDD000;}
.join-detail .join-search .join-button:hover {background-color:#404040;}
.join-detail .join-item {margin-bottom:24px;}
.join-detail .join-item:last-child {margin-bottom:0;}
.join-detail .join-item .recruit-top {padding:26px 0;padding-left:62px;padding-right:40px;box-shadow:0px 7px 33.48px 2.52px rgb(25 17 64 / 9%);overflow:hidden;cursor:pointer;}
.join-detail .join-item .recruit-top .recruit-top-box {position:relative;}
.join-detail .join-item .recruit-top .recruit-top-left {width:50%;float:left;}
.join-detail .join-item .recruit-top .recruit-top-left p {color:#3d3d3d;font-weight:bold;position:relative;font-size:18px;line-height:2;}
.join-detail .join-item .recruit-top .recruit-top-left p::before {content:"";width:4px;height:20px;background-color:#FDD000;position:absolute;top:50%;left:-20px;transform:translateY(-50%);}
.join-detail .join-item .recruit-top .recruit-top-right {width:50%;float:left;}
.join-detail .join-item .recruit-top .recruit-top-right .req {padding-right:30px;position:relative;float:left;}
.join-detail .join-item .recruit-top .recruit-top-right .req::before {content:"";width:1px;height:16px;background-color:#eee;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
.join-detail .join-item .recruit-top .recruit-top-right .req p {font-size:16px;color:#666;line-height:2;}
.join-detail .join-item .recruit-top .drop-box {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.join-detail .join-item .recruit-top .drop-box .drop-img {width:16px;position:relative;}
.join-detail .join-item .recruit-top .drop-box .drop-img img {width:100%;transition:all .36s;}
.join-detail .join-item .recruit-top .drop-box .drop-ico1 {position:relative;top:0;left:0;}
.join-detail .join-item .recruit-top .drop-box .drop-ico2 {position:absolute;top:4px;left:0;opacity:0;transition:all .36s;}
.join-detail .join-item.on .recruit-top .drop-box .drop-img img {transform:rotate(180deg);}
.join-detail .join-item.on .recruit-top .drop-box .drop-ico1 {opacity:0;}
.join-detail .join-item.on .recruit-top .drop-box .drop-ico2 {opacity:1;}
.join-detail .join-item .recruit-content {width:100%;padding:55px 50px 58px 62px;border-radius:10px;overflow:hidden;background-color:#f8f8fa;display:none;}
.join-detail .join-item.on .recruit-content {display:block;}
.join-detail .join-item .recruit-content p {font-size:16px;color:#666;line-height:2;}
.join-detail .join-item .recruit-content .join-more {width:180px;height:50px;line-height:50px;color:#fff;display:inline-block;font-size:14px;text-align:center;background-color:#FDD000;margin-top:35px;}
.join-detail .join-item .recruit-content .join-more:hover {background-color:#404040;}

/* 加入我们弹窗 */
.layui-layer-page .layui-layer-content {overflow:hidden!important;height:100%!important;}
.join-form {width:600px;height:auto;background-color:#fff;padding:8% 8% 6% 8%;}
.join-form .title {text-align:center;padding-bottom:6%;font-size:30px;}
.join-form .message-text {margin-bottom:12px;position:relative;width:100%;height:50px;background-color:#f8f8fa;}
.join-form .message-text::after {content:"*";color:#FDD000;font-size:16px;position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.join-form .message-text input {width:100%;height:100%;padding:0 20px;font-size:14px;color:#666;background-color:#f8f8fa;}
.join-form .upload {position:relative;margin-bottom:2%;}
.join-form .upload .text {text-align:left;padding-bottom:2%;margin-top:4%;}
.join-form .upload .text strong {color:#1a1a1a;margin:0;padding:0;}
.join-form .upload .text span {margin-left:10px;}
.join-form .upload .input {position:relative;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;border:1px solid #ccc;box-sizing:border-box;background:#fff;width:100%;height:50px;line-height:50px;padding:0 20px;outline:none;color:#333333;}
.join-form .upload .input .right {position:absolute;right:1%;top:10%;width:100px;height:80%;z-index:11;border:none;background:#404040;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.join-form .validate .message-text {position:relative;width:calc(100% - 160px);height:50px;float:left;}
.join-form .validate .message-text input {width:100%;height:100%;padding:0 20px;font-size:14px;color:#333333;background:#f7f8fa;}
.join-form .validate .verify-img {width:160px;}
.join-form .resume-subbox {position:relative;width:100%;height:50px;}
.join-form .resume-subbox .resume-submit {display:block;background:#FDD000;color:#fff;text-align:center;margin-top:16px;padding:3% 0;cursor:pointer;}
.join-form .resume-subbox .resume-submit:hover {background:#404040;}

/* 联系我们 */
.contact-detail {padding:80px 0;overflow:hidden;}
.contact-detail .address-items {font-size:0;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;}
.contact-detail .item {float:left;width:calc((100% - 30px) / 4);margin-right:10px;overflow:hidden;padding:3% 0;text-align:center;cursor:pointer;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.1);}
.contact-detail .item:last-child {margin-right:0;}
.contact-detail .item .icon {width:80px;height:80px;margin:auto;position:relative;z-index:8;}
.contact-detail .item .icon .img-center {max-width:40%;max-height:40%;}
.contact-detail .item .icon .img-block {filter:grayscale(1);opacity:.7;}
.contact-detail .item .title {margin:15px 0;position:relative;z-index:5;font-size:16px;color:#72777c;}
.contact-detail .item .text {font-weight:bold;color:#333;width:75%;font-size:18px;margin:auto;}
.contact-detail .item:hover .icon .img-block {filter:none;opacity:1;}
.contact-detail .item:hover .title {color:#FDD000;}
.contact-detail .map-box {position:relative;overflow:hidden;width:100%;height:720px;margin-top:3%;border:1px solid #e6e8ed;}

/* 搜索中心 */
.search-center {padding:80px 0;overflow:hidden;}
.search-center .nav {overflow:hidden;position:relative;}
.search-center .nav::after {content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#e8e8e8;}
.search-center .nav a {display:inline-block;vertical-align:middle;margin-right:2%;padding-bottom:20px;font-size:20px;color:#999;position:relative;}
.search-center .nav strong {font-size:14px;color:#FDD000;padding-left:5px;}
.search-center .nav a.cur,.search-center .nav a:hover {color:#000;}
.search-center .nav a.cur::after {content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#FDD000;z-index:12;}
.search-center .bottom {padding-top:2%;}
.search-center .product-list {padding:0;overflow:visible;}
.search-center .product-list .right {width:100%;margin-left:0;}
.search-center .cases-list {padding:0;overflow:visible;}
.search-center .news-list {padding:0;overflow:visible;}