/*2741*/
@charset "utf-8";
html, body{font-family:'Nunito', Arial, sans-serif;color:#716c80;}

a{color:#716c80;}
a:hover{color:#1972b4;}
 h1,h2,h3, h4, h5,h6{ font-weight: 500; margin: 0;font-family:'Poppins', Arial, sans-serif;}
header-mid:after,
#nav-box:after{clear: both;display: table; content: " ";}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content: ""; height: 0; visibility: hidden; display: block; clear: both;}


*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
/*多次点击出现蓝色
body{-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none;
 user-select: none;}*/
 
.language{}
.language-box{padding:0;}
.language-con{height:70px;line-height:70px;color:#fff;font-size:0;padding:0;}
.language-con i{font-size:0;}
.language-list{top:100%;right:-15px;left:auto;overflow:hidden;overflow-y:auto;}
.language-con span img{width:30px;margin:0;}



.header-box{background:#fff;}
.header-box .header{height:70px;position:relative;padding:25px 0;}
.header-box .header-mid{position:relative;display: flex; flex-wrap: wrap;}
.header-box .logo{display: flex; align-items: center;width:15%;height:70px;padding:15px;box-sizing:border-box;}
.header-box .logo a{display:block;}
.header-box .logo img{max-height:50px;max-width:100%;display:inline-block;vertical-align:middle;}
.header-box .header-rt{width:85%;padding-left:15px;box-sizing:border-box;text-align:right;}
.header-box .header-r{display:inline-block;float:right;position:relative;z-index:9;}
.header-box .search-btn{display:inline-block;vertical-align:middle;position:relative;cursor:pointer;padding-left:23px;line-height:70px;}
.header-box .search-btn .icon{fill:#fff;width:20px;height:20px;vertical-align:middle;}
.header-box .search-box{position:absolute;right:0;top:0;left:0;bottom:0;border:0;box-shadow:0 10px 55px 5px rgba(137,173,255,.35);visibility:hidden;opacity:0;background:#fff;padding:50px 75px 0;line-height:normal;box-sizing:border-box;z-index:99;}

.header-box .search-txt{height:20px; width: calc(100% - 20px);padding-left:50px;background:none;color:#58468c;font-family:'Poppins',sans-serif;border:0;box-sizing:border-box;display:inline-block;border-radius:0;font-size:14px;font-weight:500;letter-spacing:1px;}
.header-box .searc_btn{display:inline-block;height:20px;width:20px;border:none;background:none;cursor:pointer;box-sizing:border-box;float:left;}
.header-box .searc_btn .icon{fill:#716c80;width:20px;height:20px;transform:rotate(90deg);}
.header-box .search-close{fill:#fff;background:#7aa0ff;width:20px;height:20px;padding:10px;border-radius:5px;position:absolute;top:-10px;right:0;}

.header-box .search-txt:focus{color:#716c80;}
.header-box .search-txt::-webkit-input-placeholder{color:#58468c}
.header-box .search-txt:-moz-placeholder{color:#58468c}                 
.header-box .search-txt::-moz-placeholder{color:#58468c}                 
.header-box .search-txt:-ms-input-placeholder{color:#58468c}


body.search-show .header-box .search-box{opacity:1;visibility:visible; }
body.search-show .header-box .search-btn>.icon{}
.header-box .search-box form{position:relative;font-size:0;}



.header-box .header-nav{display:inline-block;vertical-align:middle;text-align:left;float:right;position:relative;z-index:8;}
.header-box #nav-box .nav>li{position:relative;z-index:999;float:left;}
.header-box #nav-box .nav>li>a{padding: 0 23px;line-height:70px;display:block;font-size:16px;color:#fff;text-transform:capitalize;font-weight:400;font-family:'Poppins', Arial, sans-serif;}
.header-box #nav-box .nav>li:before{    content: '';
    position: absolute;
    left: 7px;
    top: calc(50% - 1px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
    background-color: #5580ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s cubic-bezier(.02,.54,.58,1);
    -moz-transition: opacity .2s cubic-bezier(.02,.54,.58,1);
    transition: opacity .2s cubic-bezier(.02,.54,.58,1);}



.header-box #nav-box .nav-sub{display:none;position:absolute;left:10%;top:100%;background:#fff;box-shadow:0 8px 15px rgba(0,0,0,0.1);min-width:208px;padding:24px 0;border-radius:10px;}
.header-box #nav-box .nav-sub dd a{padding:8px 22px 8px 33px;font-size:16px;line-height:24px;display:block;color:#716c80;transition:all 0.4s ease-in-out;text-transform:capitalize;position:relative;}
.header-box #nav-box .nav-sub dd a:before{  position: absolute;content:'';
    left: 18px;
    top: 50%;
    width: 0;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
    background-color: #5580ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
   transition:all 0.4s ease-in-out;}
.header-box #nav-box .nav-sub dd a:hover:before{width:6px;}

.header-box #nav-box .nav>li.on:before,.header-box #nav-box .nav>li.home:before{opacity:1;}
.header-box #nav-box .nav>li.on .nav-sub{display:block;}
.header-box #nav-box .nav-sub dd a:hover{margin-left:5px;}
.header-box #nav-box .nav-sub dd a:hover:before{opacity:1;}
.header-box .mobile-nav{display:none;line-height:normal;width:25%;float:left;}
.header-box .mobile-nav .mobile-nav-icon{height:32px;width:22px;position:relative;cursor:pointer;background:none;margin-top:19px;border-radius:4px;}
.header-box .mobile-nav .mobile-nav-icon:before,
.header-box .mobile-nav .mobile-nav-icon span,
.header-box .mobile-nav .mobile-nav-icon:after{position:absolute;left:0;top:9px;width:22px;height:3px;background:#58468c;content:'';border-radius:1px;}
.header-box .mobile-nav .mobile-nav-icon span{top:16px;}
.header-box .mobile-nav .mobile-nav-icon:after{top:23px;}

.header-box .mobile_nav{position:absolute;top:100%;max-height:calc(100vh - 120px);right:0;z-index:99;box-sizing:border-box;width: 100%;background:#fff;overflow-y: auto;text-align:left;display:none;padding:0 50px;border-bottom:1px solid #edeff2;}
.header-box .mobile_nav::-webkit-scrollbar {display: none;}


#mobile-nav-box li{}
#mobile-nav-box li .mobile-nav-box__link{position:relative;}
#mobile-nav-box li .icon{position:absolute;right:0;top:7px;width:40px;text-align:center;height:30px;fill:#a6a6a6;transition:transform .2s cubic-bezier(.02,.54,.58,1);transform:rotate(-90deg);}
#mobile-nav-box li .mobile-menu-on .icon{transform:rotate(0);}
#mobile-nav-box li a{padding:9px 0;display:block;font-size:14px;color:#716c80;text-transform:capitalize;border-bottom:1px solid #edeff2;font-weight:400;line-height:23px;position:relative;}
#mobile-nav-box > li:last-child a{border-bottom:0;}
#mobile-nav-box li .mobile-nav-box__link a:before{    content: '';
    position: absolute;
    left: -13px;
    top: calc(50% - 1px);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0;
    background-color: #ff8a73;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s cubic-bezier(.02,.54,.58,1);
    -moz-transition: opacity .2s cubic-bezier(.02,.54,.58,1);
    transition: opacity .2s cubic-bezier(.02,.54,.58,1);}
#mobile-nav-box li:first-child .mobile-nav-box__link a{}
#mobile-nav-box li .mobile-nav-box__link.mobile-menu-on a,
#mobile-nav-box li .mobile-nav-box__link.home a,
#mobile-nav-box li:hover .mobile-nav-box__link a{color:#ff8a73;}

#mobile-nav-box li .mobile-nav-box__link.mobile-menu-on>a:before,
#mobile-nav-box li .mobile-nav-box__link.home a:before,
#mobile-nav-box li:hover .mobile-nav-box__link a:before{opacity:1;}


#mobile-nav-box .mobile-nav-sub{ display: none;margin-left:15px;}
#mobile-nav-box .mobile-nav-sub a{color:#716c80;transition:all 0.3s ease-in-out;}
#mobile-nav-box .mobile-nav-sub a:hover{color:#ff8a73;}
body.nav-show{position:fixed;top:0;left:0;right:0;z-index:0;}
body.nav-show .topcategoriesbg {opacity: 0.3;visibility: visible;}
.topcategoriesbg {background: #000;width: 100%;height: 100%;position: fixed;left: 0; top: 0;opacity: 0;visibility: hidden;z-index: 98;}

body.nav-show .header-box .mobile-nav .mobile-nav-icon span{opacity:0;}
body.nav-show .header-box .mobile-nav .mobile-nav-icon:before{top:16px;transform:rotate(45deg);background:#ff8a73;}
body.nav-show .header-box .mobile-nav .mobile-nav-icon:after{top:16px;transform:rotate(-45deg);background:#ff8a73;}

.other_page .header-box{border-bottom:1px solid #edeff2;position:relative;}
.other_page .header-box .search-btn .icon{fill:#716c80;}
.other_page .header-box #nav-box .nav>li>a{color:#716c80;}

.header-box{ transition:all .3s ease-out;width:100%;padding:0 40px;box-sizing:border-box;position:absolute;left:0;top:0;box-shadow:none;background:none;z-index:99;}
.header-box.posFixed{background:#fff !important;box-shadow:none;position:fixed;top:0;left:0;z-index:99;animation:500ms ease-in-out 0s normal none 1 running fadeInDown;border-bottom:1px solid #edeff2;}
.header-box.posFixed .header{padding:0;}
.header-box.posFixed .search-btn .icon{fill:#716c80;}
.header-box.posFixed #nav-box .nav>li>a{color:#716c80;}
.header-box.posFixed .search-box{padding-top:25px;}


.message-box {
    background: url(../images/mes_bg.png) no-repeat center center;
    background-size: cover;}
	
#main{margin:0 !important;}
#main .button-prev,
#main .button-next{position:absolute;top:35%;width:50px;text-align:center;padding:12px 0 10px;cursor:pointer;z-index:9;outline:none;background:rgba(0,0,0,1);border-radius:0;}
#main .button-prev .icon,
#main .button-next .icon{width:20px;height:20px;fill:#fff;}
#main .button-next .icon{transform:rotate(180deg);}
#main .button-next:hover,#main .button-prev:hover{background:rgba(0,0,0,0.5);}

#main .button-prev{left:10px;}
#main .button-next{right:10px;}

#main .swiper-pagination-bullet{width:10px;height:10px;margin:10px;opacity:1;background:#ff8a73;border-radius:50%;}
#main .swiper-pagination-bullet-active{opacity:0.8;}
#main .swiper-pagination-bullet:nth-child(even){background:#58468c;}
#main .swiper-pagination-bullet:nth-child(odd){background:#7bb9ff;}
/*#main .swiper-pagination-bullet:first-child{background:#ff8a73;}*/
#main .swiper-pagination-bullet:nth-child(3n){background:#ff8a73;}
#main .swiper-pagination-current{color:#ff8a73;font-weight:700;}

.body-bg{position:absolute;top:0;left:0;display:block;width:100%;background-repeat:no-repeat;background-position:bottom center;background-size:cover;height:200vh;}

#main .banner-box{position:relative;}
#main .ibanner{position:relative;z-index:1;}
#main .ibanner .button-prev,
#main .ibanner .button-next{display:none;}
#main .ibanner:hover .button-prev,
#main .ibanner:hover .button-next{display:block;}
#main .ibanner .li{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;display:block;}
#main .ibanner .text{position:absolute;top:40%;left:50%;width:1200px;transform:translate(-50%,-50%);text-align:left;padding-left:100px;box-sizing:border-box;display:none;}
#main .ibanner .text h3{
	
    color: #fff;
    font-size: 50px;
	line-height:1.1;
    font-weight: 300;margin-bottom:25px;text-transform:capitalize;}

#main .ibanner .text .banner-detail{font-size: 18px;line-height:1.2;color:#9e98b2;}
#main .ibanner .swiper-pagination{display:none;}
#main .ibanner .li.swiper-slide-active .text{display:block;}


#main .index-tit{font-size:45px;line-height:1.2;color:#58468c;font-weight:300;display:block;text-transform:capitalize;margin-bottom:40px;font-family:'Poppins', Arial, sans-serif;}
#main .index-detail{font-size:20px;line-height:33px;color:#716c80;font-weight:300;}
#main .index-btn{background:#ff8a73;color:#fff;font-size:15px;letter-spacing:1px;display:inline-block;padding:0 38px;line-height:50px;margin-top:50px;border-radius:50px;transition:box-shadow .35s cubic-bezier(.02,.54,.58,1);}
#main .index-btn:hover{ box-shadow:rgba(255,138,115,0.5) 0 10px 25px 0; }


#main .home-ad1{position:relative;}
#main .home-ad1 img{display:block;max-width:100%;margin:0 auto;}
#main .home-ad1 img.has-txt{display:none;}
#main .home-ad1 .ad-con{display:flex;align-items:center;position:relative;padding:65px 0;width:100%;background-size:cover;background-position:right bottom;background-repeat:no-repeat;}

#main .home-ad1 .index-tit{padding-right:53px;padding-left:20px;width:50%;box-sizing:border-box;flex-shrink:0;margin-bottom:0;}
#main .home-ad1 .index-detail{padding-left:53px;padding-right:20px;width:50%;box-sizing:border-box;margin-top:0;}
#main .home-ad1 .ad-con:before{position:absolute;content:'';top:0;left:50%;height:100%;width:2px;background:#d9c3cb;margin-left:-1px;}


#main .home-video{}
#main .home-video img{display:inline-block;max-width:100%;}
#video-box{display:none;position:fixed;top:50%;transform:translateY(-50%);left:15%;width:70%;z-index:3;}
#video-box iframe{width:100%;height:540px;}
#video-box .icon{fill:#666;width:20px;height:20px;padding:5px;border-radius:50%;position:absolute;top:-40px;right:0;background:#fff; }
#video-bg{position:fixed;top:0;left:0;bottom:0;right:0;background:#58468c;display:none;z-index:2;opacity:0.8;}
body.video-show{position:fixed;z-index:1;}
body.video-show .header-box{z-index:1;}
body.video-show #video-box{display:block;}
body.video-show #video-bg{display:block;}

#video-box .html5-video-player{background:none;}


#main .service-box{padding:60px 0 90px;background:none;position:relative;z-index:9;}
#main .service-box ul{}
#main .service-box li{width:25%;padding:0 15px;text-align:center;box-sizing:border-box;transition:all .2s cubic-bezier(.02,.54,.58,1);}
#main .service-list__con {padding:30px 15px;background:#fff;border-radius:8px;transition:all .2s cubic-bezier(.02,.54,.58,1);}
#main .service-box li:hover .service-list__con{box-shadow:0 10px 55px 5px rgba(137,173,255,.35);transform:translateY(-20px);}
#main .service-list__con i{color: #5580ff;font-size: 70px;}
#main .service-box li:hover .service-list__con i{color:#ff8a73;}
#main .service-box li .service-icon{margin:0;}
#main .service-box li .service-info{padding:23px 0 21px;} 
#main .service-list__con h4{font-size:22px;color:#58468c;line-height:1.2;margin:23px 0 0;font-weight:400;}

#main .service-list__con p{color:#716c80;font-size:16px;line-height:28px;font-weight:300;margin-top:9px;}








#main .tag-box{text-align:center;padding:50px 0;}
/*#main .tag-box .index-tit{margin-bottom:50px;}*/
#main .tag-box .tag-products{padding:50px 0;position:relative;overflow:hidden; text-align: center;}
#main .tag-box .common-index-list{    padding: 10px 0;}
#main .tag-box .common-index-list li{    float: left;
    padding:0;
    box-sizing: border-box;}
#main .common-index-list .product-con	{ }
#main .tag-box .common-index-list .product-pic{position:relative;display:block;}
#main .tag-box .common-index-list li img{display:block;width:100%;position:relative;}
#main .tag-box .common-index-list li .product-name{    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 8px;}
#main .tag-box .common-index-list li .product-name:hover{color:#5580ff;}





#main .home-ad2{position:relative;display:flex;align-items:center;padding:70px 0;}
#main .home-ad2 .ad-con{display:block;width:50%;box-sizing:border-box;padding-left:53px;flex-shrink:0;}
#main .home-ad2 .ad-img{display:block;width:50%;box-sizing:border-box;padding-right:53px;}
#main .home-ad2 .ad-img img{display:block;width:100%;}
#main .home-ad2 .index-btn{border-radius:4px;transition:0.25s;padding:0 20px;}
#main .home-ad2 .index-btn:hover{ box-shadow: 0 5px 12px 0 rgba(0,0,0,.23);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);}
#main .home-ad2 .ad-img img:hover{animation-name: bounce;animation-duration:2s;}	
	

#main .single-tag{text-align:center;}
#main .single-tag .common-index-list li{width:33.33%;float:left;position:relative;}
#main .single-tag .common-index-list li .product-con{display:block;position:relative;overflow:hidden;display:flex;align-items:center;color:#fff;font-size:22px;font-weight:400;}
#main .single-tag .common-index-list li .product-con:before{position:absolute;top:0;left:0;content:'';width:100%;height:100%;box-sizing:border-box;opacity:0;background:rgba(42,42,51,.8);transition:opacity .4s cubic-bezier(.02,.54,.58,1);z-index:2;}
#main .single-tag .common-index-list li:hover .product-con:before{opacity:1;}

#main .single-tag .common-index-list li .product-con span{position:absolute;left:10px;right:10px;top:50%;transform:translateY(-50%);display:inline-block;opacity:0;transition:color .2s cubic-bezier(.02,.54,.58,1);z-index:3;}
#main .single-tag .common-index-list li:hover .product-con span{opacity:1;}
#main .single-tag .common-index-list li .product-con span:hover{color:#ff8a73;}
#main .single-tag .common-index-list li .product-con img{display:block;width:100%;transition:transform .3s;position:relative;z-index:1;}
#main .single-tag .common-index-list li:hover .product-con img{    -webkit-transform: scale(1.06);-moz-transform: scale(1.06);transform: scale(1.06);}


#main .home-ads{position:relative;display:flex;align-items:center;}
#main .home-ads .ad-con{display:block;width:50%;box-sizing:border-box;flex-shrink:0;}
#main .home-ads .ad-img{display:block;width:50%;box-sizing:border-box;}
#main .home-ads .ad-img img{display:block;max-width:100%;}
#main .home-ad3{padding:130px 0 0;}
#main .home-ad3 .ad-con{padding-left:77px;padding-right:50px;}
#main .home-ad4{padding:0 0 130px;}
#main .home-ad4 .ad-con{padding-right:77px;padding-left:50px;}



#main .news{padding:180px 0 70px;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:top center;}
#main .news .swiper-news{position:relative;overflow:hidden;padding-bottom:40px;}
#main .news li{box-sizing:border-box;position:relative;text-align:left;}
#main .news li .news-img{background-size:cover;background-repeat:no-repeat;background-position:center;height:200px;display:block;position:relative;overflow:hidden;}

#main .news li .text{padding:29px 0;text-align:left;display:block;}
#main .news li .tit{display:block;font-size:22px;line-height:1.2;color:#58468c;margin-bottom:10px;font-weight:400;}
#main .news li .time{font-size:14px;color:#666;display:inline-block;line-height:30px;}
#main .news li .detail{color: #716c80;font-size: 16px;line-height: 28px;font-weight:100;}

#main .home-ad5{position:relative;}
#main .home-ad5 .ad-img{background-size:0;background-repeat:no-repeat;background-position:center;}
#main .home-ad5 img{display:block;width:100%;}
#main .home-ad5 .ad-con{position:absolute;top:50%;left:50%;width:575px;transform:translate(-50%,-50%);text-align:center;}
#main .home-ad5 .index-tit{color:#fff;}
#main .home-ad5 .index-detail{color:#fff;}


#footer{background:#292933;color:#fff;font-size:14px;padding-top:0;}
#footer  a{color:#fff;}
#footer  a:hover{color:#ff8a73;}


#footer .help-center .newsletter_txt{height:40px;color:#716c80;transition:all 300ms linear 0ms;box-sizing:border-box;padding:10px;width:100%;vertical-align:top;border:0;background:#ffff;text-align:left;border-radius:4px;border:1px solid #716c80;text-indent:0;}
#footer .help-center .newsletter_btn{text-transform: uppercase;border: 0;border-radius:4px;background:none !important;border:1px solid #fff;font-family:inherit;}
#footer .help-center .newsletter_btn:hover{background:#fff !important;color:#292933;}

#footer .help-center{padding:118px 0 125px;}
#footer .help-center dt{font-size:18px;text-transform:capitalize;font-weight:100;color:#fff;margin:9px 0 22px;font-family:'Poppins',sans-serif;font-weight:400;}
#footer .help-center dt a{color:#fff;}

#footer .help-center dd{font-size:16px;line-height:28px;margin-bottom:0;}
#footer .help-center .quick-links dd{}
#footer .quick-links dd a,
#footer .hot-tags dd a{margin-bottom:0;color:#fff;height:auto;line-height:inherit;display:inline-block;}
#footer .quick-links dd a:hover,
#footer .hot-tags dd a:hover{color:#ff8a73;text-decoration:none;}
#footer .help-center .contact-us,#footer .help-center .about-us{width:25%;}
#footer .help-center .icon{width:16px;height:16px;fill:#fff;padding-right:5px;vertical-align:middle;}
#footer .help-center .about-us img{display:block;max-height:26px;}
#footer .help-center dl.subscribe{padding-right:0;}
#footer .help-center dl.subscribe dd{background:rgba(0,0,0,.1);padding:13px 20px 19px;border-radius:10px;}

#footer .sns{margin:30px 0 0;}
#footer .sns li a{line-height:46px;color:rgb(36, 36, 43);border:0;display:block;transition:all 0.3s ease-in-out;background:#fff;font-size:22px;border-radius:50%;}
#footer .sns li a:hover{color:#ff8a73;}
#footer .sns li{width: 46px;height: 46px;margin: 7px 14px 0 0;}

#footer .foot{padding:26px 0;background:#25252e;}

#footer .copyright{border-top:0;height:auto;line-height:28px;text-align:center;margin-top:0;font-size:14px;}
#footer .wap-effect{display:none;}
/*内页*/
#product-detail .relevant-list li img{display:block;width:100%;}
#product-detail .relevant-list li{margin:0 5px;}

/*橙色 #ff9832*/
.home_common_style_orange .header-box #nav-box .nav>li:before,
.home_common_style_orange .header-box .search-close,
.home_common_style_orange #main .index-btn,
.home_common_style_orange #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_orange .header-box #nav-box .nav-sub dd a:before{background:#ff9832 !important;}

.home_common_style_orange #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_orange #main .service-list__con i,
.home_common_style_orange #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_orange #footer .quick-links dd a:hover,
.home_common_style_orange #footer .hot-tags dd a:hover,
.home_common_style_orange #footer .sns li a:hover{color:#ff9832;}

.home_common_style_orange #main .index-btn:hover{box-shadow:rgba(255,152,50,0.5) 0 10px 25px 0;}


.home_common_style_orange #main .service-box{background:none;}
.home_common_style_orange #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_orange #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_orange #main .service-box li:hover .service-list__con i{color:#58468c;}

/*红色#c6727a*/
.home_common_style_red .header-box #nav-box .nav>li:before,
.home_common_style_red .header-box .search-close,
.home_common_style_red #main .index-btn,
.home_common_style_red #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_red .header-box #nav-box .nav-sub dd a:before{background:#ed3445 !important;}

.home_common_style_red #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_red #main .service-list__con i,
.home_common_style_red #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_red #footer .quick-links dd a:hover,
.home_common_style_red #footer .hot-tags dd a:hover,
.home_common_style_red #footer .sns li a:hover{color:#ed3445;}

.home_common_style_red #main .index-btn:hover{box-shadow:rgba(198,114,122,0.5) 0 10px 25px 0;}


.home_common_style_red #main .service-box{background:none;}
.home_common_style_red #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_red #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_red #main .service-box li:hover .service-list__con i{color:#58468c;}




/*黄色#bdbe24*/

.home_common_style_yellow .header-box #nav-box .nav>li:before,
.home_common_style_yellow .header-box .search-close,
.home_common_style_yellow #main .index-btn,
.home_common_style_yellow #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_yellow .header-box #nav-box .nav-sub dd a:before{background:#e0ce08 !important;}

.home_common_style_yellow #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_yellow #main .service-list__con i,
.home_common_style_yellow #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_yellow #footer .quick-links dd a:hover,
.home_common_style_yellow #footer .hot-tags dd a:hover,
.home_common_style_yellow #footer .sns li a:hover{color:#e0ce08;}

.home_common_style_yellow #main .index-btn:hover{box-shadow:rgba(224,206,8,0.5) 0 10px 25px 0;}


.home_common_style_yellow #main .service-box{background:none;}
.home_common_style_yellow #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_yellow #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_yellow #main .service-box li:hover .service-list__con i{color:#58468c;}





/*绿色#21a421*/

.home_common_style_green .header-box #nav-box .nav>li:before,
.home_common_style_green .header-box .search-close,
.home_common_style_green #main .index-btn,
.home_common_style_green #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_green .header-box #nav-box .nav-sub dd a:before{background:#21a421 !important;}

.home_common_style_green #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_green #main .service-list__con i,
.home_common_style_green #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_green #footer .quick-links dd a:hover,
.home_common_style_green #footer .hot-tags dd a:hover,
.home_common_style_green #footer .sns li a:hover{color:#21a421;}

.home_common_style_green #main .index-btn:hover{box-shadow:rgba(33,164,33,0.5) 0 10px 25px 0;}


.home_common_style_green #main .service-box{background:none;}
.home_common_style_green #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_green #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_green #main .service-box li:hover .service-list__con i{color:#58468c;}


/*青色#21b5b5*/

.home_common_style_cyan .header-box #nav-box .nav>li:before,
.home_common_style_cyan .header-box .search-close,
.home_common_style_cyan #main .index-btn,
.home_common_style_cyan #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_cyan .header-box #nav-box .nav-sub dd a:before{background:#21b5b5 !important;}

.home_common_style_cyan #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_cyan #main .service-list__con i,
.home_common_style_cyan #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_cyan #footer .quick-links dd a:hover,
.home_common_style_cyan #footer .hot-tags dd a:hover,
.home_common_style_cyan #footer .sns li a:hover{color:#21b5b5;}

.home_common_style_cyan #main .index-btn:hover{box-shadow:rgba(33,181,181,0.5) 0 10px 25px 0;}


.home_common_style_cyan #main .service-box{background:none;}
.home_common_style_cyan #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_cyan #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_cyan #main .service-box li:hover .service-list__con i{color:#58468c;}




/*蓝色#114b94*/
.home_common_style_blue .header-box #nav-box .nav>li:before,
.home_common_style_blue .header-box .search-close,
.home_common_style_blue #main .index-btn,
.home_common_style_blue #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_blue .header-box #nav-box .nav-sub dd a:before{background:#2773cf !important;}

.home_common_style_blue #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_blue #main .service-list__con i,
.home_common_style_blue #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_blue #footer .quick-links dd a:hover,
.home_common_style_blue #footer .hot-tags dd a:hover,
.home_common_style_blue #footer .sns li a:hover{color:#2773cf;}

.home_common_style_blue #main .index-btn:hover{box-shadow:rgba(17,75,148,0.5) 0 10px 25px 0;}


.home_common_style_blue #main .service-box{background:none;}
.home_common_style_blue #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_blue #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_blue #main .service-box li:hover .service-list__con i{color:#58468c;}

/*紫色#36012d*/
.home_common_style_purple .header-box #nav-box .nav>li:before,
.home_common_style_purple .header-box .search-close,
.home_common_style_purple #main .index-btn,
.home_common_style_purple #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_purple .header-box #nav-box .nav-sub dd a:before{background:#ae0892 !important;}

.home_common_style_purple #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_purple #main .service-list__con i,
.home_common_style_purple #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_purple #footer .quick-links dd a:hover,
.home_common_style_purple #footer .hot-tags dd a:hover,
.home_common_style_purple #footer .sns li a:hover{color:#ae0892;}

.home_common_style_purple #main .index-btn:hover{box-shadow:rgba(174,8,146,0.5) 0 10px 25px 0;}


.home_common_style_purple #main .service-box{background:none;}
.home_common_style_purple #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_purple #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_purple #main .service-box li:hover .service-list__con i{color:#58468c;}
/*粉色#ea0073*/
.home_common_style_pink .header-box #nav-box .nav>li:before,
.home_common_style_pink .header-box .search-close,
.home_common_style_pink #main .index-btn,
.home_common_style_pink #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_pink .header-box #nav-box .nav-sub dd a:before{background:#ea0073 !important;}

.home_common_style_pink #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_pink #main .service-list__con i,
.home_common_style_pink #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_pink #footer .quick-links dd a:hover,
.home_common_style_pink #footer .hot-tags dd a:hover,
.home_common_style_pink #footer .sns li a:hover{color:#ea0073;}

.home_common_style_pink #main .index-btn:hover{box-shadow:rgba(234,0,115,0.5) 0 10px 25px 0;}


.home_common_style_pink #main .service-box{background:none;}
.home_common_style_pink #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_pink #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_pink #main .service-box li:hover .service-list__con i{color:#58468c;}


/*黑色#666*/

.home_common_style_black .header-box #nav-box .nav>li:before,
.home_common_style_black .header-box .search-close,
.home_common_style_black #main .index-btn,
.home_common_style_black #main .swiper-pagination-bullet:nth-child(3n),
.home_common_style_black .header-box #nav-box .nav-sub dd a:before{background:#333 !important;}

.home_common_style_black #main .tag-box .common-index-list li .product-name:hover,
.home_common_style_black #main .service-list__con i,
.home_common_style_black #main .single-tag .common-index-list li .product-con span:hover,
.home_common_style_black #footer .quick-links dd a:hover,
.home_common_style_black #footer .hot-tags dd a:hover,
.home_common_style_black #footer .sns li a:hover{color:#333;}

.home_common_style_black #main .index-btn:hover{box-shadow:rgba(51,51,51,0.5) 0 10px 25px 0;}


.home_common_style_black #main .service-box{background:none;}
.home_common_style_black #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_black #footer .help-center .newsletter_btn:hover{background:#fff !important;}

.home_common_style_black #main .service-box li:hover .service-list__con i{color:#58468c;}


@media screen and (max-width:1366px){
	.wrapper{width:100%;box-sizing:border-box;padding:0 50px;}
	.header-box{padding:0 50px;}


	#main .ibanner .text{left:50px;width:auto;right:350px;padding-left:50px;padding-right:0;transform: translate(0,-50%);}
	#main .banner-video{right:50px;}

	}
@media screen and (max-width:1200px){
	.header-box{position:relative;background:#fff;}
	.header-box .header-rt{width:30%;}
	.header-box .logo{width:40%;text-align:center;}
	.header-box .logo a{width:100%;}
	.header-box .logo img{max-height:40px;}
	.header-box .header-nav .nav-box{display:none;}
	.header-box .mobile-nav{display:inline-block;width:30%;}
	.header-box .header-nav{line-height:normal;z-index:1001;}
	.header-box .search-btn .icon{fill:#716c80;}
	.header-box .header{padding:0;}
	.header-box .search-box{padding-top:25px;}
	#main .ibanner .li{height:calc(100vh - 70px);}

	/*#inquiry-box, #feedback-box, #search-error404, #error404, #sitemap-box, #module-login, #brands-box, #notice-box{margin:0 auto;}
	#page-products-list, #navpage, #page-news, #news-detail, #product-detail .product-detail__wrapper{margin-top:50px;}*/
	
	
	#main .ibanner .text .banner-detail{}
	#main .ibanner .text h3{font-size:58px;}
	
	#main .index-tit{font-size:40px;margin-bottom:20px;}
	#main .home-ad3 .ad-con{padding-left:50px;padding-right:0;}
	#main .home-ad4 .ad-con{padding-left:0;padding-right:50px;}

	#main .news li .text{padding:20px 0;}
	#main .news li .tit{font-size:16px;}
	#main .news li .detail{font-size:14px;}


	}

@media screen and (max-width:1024px){
	#main .ibanner:hover .button-prev,
	#main .ibanner:hover .button-next{display:none;}
	#main .ibanner .swiper-pagination{display:inline-block;}
	
	
	#main .ibanner .text .banner-detail{}
	#main .ibanner .text h3{font-size:53px;}
	#main .ibanner .text{padding-left:0;}
	#main .tag-box{padding:0;}
	#main .swiper-pagination-bullet{margin:5px;}
	#main .service-box li{width:50%;}
	
	#main .home-ad3{padding-top:100px;}
	#main .home-ad4{padding-bottom:100px;}
	#main .single-tag .common-index-list {margin-left:-15px;margin-right:-15px;}
	#main .single-tag .common-index-list li .product-con{display:block;}
	#main .single-tag .common-index-list li .product-con:before{display:none;}
	#main .single-tag .common-index-list li .product-con span{position:static;transform:none;background:rgba(42,42,51,.8);display:block;padding:10px;font-size:16px;opacity:1;}
	#main .single-tag .common-index-list li:hover .product-con img{-webkit-transform: none;
    -moz-transform: none;
    transform: none;}
	#main .single-tag .common-index-list li{padding:15px;box-sizing:border-box;}


	}
@media screen and (max-width:992px){
  	#product-detail .bigimgbox:before{z-index:9;}
	#footer .help-center{padding:50px 0 30px;}
	#footer .help-center dl.about-us{width:50%;}
	#footer .help-center dl.contact-us{width:50%;}
	#footer .help-center dl{width:50%;}
	#footer .help-center dl{margin-bottom:20px;}
	#footer .sns li a{line-height:40px;}
	#footer .sns li{width:40px;height:40px;}
	
	#footer .help-center dl.subscribe{width:50%;padding-right:0;}
	/*
	#footer .help-center .newsletter_btn{vertical-align:top;margin-top:0;}
	#footer .help-center .newsletter_txt{width:300px;margin-right:10px;}
	#footer .help-center .subscribe form{font-size:0;}*/
	#footer .wap-effect{display:block;}
	#main .ibanner .text{right:280px;}

	#main .ibanner .text h3{font-size:51px;}
	#main .home-ad1 img.has-txt{display:none;max-width:100%;margin:0 auto;}
	#main .home-ad1 .ad-con{display:block;background-size:0;}
	#main .home-ad1 .index-tit{width:100%;padding:0 20px;text-align:center;margin-bottom:20px;}
	#main .home-ad1 .index-detail{width:100%;padding:0 20px;text-align:center;}
	#main .home-ad1 .ad-con:before{width:0;}

	#main .service-list__con{padding:30px 10px;}
	#main .service-box{padding:50px 0;}
	#main .home-ad2{display:block;}
	#main .home-ad2 .ad-img{width:100%;padding-right:0;}
	#main .home-ad2 .ad-con{width:100%;padding-left:0;margin-top:20px;}	
	#main .home-ads{display:block;}
	#main .home-ads .ad-img{width:100%;}
	#main .home-ads .ad-img img{margin:0 auto;}
	#main .home-ads .ad-con{width:100%;padding:30px 0;text-align:center;}
	#main .home-ads .index-btn{margin-top:40px;}
	#main .home-ads .index-tit,
	#main .home-ads .index-detail{text-align:left;}
	
	#main .index-btn{line-height:42px;padding:0 29px;}
		
	#main .news li .tit{margin-bottom:10px;}
	#main .news li .news-img{height:180px;}
	
	


	}
	
@media screen and (max-width:768px){

	#footer .sns{margin-top:20px;}
	#footer .sns li{}
	
	#footer .copyright{float:none;height:auto;}
	#footer .foot{padding:10px 0;}
	#footer .help-center{padding:50px 0;}
	
	
	#main .ibanner .text .banner-detail{}
	#main .ibanner .text h3{font-size:39px;}

	#main .index-btn{margin-top:35px;}
	#main .home-ad5 .ad-con{position:relative;top:0;left:0;width:100%;transform:none;box-sizing:border-box;padding:100px 50px;display:block;z-index:2;}
	#main .home-ad5 .ad-img{background-size:cover;position:absolute;top:0;left:0;display:block;height:100%;width:100%;z-index:1;}
	#main .home-ad5 .ad-img img{display:none;}
	#main .news{padding:100px 0 50px;}
	.header-box .search-txt{padding-left:20px;}


	
	


	}
@media screen and (max-width:767px){
	.wrapper{padding:0 20px;}
	.header-box{padding:0 20px;}
	#footer .sns li a{}
	#footer .help-center dl dt{border-bottom:0;height:25px;line-height:25px;margin-bottom:10px;font-size:16px;}
	#footer .help-center dl dd{padding:0;}
	#footer .help-center dl.subscribe{padding-right:0;margin-top:0;}
	#footer .help-center .newsletter_btn{display:block;margin-top:20px;padding:11px 30px;}
	#footer .help-center .newsletter_txt{}
	
	#footer .help-center dt .help-icon{height:25px;line-height:25px;color:#52eac8;}
	
	#main .ibanner .text{left:20px;right:20px;top:50%;text-align:center;}
	#main .ibanner .text h3{font-size:31px;}
	
	#main .index-tit{font-size:36px;}
	#main .index-detail{line-height:1.4;}
	

	#main .service-list__con h4{font-size:20px;}
	#main .service-box li{margin:0;}

	#main .single-tag .common-index-list li{width:50%;}
	#main .home-ad5 .ad-con{padding:100px 20px 50px;}
	.header-box .search-box{padding:25px 20px 0;}
	.header-box .mobile_nav{padding:0 20px;}

	}
@media screen and (max-width:480px){

	
	.header-box .mobile_nav {}

	#footer .help-center .newsletter_txt{width:100%;margin-right:0;}
	/*#page-products-list, #navpage, #page-news, #news-detail{margin-top:40px;}*/
	
	#main .ibanner .text h3{font-size:30px;}

	

	#main .index-tit{font-size:24px;}
	#main .service-box li{width:100%;}
	#main .service-box li .service-info{padding:0;}
	#main .single-tag .common-index-list li{width:100%;}

	.language-list{height:auto;max-height:none;right:0;}
	.language{position:static;float:right;}
	
	.header-box .search-btn{padding-left:13px;}
	#main .single-tag .common-index-list{margin:0;}
	#main .single-tag .common-index-list li{padding:15px 20px;}
	}
@media screen and (max-width:320px){
	
	
	}