/*2732*/
@charset "utf-8";
html, body{font-family: Open Sans;color:#44464a;}
a{color:#44464a;}
a:hover{color:#fdb900;}
h1, h2, h3, h4, h5, h6{ 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;}

@-moz-keyframes headerSlideDown{
0%{
margin-top:-150px
}
100%{
margin-top:0
}}
@-ms-keyframes headerSlideDown{0%{margin-top:-150px}100%{margin-top:0}}
@-webkit-keyframes headerSlideDown{0%{margin-top:-150px}100%{margin-top:0}}
@keyframes headerSlideDown{0%{margin-top:-150px}100%{margin-top:0}}


.language{float:none;display:inline-block;vertical-align:middle;}
.language-box{padding:0;}
.language-con{height:100px;line-height:100px;color:#fff;font-size:0;padding:0 0 0 5px;}
.language-con i{font-size:0;}
.language-list{top:100%;right:-15px;left:auto;}
.language-con span img{width:30px;margin:0;}

.header-box{ transition:all .3s ease-out;position:relative;z-index:99;width:100%;position:absolute;top:0;left:0;right:0; background:rgba(41,42,44,0.5);}




.header-box .header{height:100%;line-height:50px;position:relative;}
.header-box .header-mid{position:relative;display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; align-items: center;}

.header-box .logo{display: flex; align-items: center;width:15%;height:100%; box-sizing:border-box;}
.header-box .logo a{display:block;}
.header-box .logo img{max-height:80px;max-width:100%;display:inline-block;vertical-align:middle;}
.header-box .logo img.second-logo{display:none;}
.header-box.posFixed .logo img.second-logo{display:inline-block;}
.header-box.posFixed .logo img.first-logo{display:none;}
.header-box .header-rt{ box-sizing:border-box;}
.header-box .header-rt{display:inline-block;float:right;}
.header-box .header-rt .sns{ display: flex;}
.header-box .header-rt .sns li{ width:26px; height:26px; text-align:center; display:inline-block; margin: 0 2px; line-height: 26px; border-radius:50%; transition:all .15s linear}
.header-box .header-rt .sns li a{ color:#fff;}
.header-box .header-rt .sns li:hover{ background:#cb1023;}


.header-box .search-btn{display:inline-block;vertical-align:middle;cursor:pointer;padding:10px; padding-right:0; line-height:26px;}
.header-box .search-btn > .icon{fill:#fff;width:20px;height:20px;vertical-align:middle;}
.header-box .search-btn .icon.search-close{display:none;}
.header-box .search-box{position:absolute;right:0;top:100px;box-shadow:0 14px 35px 0 rgba(49,49,49,0.08);background:#fff;padding:20px;line-height:normal;display:none; width:330px; padding:20px; box-sizing:border-box;}
.header-box .search-box:before{position:absolute;content:'';bottom:-8px;height:8px;left:0;right:0;box-shadow: 0 0 0 0 rgba(0,0,0,0) inset;background: rgba(0,0,0,0.03);z-index:2;}

.header-box .search-txt{height: 32px; width:100%;padding:0 48px 0 10px;background:#f6f6f6;color:#999;border:0;float:left;box-sizing:border-box;display:inline-block;}
.header-box .searc_btn{display:inline-block;height:32px;width:48px; border:none;background:none;cursor:pointer;-webkit-transition: all 700ms; transition: all 700ms;border-radius:0 ; box-sizing:border-box; position:absolute; right:0; top:0; color:#404040;}
.header-box .searc_btn .icon{fill:#404040;-webkit-transition: all 700ms; transition: all 700ms;}

body.search-show .header-box .search-box{display:block;}
body.search-show .header-box .search-btn>.icon{fill:#fff;display:none;}
body.search-show .header-box .search-btn>.icon.search-close{display:inline-block;fill:#fdb900;}
.header-box .search-box form{position:relative; margin:0 auto;}
.header-box .searc_btn:hover{}


.header-box .header-nav{display:inline-block;vertical-align:middle;text-align:left;float:right;}
.header-box #nav-box{ min-height:100px;}
.header-box #nav-box .nav{ height:100px;}

.header-box #nav-box .lavalamp-object { position:absolute; left:0; top:50%; -webkit-transition-timing-function: cubic-bezier(0.39,0.575,0.565,1); transition-timing-function: cubic-bezier(0.39,0.575,0.565,1); height: 30px; opacity: 0; margin-top: -15px;}
.header-box #nav-box .lavalamp-object:before,
.header-box #nav-box .lavalamp-object:after,
.header-box #nav-box .lavalamp-object_inner:before,
.header-box #nav-box .lavalamp-object_inner:after{ height: 6px; width: 6px; position: absolute;  content: ''; -webkit-transition: all .45s ease; transition: all .45s ease;  opacity: 1; z-index: -1;}
.header-box #nav-box .lavalamp-object:before { right: 0; top: 0; border-right: 2px solid currentColor; border-top: 2px solid currentColor; -webkit-transform: translate(-100%,50%);transform: translate(-100%,50%);}
.header-box #nav-box .lavalamp-object:after { left: 0; bottom: 0; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: translate(100%,-50%); transform: translate(100%,-50%);}
.header-box #nav-box .lavalamp-object_inner:before { left: 0; top: 0; border-left: 2px solid currentColor; border-top: 2px solid currentColor; -webkit-transform: translate(100%,50%); transform: translate(100%,50%);}
.header-box #nav-box .lavalamp-object_inner:after { right: 0; bottom: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: translate(-100%,-50%); transform: translate(-100%,-50%);}

.header-box #nav-box .lavalamp-object:before,
.header-box #nav-box .lavalamp-object:after,
.header-box #nav-box .lavalamp-object_inner:before,
.header-box #nav-box .lavalamp-object_inner:after{ -webkit-transform: translate(0,0); transform: translate(0,0);}

.header-box #nav-box .lavalamp-object:before,
.header-box #nav-box .lavalamp-object:after,
.header-box #nav-box .lavalamp-object_inner:before,
.header-box #nav-box .lavalamp-object_inner:after{ border-color:#fdb900;}


.header-box #nav-box .nav>li{position:relative;z-index:999; display:inline-block; height:100%;}
.header-box #nav-box .nav>li>a{padding: 0 20px; height:100%; line-height:30px; display:block;font-size:15px; color:#fff; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center;align-items: center;}
.header-box #nav-box .nav>li>a span{ position:relative; font-weight:600;}
.header-box #nav-box .nav>li>a.son span{ padding-right:14px;}
.header-box #nav-box .nav>li>a.son span:before,
.header-box #nav-box .nav>li>a.son span:after{ position: absolute; content: ""; z-index: 1; background: currentColor; margin-top: 1px;}
.header-box #nav-box .nav>li>a.son span:before{ width: 8px; height: 2px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.header-box #nav-box .nav>li>a.son span:after{ width: 2px; height: 8px; right: 3px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.header-box #nav-box .nav-sub{display:block;position:absolute;left:0;top:100%;background:#232323;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);min-width:160px; padding:10px 20px; transform:translateY(10px); opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
.header-box #nav-box .nav-sub dd a{padding:15px 0;font-size:13px;line-height:15px;display:block;color:#ccc;border-bottom:1px solid rgba(255,255,255, 0.08);transition:all 0.3s ease-in-out;}
.header-box #nav-box .nav>li.on .nav-sub{display:block; transform:translateY(0); opacity:1; visibility:visible;}
.header-box #nav-box .nav-sub dd a:hover{color:#fff;}

.wrap { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; position:relative;}
.right-nav { bottom: 0; position: fixed; right: -250px;  top: 0;box-sizing:border-box; width: 250px; z-index: 9999; background: #202022; text-align:right; overflow-y: auto;}
.right-nav .mobile-menu-close{fill:#a6a6a6;width:25px;height:60px;padding:0 20px;}
.right-nav .mobile-menu-close:hover{fill:#fff;}
body.nav-show  .right-nav{ transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none;}

.topcategoriesbg { background:rgba(0,0,0,.6); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display:none; z-index: 1001;}

.header-box .mobile-nav{display:none;line-height:normal;vertical-align:middle;}
.header-box .mobile-nav .mobile-nav-icon{height:32px;width:42px;position:relative;cursor:pointer;background:none;margin-top:0;}
.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:10px;top:9px;width:22px;height:2px;background:#fff;content:'';transition:all 0.3s;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.posFixed .header1{ opacity:0; visibility:hidden;}
.header-box .none-header{ position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; overflow: hidden; opacity: 0; -webkit-box-shadow: 1px 0 10px rgba(0,0,0,0.1); box-shadow: 1px 0 10px rgba(0,0,0,0.1); background-color: rgba(255,255,255,1);}
.header-box.posFixed .none-header{ opacity: 1; overflow: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.header-box .none-header #nav-box .nav>li>a{ color:#404040;}
.header-box .none-header .search-btn > .icon{ fill:#404040;}*/

.header-box.other_header_box{position:relative;/*background:#202022;*/ }
.header-box.posFixed{position: fixed; z-index: 99; top: 0; left: 0; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 1px 0 10px rgba(0,0,0,0.1); box-shadow: 1px 0 10px rgba(0,0,0,0.1); background-color:#fff;}
.header-box.posFixed #nav-box .nav>li>a{ color:#404040;}
.header-box.posFixed .search-btn > .icon{ fill:#404040;}

/*.header-box.other_header_box{position:relative;background:#202022 !important; }
.header-box.other_header_box #nav-box .nav>li>a{ color:#fff;}
.header-box.other_header_box .search-btn > .icon{ fill:#fff;}*/

.header-box #nav-box .nav>li.home>a,
.header-box #nav-box .nav>li.on>a{color:#fdb900 !important;}


.header-box .none-header .mobile-nav .mobile-nav-icon:before,
.header-box .none-header .mobile-nav .mobile-nav-icon span,
.header-box .none-header .mobile-nav .mobile-nav-icon:after{ background:#404040;}


#mobile-nav-box{text-align:left;}
#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:#a6a6a6;}
#mobile-nav-box li .mobile-menu-on .icon{color:#fff;}
#mobile-nav-box li a{padding:11px 20px;display:block;font-size:14px;color:#a6a6a6;text-transform:capitalize;border-bottom:1px solid rgba(255,255,255,.03);}
#mobile-nav-box li:first-child .mobile-nav-box__link a{color:#fff;}
#mobile-nav-box li .mobile-nav-box__link.mobile-menu-on>a{color:#fff;}
#mobile-nav-box .mobile-nav-sub{ display: none;}
#mobile-nav-box .mobile-nav-sub a{font-size:12px;color:#fff;transition:all 0.3s ease-in-out;padding-left:40px;}
#mobile-nav-box .mobile-nav-sub a:hover{color:#00a6d0;}
body.nav-show{position:fixed;top:0;left:0;right:0;z-index:0;}
body.nav-show .topcategoriesbg {opacity: 0.6;visibility: visible;}
.right-nav .feedback { color: #0095eb; padding: 11px 20px; display:block;text-align:left;border-bottom:1px solid rgba(255,255,255,.03);}
.right-nav .feedback:hover{color:#fff;}
.right-nav .feedback:before { content: "";  position: absolute; left: 0; top: 0;  height: 100%; width: 0;  background: rgba(0,0,0,.05); z-index: 1; transition: all .3s;}
.right-nav .feedback:hover:before{width:100%;}

.right-nav .sns{ text-align:left; padding:20px 10px;}
.right-nav .sns li{ display:inline-block; padding:0 10px;}
.right-nav .sns li a{ color:#fff;}


.wrap .index-btn{background:#e6f3fb;color:#163c55;display:inline-block;padding:11px 20px;border-radius:5px;font-size:14px;line-height:24px;position:relative;}
.wrap .index-btn:after{    content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s;}
.wrap .index-btn:hover:after{width:100%;}

.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:40%;width:40px;text-align:center;padding:16px 0 12px;cursor:pointer;z-index:9;outline:none;background:#fff;border-radius:3px;}
#main .button-prev .icon,
#main .button-next .icon{width:100%;height:20px;fill:#616161;}
#main .button-next:hover,#main .button-prev:hover{background:#3e4142;}
#main .button-prev:hover .icon,
#main .button-next:hover .icon{fill:#fff;}
#main .button-prev{left:5px;transform:rotate3d(0,90,0,180deg);}
#main .button-next{right:5px;}





#footer{background:#1e2227;color:#999999;font-size:14px;padding-top:0;}
#footer .help-center{padding:70px 0;}
#footer .help-center dl{ width:25% !important;}
#footer .help-center dt{margin-bottom:15px;font-size:18px;padding:0;line-height:25px;text-transform:capitalize;font-weight:100;color:#fff;}
#footer .help-center dt.none{ display:none;}
#footer .help-center .subscribe{padding:0;text-align:left;}
#footer .help-center .newsletter_txt{border-radius:0;background:#3d4147;color:#fff;border:0!important;height:45px;padding:0; margin-bottom:3px; text-align:center;}
#footer .help-center .newsletter_btn{ color:#fff;transition:all 300ms linear 0ms;line-height:30px;padding: 5px 20px;margin: 10px 0;border-radius: 0;position:relative; width:100%; background:none; border:1px solid #fdb900;}
#footer .help-center .newsletter_btn:hover{ background:#fdb900;}


#footer .help-center dd{font-size:15px; color:#dddddd;}
#footer .help-center dd a{ padding:5px 0; display:inline-block; color:#fff;}
#footer .help-center dd a:hover{ color:#fdb900;}

#footer .help-center dl.contact-us{ min-height:100px;}

#footer .foot{padding:20px 0; border-top:1px solid rgba(255,255,255,.1); background:#171a1e;}

#footer .copyright{border-top:0;height:30px;line-height:30px;text-align:center;text-transform:uppercase;margin-top:0;float:left; min-width:200px;}
#footer .sns{float:right;margin:0; min-width:200px; min-height:30px;}
#footer .sns li a{line-height:30px;color:#6f7070;border:0;display:block;transition:all 0.3s ease-in-out;font-size:16px;}
#footer .sns li a:hover{color:#fff;}
#footer .sns li{margin:0 0 0 15px;width:auto;height:30px;}

/*内页*/
#product-detail .relevant-list li img{display:block;width:100%;}
#product-detail .relevant-list li.other{display:none;}
#product-detail .relevant-list li .product-name .icon{display:none;}
#product-detail .relevant-list li .product-name{height:auto;}



/*红色 #cb1023*/
.home_common_style_red a:hover,
.home_common_style_red .header-box #nav-box .nav>li.home>a,
.home_common_style_red .header-box #nav-box .nav>li.on>a,
.home_common_style_red #main .service-icon i,
.home_common_style_red #main .common-index-list li .wgl_portfolio,
.home_common_style_red #main .news li  .more a{color:#cb1023 !important;}
.home_common_style_red body.search-show .header-box .search-btn>.icon.search-close{ fill:#cb1023 !important;}
.home_common_style_red #main .common-index-list li .project-links-container a svg path{stroke: #cb1023 !important;}
.home_common_style_red .header-box #nav-box .lavalamp-object:before,
.home_common_style_red .header-box #nav-box .lavalamp-object:after,
.home_common_style_red .header-box #nav-box .lavalamp-object_inner:before,
.home_common_style_red .header-box #nav-box .lavalamp-object_inner:after,
.home_common_style_red #main .swiper-pagination-bullet,
.home_common_style_red #main .news .index-title a,
.home_common_style_red #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_red #footer .help-center .newsletter_btn{ border-color:#cb1023 !important;}
.home_common_style_red #main .home-ad2 .ad .ad-txt .ad-btn i,
.home_common_style_red #main .home-ad2 .ad .ad-txt .ad-btn i:after,
.home_common_style_red #main .swiper-pagination-bullet-active,
.home_common_style_red #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_red #main .news .index-title a:hover,
.home_common_style_red #footer .help-center .newsletter_btn:hover{background:#cb1023 !important;}

.home_common_style_red #footer .help-center .newsletter_btn{ background:none !important;}
.home_common_style_red #main .home-ad3 .ad-txt .ad-btn:hover{ background:none !important; border-color:#cb1023 !important;}


/*蓝色#0080da*/
.home_common_style_blue a:hover,
.home_common_style_blue .header-box #nav-box .nav>li.home>a,
.home_common_style_blue .header-box #nav-box .nav>li.on>a,
.home_common_style_blue #main .service-icon i,
.home_common_style_blue #main .common-index-list li .wgl_portfolio,
.home_common_style_blue #main .news li  .more a{color:#0080da !important;}
.home_common_style_blue body.search-show .header-box .search-btn>.icon.search-close{ fill:#0080da !important;}
.home_common_style_blue #main .common-index-list li .project-links-container a svg path{stroke: #0080da !important;}
.home_common_style_blue .header-box #nav-box .lavalamp-object:before,
.home_common_style_blue .header-box #nav-box .lavalamp-object:after,
.home_common_style_blue .header-box #nav-box .lavalamp-object_inner:before,
.home_common_style_blue .header-box #nav-box .lavalamp-object_inner:after,
.home_common_style_blue #main .swiper-pagination-bullet,
.home_common_style_blue #main .news .index-title a,
.home_common_style_blue #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_blue #footer .help-center .newsletter_btn{ border-color:#0080da !important;}
.home_common_style_blue #main .home-ad2 .ad .ad-txt .ad-btn i,
.home_common_style_blue #main .home-ad2 .ad .ad-txt .ad-btn i:after,
.home_common_style_blue #main .swiper-pagination-bullet-active,
.home_common_style_blue #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_blue #main .news .index-title a:hover,
.home_common_style_blue #footer .help-center .newsletter_btn:hover{background:#0080da !important;}

.home_common_style_blue #footer .help-center .newsletter_btn{ background:none !important;}
.home_common_style_blue #main .home-ad3 .ad-txt .ad-btn:hover{ background:none !important; border-color:#0080da !important;}


/*绿色#21a421*/
.home_common_style_green a:hover,
.home_common_style_green .header-box #nav-box .nav>li.home>a,
.home_common_style_green .header-box #nav-box .nav>li.on>a,
.home_common_style_green #main .service-icon i,
.home_common_style_green #main .common-index-list li .wgl_portfolio,
.home_common_style_green #main .news li  .more a{color:#21a421 !important;}
.home_common_style_green body.search-show .header-box .search-btn>.icon.search-close{ fill:#21a421 !important;}
.home_common_style_green #main .common-index-list li .project-links-container a svg path{stroke: #21a421 !important;}
.home_common_style_green .header-box #nav-box .lavalamp-object:before,
.home_common_style_green .header-box #nav-box .lavalamp-object:after,
.home_common_style_green .header-box #nav-box .lavalamp-object_inner:before,
.home_common_style_green .header-box #nav-box .lavalamp-object_inner:after,
.home_common_style_green #main .swiper-pagination-bullet,
.home_common_style_green #main .news .index-title a,
.home_common_style_green #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_green #footer .help-center .newsletter_btn{ border-color:#21a421 !important;}
.home_common_style_green #main .home-ad2 .ad .ad-txt .ad-btn i,
.home_common_style_green #main .home-ad2 .ad .ad-txt .ad-btn i:after,
.home_common_style_green #main .swiper-pagination-bullet-active,
.home_common_style_green #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_green #main .news .index-title a:hover,
.home_common_style_green #footer .help-center .newsletter_btn:hover{background:#21a421 !important;}

.home_common_style_green #footer .help-center .newsletter_btn{ background:none !important;}
.home_common_style_green #main .home-ad3 .ad-txt .ad-btn:hover{ background:none !important; border-color:#21a421 !important;}


/*青色#21b5b5*/
.home_common_style_cyan a:hover,
.home_common_style_cyan .header-box #nav-box .nav>li.home>a,
.home_common_style_cyan .header-box #nav-box .nav>li.on>a,
.home_common_style_cyan #main .service-icon i,
.home_common_style_cyan #main .common-index-list li .wgl_portfolio,
.home_common_style_cyan #main .news li  .more a{color:#21b5b5 !important;}
.home_common_style_cyan body.search-show .header-box .search-btn>.icon.search-close{ fill:#21b5b5 !important;}
.home_common_style_cyan #main .common-index-list li .project-links-container a svg path{stroke: #21b5b5 !important;}
.home_common_style_cyan .header-box #nav-box .lavalamp-object:before,
.home_common_style_cyan .header-box #nav-box .lavalamp-object:after,
.home_common_style_cyan .header-box #nav-box .lavalamp-object_inner:before,
.home_common_style_cyan .header-box #nav-box .lavalamp-object_inner:after,
.home_common_style_cyan #main .swiper-pagination-bullet,
.home_common_style_cyan #main .news .index-title a,
.home_common_style_cyan #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_cyan #footer .help-center .newsletter_btn{ border-color:#21b5b5 !important;}
.home_common_style_cyan #main .home-ad2 .ad .ad-txt .ad-btn i,
.home_common_style_cyan #main .home-ad2 .ad .ad-txt .ad-btn i:after,
.home_common_style_cyan #main .swiper-pagination-bullet-active,
.home_common_style_cyan #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_cyan #main .news .index-title a:hover,
.home_common_style_cyan #footer .help-center .newsletter_btn:hover{background:#21b5b5 !important;}

.home_common_style_cyan #footer .help-center .newsletter_btn{ background:none !important;}
.home_common_style_cyan #main .home-ad3 .ad-txt .ad-btn:hover{ background:none !important; border-color:#21b5b5 !important;}


/*紫色#36012d*/
.home_common_style_purple a:hover,
.home_common_style_purple .header-box #nav-box .nav>li.home>a,
.home_common_style_purple .header-box #nav-box .nav>li.on>a,
.home_common_style_purple #main .service-icon i,
.home_common_style_purple #main .common-index-list li .wgl_portfolio,
.home_common_style_purple #main .news li  .more a{color:#640050 !important;}
.home_common_style_purple body.search-show .header-box .search-btn>.icon.search-close{ fill:#640050 !important;}
.home_common_style_purple #main .common-index-list li .project-links-container a svg path{stroke: #640050 !important;}
.home_common_style_purple .header-box #nav-box .lavalamp-object:before,
.home_common_style_purple .header-box #nav-box .lavalamp-object:after,
.home_common_style_purple .header-box #nav-box .lavalamp-object_inner:before,
.home_common_style_purple .header-box #nav-box .lavalamp-object_inner:after,
.home_common_style_purple #main .swiper-pagination-bullet,
.home_common_style_purple #main .news .index-title a,
.home_common_style_purple #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_purple #footer .help-center .newsletter_btn{ border-color:#640050 !important;}
.home_common_style_purple #main .home-ad2 .ad .ad-txt .ad-btn i,
.home_common_style_purple #main .home-ad2 .ad .ad-txt .ad-btn i:after,
.home_common_style_purple #main .swiper-pagination-bullet-active,
.home_common_style_purple #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_purple #main .news .index-title a:hover,
.home_common_style_purple #footer .help-center .newsletter_btn:hover{background:#640050 !important;}

.home_common_style_purple #footer .help-center .newsletter_btn{ background:none !important;}
.home_common_style_purple #main .home-ad3 .ad-txt .ad-btn:hover{ background:none !important; border-color:#640050 !important;}


/*粉色#ea0073*/
.home_common_style_pink a:hover,
.home_common_style_pink .header-box #nav-box .nav>li.home>a,
.home_common_style_pink .header-box #nav-box .nav>li.on>a,
.home_common_style_pink #main .service-icon i,
.home_common_style_pink #main .common-index-list li .wgl_portfolio,
.home_common_style_pink #main .news li  .more a{color:#ea0073 !important;}
.home_common_style_pink body.search-show .header-box .search-btn>.icon.search-close{ fill:#ea0073 !important;}
.home_common_style_pink #main .common-index-list li .project-links-container a svg path{stroke: #ea0073 !important;}
.home_common_style_pink .header-box #nav-box .lavalamp-object:before,
.home_common_style_pink .header-box #nav-box .lavalamp-object:after,
.home_common_style_pink .header-box #nav-box .lavalamp-object_inner:before,
.home_common_style_pink .header-box #nav-box .lavalamp-object_inner:after,
.home_common_style_pink #main .swiper-pagination-bullet,
.home_common_style_pink #main .news .index-title a,
.home_common_style_pink #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_pink #footer .help-center .newsletter_btn{ border-color:#ea0073 !important;}
.home_common_style_pink #main .home-ad2 .ad .ad-txt .ad-btn i,
.home_common_style_pink #main .home-ad2 .ad .ad-txt .ad-btn i:after,
.home_common_style_pink #main .swiper-pagination-bullet-active,
.home_common_style_pink #main .home-ad3 .ad-txt .ad-btn,
.home_common_style_pink #main .news .index-title a:hover,
.home_common_style_pink #footer .help-center .newsletter_btn:hover{background:#ea0073 !important;}

.home_common_style_pink #footer .help-center .newsletter_btn{ background:none !important;}
.home_common_style_pink #main .home-ad3 .ad-txt .ad-btn:hover{ background:none !important; border-color:#ea0073 !important;}




@media screen and (max-width:1366px){
	.wrapper{width:100%;box-sizing:border-box;padding:0 50px;}
    #main .banner-box .li .text{width:100%;left:0;padding:0 50px;box-sizing:border-box;transform:translate(0,-50%);}
	#main .common-index-list li .product-name{font-size:22px;}
	
	}
@media screen and (max-width:1200px){
	.header-box .header{height:60px;}
	.header-box .header-rt,.header-box .logo{height:60px;line-height:30px;}
	.header-box .search-btn > .icon{fill:#fff;}
	.header-box .header-nav .nav-box,
	.header-box .header-rt .sns{display:none;}
	.header-box .mobile-nav{display:inline-block;}
	.header-box .header-nav{line-height:normal;}
	.header-box .feedback{display:none;}
	.header-box .search-box{top:60px;}
	.language-con{height:60px;line-height:60px;}
	#main{margin:0 auto;}
	#main .service-box{padding:50px 0;}
	#main .service-box li{width:50%;}
	#main .common-index-list li .product-name{font-size:20px;}
	#main .news li .tit{font-size:24px;}
	#main .news li{width:33.33%;}
	#main .news li .news-img{width:100%;height:180px;}
	#main .news li .text{width:100%;padding:20px 0 0;}

	#main .home-ad1 .ad .ad-txt{padding:0 20px;width:100%;box-sizing:border-box;left: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 (max-width: 1199px){

	
}
@media screen and (max-width:1024px){
	#main .index-title-box{margin-bottom:20px;}
	#main .index-title-box .index-title{font-size:36px;}
	#main .common-index-list li{ width:50%;}
	#main .common-index-list li .product-name{ font-size:18px;}
	#main .news li{width:50%;}
	#main .service-box li{ width:50%;}
	#main .home-ad1 .ad p{line-height:26px;    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
	}
@media screen and (max-width:992px){
  	#product-detail .bigimgbox:before{z-index:9;}
	#main .home-ad4 .index-title-box{width:100%;}
	#main .home-ad2 .ad .ad-txt,
	#main .home-ad2 .ad .ad-img,
	#main .home-ad3 .ad-img,
	#main .home-ad3 .ad-txt{ width:100%; text-align:center;}
	#main .home-ad2 .ad .ad-txt .ad-btn{justify-content: center; }
	#main .home-ad3 .ad-txt{ padding:30px 0;}
	#main .home-ad3 .txt-con{ width:80%; margin:0 auto;}
	
	#footer .help-center{padding:50px 0;font-size:0;}
	#footer .help-center dl.contact-us{width:35%;}
	#footer .help-center dl{width:25%;display:inline-block;float:none;vertical-align:top;}
	#footer .help-center dl.subscribe{width:40%;padding-right:0;}
	#footer .help-center dt{font-size:16px;}
	#main .home-ad1 .ad p{display:none;}
	}
@media screen and (max-width:768px){
	.header-box .header{ }
	.header-box .logo{ width:40%;}
	.header-box .search-box form{width:90%;}
	#footer .sns{text-align:center;float:none;}
	#footer .sns li{margin:5px 2.5px;}
	
	#footer .copyright{float:none;height:auto;}
	#footer .foot{padding:10px 0;}
	
	#main .banner-box .li{height:400px;}
	#main .banner-box .banner-detail{font-size:25px;}
	#main .banner-box h3{font-size:40px; line-height:80px;}
	
	#main .index-title-box .index-title{font-size:30px;}
	#main .news li{width:50%;}
	}
@media screen and (max-width:767px){
	.wrapper{padding:0 20px;}

	#footer .sns li a{font-size:14px;}
	#footer .help-center dl dt{border-bottom:0;height:44px;line-height:44px;margin-bottom:0;font-size:16px;}
	#footer .help-center dl dd{padding:0;}
	#footer .help-center dl.subscribe{padding-right:0;}
	#main .common-index-list li{width:50%;}
	#main .common-index-list li .product-name{font-size:18px;line-height:20px;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
	#main .news li{width:100%;}
	#footer .help-center dt.none{ display:block;}
	#main .home-ad1 .ad{ width:100%;}
	}
@media screen and (max-width:480px){
	.header-box .header{}
	#page-products-list, #navpage, #page-news, #news-detail{margin-top:40px;}
    #main .banner-box .li{height:350px;}
	#main .banner-box .banner-detail{font-size:18px;}
	#main .banner-box h3{font-size:30px; line-height:50px;}
	#main .banner-box .li .text{ padding:0 30px; top:55%;}
	#main .banner-box .li .text .row{ padding:0;}
	#main .stats-box .stats .ad,
	#main .service-box li,
	#main .common-index-list li,
	#main .service-box .service,
	#main .service-box .rt-ad,
	#main .news li .news-img,
	#main .news li .text,
	#footer .help-center dl{ width:100% !important;}
	#main .home-ad1 .ad .ad-txt{ width:95%; margin-left:5%;}
	#main .single-tag .wrapper{ padding:0;}
	
	.header-box .search-box{width:290px;padding:15px;}
	
	.language-list{height:auto;overflow:unset;}
	
}
@media screen and (max-width:320px){
	
	
	}