/*2713*/
@charset "utf-8";
html, body{font-family:'Montserrat',sans-serif;}
a{-webkit-transition: all 700ms; transition: all 700ms;}
a:hover{color:#ff6400;}
h1, h2, h3, h4, h5, h6{ font-weight: 500; margin: 0; }
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;}



.language-box{
	padding:0;
	margin-left:15px;
}
.language-con{
	padding:0;
	height:50px;
	line-height:50px;
}
.language-con span img{
	width:28px;margin:0;
}
.language-list{
	right:0;
	left:auto;
	top:50px;
}

.header-box{padding:15px 0; z-index: 9999; transition:all .3s ease-out;position:relative;z-index:99;width:100%;background:transparent;}
.header-box.posFixed{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.9);box-shadow:0 6px 12px 0 rgba(0,0,0,.04);}
.header-box.posFixed #nav-box .nav>li>a{color:#333;}
.header-box.posFixed .search-btn>.icon{fill:#333;}
.header-box.other_header_box{background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.04);}
.header-box.other_header_box #nav-box .nav>li>a{color:#333;}
.header-box.other_header_box .search-btn>.icon{fill:#333;}
/*body.nav-show .header-box{background:rgba(255,255,255,0.9);}*/
.header-box .header{height:50px;line-height:50px;position:relative;}
.header-box .header-mid{position:relative;display: flex; flex-wrap: wrap;}
.header-box .logo{display: flex; align-items: center;width:15%;height:100%;padding-right:15px;box-sizing:border-box;}
.header-box .logo a{display:block;}
.header-box .logo img{max-height:100%;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;}
.header-box .search-btn{display:inline-block;vertical-align:middle;position:relative;cursor:pointer;padding-left:20px;}
.header-box .search-btn .icon{fill:#ff6400;width:22px;height:22px;vertical-align:middle;}
.header-box .search-box{position:absolute;right:-25px;top:98px;border:0;visibility:hidden;opacity:0;background:#434343;padding:7px;line-height:normal;display:none;}
.header-box .search-txt{border:none;height: 40px;line-height:normal; width: 300px;padding-right:40px;padding-left:10px;background:#dadae3;color:#1c1c1c;}
.header-box .searc_btn{position:absolute;right:0;top:0px;height:40px;width:40px;border:none;background:#303030;cursor:pointer;-webkit-transition: all 700ms; transition: all 700ms;}
.header-box .searc_btn .icon{fill:#fff;-webkit-transition: all 700ms; transition: all 700ms;}
.header-box .searc_btn:hover{background-position: left bottom!important;}
.header-box .searc_btn:hover svg{fill:#fff;}

body.search-show .header-box .search-box{top:65px;opacity:1;visibility:visible;display:block;}
body.search-show .header-box .search-btn>.icon{fill:#ea0c16;}
.header-box .search-box form{position:relative;}
.header-box .searc_btn:hover{background:#ff6400;}


.header-box .header-nav{display:inline-block;vertical-align:middle;text-align:left;float:right;}
.header-box #nav-box .nav>li{position:relative;z-index:999;float:left;}
.header-box #nav-box .nav>li>a{padding: 0 15px;display:block;font-size:13px;color:#fff;transition:all 0.3s ease-in-out;text-transform:uppercase;border-bottom:1px solid transparent;}
.header-box #nav-box .nav-sub{display:none;position:absolute;left:0;top:100%;background:#1a1a1a;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);min-width:160px;margin-top:-1px;border-top:2px solid #ff6400;}
.header-box #nav-box .nav-sub dd a{padding:16px 20px;font-size:13px;line-height:16px;display:block;color:#7e848e;}
.header-box #nav-box .nav>li.on>a{color:#ff6400;border-bottom:1px solid #ff6400;}
.header-box #nav-box .nav>li.on .nav-sub{display:block;}
.header-box #nav-box .nav-sub dd a:hover{color:#ff6400;}
.header-box .mobile-nav{display:none;line-height:normal;}
.header-box .mobile-nav .mobile-nav-icon{height:40px;width:40px;position:relative;cursor:pointer;background:#303030;margin-top:5px;}
.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:12px;top:12px;width:16px;height:3px;background:#fff;content:'';transition:all 0.3s;}
.header-box .mobile-nav .mobile-nav-icon span{top:19px;}
.header-box .mobile-nav .mobile-nav-icon:after{top:26px;}

.header-box .mobile_nav{max-height:calc(70vh);overflow-y: auto;display:none;background:#1a1a1a;position:absolute;top:80px;left:0;width:100%;z-index:99;box-sizing:border-box;line-height:22px;}
#mobile-nav-box{}
#mobile-nav-box li{}
#mobile-nav-box li .mobile-nav-box__link{position:relative;}
#mobile-nav-box li .icon{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px;text-align:center;height:40px;line-height:40px;font-size:25px;color:#fff;}
#mobile-nav-box li a{padding:12px 50px;display:block;font-size:16px;color:#f7f7f9;}
#mobile-nav-box .mobile-nav-sub{padding:0 15px;background:#222;}
/*#mobile-nav-box .mobile-menu-on .icon,
#mobile-nav-box .mobile-menu-on a{color:#ff6400 !important}*/
#mobile-nav-box .mobile-nav-sub a{font-size:12px;}
body.nav-show{position:fixed;top:0;left:0;right:0;z-index:0;}
/*body.nav-show .header-box{position:fixed;top:0;left:0;right:0;margin-top:0;margin-bottom:0;background:#1c1c1c;box-shadow:0px 13px 30px -12px rgba(0, 0, 0, 0.75);}
body.nav-show .header{box-shadow:none;}*/
body.nav-show .topcategoriesbg {
    opacity: 0.5;
    visibility: visible;
}
.topcategoriesbg {background: #666;width: 100%;height: 100%;position: fixed;left: 0; top: 0;opacity: 0;visibility: hidden;z-index: 9;}
body.nav-show .mobile_nav{}
body.nav-show .header-box .mobile-nav .mobile-nav-icon:before{top:19px;transform:rotate(45deg);}
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:19px;transform:rotate(45deg);}
body.nav-show .header-box .mobile-nav .mobile-nav-icon:after{top:19px;transform:rotate(-45deg);}


.message-box {
    background: url(../images/mes_bg.png) no-repeat center center;
    background-size: cover;}

#main{margin-top:0 !important;}
#main .button-prev,
#main .button-next{position:absolute;top:50%;width:52px;text-align:center;padding:16px 0;cursor:pointer;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);z-index:9;outline:none;background:rgba(215, 215, 215, 1);}
#main .button-prev svg,
#main .button-next svg{width:100%;height:20px;fill:#fff;}
#main .button-next:hover,#main .button-prev:hover{background:#ff6400;}
#main .button-prev{left:0;}
#main .button-next{right:0;}


#main .bottom-effect{position:absolute;bottom:-1px;left:0;right:0;z-index:1;}
#main .bottom-effect img{display:block;width:100%;}
#main .design-arrow {
    width: 1px;
    height: 50px;
    background: #ddd;
    position: relative;
    margin: 10px auto;
}
#main .design-arrow:before{    content: "";
    display: block;box-sizing:border-box;
    position: absolute;
    width: 11px;
    height: 11px;
    border: 2px solid #ff6400;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 100%;
    left: -5px;}

#main .banner-box{position:relative;overflow:hidden;margin-bottom:-80px;margin-top:-80px;}
#main .banner-box .button-prev,
#main .banner-box .button-next{display:none;}
#main .banner-box:hover .button-prev,
#main .banner-box:hover .button-next{display:block;}
#main .banner-box .button-prev:hover,
#main .banner-box .button-next:hover{background:#ff6400;}
#main .ibanner{position:relative;}
#main .ibanner .li{position:relative;display:block;background-size:cover;background-position:center;background-repeat:center;height:600px;}
#main .ibanner .text{position:absolute;top:30%;left:50%;width:1200px;transform:translate(-50%,0);text-align:center;}
#main .ibanner .text h3{

    color: #fff;
    padding: 15px 0;
    font-size: 70px;
    font-weight: 600;
    text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
#main .ibanner .text .banner-detail{
    color: #fff;
	text-transform:uppercase;
    font-size: 25px;
    padding: 0;
}
#main .ibanner .text .banner-btn{font-size:13px;font-weight:600;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;cursor:pointer;display:inline-block;padding:15px 25px;margin-top:30px;color:#fff;background:#ff6400;border-radius:3px;line-height:20px;letter-spacing:2px;}
#main .ibanner .text .banner-btn:hover{opacity:0.7;}

#main .home-ad1,#main .home-ad2 {margin-top:100px;}
#main .home-ad1 img,#main .home-ad2 img{display:block;width:100%;}



	
#main .tag-products{margin-top:100px;position:relative;}

#main .tag-products li .product-pic{display: block;
    position: relative;
    z-index: 2; background: #000;
   }
#main .tag-products li  .product-pic img{display:block;width:100%;}
#main .tag-products li:hover .product-pic img{opacity:0.15;}
#main .tag-products li .product-name{    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 8;
    opacity: 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;}
#main .tag-products li:hover .product-name	{opacity:1;}
#main .tag-products li .product-name:before{    margin-bottom: 15px;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #ff6400;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;box-sizing:border-box;}
#main .index-tit{text-align:center;margin-bottom:70px;}
#main .index-tit a{font-size: 26px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 1px;}
#main .index-tit a:hover{color:#ff6400;}
#main .home-ad3{margin-top:100px;overflow:hidden;position:relative;}
#main .home-ad3 .ad-tit{font-size: 26px;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 1px;width:1200px;margin:0 auto;}
#main .home-ad3 .ad-detail{ font-family: 'Playfair Display',serif;
    font-style: italic;
    font-size: 16px;
    color: #999;}
#main .home-ad3  .ad{display:block;background-size:cover;background-position:top center;background-repeat:no-repeat;padding:100px 0;}	



#main .home-ad3 .ad .ad-txt{color:#fff;text-align:center;}

#main .home-ad3 .ad .ad-btn{display:inline-block;background:#ff6400;padding:10px 30px;border-radius:20px;cursor:pointer;font-size:16px;font-weight:400;margin-top:50px;}
#main .home-ad3 .ad .ad-btn:hover{opacity:0.7;}


#main .service-box{background:none;padding:0;margin-top:100px;}
#main .service-box li{width:33.33%;margin:40px 0;}

#main .service-icon{float:left;margin:0;background:#eff2f7;border:1px solid #eff2f7;border-radius:50%;padding:5px;transition:all 0.3s ease-out;text-align:center;}
#main .service-icon i{color:#333;border:1px solid #ddddde;background:#fff;transition:all 0.3s ease-out;width:66px;height:66px;line-height:66px;font-size:30px;border-radius:50%;}
#main .service-info{width:calc(100% - 90px);float:right;padding-top:15px;}
#main .service-list__con h4{font-size:15px;color:#333;text-transform:uppercase;font-weight:600;line-height:1.1;margin:0 0 15px;}
#main .service-list__con p{color:#333;}
#main .service-box li:hover .service-icon{border-color:#ddddde;}
#main .service-box li:hover .service-icon i{background:#ff6400;color:#fff;}

#main .home-ad4 .ad-tit,#main .home-ad4 .ad-detail{color:#fff;}




#main .news{position:relative;overflow:hidden;margin-top:100px;margin-bottom:100px;}
#main .news li{box-sizing:border-box;}
#main .news li .news-img{background-size:cover;background-repeat:no-repeat;background-position:center;height:200px;display:block;position:relative;}
#main .news li .news-img:before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;transition:all 0.3s ease-out;}
#main .news li .news-img span{    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    z-index: 3;
    opacity: 0;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;}

#main .news li .news-img span:before{    margin-bottom: 15px;
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #ff6400;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;box-sizing:border-box;}
#main .news li .news-img:hover span	{opacity:1;}
#main .news li .news-img:hover:before{display:block;}
#main .news li .text{padding:15px 0;text-align:left;}
#main .news li .tit{display:block;margin-bottom:25px;margin-top:15px;position:relative;line-height:1.1;text-transform:uppercase;color:#323c46;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
#main .news li .tit:after{    content: "";
    display: block;
    margin-top: 20px;
    width: 25px;
    height: 4px;
    background: #ff6400;}
#main .news li .tit:hover{color:#ff6400;}
#main .news li .time{color:#cacaca;font-weight:600;font-size:15px;margin-bottom:12px;}
#main .news li .descript{font-size:14px;color:#323c46;line-height:24px;font-family: sans-serif;}
#main .news .index-tit span:after,#main .news .index-tit span:before{right:-10px;left:auto;}






#footer{background-color:#1c1c1c;font-size:14px;padding-top:0;}
#footer .sns{padding:60px 0;margin:0;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;}
#footer .sns .ad-tit{    color: #999;
    font-size: 16px;
    font-family: 'Playfair Display',serif;
    font-style: italic;
}
#footer .sns ul{padding:15px 0 3px;}
#footer .sns li a{line-height:44px;color:#999;border:2px solid #5a5a5a;border-radius:50%;display:block;transition:all 0.3s ease-in-out;}
#footer .sns li a:hover{background:#ff6400;border-color:#ff6400;color:#fff;}
#footer .sns li{width:48px;height:48px;margin:0 6px 12px;}
#footer .help-center{padding:80px 0;}
#footer .help-center dt{padding-bottom:20px;}
#footer .help-center dt:after{    content: '';
    width: 25px;
    height: 4px;
    background-color: #ff6400;
    position: absolute;
    left: 0;
    bottom: 0;}
#footer .help-center .subscribe{padding:0;}
#footer .help-center .newsletter_txt{border-radius:0;background:none;color:#474747;border:0!important;border-bottom:1px solid #333 !important;padding-right:100px;transition:all 300ms linear 0ms;}
#footer .help-center .newsletter_btn{background:none !important;border-radius:0;color:#999;transition:all 300ms linear 0ms;position:absolute;top:0;right:0;margin:0;padding:14px 10px;}
#footer .help-center .subscribe form{position:relative;}
#footer .help-center .newsletter_btn:hover{color:#ff6400;}
#footer .help-center dd{line-height:34px;color:#999;font-size:14px;}
#footer .help-center .about-us dd p{line-height:30px;font-size:12px;}
#footer .quick-links dd a,
#footer .hot-tags dd a{margin-bottom:0;color:#999;height:auto;line-height:inherit;}
#footer .quick-links dd a:hover,
#footer .hot-tags dd a:hover{color:#ff6400;}
#footer .help-center .quick-links dd{min-width:50%;max-width:100%;float:left;}
#footer .help-center .contact-us,#footer .help-center .about-us{width:25%;}
#footer .foot{background:#000;padding:15px;}

#footer .copyright{border-top:0;height:40px;line-height:40px;text-align:center;font-weight:600;text-transform:uppercase;margin-top:0;}
/*内页*/
#product-detail .relevant-list li img{display:block;width:100%;}
#product-detail .relevant-list li .thumb-act{display:none;}
#product-detail .relevant-list li.other{display:none;}
#product-detail .relevant-list li .cate-name{display:none;}

/*橙色 #ff9832*/
.home_common_style_orange #main .main-product-list, 
.home_common_style_orange #main .service-box,
.home_common_style_orange #footer .help-center .newsletter_btn{background:none !important;}

/*红色#ba2836*/
.home_common_style_red #main .main-product-list, 
.home_common_style_red #main .service-box,
.home_common_style_red #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_red a:hover{color:#ba2836;}
.home_common_style_red .header-box .search-btn>.icon,
.home_common_style_red body.search-show .header-box .search-btn>.icon{fill:#ba2836;}
.home_common_style_red #main .ibanner .text .banner-btn,
.home_common_style_red #main .banner-box .button-prev:hover,
.home_common_style_red #main .banner-box .button-next:hover,
.home_common_style_red .header-box .searc_btn:hover,
.home_common_style_red #main .home-ad3 .ad .ad-btn,
.home_common_style_red #main .service-box li:hover .service-icon i,
.home_common_style_red #main .news li .tit:after,
.home_common_style_red #footer .help-center dt:after,
.home_common_style_red #footer .sns li a:hover{background:#ba2836 !important;}
.home_common_style_red .header-box #nav-box .nav>li.on>a,
.home_common_style_red .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_red #footer .help-center .newsletter_btn:hover,
.home_common_style_red #main .index-tit a:hover{color:#ba2836 !important;}
.home_common_style_red .header-box #nav-box .nav-sub,
.home_common_style_red .header-box #nav-box .nav>li.on>a,
.home_common_style_red #main .design-arrow:before,
.home_common_style_red #main .tag-products li .product-name:before,
.home_common_style_red #footer .sns li a:hover{border-color:#ba2836 !important;}
/*黄色#8a8b1b*/
.home_common_style_yellow #main .main-product-list, 
.home_common_style_yellow #main .service-box,
.home_common_style_yellow #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_yellow a:hover{color:#8a8b1b;}
.home_common_style_yellow .header-box .search-btn>.icon,
.home_common_style_yellow body.search-show .header-box .search-btn>.icon{fill:#8a8b1b;}
.home_common_style_yellow #main .ibanner .text .banner-btn,
.home_common_style_yellow #main .banner-box .button-prev:hover,
.home_common_style_yellow #main .banner-box .button-next:hover,
.home_common_style_yellow .header-box .searc_btn:hover,
.home_common_style_yellow #main .home-ad3 .ad .ad-btn,
.home_common_style_yellow #main .service-box li:hover .service-icon i,
.home_common_style_yellow #main .news li .tit:after,
.home_common_style_yellow #footer .help-center dt:after,
.home_common_style_yellow #footer .sns li a:hover{background:#8a8b1b !important;}
.home_common_style_yellow .header-box #nav-box .nav>li.on>a,
.home_common_style_yellow .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_yellow #footer .help-center .newsletter_btn:hover,
.home_common_style_yellow #main .index-tit a:hover{color:#8a8b1b !important;}
.home_common_style_yellow .header-box #nav-box .nav-sub,
.home_common_style_yellow .header-box #nav-box .nav>li.on>a,
.home_common_style_yellow #main .design-arrow:before,
.home_common_style_yellow #main .tag-products li .product-name:before,
.home_common_style_yellow #footer .sns li a:hover{border-color:#8a8b1b !important;}


/*绿色#21a421*/
.home_common_style_green #main .main-product-list, 
.home_common_style_green #main .service-box,
.home_common_style_green #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_green a:hover{color:#21a421;}
.home_common_style_green .header-box .search-btn>.icon,
.home_common_style_green body.search-show .header-box .search-btn>.icon{fill:#21a421;}
.home_common_style_green #main .ibanner .text .banner-btn,
.home_common_style_green #main .banner-box .button-prev:hover,
.home_common_style_green #main .banner-box .button-next:hover,
.home_common_style_green .header-box .searc_btn:hover,
.home_common_style_green #main .home-ad3 .ad .ad-btn,
.home_common_style_green #main .service-box li:hover .service-icon i,
.home_common_style_green #main .news li .tit:after,
.home_common_style_green #footer .help-center dt:after,
.home_common_style_green #footer .sns li a:hover{background:#21a421 !important;}
.home_common_style_green .header-box #nav-box .nav>li.on>a,
.home_common_style_green .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_green #footer .help-center .newsletter_btn:hover,
.home_common_style_green #main .index-tit a:hover{color:#21a421 !important;}
.home_common_style_green .header-box #nav-box .nav-sub,
.home_common_style_green .header-box #nav-box .nav>li.on>a,
.home_common_style_green #main .design-arrow:before,
.home_common_style_green #main .tag-products li .product-name:before,
.home_common_style_green #footer .sns li a:hover{border-color:#21a421 !important;}
/*青色#21b5b5*/
.home_common_style_cyan #main .main-product-list, 
.home_common_style_cyan #main .service-box,
.home_common_style_cyan #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_cyan a:hover{color:#21b5b5;}
.home_common_style_cyan .header-box .search-btn>.icon,
.home_common_style_cyan body.search-show .header-box .search-btn>.icon{fill:#21b5b5;}
.home_common_style_cyan #main .ibanner .text .banner-btn,
.home_common_style_cyan #main .banner-box .button-prev:hover,
.home_common_style_cyan #main .banner-box .button-next:hover,
.home_common_style_cyan .header-box .searc_btn:hover,
.home_common_style_cyan #main .home-ad3 .ad .ad-btn,
.home_common_style_cyan #main .service-box li:hover .service-icon i,
.home_common_style_cyan #main .news li .tit:after,
.home_common_style_cyan #footer .help-center dt:after,
.home_common_style_cyan #footer .sns li a:hover{background:#21b5b5 !important;}
.home_common_style_cyan .header-box #nav-box .nav>li.on>a,
.home_common_style_cyan .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_cyan #footer .help-center .newsletter_btn:hover,
.home_common_style_cyan #main .index-tit a:hover{color:#21b5b5 !important;}
.home_common_style_cyan .header-box #nav-box .nav-sub,
.home_common_style_cyan .header-box #nav-box .nav>li.on>a,
.home_common_style_cyan #main .design-arrow:before,
.home_common_style_cyan #main .tag-products li .product-name:before,
.home_common_style_cyan #footer .sns li a:hover{border-color:#21b5b5 !important;}


/*蓝色#114b94*/
.home_common_style_blue #main .main-product-list, 
.home_common_style_blue #main .service-box,
.home_common_style_blue #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_blue a:hover{color:#114b94;}
.home_common_style_blue .header-box .search-btn>.icon,
.home_common_style_blue body.search-show .header-box .search-btn>.icon{fill:#114b94;}
.home_common_style_blue #main .ibanner .text .banner-btn,
.home_common_style_blue #main .banner-box .button-prev:hover,
.home_common_style_blue #main .banner-box .button-next:hover,
.home_common_style_blue .header-box .searc_btn:hover,
.home_common_style_blue #main .home-ad3 .ad .ad-btn,
.home_common_style_blue #main .service-box li:hover .service-icon i,
.home_common_style_blue #main .news li .tit:after,
.home_common_style_blue #footer .help-center dt:after,
.home_common_style_blue #footer .sns li a:hover{background:#114b94 !important;}
.home_common_style_blue .header-box #nav-box .nav>li.on>a,
.home_common_style_blue .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_blue #footer .help-center .newsletter_btn:hover,
.home_common_style_blue #main .index-tit a:hover{color:#114b94 !important;}
.home_common_style_blue .header-box #nav-box .nav-sub,
.home_common_style_blue .header-box #nav-box .nav>li.on>a,
.home_common_style_blue #main .design-arrow:before,
.home_common_style_blue #main .tag-products li .product-name:before,
.home_common_style_blue #footer .sns li a:hover{border-color:#114b94 !important;}


/*紫色#36012d*/
.home_common_style_purple #main .main-product-list, 
.home_common_style_purple #main .service-box,
.home_common_style_purple #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_purple a:hover{color:#92067a;}
.home_common_style_purple .header-box .search-btn>.icon,
.home_common_style_purple body.search-show .header-box .search-btn>.icon{fill:#92067a;}
.home_common_style_purple #main .ibanner .text .banner-btn,
.home_common_style_purple #main .banner-box .button-prev:hover,
.home_common_style_purple #main .banner-box .button-next:hover,
.home_common_style_purple .header-box .searc_btn:hover,
.home_common_style_purple #main .home-ad3 .ad .ad-btn,
.home_common_style_purple #main .service-box li:hover .service-icon i,
.home_common_style_purple #main .news li .tit:after,
.home_common_style_purple #footer .help-center dt:after,
.home_common_style_purple #footer .sns li a:hover{background:#92067a !important;}
.home_common_style_purple .header-box #nav-box .nav>li.on>a,
.home_common_style_purple .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_purple #footer .help-center .newsletter_btn:hover,
.home_common_style_purple #main .index-tit a:hover{color:#92067a !important;}
.home_common_style_purple .header-box #nav-box .nav-sub,
.home_common_style_purple .header-box #nav-box .nav>li.on>a,
.home_common_style_purple #main .design-arrow:before,
.home_common_style_purple #main .tag-products li .product-name:before,
.home_common_style_purple #footer .sns li a:hover{border-color:#92067a !important;}


/*粉色#ea0073*/
.home_common_style_pink #main .main-product-list, 
.home_common_style_pink #main .service-box,
.home_common_style_pink #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_pink a:hover{color:#ea0073;}
.home_common_style_pink .header-box .search-btn>.icon,
.home_common_style_pink body.search-show .header-box .search-btn>.icon{fill:#ea0073;}
.home_common_style_pink #main .ibanner .text .banner-btn,
.home_common_style_pink #main .banner-box .button-prev:hover,
.home_common_style_pink #main .banner-box .button-next:hover,
.home_common_style_pink .header-box .searc_btn:hover,
.home_common_style_pink #main .home-ad3 .ad .ad-btn,
.home_common_style_pink #main .service-box li:hover .service-icon i,
.home_common_style_pink #main .news li .tit:after,
.home_common_style_pink #footer .help-center dt:after,
.home_common_style_pink #footer .sns li a:hover{background:#ea0073 !important;}
.home_common_style_pink .header-box #nav-box .nav>li.on>a,
.home_common_style_pink .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_pink #footer .help-center .newsletter_btn:hover,
.home_common_style_pink #main .index-tit a:hover{color:#ea0073 !important;}
.home_common_style_pink .header-box #nav-box .nav-sub,
.home_common_style_pink .header-box #nav-box .nav>li.on>a,
.home_common_style_pink #main .design-arrow:before,
.home_common_style_pink #main .tag-products li .product-name:before,
.home_common_style_pink #footer .sns li a:hover{border-color:#ea0073 !important;}

/*黑色#666*/
.home_common_style_black #main .main-product-list, 
.home_common_style_black #main .service-box,
.home_common_style_black #footer .help-center .newsletter_btn{background:none !important;}
.home_common_style_black a:hover{color:#666;}
.home_common_style_black .header-box .search-btn>.icon,
.home_common_style_black body.search-show .header-box .search-btn>.icon{fill:#666;}
.home_common_style_black #main .ibanner .text .banner-btn,
.home_common_style_black #main .banner-box .button-prev:hover,
.home_common_style_black #main .banner-box .button-next:hover,
.home_common_style_black .header-box .searc_btn:hover,
.home_common_style_black #main .home-ad3 .ad .ad-btn,
.home_common_style_black #main .service-box li:hover .service-icon i,
.home_common_style_black #main .news li .tit:after,
.home_common_style_black #footer .help-center dt:after,
.home_common_style_black #footer .sns li a:hover{background:#666 !important;}
.home_common_style_black .header-box #nav-box .nav>li.on>a,
.home_common_style_black .header-box #nav-box .nav-sub dd a: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 #main .news li .tit:hover,
.home_common_style_black #footer .help-center .newsletter_btn:hover,
.home_common_style_black #main .index-tit a:hover{color:#666 !important;}
.home_common_style_black .header-box #nav-box .nav-sub,
.home_common_style_black .header-box #nav-box .nav>li.on>a,
.home_common_style_black #main .design-arrow:before,
.home_common_style_black #main .tag-products li .product-name:before,
.home_common_style_black #footer .sns li a:hover{border-color:#666 !important;}




@media screen and (max-width:1366px){
	.wrapper{width:100%;box-sizing:border-box;padding:0 50px;}
	
	#main .ibanner .text{box-sizing:border-box;width:auto;box-sizing:border-box;left:50px;right:50px;transform:translate(0,0);}
	#main .home-ad3 .ad-tit{width:100%;padding:0 50px;box-sizing:border-box;}
	}
@media screen and (max-width:1200px){
	.header-box{background:#fff;}
	.header-box .search-btn>.icon{fill:#333;}
	#main .banner-box{margin-top:0;margin-bottom:0;}
	#main .ibanner .text h3{font-size:50px;}
	#main .ibanner .text .banner-detail{font-size:20px;}
	.header-box .header-rt,.header-box .logo{width:50%;}
	.header-box .header-nav .nav-box{display:none;}
	.header-box .mobile-nav{display:inline-block;}
	.header-box .header-nav{line-height:normal;}
    /*#main .bottom-effect:after,#main .bottom-effect{height:100px;bottom:-27px;}*/
	#main .service-box ul{margin-left:-50px;width:calc(100% + 100px);}
	#main .service-box li{padding:0 50px;width:50%;}

	#main{margin:0 auto;}
    #footer .help-center{padding:40px 0;}
	#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;}
	}
@media screen and (max-width:1024px){

	}
@media screen and (max-width:992px){
 #product-detail .bigimgbox:before{z-index:9;}
	
	}
@media screen and (max-width:768px){
	#main .ibanner .li{height:400px;}
	#main .button-prev, #main .button-next{display:block;width:30px;}
	#main .ibanner .text h3{font-size:30px;}
	#main .ibanner .text .bannder-detail{font-size:18px;}
	#main .ibanner .text .banner-btn{padding:10px 25px;margin-top:20px;}
	#main .index-tit a{font-size:20px;}
	/*#main .bottom-effect:after,#main .bottom-effect{height:60px;bottom:12px;}*/
	#main .tag-products li .product-name{opacity:1;bottom:15px;left:15px;}
	#main .tag-products li:hover .product-pic img{opacity:1;}
	#main .tag-products li .product-rt:before{position:absolute;content:'';bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);height:70px;z-index:6;}
	}
@media screen and (max-width:767px){
	.wrapper{padding:0 20px;}
	.header-box .search-txt{width:200px;}
	#main .ibanner .text{left:20px;right:20px;}
	
	#main .home-ad1, #main .home-ad2{margin-top:50px;}
	#main .tag-products{margin-top:50px;}
	#main .home-ad3{margin-top:50px;}
	#main .home-ad3 .ad{padding:70px 0;}
	#main .home-ad3 .ad-tit{font-size:20px;}
	#main .home-ad3 .ad-detail{font-size:14px;}
	#main .home-ad3 .ad .ad-btn{margin-top:30px;}
	#main .design-arrow{height:30px;}
	#main .index-tit{margin-bottom:40px;}
	#main .home-ad3 .ad-tit{padding:0 20px;}
	#main .service-box{margin-top:50px;}
	#main .service-box li{width:100%;margin:20px 0;}
	#main .news{margin-bottom:50px;}
	#footer .sns{padding:30px 0;}
	#footer .sns li{height:38px;width:38px;}
	#footer .sns li a{line-height:34px;font-size:16px;border-width:1px;}
	#footer .help-center dl dt{border-bottom:0;height:35px;line-height:35px;padding-bottom:10px;}
	#footer .help-center dl dd{padding:0;}
	#footer .foot{padding:0 20px;}

	}
@media screen and (max-width:480px){
	#main .ibanner .li{height:350px;}
	#page-products-list, #navpage, #page-news, #news-detail{margin-top:40px;}
	
	.language-list{height:auto;overflow:unset;}
	.language{float:right;}
	}
@media screen and (max-width:320px){
	#main .home-ad1, #main .home-ad2{margin-top:30px;}
	}