:root{--color:#3a81c7}
.spmuban{height:auto}
.tjprobox{height:600px}
section{background:none}
.abtbox > .abtimg{margin-right:40px}
#nav li a{padding:0 15px}
#show-orange .show-orange-main{width:100%;position:relative;padding:60px 40px!important;background:-webkit-linear-gradient(top,#ff5400,#f78500);background:linear-gradient(top,#ff5400,#f78500);-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);border-radius:50%;overflow:hidden;box-sizing:border-box}
#show-orange{background:none!important;padding:77px 10px 10px!important;-webkit-box-shadow:0 0 0!important;box-shadow:0 0 0!important;width:180px!important;border-radius:0!important}
.close-orange{top:0!important;left:50%!important;margin-left:-15px;right:auto!important}
.orange-title{position:absolute;top:100px;z-index:999;left:0;width:100%}
#show-orange:before{top:30px!important;left:50%!important}
.searchbox>.searchinnerbox > input{border:2px solid #C7B199;box-sizing:border-box;outline:none}
#nav li:hover>a,.about-data>li>span,.change-page>div:hover a,.company-contact li:hover a,.foot-share ul li:hover a,.ind-btn a,.ind-pro:hover span,.indAbout-ul .ind-hover .h3 a,.indAbout-ul .ind-hover a:hover,.indAbout-ul .ind-hover h3 a,.inner-right .nav-list:hover>a,.inner-right .sf-menu .currentProType,.inner-right .sf-menu a:hover,.latest-products li:hover p,.news-con-tit h1,.pro-details-tit,.pro-info-con .sendInquiry,.pro-info-con h1,.pro-list-one:hover h3 a,.reason-ul li:hover h3,.search-icon i,.tit-h2 span{color:#3a81c7}
#banner .swiper-pagination-bullet,#banner .swiper-pagination-bullet-active,#nav li .submenu li:hover,#news-list>li:hover,.addresss,.foot-bot,.foot-tit:after,.idx-news-list li:hover,.ind-btn a:before,.ind-pro:hover .ind-pro-con i:after,.ind-pro:hover .ind-pro-con i:before,.inner #feedbackForm .submita,.inner-right .sf-menu .LiLevel1>a:after,.inner-right .tit,.pages a:hover,.pages span.ctxt,.pro-info-con .LayImAhrefNode,.pro-list-one .pro-img:hover i:after,.pro-list-one .pro-img:hover i:before,.reason-ul li:hover .i,.reason-ul li:hover i,.search-from #btnSearch{background-color:#3a81c7}
.ind-pro .ind-pro-con,.indAbout-ul li>span,.pro-list-one .pro-img:hover:after{background:rgba(58,129,199,.9)}
.company-contact li:hover:after,.ind-btn a,.inner-right li:hover i:before,.latest-products li:hover i,.pages a:hover,.pages span.ctxt,.pro-info-con .sendInquiry{border-color:#3a81c7}
#news-list>li:hover .ind-btn a:before{background:#fff!important}
#news-list>li:hover .ind-btn a:hover{color:#3a81c7!important}
.change-page>div:hover a{text-decoration-color:#3a81c7}
.ind-btn a span{position:relative;z-index:10}

.banner-btn>div:hover{background-color:#3a81c7}
.in-procate .indAbout-ul .ind-hover .h3 a{color:#fff}
.ind-pro:hover .ind-pro-con p{color:#fff}
.tit-h2{color:#3a81c7;font-size:32px}
.indAbout-ul li>span a{color:#fff}
.ab-video{margin:20px 64px 0;position:relative;}
.ab-video iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.wmkc-itemcont{height:auto!important;min-height:inherit!important}
#playVideo:not(.dtplay){display:none!important}
.foot-share{display:none}
@media (min-width:992px){.header-con:after {display:none;}
.top,.header-con {padding:0 8vw;flex-wrap:nowrap}
#nav>.nav{display:flex}
a.logo{display:flex;align-items:center}
#nav>ul>li>a{white-space:nowrap}}
@media (max-width:1700px) and (min-width:992px){.top,.header-con{padding:0 30px}}
@media (max-width:1440px) and (min-width:992px){.top,.header-con{padding:0 15px}
#nav>ul>li>a{padding:0 12px}}
@media (max-width:1200px) and (min-width:992px){#nav>ul>li>a{padding:0 8px}}