@charset "utf-8";
:root{--headercolor:#ffffff}
@media screen and (min-width:1281px){.hot-pro ul li{width:19%;margin:0 .5% 20px}}
.search-box{display:flex;align-items:center;height:100px!important}
.search-box .common-wrapper{display:flex;align-items:center;height:100px}
.search-box .common-wrapper .text{font-size:18px;font-weight:600;margin-right:40px}
@media(max-width:1037px){.search-box .common-wrapper{display:block;text-align:center}
.search-box .common-wrapper .text{padding:16px 0}}
.serive{width:100%;padding:40px 0 80px;background:url(/js/35078/sbg.jpg) no-repeat center;background-size:cover}
.serive .common-title{text-align:center;margin-bottom:20px;color:#fff}
.serive .common-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}
.serive .item{width:23%;position:relative;padding-bottom:23%;height:0}
.serive .item img{display:block;width:88%;border-radius:50%;position:absolute;top:6%;left:6%}
.serive .item>div{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:3;padding:0 8%;box-sizing:border-box}
.serive .item>div h3{font-size:20px;font-weight:700;margin-bottom:14px}
.serive .item>div p{font-size:14px;line-height:1.4}
.cycle_box{background:url(/js/35078/cycle.png) no-repeat;background-size:contain;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}
.rotate{-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-webkit-animation:rotate 10s linear infinite;-moz-animation:rotate 10s linear infinite;-o-animation:rotate 10s linear infinite;animation:rotate 10s linear infinite}
@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(359deg)}}
@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(359deg)}}
@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(359deg)}}
@media(max-width:978px){.serive .container{justify-content:space-evenly}.serive .item{width:45%;padding-bottom:45%;margin-bottom:25px}}
@media(max-width:560px){.serive .item{width:100%;padding-bottom:100%}}
.about{background:url(/js/35078/abg.jpg) no-repeat center fixed;background-size:cover;margin:-3px 0 0}
.about:before{display:none}
.ind-wrapper{flex-wrap:wrap}
.ind-item{width:20%;height:260px;padding-top:50px}
.hot-pro .pro-name{font-weight:600;text-align:center}
.hot-pro .pro-intro{display:none}
.map-w{display:block!important}
.map-img{width:100%!important}
.map-w p{font-size:18px;font-weight:600;text-align:center;line-height:2}
.map-p{display:flex;flex-wrap:wrap;margin-top:30px}
.map-p li{width:15%;border:1px solid #eee;margin-bottom:20px;margin-left:13px;overflow:hidden;text-align:center}
.map-p li img{transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear}
.map-p li img:hover{transform:scale(1.3)}
.code-img img{margin-right:2%}
@media (max-width:768px){.map-p li{width:22%}}
@media (max-width:559px){.map-p{justify-content:space-between}.map-p li{width:29%;margin-right:0}}
@media(max-width:420px){.map-p li{width:44%}}
.ind .common-wrapper{width:100%}
.ind-item{overflow:hidden}
.ind-item img{object-fit:cover;max-width:inherit}
.map-img img{width:100%}
.code-img{display:flex}
.code-img p{width:50%}
.code-img p img{width:100%;display:block;max-width:80%;margin:0 auto}
.code-img p span{color:#fff;display:block;text-align:center;padding-top:6px}
.hot-pro{background:url(/js/35078/pbg2.jpg) no-repeat center;background-size:cover;padding:1px 0 50px}
.hot-pro .common-title{color:#fff}
.hot-pro .hvr-bounce-to-right{color:#fff;border-color:#fff}
.head-logo{width:240px}
.ind-item img{opacity:.4}
@media (min-width:769px){.map-p li{width:11%}
.map-p{justify-content:space-between}
.pro-main .inner-nav{padding-top:80px}}
.banner{height:auto}
.serive{padding:70px 0 100px}
.head-logo{width:300px}
.head{background:rgba(0,0,0,.4)}
.head-nav>ul>li>a{color:#fff}
.hot-pro,.serive{position:relative}
.hot-pro:before,.serive:before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6)}
.map{background:#000f22}
.map .common-title{color:#fff}
.partner .common-title{text-align:center;color: #fff}
.map .common-wrapper{width:100%}
main{margin-top:0}
td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align:middle}
.pro-detail .content p{font-size:16px}
.pro-detail .title{display:none}
.pro-review .pro-preview-right article{margin-right:0}
.pro-review .pro-preview-right{padding-right:0}
.pro-detail{max-width:1000px}
.scroll_horizontal{position:relative;width:1140px;margin:0 auto;padding:30px 0}
.scroll_horizontal .box{overflow:hidden;position:relative}
.scroll_horizontal .list{overflow:hidden;width:9999px}
.scroll_horizontal .list li{float:left;width:228px;text-align:center}
.scroll_horizontal .list li a{display:block;text-align:center}
.scroll_horizontal .list li img{display:inline-block}
.scroll_horizontal .list li p{color:#7e7e7e;font-size:16px;line-height:24px}
.scroll_horizontal .list li a:hover img{display:inline-block;-webkit-filter:grayscale(0);-moz-filter:grayscale(00%);-ms-filter:grayscale(00%);-o-filter:grayscale(00%);filter:grayscale(00%)}
.scroll_horizontal .list li a:hover p{color:#fdfdfd}
.scroll_horizontal .minus,.scroll_horizontal .plus{position:absolute;top:50%;width:20px;height:40px;cursor:pointer;background-image:url(tb-1.png);background-repeat:no-repeat;transform:translateY(-50%)}
.scroll_horizontal .plus{left:-30px;background-position:left center}
.scroll_horizontal .minus{right:-30px;background-position:right center}
.news{background:url(/C_JS/35078/project-bg.jpg) no-repeat center;background-size:cover}
.news ul li{background-color:transparent}
.news ul li a,.news-con{color:#fff}
.partner{background:#000f22;padding-top: 1px}
.about-cont{display:flex;flex-wrap:wrap;margin:30px 0}
.aleft{width:50%}
.aright{width:50%;padding-left:2%;box-sizing:border-box;text-align:left}
.about-wrapper{position:static}
.about{height:auto!important}
.aright-more{display:inline-block;border:1px solid #fff;text-align:center;color:#fff;padding:4px 20px;margin-top:20px}
.aright-more:hover{color:#f2a816}
.aright ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.aright ul li{width:49%;position:relative;padding-left:16px;box-sizing:border-box;margin:5px 0}
.aright ul li::before{content:'';display:block;position:absolute;top:10px;left:0;width:6px;height:6px;background:#fff;border-radius:50%}
@media(max-width:768px){.aleft,.aright{width: 100%}}
.news-title,.news-con{color:#9c9c9c}
.ind .common-title{color:#fff;text-align:center}
.ind,.partner{padding:40px 0}
.aleft img{height:470px}
.news{background:#000}
.news ul li{background:#10141D}
.news .hvr-bounce-to-right{color:#fff;border-color:#fff}
.news ul li .more-btn{color:#9c9c9c}
.news .common-title{color:#fff}
.news-title{height:40px}
.hot-pro .pro-info{background: #10141D;color: #9c9c9c}
.map-p li{border-color:#9c9c9c}
#media {height:450px !important}
.Animatronic .common-main p{padding-bottom:0}
.head-nav {margin:0}
#xyz {min-width:120px}
.xyz12 ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}
.xyz12 ul li a {color:#fff}
.xyz12 {background:rgba(0,0,0,.5);padding-bottom:0}
.head-nav>ul>li>a {white-space:nowrap}
@media screen and (max-width:1400px){.head-nav>ul>li>a{padding:0 12px}}
.nav-btn span{background:#fff}
.newslist-1 li{width:100%;margin-right: 0}
.newslist-1 li a{display:flex}
.newslist-1 li .news-img{width: 30%;height:auto}
.newslist-1 li .news-img img{width:100%;height:auto}
.newslist-1 li .news-info{flex:1}
@media(max-width:768px){.newslist-1 li .news-img{width:45%}}
.map-p li img{background:#fff}
table {border-spacing: revert}
.common-main .contact-info h2{font-size:25px;font-weight:bold;line-height: 1.3}
.contact-info ul {margin-top:15px}
.common-main .contact-info ul li {display:flex;margin-top:18px}
.contact-info ul li .conticon {width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f2a816;font-size:25px}
.contact-info ul li .conticon em.fa-mobile {font-size:32px}
.contact-info ul li .conticon em.fa-envelope {font-size:21px}
.contact-info ul li .conttxt {width:calc(100% - 60px);padding-left:20px;box-sizing:border-box}
.contact-info ul li .conttxt p {font-size:16px;padding:0}
.contact-info ul li .conttxt p:first-child {font-weight:bold;font-size:20px}
@media (max-width:540px){.common-main .contact-info h2{font-size:20px}}