@charset "utf-8";
html, body{font-family:Raleway;}
a{color:#666;transition:all 0.3s;}
a:hover{color:#45bf55;}
input{-webkit-appearance:none; -moz-appearance: none;}
.clearfix{zoom:1;}
.clearfix:after{content: ""; height: 0; visibility: hidden; display: block; clear: both;}
.wrap{transition:all 0.3s;}

.language-box{

}
.language-con{
	padding:0;
	color:#fff;
}
.language-list{
	right:0;
	left:auto;
	top:100%;
}

body.nav-show{position:fixed;top:0;left:0;right:0;z-index:0;}
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: 7;
}
.header-top-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
#header-adaption{text-align:center;}
#header-adaption .header-top{background:#24201f;}
#header-adaption .header-top_right{color:#fff;}
#header-adaption .header-top_right span{display:inline-block;padding-right:15px;font-size:12px;}
#header-adaption .header-top_right a{display:inline-block;padding-left:10px;font-size:12px;}
#header-adaption .sns{float:left;font-size:0;}
#header-adaption .sns li{display:inline-block;font-size:16px;line-height:55px;border-left:1px solid #000;width:44px;text-align:center;}
#header-adaption .sns li a{display:block;color:#fff;}
#header-adaption .sns li a:hover{color:#45bf55;}
#header-adaption .header-mid-box{position:relative;z-index:99;background:#fff;width:100%;}
#header-adaption .header-mid-box{box-shadow:0 1px 4px 0 rgba(0,0,0,.2);}
#header-adaption.posFixed{position:fixed;top:0;left:0;right:0;z-index:99;}
#header-adaption.posFixed .header-top{display:none;}
#header-adaption .header-mid{width:1200px;display:inline-block;height:100px;}
#header-adaption .logo{float:left;height:100px;}
#header-adaption .logo a{display:block;height:100%;}
#header-adaption .logo a img{vertical-align:middle;max-height:80%;}
#header-adaption .logo a span{height:100%;display:inline-block;vertical-align:middle;}
#header-adaption .mobile-nav-box{display:none;position:absolute;left:0;right:0;top:100px;z-index:99;box-shadow:0 1px 4px 0 rgba(0,0,0,.2);background:#fff;max-height:420px;overflow:auto;}

#header-adaption .mobile-nav{float:right;padding:30px 0 0;display:none;}
#header-adaption .mobile-nav .mobile-nav-icon{height:40px;width:40px;position:relative;cursor:pointer;}
#header-adaption .mobile-nav .mobile-nav-icon:before,
#header-adaption .mobile-nav .mobile-nav-icon span,
#header-adaption .mobile-nav .mobile-nav-icon:after{position:absolute;left:8px;top:12px;width:24px;height:3px;background:#24201f;content:'';transition:all 0.3s;}
#header-adaption .mobile-nav .mobile-nav-icon span{top:19px;}
#header-adaption .mobile-nav .mobile-nav-icon:after{top:26px;}
#header-adaption #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:#dd5555 ;}
#header-adaption #mobile-nav-box li .mobile-nav-box__link{position:relative;}
#header-adaption #mobile-nav-box li .mobile-nav-sub{display:none;}
#header-adaption #mobile-nav-box li .mobile-nav-sub a{font-size:13px;text-indent:10px;}
body.nav-show #header-adaption .mobile-nav .mobile-nav-icon:before{top:19px;transform:rotate(45deg);background:#ba2836;}
body.nav-show #header-adaption .mobile-nav .mobile-nav-icon span{opacity:0;}
body.nav-show #header-adaption .mobile-nav .mobile-nav-icon:after{top:19px;transform:rotate(-45deg);background:#ba2836;}
#header-adaption .nav{float:right;}
#header-adaption .nav li{float:left;}
#header-adaption .nav li a{padding:0 15px;font-size:13px;letter-spacing:0.5px;display: block; height: 100px; line-height: 100px; text-transform: uppercase; color: #141414; transition:all 0.3s ease-in-out;position:relative;}
#header-adaption .nav li .icon{display:none;}
#header-adaption .nav li.on > a{color:#45bf55;background:none;}
#header-adaption .nav li.on > a:before{position:absolute;content:'';height:4px;left:0;right:0;bottom:0;background:#45bf55;}
#header-adaption .nav li.home a:hover{color:#02124d;}
#header-adaption .nav .nav-sub{position: absolute; top: auto; left: auto; width: 235px; z-index: 99; background: #fff; opacity: 0; visibility: hidden;transition:all 0.3s;border-top:1px solid #f3f3f3;box-shadow:0 3px 9px -5px rgba(0,0,0,.25);text-align:left;}
#header-adaption .nav .nav-sub dd{border:0;}
#header-adaption .nav .nav-sub dd a{color:#333;font-weight:normal;height:45px;line-height:45px;text-transform:capitalize;}
#header-adaption .nav .nav-sub dd a:hover{background:#45bf55;color:#fff;}
#header-adaption .nav li:hover .nav-sub{opacity: 1; visibility: visible;}
#header-adaption .search-i{float:right;height:100px;}
#header-adaption .search-i svg{fill:#141414;width:20px;height:20px;padding:40px 15px;}
body.search-show #header-adaption .search-i svg{fill:#ba2836;}
#header-adaption .search-box{position:relative;width:100%;padding:20px 0;margin:0;border-top:0; background: #fff;display:none;box-shadow:0 1px 4px 0 rgba(0,0,0,.2)}
#header-adaption .search-box .wrapper{position:relative;}
body.search-show #header-adaption .search-box{display:block;position:absolute;top:100px;left:0;right:0;}
#header-adaption .search-txt{width: 100%;color:#555;background:none;border:0;font-size:20px;padding-right:60px;box-sizing:border-box;}
#header-adaption .search-btn{position:absolute;right:0;top:0;bottom:0;padding:0 20px;background:none;border:0;}
#header-adaption .search-btn svg{fill:#555;width:20px;height:20px;}

#main a:hover{color:#45bf55 !important;}
/*#header .wrapper,
#main .wrapper{width:100%;max-width:1200px;}*/
#main .button-prev,
#main .button-next{position:absolute;top:50%;width:12px;text-align:center;padding:10px 12px;height:20px;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:#e6e6e6}
#main .button-prev svg,
#main .button-next svg{width:100%;height:20px;fill:#24201f;}
#main .button-next:hover,#main .button-prev:hover{background:#45bf55 !important;}
#main .button-next:hover svg,#main .button-prev:hover svg{fill:#fff !important;}
#main .button-prev{left:0;}
#main .button-next{right:0;}


#main .banner-box{width: 100%;line-height:normal;overflow:hidden;position:relative;}
#main .banner-box .ibanner{position:relative;}
#main .banner-box .banner-pic{background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;display:block;height:600px;}
#main .banner-box .text{background-color:#45bf55;background-image:url(../images/pattern1.png);background-repeat:repeat;text-align:center;padding:30px 0;}
#main .banner-box .text-con{display: flex;align-items: center;justify-content: space-around;}
#main .banner-box .banner-detail{font-size:17px;color:#fff;display:inline-block;padding-right:50px;letter-spacing:0.5px;vertical-align:middle;width:70%;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
#main .banner-box .banner-btn{display:inline-block;padding:8px 18px;border-radius:1px;color:#fff;border:1px solid #fff;text-transform:capitalize;font-size:14px;cursor:pointer;vertical-align:middle;height:20px;line-height:20px;}
#main .banner-box .banner-btn:hover{color:#141414;background:#fff;}
#main .banner-box h3{width:1200px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:50px;font-weight:600;text-transform:uppercase;background:none;color:#fff;}

#main .banner-ads{width:calc(100% + 30px);margin-left:-15px;margin-top:100px;margin-bottom:100px;}
#main .banner-ads .li{width:calc(33.33% - 30px);margin:0 15px;float:left;}
#main .banner-ads .li img{display:block;width:100%;box-shadow:2px 2px 4px 0 rgba(0,0,0,.08);border-radius:2px;}

#main .tag-tit{text-align:center;padding-bottom:50px;}
#main .tag-tit a{color:#24201f;padding-bottom:15px;font-size:25px;text-transform:uppercase;position:relative;display:block;}
#main .tag-tit p{font-weight:400;font-size:16px;color:#666;padding:10px 0;}
#main .tag-tit a:before{position:absolute;width:200px;height:1px;content:'';bottom:0;left:50%;transform:translateX(-50%);background:#d4d4d4;}
#main .common-index-list li{position:relative;text-align:center;}
#main .common-index-list li img{width:100%;}
#main .common-index-list li .product-name{font-size:17px;color:#24201f;font-weight:600;display:block;padding:20px 0 0;text-transform:capitalize;letter-spacing:0.5px;}

#main .tag-pros{background:#eee;padding:50px 0;}
#main .single-tag{padding:50px 0;position:relative;}
#main .swiper-tag{overflow:hidden;}
#main .cate-box{padding:100px 0;position:relative;background:#eee;}
#main .cate-box img{display:block;width:100%;}
/*#main .cate-box .tit{position:absolute;bottom:0;left:0;right:0;background:#090909;padding:20px 8px;color:#fff;text-transform:uppercase;text-align:center; opacity:0; -webkit-transition: opacity .2s,-webkit-transform .35s; transition: opacity .2s,-webkit-transform .35s; transition: opacity .2s,transform .35s; transition: opacity .2s,transform .35s,-webkit-transform .35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0);}
#main .cate-box li:hover .tit{opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}*/
#main .cate-box .tit{position:absolute;bottom:0;left:0;right:0;background:rgba(9,9,9,0.3);padding:20px 8px;color:#fff;text-transform:uppercase;text-align:center;}
#main .cate-box .tit:hover{color:#45bf55;background:#191919;}

#main .service-box{padding:100px 0;background:url(../images/wrapper_bg.png) repeat;}
#main .service-box ul{width:calc(100% + 4px);margin-left:-2px;}
#main .service-box li{width:calc(25% - 4px);float:left;margin:0 2px;box-sizing:border-box;text-align:center;padding:0;}
#main .service-icon{box-shadow:0 0 0 3px #45bf55;border-radius:50%;display:inline-block;background:#fcfcfc;transition:all 0.3s;margin:0;}
#main .service-icon i{text-align:center;color:#45bf55;font-size:40px;border:1px solid #fff;display:inline-block;width:73px;line-height:73px;border-radius:50%;transition:all 0.3s;}
#main .service-box li:hover .service-icon{background:#45bf55;}
#main .service-box li:hover .service-icon i{color:#fff;}
#main .service-box li .service-info{margin-top:-24px;background:#fff;padding:20px 10px 30px;}
#main .service-list__con h4{font-size:19px;color:#24201f;margin:20px 0 15px;}
#main .service-list__con p{height:80px;color:#666;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
#main .home-ad{position:relative;word-wrap:break-word;}
#main .home-ad:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; content: ''; z-index: 2;}
#main .home-ad-con{padding:100px 0;color:#fff;text-align:center;position:relative;z-index:9;}
#main .home-ad-title{font-size: 50px; margin: 0 0 30px; text-transform: uppercase;}
#main .home-ad-detail{font-size: 20px; margin: 0 0 50px;}
#main .home-ad-btn{display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; border-radius: 2px; background: #45bf55; color: #fff; font-weight: bold; font-size: 16px;}
#main .home-ad-btn:hover{background:#24201f;color:#fff !important;}
#main .news{padding-top:100px;}
#main .news .swiper-news{overflow:hidden;position:relative;}
#main .news_con{padding:20px 0;}
#main .news_con li .news-img{display:block;width:100%;height:200px;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main .news_con li .text{padding:15px 0;text-align:left;}
#main .news_con li .time{margin-bottom:15px;}
#main .news_con li .brief{color:#666;margin-bottom:15px;line-height:20px;}
#main .news_con li .title{font-size:17px;letter-spacing:0.5px;color:#24201f;font-weight:600;text-transform:uppercase;display:block;margin-bottom:15px;}
#main .news_con li .more a{text-transform: capitalize; display: block; padding: 8px 0;}
#main .news_con li .more a i{padding-left:15px;font-family:Arial, Helvetica, sans-serif;}

#footer{background:#24201f;color:#ccc;font-size:14px;}
#footer .help-center dt,
#footer .help-center dt a{color:#fff;font-weight:bold;height:60px;text-transform:capitalize;font-size:20px;position:relative;}
#footer .help-center dt:after{content: ''; width: 30px; height: 3px; background-color: #45bf55;position:absolute;left:0;bottom:0;}
#footer .quick-links dd a,
#footer .hot-tags dd a{color:#ccc;}
#footer .quick-links dd a:hover,
#footer .hot-tags dd a:hover{color:#45bf55;}
#footer .help-center .newsletter_btn{background:#141414;border-radius:0;height:45px;line-height:45px;padding:0 30px;margin:15px 0 0;color:#ccc;}
#footer .help-center .newsletter_btn:hover{background:#45bf55;color:#fff;}
#footer .help-center .newsletter_txt{color:#ccc;border:0;border-bottom:1px solid #444;border-radius:0;}
#footer .help-center .newsletter_txt:focus{background:none;}
#footer .copyright{margin:50px 0 0;color:#000;font-size:16px;background:#45bf55;text-align:center;padding:15px 0;border:0;height:auto;line-height:1.2;}
#footer .sns{margin:15px 0 0;}


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

/*橙色#cb7f35*/
.home_common_style_orange #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_orange #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_orange #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_orange .change-bg{background-color:#cb7f35 !important;}
.home_common_style_orange #main a:hover,
.home_common_style_orange #footer .quick-links dd a:hover{color:#cb7f35 !important;}
.home_common_style_orange #main .service-icon i,
.home_common_style_orange #header-adaption .nav li.on > a,
.home_common_style_orange #header-adaption .sns li a:hover,
.home_common_style_orange #header-adaption .mobile-nav-box li a:hover,
.home_common_style_orange #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_orange #main .cate-box .tit:hover{color:#cb7f35;}
.home_common_style_orange #main .service-icon{box-shadow:0 0 0 3px #cb7f35;}
.home_common_style_orange #main .service-box li:hover .service-icon,
.home_common_style_orange #main .home-ad-btn,
.home_common_style_orange #footer .help-center dt:after,
.home_common_style_orange #footer .help-center .newsletter_btn:hover,
.home_common_style_orange #main .button-next:hover,
.home_common_style_orange #main .button-prev:hover,
.home_common_style_orange #header-adaption .nav li.on > a:before,
.home_common_style_orange #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_orange #header-adaption .mobile-nav .mobile-nav-on:after
.home_common_style_orange #header-adaption .mobile-nav .mobile-nav-on:before{background:#cb7f35 !important;}
/*body.search-show .home_common_style_orange #header-adaption .search-i svg{fill:#cb7f35;}*/
/*红色#ba2836*/
.home_common_style_red #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_red #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_red #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_red .change-bg{background-color:#ba2836 !important;}
.home_common_style_red #main a:hover,
.home_common_style_red #footer .quick-links dd a:hover{color:#ba2836 !important;}
.home_common_style_red #main .service-icon i,
.home_common_style_red #header-adaption .nav li.on > a,
.home_common_style_red #header-adaption .sns li a:hover,
.home_common_style_red #header-adaption .mobile-nav-box li a:hover,
.home_common_style_red #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_red #main .cate-box .tit:hover{color:#ba2836;}
.home_common_style_red #main .service-icon{box-shadow:0 0 0 3px #ba2836;}
.home_common_style_red #main .service-box li:hover .service-icon,
.home_common_style_red #main .home-ad-btn,
.home_common_style_red #footer .help-center dt:after,
.home_common_style_red #footer .help-center .newsletter_btn:hover,
.home_common_style_red #main .button-next:hover,
.home_common_style_red #main .button-prev:hover,
.home_common_style_red #header-adaption .nav li.on > a:before,
.home_common_style_red #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_red #header-adaption .mobile-nav .mobile-nav-on:before,
.home_common_style_red #header-adaption .mobile-nav .mobile-nav-on:after{background:#ba2836 !important;}
/* body.search-show .home_common_style_red #header-adaption .search-i svg{fill:#ba2836;}*/

/*黄色#8a8b1b*/
.home_common_style_yellow #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_yellow #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_yellow #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_yellow .change-bg{background-color:#8a8b1b !important;}
.home_common_style_yellow #main a:hover,
.home_common_style_yellow #footer .quick-links dd a:hover{color:#8a8b1b !important;}
.home_common_style_yellow #main .service-icon i,
.home_common_style_yellow #header-adaption .nav li.on > a,
.home_common_style_yellow #header-adaption .sns li a:hover,
.home_common_style_yellow #header-adaption .mobile-nav-box li a:hover,
.home_common_style_yellow #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_yellow #main .cate-box .tit:hover{color:#8a8b1b;}
.home_common_style_yellow #main .service-icon{box-shadow:0 0 0 3px #8a8b1b;}
.home_common_style_yellow #main .service-box li:hover .service-icon,
.home_common_style_yellow #main .home-ad-btn,
.home_common_style_yellow #footer .help-center dt:after,
.home_common_style_yellow #footer .help-center .newsletter_btn:hover,
.home_common_style_yellow #main .button-next:hover,
.home_common_style_yellow #main .button-prev:hover,
.home_common_style_yellow #header-adaption .nav li.on > a:before,
.home_common_style_yellow #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_yellow #header-adaption .mobile-nav .mobile-nav-on:before,
.home_common_style_yellow #header-adaption .mobile-nav .mobile-nav-on:after{background:#8a8b1b !important;}
/*body.search-show .home_common_style_yellow #header-adaption .search-i svg{fill:#8a8b1b;}*/
/*绿色#21a421*/
.home_common_style_green #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_green #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_green #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_green .change-bg{background-color:#21a421 !important;}
.home_common_style_green #main a:hover,
.home_common_style_green #footer .quick-links dd a:hover{color:#21a421 !important;}
.home_common_style_green #main .service-icon i,
.home_common_style_green #header-adaption .nav li.on > a,
.home_common_style_green #header-adaption .sns li a:hover,
.home_common_style_green #header-adaption .mobile-nav-box li a:hover,
.home_common_style_green #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_green #main .cate-box .tit:hover{color:#21a421;}
.home_common_style_green #main .service-icon{box-shadow:0 0 0 3px #21a421;}
.home_common_style_green #main .service-box li:hover .service-icon,
.home_common_style_green #main .home-ad-btn,
.home_common_style_green #footer .help-center dt:after,
.home_common_style_green #footer .help-center .newsletter_btn:hover,
.home_common_style_green #main .button-next:hover,
.home_common_style_green #main .button-prev:hover,
.home_common_style_green #header-adaption .nav li.on > a:before,
.home_common_style_green #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_green #header-adaption .mobile-nav .mobile-nav-on:after,
.home_common_style_green #header-adaption .mobile-nav .mobile-nav-on:before{background:#21a421 !important;}
/*body.search-show .home_common_style_green  #header-adaption .search-i svg{fill:#21a421;}*/
/*青色#21b5b5*/
.home_common_style_cyan #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_cyan #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_cyan #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_cyan .change-bg{background-color:#21b5b5 !important;}
.home_common_style_cyan #main a:hover,
.home_common_style_cyan #footer .quick-links dd a:hover{color:#21b5b5 !important;}
.home_common_style_cyan #main .service-icon i,
.home_common_style_cyan #header-adaption .nav li.on > a,
.home_common_style_cyan #header-adaption .sns li a:hover,
.home_common_style_cyan #header-adaption .mobile-nav-box li a:hover,
.home_common_style_cyan #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_cyan #main .cate-box .tit:hover{color:#21b5b5;}
.home_common_style_cyan #main .service-icon{box-shadow:0 0 0 3px #21b5b5;}
.home_common_style_cyan #main .service-box li:hover .service-icon,
.home_common_style_cyan #main .home-ad-btn,
.home_common_style_cyan #footer .help-center dt:after,
.home_common_style_cyan #footer .help-center .newsletter_btn:hover,
.home_common_style_cyan #main .button-next:hover,
.home_common_style_cyan #main .button-prev:hover,
.home_common_style_cyan #header-adaption .nav li.on > a:before,
.home_common_style_cyan #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_cyan #header-adaption .mobile-nav .mobile-nav-on:after,
.home_common_style_cyan #header-adaption .mobile-nav .mobile-nav-on:before{background:#21b5b5 !important;}
/*body.search-show .home_common_style_cyan #header-adaption .search-i svg{fill:#21b5b5;}*/
/*蓝色#114b94*/
.home_common_style_blue #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_blue #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_blue #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_blue .change-bg{background-color:#114b94 !important;}
.home_common_style_blue #main a:hover,
.home_common_style_blue #footer .quick-links dd a:hover{color:#114b94 !important;}
.home_common_style_blue #main .service-icon i,
.home_common_style_blue #header-adaption .nav li.on > a,
.home_common_style_blue #header-adaption .sns li a:hover,
.home_common_style_blue #header-adaption .mobile-nav-box li a:hover,
.home_common_style_blue #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_blue #main .cate-box .tit:hover{color:#114b94;}
.home_common_style_blue #main .service-icon{box-shadow:0 0 0 3px #114b94;}
.home_common_style_blue #main .service-box li:hover .service-icon,
.home_common_style_blue #main .home-ad-btn,
.home_common_style_blue #footer .help-center dt:after,
.home_common_style_blue #footer .help-center .newsletter_btn:hover,
.home_common_style_blue #main .button-next:hover,
.home_common_style_blue #main .button-prev:hover,
.home_common_style_blue #header-adaption .nav li.on > a:before,
.home_common_style_blue #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_blue #header-adaption .mobile-nav .mobile-nav-on:after,
.home_common_style_blue #header-adaption .mobile-nav .mobile-nav-on:before{background:#114b94 !important;}
/*body.search-show  .home_common_style_blue #header-adaption .search-i svg{fill:#114b94;}*/
/*紫色#36012d*/
.home_common_style_purple #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_purple #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_purple #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_purple .change-bg{background-color:#36012d !important;}
.home_common_style_purple #main a:hover,
.home_common_style_purple #footer .quick-links dd a:hover{color:#36012d !important;}
.home_common_style_purple #main .service-icon i,
.home_common_style_purple #header-adaption .nav li.on > a,
.home_common_style_purple #header-adaption .sns li a:hover,
.home_common_style_purple #header-adaption .mobile-nav-box li a:hover,
.home_common_style_purple #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_purple #main .cate-box .tit:hover{color:#36012d;}
.home_common_style_purple #main .service-icon{box-shadow:0 0 0 3px #36012d;}
.home_common_style_purple #main .service-box li:hover .service-icon,
.home_common_style_purple #main .home-ad-btn,
.home_common_style_purple #footer .help-center dt:after,
.home_common_style_purple #footer .help-center .newsletter_btn:hover,
.home_common_style_purple #main .button-next:hover,
.home_common_style_purple #main .button-prev:hover,
.home_common_style_purple #header-adaption .nav li.on > a:before,
.home_common_style_purple #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_purple #header-adaption .mobile-nav .mobile-nav-on:after,
.home_common_style_purple #header-adaption .mobile-nav .mobile-nav-on:before{background:#36012d !important;}
/*body.search-show .home_common_style_purple #header-adaption .search-i svg{fill:#36012d;}*/
/*粉色#ea0073*/
.home_common_style_pink #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_pink #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_pink #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_pink .change-bg{background-color:#ea0073 !important;}
.home_common_style_pink #main a:hover,
.home_common_style_pink #footer .quick-links dd a:hover{color:#ea0073 !important;}
.home_common_style_pink #main .service-icon i,
.home_common_style_pink #header-adaption .nav li.on > a,
.home_common_style_pink #header-adaption .sns li a:hover,
.home_common_style_pink #header-adaption .mobile-nav-box li a:hover,
.home_common_style_pink #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_pink #main .cate-box .tit:hover{color:#ea0073;}
.home_common_style_pink #main .service-icon{box-shadow:0 0 0 3px #ea0073;}
.home_common_style_pink #main .service-box li:hover .service-icon,
.home_common_style_pink #main .home-ad-btn,
.home_common_style_pink #footer .help-center dt:after,
.home_common_style_pink #footer .help-center .newsletter_btn:hover,
.home_common_style_pink #main .button-next:hover,
.home_common_style_pink #main .button-prev:hover,
.home_common_style_pink #header-adaption .nav li.on > a:before,
.home_common_style_pink #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_pink #header-adaption .mobile-nav .mobile-nav-on:after,
.home_common_style_pink #header-adaption .mobile-nav .mobile-nav-on:before{background:#ea0073 !important;}
/*body.search-show .home_common_style_pink #header-adaption .search-i svg{fill:#ea0073;}*/
/*黑色#666*/
.home_common_style_black #main .service-box{background:url(../images/wrapper_bg.png) repeat;}
.home_common_style_black #main .home-ad-btn:hover{color:#fff !important;background:#24201f !important;}
.home_common_style_black #footer .help-center .newsletter_btn{background:#141414 !important;}
.home_common_style_black .change-bg{background-color:#666 !important;}
.home_common_style_black #main a:hover,
.home_common_style_black #footer .quick-links dd a:hover{color:#666 !important;}
.home_common_style_black #main .service-icon i,
.home_common_style_black #header-adaption .nav li.on > a,
.home_common_style_black #header-adaption .sns li a:hover,
.home_common_style_black #header-adaption .mobile-nav-box li a:hover,
.home_common_style_black #header-adaption .mobile-nav-box .nav-sub dd a:hover,
.home_common_style_black #main .cate-box .tit:hover{color:#666;}
.home_common_style_black #main .service-icon{box-shadow:0 0 0 3px #666;}
.home_common_style_black #main .service-box li:hover .service-icon,
.home_common_style_black #main .home-ad-btn,
.home_common_style_black #footer .help-center dt:after,
.home_common_style_black #footer .help-center .newsletter_btn:hover,
.home_common_style_black #main .button-next:hover,
.home_common_style_black #main .button-prev:hover,
.home_common_style_black #header-adaption .nav li.on > a:before,
.home_common_style_black #header-adaption .nav .nav-sub dd a:hover,
.home_common_style_black #header-adaption .mobile-nav .mobile-nav-on:after,
.home_common_style_black #header-adaption .mobile-nav .mobile-nav-on:before{background:#666 !important;}
/*body.search-show .home_common_style_black #header-adaption .search-i svg{fill:#666;}*/




@media screen and (max-width:1366px){
	.wrapper{width:100%;box-sizing:border-box;padding:0 50px;}
	#header-adaption .header-mid{width:100%;box-sizing:border-box;padding:0 50px;}
	#main .banner-box h3{width:100%;box-sizing:border-box;padding:0 50px;left:0;transform: translate(0,-50%);}
	#header .wrapper, #main .wrapper{max-width:100%;}
	#header-adaption .search-btn{right:50px;}
	}
@media screen and (max-width:1200px){
	#header-adaption .mobile-nav{display:inline-block;}
	#header-adaption .nav{display:none;}
	#header-adaption .mobile-nav-box{}
	#header-adaption .mobile-nav-box li{float:none;margin:0;}
	#header-adaption .mobile-nav-box li a{padding:10px 20px;font-size:15px;letter-spacing:1px;border-bottom:1px solid #f4f4f4;color:#666;display:block;line-height:20px;height:20px;font-weight:400;text-transform:capitalize;text-align:left;}
	#header-adaption .mobile-nav-box li a:hover{color:#45bf55;}
	#header-adaption .mobile-nav-box .nav-sub{position:relative;width:100%;background:none;box-shadow:none;border-top:none;}
	#header-adaption .mobile-nav-box .nav-sub dd a{padding-left:40px;font-size:14px;color:#333;line-height:inherit;height:inherit;}
	#header-adaption .mobile-nav-box .nav-sub dd a:hover{color:#45bf55;background:none;}
	body.nav-show #header-adaption .mobile-nav-box{display:block;}
	#main{margin:0 auto;}
	#inquiry-box, #feedback-box, #search-error404, #error404, #sitemap-box, #module-login, #brands-box, #notice-box{margin:50px auto 0;}
	#page-products-list, #navpage, #page-news, #news-detail, #product-detail .product-detail__wrapper{margin-top:50px;}
	}
@media screen and (max-width:1024px){
	#main .banner-box .nivo-caption{font-size:36px;}
	#main .home-ad-title{font-size:36px;}
	#main .home-ad-detail{font-size:18px;}
	#main .service-box li{width:calc(50% - 30px);margin:15px;}
	#main .service-list__con p{height:60px;-webkit-line-clamp:3;} 
	#main .service-box li .service-info{padding:20px 20px 30px;}
	}
@media screen and (max-width:992px){
	#header-adaption .header-top-box{text-align:center;justify-content:center;height:auto;padding:0;}
	#header-adaption .header-top_right{}
	#header-adaption .header-top_right a,#header-adaption .header-top_right span{} 
	#header-adaption .sns{float:none;}
	#header-adaption .sns li{border:0;}
	#main .news_con li .news-img{height:150px;}
	#main .banner-ads{margin-top:50px;margin-bottom:50px;}
	#main .tag-pros{padding:25px 0;}
	#main .single-tag{padding:25px 0;}
	#main .service-box{padding:50px 0;}
	#main .cate-box{padding:50px 0;}
	}
@media screen and (max-width:768px){
		#main .banner-box .banner-pic{height:400px;}
		}
@media screen and (max-width:767px){
	.wrapper{padding:0 20px;}
	#header-adaption .header-mid{padding:0 20px;}
	#header-adaption .search-btn{right:20px;}
	#header-adaption .mobile-nav-box{max-height:300px;top:50px;}
	body.search-show #header-adaption .search-box{top:50px;padding:10px 0;}
	#header-adaption .search-txt{font-size:16px;}

	
	#main .banner-box h3{font-size:25px;padding:0 20px;}
	#main .banner-box .text{padding:15px 0;}
	#main .banner-box .text-con{display:block;}
	#main .banner-box .banner-detail{padding-right:0;width:100%;line-height:22px;height:44px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	#main .banner-box .banner-btn{margin-top:10px;}
	#main .home-ad-con{padding:50px 0;}
	#main .home-ad-title{font-size:25px;}
	#main .home-ad-detail{font-size:16px;margin-bottom:20px;}
	#main .home-ad-btn{height:40px;line-height:40px;}
	#header-adaption .header-mid{height:50px;text-align:center;padding-top:0;padding-bottom:0;}
	#header-adaption .logo{height:50px;max-width:50%;}
	#header-adaption .logo a img{max-width:100%;}
	#header-adaption .search-i{height:50px;}
	#header-adaption .search-i svg{padding:15px;}
	#header-adaption .mobile-nav{padding-top:5px;}
	#header-adaption .feedback{padding:0 15px;}
	#main .banner-ads{width:100%;margin-left:0;padding:0 20px;box-sizing:border-box;}
	#main .banner-ads .li{width:100%;margin:15px 0;}
	#main .single-tag{padding:50px 0;}
	#main .tag-tit{padding-bottom:20px;}
	#main .tag-tit a:before{width:100px;}
	#main .button-prev{left:0;}
	#main .button-next{right:0;}
	#main .service-box{padding:50px 0;}
	#main .service-box li{width:calc(100% - 30px);}
	#main .news{padding:40px 0;}
	#main .news_con li .news-item{height:auto!important;}
	#main .news_con li .text{width:100% !important;padding:20px 0 0!important;}
	#main .news_con li .title{font-size:16px !important;}
	#main .news_con li .news-img{height:160px;}
	#footer{padding:50px 0 0;}
	#footer .help-center dl dt{border-bottom:0;margin-bottom:20px;font-size:18px;}
	#footer .help-center dt a{font-size:18px;}#footer .help-center dl dd{padding:0;}
	}
@media screen and (max-width:480px){
	#header-adaption .header-top__left,#header-adaption .sns li{width:34px;}
	#header-adaption .search-box{width:auto;}
	#header-adaption .search-btn{padding:0 15px;}
	#header-adaption .search-txt{text-indent:0;box-sizing:border-box;padding-right:50px;}
	#main .single-tag .common-index-list li .product-detail{height:60px;-webkit-line-clamp:3;}
	#main .tag-tit a{font-size:20px;}
	#main .news_con li .news-img{height:200px;}
	#footer .help-center dt, #footer .help-center dt a{font-size:18px;}
	#footer .copyright{margin:40px 0 0;line-height:40px;}
	#main .banner-box .banner-pic{height:350px;}
	#page-products-list, #navpage, #page-news, #news-detail{margin-top:40px;}
	.language{display:block;text-align:center;width:100%;}
	.language-list{height:auto;overflow:unset;min-width:auto;left:0;}
	#header-adaption .sns li{line-height:1;padding-top:10px;}
	}