/*2800*/
@charset "utf-8";
html, body{font-family:Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;color:#2c333c;font-weight:400;font-size:16px;}
a{color:#2c333c;}
a:hover{color:#2773cf;}
header-mid:after,
#nav-box:after{clear: both;display: table; content: " ";}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content: ""; height: 0; visibility: hidden; display: block; clear: both;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
/*多次点击出现蓝色*/
/*body{-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; user-select: none;}*/
@-webkit-keyframes fusionSonarEffect{0%{opacity: .3} 40%{opacity: 0.8} 100%{-webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0}}
@keyframes fusionSonarEffect{0%{opacity: .3} 40%{opacity:0.8} 100%{-webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0}}


.language-box{padding:0;}
.language-con{padding:0 15px;height:auto;line-height:1;}
.language-con span img{width:28px;margin:0;}
.language-list li a{font-size:14px;}
.language-list{right:0;left:auto;top:100%;margin-top:12px;border:0;}
.language-con span{height:19px;}
.header-box .big-logo{background:#f8f8f8;overflow:hidden;}
.header-box .big-logo img{display:block;max-width:1200px;margin:20px auto;max-height: 70px;}
.header-box .top-btn{color:#2773cf;border:1px solid #2773cf;border-radius:28px;font-size:14px;padding:0 20px;line-height:26px;background:none;transition:all .5s;text-transform:uppercase;display:inline-block;margin-left:15px;vertical-align:middle;}
.header-box .top-btn:hover{background:#2773cf;color:#fff;}
.header-box .header-mid{position:relative;font-size:0;padding:0;}
.header-box .logo{margin-right:15px;    display: inline-block;vertical-align: middle;display:none;}
.header-box .logo img{height:30px;margin:7px 0;max-width:100%;display:block;}
.header-box .header-rt{ float:right;margin:8px 0;}
.header-box .header-rt-list{display:inline-block;vertical-align:middle;float:none;}
.header-box .search-btn{position:relative;cursor:pointer;display:none;}
.header-box .search-btn>.icon{fill:#fff;width:20px;height:20px;vertical-align:middle;}
.header-box .search-box{}
.header-box .search-box form{border-radius:28px;background:#fff;}
.header-box .search-txt{height: 28px; width: 180px;padding:0 10px;background:none;color:#999;border:0;font-size:14px;box-sizing:border-box;display:inline-block;vertical-align:top;}
.header-box .searc_btn{display:inline-block;height:28px;width:35px;border:none;background:none;cursor:pointer; transition: all 0.3s;box-sizing:border-box;}
.header-box .searc_btn .icon{fill:#666;width:20px;height:28px;vertical-align:middle;}
.header-box .searc_btn:hover .icon{fill:#2773cf;}
.header-box #nav-box{position:relative;z-index:8;max-width:800px;display:inline-block;vertical-align:middle;}
.header-box #nav-box .nav>li{position:relative;z-index:999;float:left;}
.header-box #nav-box .nav>li .icon{vertical-align:middle;}
.header-box #nav-box .nav>li>a{padding:0 15px;line-height:44px;display:block;font-size:14px;color:#fff;font-weight:400;transition:all 0.2s linear;}
.header-box #nav-box .nav-sub{display:none;position:absolute;left:0;top:100%;padding:12px 0;background:#fff;min-width:200px;transition:all 0.3s;text-align:left;box-shadow:1px 1px 8px 0 rgba(0,0,0,.05);}
.header-box #nav-box .nav-sub dd a{padding:0 20px;font-size:14px;line-height:36px;display:block;color:#222;transition:background 0.2s linear;}
.header-box #nav-box .nav>li.on>a,
.header-box #nav-box .nav>li.active>a{background:rgb(31, 31, 31);}
.header-box #nav-box .nav>li.on .icon,
.header-box #nav-box .nav>li.active .icon{transition:0.2s;transform:rotate(180deg);}
.header-box #nav-box .nav>li.on .nav-sub{display:block;}
.header-box #nav-box .nav-sub dd a:hover{background:#fafafa;color:#2773cf;text-decoration:underline;}
.header-box .mobile-nav{display:none;line-height:normal;}
.header-box .mobile-nav .mobile-nav-icon{height:14px;width:20px;position:relative;cursor:pointer;border-radius:0;margin:0 0 0 15px;}
.header-box .mobile-nav .mobile-nav-icon:before,
.header-box .mobile-nav .mobile-nav-icon span,
.header-box .mobile-nav .mobile-nav-icon:after{position:absolute;left:0;top:6px;width:20px;height:2px;background:#fff;content:'';border-radius:0;}
.header-box .mobile-nav .mobile-nav-icon:before{top:0;}
.header-box .mobile-nav .mobile-nav-icon:after{top:12px;}
.nav-show .header-box .mobile-nav .mobile-nav-icon:before{top:7px; transform: rotate(225deg);transition: bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1),background-color 0.15s ease;background:#2773cf;}
.nav-show .header-box .mobile-nav .mobile-nav-icon:after{top:7px;transform: rotate(315deg);transition: bottom 0.1s ease-out,transform 0.3s 0.14s cubic-bezier(0.215,0.61,0.355,1),background-color 0.15s ease;background:#2773cf;}
.nav-show .header-box .mobile-nav .mobile-nav-icon span{opacity:0;}
.header-box .mobile_nav{display:none; position: absolute; left: 0; top: 100%; width: 100%;}
#mobile-nav-box{text-align:left;background:#fff;}
#mobile-nav-box li .mobile-nav-box__link{position:relative;}
#mobile-nav-box li.active .mobile-nav-box__link a{color:#2773cf;}
#mobile-nav-box li .icon{position:absolute;right:28px;top:0;width:25px;text-align:center;height:100%;fill:#202020;padding:0 12px;cursor:pointer;}
#mobile-nav-box li a{padding:15px 50px;display:block;font-size:16px;color:#202020;text-transform:capitalize;border-bottom:2px solid #e8eae9;line-height:30px;letter-spacing:0.5px;font-weight:400;}
#mobile-nav-box li:hover .mobile-nav-box__link a{background:#fafafa !important;color:#2773cf !important;}
#mobile-nav-box li:hover .icon{fill:#2773cf;}
#mobile-nav-box li .mobile-menu-on a{background:#fafafa !important;color:#2773cf !important;}
#mobile-nav-box li .mobile-menu-on .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);fill:#2773cf;transition:0.2s;}
#mobile-nav-box .mobile-nav-sub{display: none;}
#mobile-nav-box .mobile-nav-sub a{transition:all 0.3s ease-in-out;padding:15px 50px 15px 70px;font-weight:300;}
#mobile-nav-box .mobile-nav-sub a:hover{background:#fafafa;color:#2773cf;}

.header-box{position:relative;z-index:999;background:rgb(51, 51, 51);transition:all .5s ease-in-out;}
.posFixed .header-box .big-logo,
.other_page .header-box .big-logo{display:none;}
.posFixed .header-box .logo,
.other_page .header-box .logo{display:inline-block;}
.posFixed #body-box{padding-top:115px;}
.posFixed .header-box{position:fixed !important;top:0;left:0;right:0;}




.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:45%;width:50px;text-align:center;padding:0;cursor:pointer;z-index:9;outline:none;}
#main .button-prev .icon,
#main .button-next .icon{width:100%;height:40px;fill:#666;}
#main .button-next:hover,#main .button-prev:hover{background:none;}
#main .button-next:hover .icon,#main .button-prev:hover .icon{fill:#2773cf;}
#main .button-prev{left:0;transform:rotate(180deg);}
#main .button-next{right:0;}
#main .swiper-pagination{font-size:14px;}
#main .swiper-pagination-current{color:#2773cf;}

#main .ibanner{position:relative;z-index:1;height:35vw;padding-bottom:40px;}
#main .ibanner:hover .button-next,
#main .ibanner:hover .button-prev{opacity:1;}
#main .ibanner .li{position:relative;}
#main .ibanner .li a{background-repeat:no-repeat;background-size:cover;background-position:center;display:block;height:100%;}
#main .ibanner .text{position:absolute;top:50%;right:50%;width:600px;transform:translate(0,-50%);text-align:left;box-sizing:border-box;display:none;}
#main .ibanner .text .banner-tit{color: #fff; font-size: 48px; line-height: 70px;font-weight:400;margin-bottom:20px;}
#main .ibanner .text .banner-detail{color:#fff;font-size:20px;line-height:24px;margin-bottom:40px;}

#main .swiper-pagination-bullet{background:#ccc;width:12px;height:12px;margin:3px;outline:none;}
#main .swiper-pagination-bullet-active{background:#2773cf;transform:none;-webkit-transform:none;}
#main .ibanner .swiper-slide-active .text{display:block;}
#main .ibanner .swiper-slide-active .text .banner-tit{animation-name:zoomIn;animation-delay:0.5s;}
#main .ibanner .swiper-slide-active .text .banner-detail{animation-name:fadeInDown;animation-delay:1s;}
#main .ibanner .swiper-slide-active .text .index-btn{animation-name:fadeInUp;animation-delay:1s;}

#main .index-btn{background: none; border-color: #2773cf;line-height:38px;border:1px solid #2773cf;transition:all .3s ease-out;padding:0 40px;display:inline-block;margin-top:40px;border-radius:38px;color:#2773cf;    font-size: 18px;font-weight: normal;letter-spacing: 0.5px;}
#main .index-btn:hover{background: #2773cf;color:#fff;}
#main .index-tit-box{text-align:center;margin-bottom:30px;border-bottom:1px solid #dbe3ef;padding-bottom:20px;display:block;}
#main .index-tit{font-size: 40px; color: #202020; font-weight: bold; line-height: 1.8;}
#main .index-detail{font-size: 14px; color: #999; font-weight: 400; line-height: 1.5; margin-top:20px;}


#main .common-ad{padding:40px 0;display:block;}
#main .common-ad img{display:block;width:100%;}
#main .home-video {
	margin:40px 0;
	padding-left:60%;
	position:relative;display:inline-block;width:100%;box-sizing:border-box;
	
}
#main .home-video .video-bg {
}
#main .home-video .video-bg img{display:block;width:100%;}
#main .home-video .video-div {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:60%;
	}
#main .home-video iframe {
	margin:0 auto;
	display:block;
	width:100%;
	height:100%;
	background:#ddd;
}



#main .service-box{background:#fff !important;padding:0;position:relative;text-align:center;    margin:0;}
#main .service-box .index-tit-box{padding:0 100px 20px;}
#main .service-box .service-swiper{position:relative;overflow:hidden;padding-bottom:40px;}
#main .service-box ul{width:100%;padding:0;margin:0;text-align:left;}
#main .service-icon i{font-size:35px;width:68px;line-height:68px;color:#2773cf;border:1px solid #2773cf;border-radius:50%;}
#main .service-box li:hover .service-icon i{}
#main .service-box li:hover .service-icon i{animation-name: pulse;}
#main .service-icon{margin:0 0 20px;position:relative;display:inline-block;}
#main .service-list__con h4{line-height: 23px;height:46px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size: 18px;
font-weight: 500;margin: 15px 0 14px;color:inherit;}
#main .service-box li{text-align:center;margin:30px 0;padding:0;}
#main .service-box .service-info{color:#333;}
#main .service-box .service-info:hover{color:#2773cf;text-decoration:underline;}
#main .service-box li .ad-detail{font-size:14px;line-height:1.5;}
#main .service-box li:hover{border-color:#c79d73;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;}
#main .service-box .pic img{display:block;max-width:100%;margin:40px auto;}

#main  .single-pro{border-width:2px 1px 1px 1px;border-style:solid;border-color:#333 #dbe3ef #dbe3ef #dbe3ef;margin:40px 0;font-size:0;}
#main  .single-pro .pro-tit{padding:12px 20px;line-height:50px;font-size:30px;display:block;border-bottom:1px solid #dbe3ef;color:#202020;}
#main  .single-pro .pro-tit:hover{background:#2773cf;color:#fff;transition:all 0.3s ease;}
#main  .single-swiper{position:relative;overflow:hidden;margin: 0 60px;padding:50px 0;}
#main  .single-list .pro-pic{background:#fff;box-shadow:2px 2px 4px 0 rgba(104,123,148,.35);border:1px solid #c8d2e0;display:inline-block;vertical-align:middle;width:350px;margin-right:26px;}
#main  .single-list .pro-pic img{display:block;width:100%;}
#main  .single-list .pro-content{display:inline-block;vertical-align:middle;width:calc(100% - 378px);}
#main  .single-list .pro-name{font-size:24px;line-height:1.5;color:#666;display:block;}
#main  .single-list .pro-name:hover{color:#2773cf;text-decoration:underline;}

#main .tag-box .tag-list{padding:40px 0;text-align:center;}
#main .tag-box .tag-list:nth-child(even){background:#f5f5f5;}
.common-index-list{text-align:left;font-size:0;margin:0 -20px;}
.common-index-list li{width: calc(33.33% - 40px);margin:20px;    padding: 7px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    border-radius: 8px;display:inline-block;vertical-align:top;transition:transform  0.3s ease;}
.common-index-list li:hover{box-shadow:0 2px 10px rgba(0,0,0,.3);    transform: translate3d(0,-8px,0);}
.common-index-list li .product-pic{display:block;}
.common-index-list li img{display:block;width:100%;}
.common-index-list li .product-name{font-size: 14px;line-height:20px;height:40px;color: #666;display:block;margin:20px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.common-index-list li .product-name:hover{color:#2773cf;text-decoration:underline;}


#main .news{text-align:center;padding:40px 0;}
#main .news ul{font-size:0;margin:0 -20px;}
#main .news li{width:calc(33.33% - 40px);background:#fff;margin:20px;display:inline-block;vertical-align:top;}
#main .news .news-pic{display:block;height:220px;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s ease-in-out;}
#main .news .text{padding:20px;}
#main .news .news-time{font-size:14px;line-height:17px;color:#666;margin-top:15px;transition:all .3s ease-in-out;}
#main .news .news-tit{font-size: 18px; line-height: 24px;color:#2c333c;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#main .news .news-tit:hover{color:#2773cf;}
#main .news .news-pic:hover{opacity:0.8;}


#footer{background:#f5f5f5;color:#666;padding:0;border-top:1px solid #dbe3ef;}
.index_page #footer .subscribe{}
#footer .subscribe{margin-top:50px;box-sizing:border-box;position:relative;display:flex;flex-wrap:wrap; justify-content: space-between;align-items: center;font-size:0;}
#footer .subscribe h2{font-size: 24px; color: #666; font-weight: 400; line-height: 29px;}
#footer .subscribe .newsletter_txt{background-color: rgb(51, 51, 51); display:inline-block;vertical-align:top;width:360px;height:50px;box-sizing:border-box; border-radius: 0; color: #fff; font-size: 14px; font-weight: 400; padding: 12px; transition: all .3s ease-in-out; border:0;outline:none;}
#footer .subscribe .newsletter_txt::-webkit-input-placeholder{color:#fff;background:rgb(51, 51, 51);}
#footer .subscribe .newsletter_txt:-moz-input-placeholder{color:#fff;background:rgb(51, 51, 51);}
#footer .subscribe .newsletter_txt::-ms-placeholder{color:#fff;background:rgb(51, 51, 51);}
#footer .subscribe .newsletter_btn{color: #fff; font-size: 14px; padding: 0 24px; line-height: 50px; background: #2773cf; transition: all .5s; text-transform: uppercase; display: inline-block;vertical-align:top;border:0;outline:none;margin-left:15px;border-radius:0;}
#footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
#footer .help-center{padding:50px 0 40px;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #dbe3ef;margin-top:50px;}
#footer .help-center dl{width:auto;padding:0;}
#footer .help-center dt{font-size:18px;text-transform:capitalize;font-weight:400;color:#666;margin-bottom:10px;margin-top:0;padding-bottom:0;line-height:22px;position:relative;}
#footer .help-center dt a{color:#666;}
#footer .help-center dd{font-size:14px;line-height:normal;padding:5px 0;}
#footer .help-center .quick-links dd{position:relative;padding:0;}
#footer .quick-links dd a{margin:0;padding:0;font-size:14px;color:#666;height:auto;line-height:24px;display:block;}
#footer .quick-links dd a:hover{color:#2773cf;text-decoration:underline;}
#footer .help-center .contact-us{width:auto;max-width:40%;padding:0;}
#footer .help-center .contact-us dd{line-height:25px;}
#footer .contact-us p{color:#666;line-height:25px;}
#footer .foot{padding:20px 0;background:none;flex-wrap:wrap; justify-content: space-between;align-items: center;display:flex;}
#footer .copyright{border-top:0;height:auto;line-height:30px;text-align:center;margin:0;float:none;font-size:14px;color: #999;font-weight:300;}
#footer .sns{margin:0;}
#footer .sns li a{    line-height: 40px;
    color: #999;
    display: inline-block;
    font-size: 19px;
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    margin: 0 5px 5px 0;
    width: 40px;
    text-align: center;}
#footer .sns li a:hover{color:#fff;background:#2773cf;border-color:#2773cf;}
#footer .sns li{width: auto;height: auto;margin:0;padding:0;background:none;border-radius:0;}
/*内页*/
#product-detail .relevant-list li img{display:block;width:100%;}
#product-detail .relevant-list li{margin:0 5px;}
/*橙色 #f1b003*/
.home_common_style_orange #main .index-btn,
.home_common_style_orange #mobile-nav-box li .mobile-menu-on a,
.home_common_style_orange #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_orange #main .service-icon i,
.home_common_style_orange #main .swiper-pagination-current,
.home_common_style_orange #main .service-box .service-info:hover,
.home_common_style_orange #main .single-list .pro-name:hover,
.home_common_style_orange .common-index-list li .product-name:hover,
.home_common_style_orange #main .news .news-tit:hover,
.home_common_style_orange #footer .quick-links dd a:hover,
.home_common_style_orange .header-box .top-btn,
.home_common_style_orange .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_orange #mobile-nav-box li.active .mobile-nav-box__link a{color: #ff6a00;}
.home_common_style_orange .swiper-pagination-bullet-active{background:#ff6a00 !important;}
.home_common_style_orange #main .index-btn,
.home_common_style_orange #main .service-icon i,
.home_common_style_orange #footer .sns li a:hover,
.home_common_style_orange .header-box .top-btn{border-color:#ff6a00;}
.home_common_style_orange #main .index-btn:hover,
.home_common_style_orange .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_orange .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_orange #main .single-pro .pro-tit:hover,
.home_common_style_orange #footer .subscribe .newsletter_btn,
.home_common_style_orange #footer .sns li a:hover,
.home_common_style_orange .header-box .top-btn:hover{background:#ff6a00;}
.home_common_style_orange .search-show .header-box .search-btn>.icon,
.home_common_style_orange .header-box .searc_btn:hover .icon,
.home_common_style_orange #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_orange #main .button-next:hover .icon,
.home_common_style_orange #main .button-prev:hover .icon{fill:#ff6a00;}
.home_common_style_orange #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_orange #main .index-btn:hover,
.home_common_style_orange .header-box .top-btn:hover{color:#fff;}

/*红色#c6727a*/
.home_common_style_red #main .index-btn,
.home_common_style_red #mobile-nav-box li .mobile-menu-on a,
.home_common_style_red #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_red #main .service-icon i,
.home_common_style_red #main .swiper-pagination-current,
.home_common_style_red #main .service-box .service-info:hover,
.home_common_style_red #main .single-list .pro-name:hover,
.home_common_style_red .common-index-list li .product-name:hover,
.home_common_style_red #main .news .news-tit:hover,
.home_common_style_red #footer .quick-links dd a:hover,
.home_common_style_red .header-box .top-btn,
.home_common_style_red .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_red #mobile-nav-box li.active .mobile-nav-box__link a{color: #ed3445;}
.home_common_style_red #main .index-btn,
.home_common_style_red #main .service-icon i,
.home_common_style_red #footer .sns li a:hover,
.home_common_style_red .header-box .top-btn{border-color:#ed3445;}
.home_common_style_red #main .index-btn:hover,
.home_common_style_red .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_red .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_red #main .single-pro .pro-tit:hover,
.home_common_style_red #footer .subscribe .newsletter_btn,
.home_common_style_red #footer .sns li a:hover,
.home_common_style_red .header-box .top-btn:hover{background:#ed3445;}
.home_common_style_red .search-show .header-box .search-btn>.icon,
.home_common_style_red .header-box .searc_btn:hover .icon,
.home_common_style_red #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_red #main .button-next:hover .icon,
.home_common_style_red #main .button-prev:hover .icon{fill:#ed3445;}
.home_common_style_red #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_red #main .index-btn:hover,
.home_common_style_red .header-box .top-btn:hover{color:#fff;}

/*黄色#bdbe24*/
.home_common_style_yellow #main .index-btn,
.home_common_style_yellow #mobile-nav-box li .mobile-menu-on a,
.home_common_style_yellow #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_yellow #main .service-icon i,
.home_common_style_yellow #main .swiper-pagination-current,
.home_common_style_yellow #main .service-box .service-info:hover,
.home_common_style_yellow #main .single-list .pro-name:hover,
.home_common_style_yellow .common-index-list li .product-name:hover,
.home_common_style_yellow #main .news .news-tit:hover,
.home_common_style_yellow #footer .quick-links dd a:hover,
.home_common_style_yellow .header-box .top-btn,
.home_common_style_yellow .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_yellow #mobile-nav-box li.active .mobile-nav-box__link a{color: #bdbe24;}
.home_common_style_yellow #main .index-btn,
.home_common_style_yellow #main .service-icon i,
.home_common_style_yellow #footer .sns li a:hover,
.home_common_style_yellow .header-box .top-btn{border-color:#bdbe24;}
.home_common_style_yellow #main .index-btn:hover,
.home_common_style_yellow .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_yellow .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_yellow #main .single-pro .pro-tit:hover,
.home_common_style_yellow #footer .subscribe .newsletter_btn,
.home_common_style_yellow #footer .sns li a:hover,
.home_common_style_yellow .header-box .top-btn:hover{background:#bdbe24;}
.home_common_style_yellow .search-show .header-box .search-btn>.icon,
.home_common_style_yellow .header-box .searc_btn:hover .icon,
.home_common_style_yellow #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_yellow #main .button-next:hover .icon,
.home_common_style_yellow #main .button-prev:hover .icon{fill:#bdbe24;}
.home_common_style_yellow #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_yellow #main .index-btn:hover,
.home_common_style_yellow .header-box .top-btn:hover{color:#fff;}

/*绿色#21a421*/
.home_common_style_green #main .index-btn,
.home_common_style_green #mobile-nav-box li .mobile-menu-on a,
.home_common_style_green #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_green #main .service-icon i,
.home_common_style_green #main .swiper-pagination-current,
.home_common_style_green #main .service-box .service-info:hover,
.home_common_style_green #main .single-list .pro-name:hover,
.home_common_style_green .common-index-list li .product-name:hover,
.home_common_style_green #main .news .news-tit:hover,
.home_common_style_green #footer .quick-links dd a:hover,
.home_common_style_green .header-box .top-btn,
.home_common_style_green .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_green #mobile-nav-box li.active .mobile-nav-box__link a{color: #2cd32c;}
.home_common_style_green #main .index-btn,
.home_common_style_green #main .service-icon i,
.home_common_style_green #footer .sns li a:hover,
.home_common_style_green .header-box .top-btn{border-color:#2cd32c;}
.home_common_style_green #main .index-btn:hover,
.home_common_style_green .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_green .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_green #main .single-pro .pro-tit:hover,
.home_common_style_green #footer .subscribe .newsletter_btn,
.home_common_style_green #footer .sns li a:hover,
.home_common_style_green .header-box .top-btn:hover{background:#2cd32c;}
.home_common_style_green .search-show .header-box .search-btn>.icon,
.home_common_style_green .header-box .searc_btn:hover .icon,
.home_common_style_green #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_green #main .button-next:hover .icon,
.home_common_style_green #main .button-prev:hover .icon{fill:#2cd32c;}
.home_common_style_green #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_green #main .index-btn:hover,
.home_common_style_green .header-box .top-btn:hover{color:#fff;}

/*青色#21b5b5*/
.home_common_style_cyan #main .index-btn,
.home_common_style_cyan #mobile-nav-box li .mobile-menu-on a,
.home_common_style_cyan #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_cyan #main .service-icon i,
.home_common_style_cyan #main .swiper-pagination-current,
.home_common_style_cyan #main .service-box .service-info:hover,
.home_common_style_cyan #main .single-list .pro-name:hover,
.home_common_style_cyan .common-index-list li .product-name:hover,
.home_common_style_cyan #main .news .news-tit:hover,
.home_common_style_cyan #footer .quick-links dd a:hover,
.home_common_style_cyan .header-box .top-btn,
.home_common_style_cyan .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_cyan #mobile-nav-box li.active .mobile-nav-box__link a{color: #27d3d3;}
.home_common_style_cyan #main .index-btn,
.home_common_style_cyan #main .service-icon i,
.home_common_style_cyan #footer .sns li a:hover,
.home_common_style_cyan .header-box .top-btn{border-color:#27d3d3;}
.home_common_style_cyan #main .index-btn:hover,
.home_common_style_cyan .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_cyan .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_cyan #main .single-pro .pro-tit:hover,
.home_common_style_cyan #footer .subscribe .newsletter_btn,
.home_common_style_cyan #footer .sns li a:hover,
.home_common_style_cyan .header-box .top-btn:hover{background:#27d3d3;}
.home_common_style_cyan .search-show .header-box .search-btn>.icon,
.home_common_style_cyan .header-box .searc_btn:hover .icon,
.home_common_style_cyan #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_cyan #main .button-next:hover .icon,
.home_common_style_cyan #main .button-prev:hover .icon{fill:#27d3d3;}
.home_common_style_cyan #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_cyan #main .index-btn:hover,
.home_common_style_cyan .header-box .top-btn:hover{color:#fff;}

/*蓝色#114b94*/

/*紫色#36012d*/
.home_common_style_purple #main .index-btn,
.home_common_style_purple #mobile-nav-box li .mobile-menu-on a,
.home_common_style_purple #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_purple #main .service-icon i,
.home_common_style_purple #main .swiper-pagination-current,
.home_common_style_purple #main .service-box .service-info:hover,
.home_common_style_purple #main .single-list .pro-name:hover,
.home_common_style_purple .common-index-list li .product-name:hover,
.home_common_style_purple #main .news .news-tit:hover,
.home_common_style_purple #footer .quick-links dd a:hover,
.home_common_style_purple .header-box .top-btn,
.home_common_style_purple .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_purple #mobile-nav-box li.active .mobile-nav-box__link a{color: #992bf6;}

.home_common_style_purple #main .index-btn,
.home_common_style_purple #main .service-icon i,
.home_common_style_purple #footer .sns li a:hover,
.home_common_style_purple .header-box .top-btn{border-color:#992bf6;}
.home_common_style_purple #main .index-btn:hover,
.home_common_style_purple .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_purple .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_purple #main .single-pro .pro-tit:hover,
.home_common_style_purple #footer .subscribe .newsletter_btn,
.home_common_style_purple #footer .sns li a:hover,
.home_common_style_purple .header-box .top-btn:hover{background:#992bf6;}
.home_common_style_purple .search-show .header-box .search-btn>.icon,
.home_common_style_purple .header-box .searc_btn:hover .icon,
.home_common_style_purple #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_purple #main .button-next:hover .icon,
.home_common_style_purple #main .button-prev:hover .icon{fill:#992bf6;}
.home_common_style_purple #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_purple #main .index-btn:hover,
.home_common_style_purple .header-box .top-btn:hover{color:#fff;}

/*粉色#ea0073*/
.home_common_style_pink #main .index-btn,
.home_common_style_pink #mobile-nav-box li .mobile-menu-on a,
.home_common_style_pink #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_pink #main .service-icon i,
.home_common_style_pink #main .swiper-pagination-current,
.home_common_style_pink #main .service-box .service-info:hover,
.home_common_style_pink #main .single-list .pro-name:hover,
.home_common_style_pink .common-index-list li .product-name:hover,
.home_common_style_pink #main .news .news-tit:hover,
.home_common_style_pink #footer .quick-links dd a:hover,
.home_common_style_pink .header-box .top-btn,
.home_common_style_pink .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_pink #mobile-nav-box li.active .mobile-nav-box__link a{color: #f84c96;}
.home_common_style_pink #main .index-btn,
.home_common_style_pink #main .service-icon i,
.home_common_style_pink #footer .sns li a:hover,
.home_common_style_pink .header-box .top-btn{border-color:#f84c96;}
.home_common_style_pink #main .index-btn:hover,
.home_common_style_pink .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_pink .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_pink #main .single-pro .pro-tit:hover,
.home_common_style_pink #footer .subscribe .newsletter_btn,
.home_common_style_pink #footer .sns li a:hover,
.home_common_style_pink .header-box .top-btn:hover{background:#f84c96;}
.home_common_style_pink .search-show .header-box .search-btn>.icon,
.home_common_style_pink .header-box .searc_btn:hover .icon,
.home_common_style_pink #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_pink #main .button-next:hover .icon,
.home_common_style_pink #main .button-prev:hover .icon{fill:#ed3445;}
.home_common_style_pink #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_pink #main .index-btn:hover,
.home_common_style_pink .header-box .top-btn:hover{color:#fff;}

/*黑色#666*/
.home_common_style_black #main .index-btn,
.home_common_style_black #mobile-nav-box li .mobile-menu-on a,
.home_common_style_black #mobile-nav-box li:hover .mobile-nav-box__link a,
.home_common_style_black #main .service-icon i,
.home_common_style_black #main .swiper-pagination-current,
.home_common_style_black #main .service-box .service-info:hover,
.home_common_style_black #main .single-list .pro-name:hover,
.home_common_style_black .common-index-list li .product-name:hover,
.home_common_style_black #main .news .news-tit:hover,
.home_common_style_black #footer .quick-links dd a:hover,
.home_common_style_black .header-box #nav-box .nav-sub dd a:hover,
.home_common_style_black #mobile-nav-box li.active .mobile-nav-box__link a{color: #1f1f1f;}
.home_common_style_black #main .index-btn,
.home_common_style_black #main .service-icon i,
.home_common_style_black #footer .sns li a:hover{border-color:#1f1f1f;}
.home_common_style_black #main .index-btn:hover,
.home_common_style_black .nav-show .header-box .mobile-nav .mobile-nav-icon:after,
.home_common_style_black .nav-show .header-box .mobile-nav .mobile-nav-icon:before,
.home_common_style_black #main .single-pro .pro-tit:hover,
.home_common_style_black #footer .subscribe .newsletter_btn,
.home_common_style_black #footer .sns li a:hover{background:#1f1f1f;}
.home_common_style_black .search-show .header-box .search-btn>.icon,
.home_common_style_black .header-box .searc_btn:hover .icon,
.home_common_style_black #mobile-nav-box li .mobile-menu-on .icon,
.home_common_style_black #main .button-next:hover .icon,
.home_common_style_black #main .button-prev:hover .icon{fill:#1f1f1f;}
.home_common_style_black #footer .subscribe .newsletter_btn:hover{background:rgb(51, 51, 51);}
.home_common_style_black #main .index-btn:hover,
.home_common_style_black .header-box .top-btn:hover{color:#fff;}
.home_common_style_black .header-box .top-btn{color:#fff;border-color:#fff;}
.home_common_style_black .header-box .top-btn:hover{background:#1f1f1f;border-color:#1f1f1f;}

@media screen and (max-width:1366px){
    .wrapper{width:100%;box-sizing:border-box;padding:0 40px;}
    #main .ibanner .text{left:70px;right:70px;width:auto;text-align:center;}
}
@media screen and (max-width:1200px){
    .header-box .mobile-nav{display:inline-block;}
    .header-box #nav-box{display:none;}
    .header-box .top-btn{display:none;}
 
    #inquiry-box, #feedback-box, #search-error404, #error404, #sitemap-box, #module-login, #brands-box, #notice-box{margin:0 auto;}
    #page-products-list, #navpage, #page-news, #news-detail, #product-detail .product-detail__wrapper{margin-top:50px;}
    #main .ibanner .text{left:40px;right:40px;}



    #main .index-tit{font-size:28px;}





    #footer .subscribe h2{font-size:20px;}

}
@media screen and (max-width:1024px){
    #main .ibanner .button-next,#main .ibanner .button-prev{display:none;}
   
    #main .service-box li .ad-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;}


    #main .ibanner .text .banner-tit{font-size:40px;line-height:50px;}
    #main .ibanner .text .banner-detail{font-size:16px;margin-bottom:20px;}
    #main .news .news-pic{height:160px;}
    #footer .help-center .contact-us{max-width:50%;}
	
	.header-box .big-logo{display:none;}
	.header-box .logo{display:inline-block;}
	#main .single-swiper{margin:0 30px;}
	#main .single-pro .pro-tit{font-size:24px;line-height:30px;}
	#main .single-list .pro-name{font-size:20px;}
	
	.common-index-list{margin:0 -10px;}
	.common-index-list li{width:calc(33.33% - 20px);margin:10px;}
	
	#main .news ul{margin:0 -10px;}
	#main .news li{width:calc(33.33% - 20px);margin:10px;}
	#main .service-box .index-tit-box{padding:0 30px 20px;}
	
}



@media screen and (max-width:992px){
    #product-detail .bigimgbox:before{z-index:9;}
    #footer .quick-links dd a{text-align:left;}
    #footer .sns li{text-align:center;}
    #footer .help-center dt{margin-bottom:15px;}
    #footer .foot{text-align:center;}
    #footer .copyright{float:none;}
    #footer .sns{float:none;}


    #footer .subscribe h2{width:100%;margin-bottom:20px;text-align:center;}
    #footer .subscribe form{width:100%;text-align:center;}
	
	#main .single-list .pro-pic{width:50%;}
	#main .single-list .pro-content{width:calc(50% - 30px);}
	#main .button-prev, #main .button-next{width:30px;}
	#main .home-video{padding:0;}
	#main .home-video .video-div{position:static;width:100%;height:60vw;}
  }      

@media screen and (max-width:768px){
    #footer .help-center dl.about-us dd{display:block;}
    #footer .help-center img{margin-bottom:20px;}
    #footer .copyright{float:none;height:auto;}
    #footer .help-center{padding:30px 0;}
	#footer .foot{padding:10px 0;}
    .common-index-list li{width: calc(50% - 20px);}
    #main .index-tit{font-size:24px;}

    #main .service-box{padding:50px 0;}
    #main .tag-box .tag-list{padding:50px 0;}
	#main .single-list .pro-name{font-size:16px;}
	#main .index-btn{font-size:16px;padding:0 30px;}
	#main .single-swiper{padding:30px;margin:0;}
	



}    
@media screen and (max-width:767px){
    .wrapper{padding:0 20px;}
    #footer .help-center dl{border:0 !important;max-width:100% !important;margin-bottom:10px;}
    #footer .help-center dl dt{border-bottom:0;height:25px;line-height:25px;margin-bottom:10px;font-size:14px;}
    #footer .help-center dl dd{padding:0;}
    #footer .help-center dt .help-icon{height:25px;line-height:25px;color:rgb(130, 133, 142);}

    .language-con i{font-size:0;}
    .language-list{right:0;height:auto;overflow:unset;top:100%;margin:0;}
    .language{position:static;}
    .header-box .logo{margin:0;max-width:50%;}
    .header-box .header-mid{padding:10px 0;position:static;}
    #mobile-nav-box li a{padding:10px 20px;line-height:20px;}
    #mobile-nav-box .mobile-nav-sub a{padding:10px 20px 10px 30px;}
    #mobile-nav-box li .icon{right:8px;}
	.header-box .search-btn{display:inline-block;}
	.header-box .search-box{display:none;}
	.search-show .header-box .search-btn>.icon{fill:#2773cf;}
	.search-show .header-box .search-box{display:block; background:rgb(51, 51, 51,0.8);
    position: fixed;
    top: 64px;bottom:0;
    left: 0;
    right: 0;}
	.header-box .search-box form{margin:0 auto;padding: 20px; background:none;border-radius:0;}
	.header-box .search-txt{height:40px;width:calc(100% - 40px);background:#fff;}
	.header-box .searc_btn{height:40px;width:40px;background:#fff;}

    #main .swiper-pagination-bullet{margin:3px;}
    #main .ibanner{height:46vw;}
    #main .ibanner .text{left:20px;right:20px;}
    .common-index-list li .product-name{font-size:14px;margin:10px 0;}

    #main .index-tit{font-size:24px;}

	#main .news li{width:calc(100% - 20px);font-size:0;}
	#main .news .news-pic{display:inline-block;vertical-align:middle;width:40%;}
	#main .news .text{display:inline-block;vertical-align:middle;width:60%;box-sizing:border-box;text-align:left;padding:20px 0 20px 20px;}

    #main .news .news-tit{font-size:16px;height:auto;display:block;overflow:visible;}

    #footer .subscribe h2{font-size:18px;margin-bottom:15px;}
    #footer .subscribe .newsletter_txt{width:50%;height:40px;}
    #footer .subscribe .newsletter_btn{line-height:40px;padding:0 15px;}
    #main .index-btn{line-height:38px;margin-top:30px;}
    #main .ibanner .text .banner-tit{font-size:30px;line-height:1;margin-bottom:15px;}
   
	
	#main .ibanner{padding-bottom:20px;}
	#main .common-ad,
	#main .tag-box .tag-list{padding:20px 0;}
	#main .home-video,
	#main .single-pro{margin:20px 0;}
	#main .service-box .pic img{margin:20px auto;}
	#footer .subscribe,
	#footer .help-center{margin-top:30px;}
	
	

	
	
}    
@media screen and (max-width:480px){
    #mobile-nav-box .mobile-nav-sub a{padding:10px 20px 10px 30px;}
    #page-products-list, #navpage, #page-news, #news-detail{margin-top:40px;}
    #footer .help-center .newsletter_txt{width:100%;margin-right:0;}
    #mobile-nav-box li .icon{right:0;height:50px;}

    #main .ibanner .text .banner-tit{font-size:24px;}
    #main .ibanner .text .banner-detail{font-size:14px;font-weight:300;}
    #main .ibanner .text .index-btn{display:none;}
    #main .news .news-pic{height:110px;}
	
	#main .single-list .pro-content{width:100%;}
	#main .single-list .pro-pic{width:100%;margin:0 0 15px 0;}
	
	#main .single-pro .button-prev, #main .single-pro .button-next{display:none;}
	
	#main .news .news-pic{width:100%;}
	#main .news .text{width:100%;padding:15px 0 0;}
	#main .news .news-time{margin-top:8px;}

}
@media screen and (max-width:374px){  
	.common-index-list li{width:calc(100% - 20px);}

}