.hidden{display: none!important;}
/*全屏遮罩*/
#maskbg{position: fixed;top:0;bottom:0;left:0;z-index:100;display:none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}

/*面包屑导航*/
.breadcrumb{margin-top: 148px;}
.breadcrumb .wrapper{padding-top: 40px;padding-bottom: 35px;color: #585858;text-align: left;}
.breadcrumb .wrapper>a,.breadcrumb .wrapper>span{margin: 0 5px;}
.breadcrumb .wrapper>a{color: #585858;}
.breadcrumb .wrapper>span{color: #898989;}
.mobile .breadcrumb { margin-top: 85px;}
@media (max-width: 990px) {
	.breadcrumb .wrapper{padding-top: 30px;padding-bottom: 30px;}
}
@media (max-width: 480px) {
	.mobile .breadcrumb{margin-top: 55px;}
	.breadcrumb .wrapper{padding-top: 15px;padding-bottom: 15px;}
}

/*标签页*/
.taglist{margin-top: 178px;}
.mobile .taglist { margin-top: 115px;}
@media (max-width: 480px) {
	.mobile .taglist{margin-top: 65px;}
}

/*分页*/
.pagesite{margin: 50px 0px;}
.pagesite a{display: inline-block;margin: 0px 5px;padding: 4px 20px;background-color: #fff;color: #585858;}
.pagesite a:hover{background-color: #ffa23b;color: #fff;}
.pagesite a[disabled]{background-color: #eee;color: #a7a7a7;}
.pagesite a[disabled]:hover{color: #a7a7a7;}
.pagesite select{padding: 3px 6px;}
@media (max-width: 660px) {
	.pagesite{margin: 20px 0px 10px;}
	.pagesite a{margin: 5px 0px;padding: 2px 10px;}
}

/*上下篇*/
.pre-next{padding: 20px 0px 40px;border-top: 1px solid #ebebeb;}
.pre-next>li{position: relative;overflow: hidden;margin-bottom: 5px;padding-left: 10px;text-overflow: ellipsis;white-space: nowrap;}
.pre-next>li:before{position: absolute;top: 13px;left: 0px;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #d8d8d8;content: '';}
.pre-next>li>a{color: #272727;}
.pre-next>li>a:hover{color: #ffa23b;}
@media (max-width: 768px) {
	.pre-next{padding: 20px 0px 10px;}
}

/*产品详情*/
.goods-box .wrapper{padding: 20px;}
/*产品轮播*/
#maingoods{float: left;width: 380px;}
/* goods FOCUS SECTION*/
#goods-focus{position: relative;width: 380px;}
#goods-focus-slider li{cursor: pointer;}
#goods-focus-slider li img{margin: 0 auto;width: 100%;height: auto;}
.soldout li:after{position: absolute;top: 30%;left: 30%;z-index: 5;content: "";width: 40%;height: 40%;background-image: url(./soldout.png);background-repeat: no-repeat;background-size: 100% 100%;}
/* SLIDER INDICATORS */
#goods-focus .bx-pager{margin-top: 10px;}
#goods-focus .bx-pager-item{position: relative;display: inline-block;padding: 0 3px;width: 20%;}
#goods-focus .bx-pager-item a{display: inline-block;width: 100%;border: 1px solid #ebebeb;background-color: #fff;}
#goods-focus .bx-pager-item a img{display: block;padding: 5px;transition: all ease-in-out .8s;}
#goods-focus .bx-pager-item a:hover, #goods-focus .bx-pager-item a.active{border: 1px solid #ffa23b;}
#goods-focus .bx-pager-item a:hover img, #goods-focus .bx-pager-item a.active img{transform:translateY(-5px);}
/* SLIDER BUTTONS*/
#goods-focus .bx-control-bar{display: none;}
#goods-focus .bx-control-btn{position: absolute;top: 185px;z-index: 1;width: 26px;height: 56px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #ddd;background-position: center center;background-size:80%;background-repeat: no-repeat;color: #fff;text-align: center;font-size: 21px;line-height: 50px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-ms-transition: all .3s ease;}
#goods-focus .bx-control-btn:hover{background-color: #363636;}
#goods-focus .bx-control-btn a{display: block;width: 100%;height: 100%;}
#goods-focus .bx-prev-control{left:0;background-image: url('./chevron-prev.png');}
#goods-focus .bx-next-control{right:0;background-image: url('./chevron-next.png');}


#fullscreen-goods{position:fixed;top:50%;left:50%;z-index:1030;display:none;margin-top:-300px;margin-left:-300px;width: 600px;}

#goods-focus2{position: relative;}
#goods-focus-slider2 li img{width:600px;margin: 0 auto;}
/* SLIDER INDICATORS */
#goods-focus2 .bx-pager-item{display: inline-block;position: relative;}
#goods-focus2 .bx-pager-item a{width: 9px;height: 9px;display: inline-block;background-color: #fff;}
#goods-focus2 .bx-pager-item a:hover, #goods-focus2 .bx-pager-item a.active{background-color: #ffa23b;}
/* SLIDER BUTTONS*/
#goods-focus2 .bx-control-bar{}
#goods-focus2 .bx-control-btn{position: absolute;top: 50%;z-index:1040;margin-top: -23px;width: 26px;height: 46px;background-color: #ddd;background-repeat: no-repeat;background-position: center center;background-size:80%;text-align: center;line-height: 50px;font-size: 21px;color: #fff;transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;}
#goods-focus2 .bx-control-btn:hover{background-color: #363636;}
#goods-focus2 .bx-control-btn a{display: block;width: 100%;height: 100%;}
#goods-focus2 .bx-prev-control{left: 0px;background-image: url('./chevron-prev.png');}
#goods-focus2 .bx-next-control{right: 0px;background-image: url('./chevron-next.png');}
#goods-focus2 .bx-wrapper .bx-pager{display: none;} 

.closebtn{position:absolute;top:-10px;right:-10px;z-index:1030;width: 30px;height: 30px;color:#fff;font-size: 26px;text-align: center;line-height: 30px;background: #000;border-radius: 100%;cursor: pointer;}

@media (max-width: 698px) {
	#goods-focus-slider li img{padding: 0 20px 30px;}
	#goods-focus .bx-pager{position: absolute;bottom: 8px;width: 100%;}
	#goods-focus .bx-pager-item{width: 9px;height: 9px;padding: 0px;margin: 0 4px;}
	#goods-focus .bx-pager-item a{height: 100%;background-color: #333844;border: 0px;-webkit-border-radius: 100%;border-radius: 100%;opacity: .4;}
	#goods-focus .bx-pager-item a:hover, #goods-focus .bx-pager-item a.active{border: 0px;background-color: #ffa23b;opacity: 1;}
	#goods-focus .bx-pager-item a img{display: none;}
}

@media (max-width: 600px){
	.closebtn{top: 10px;right: 10px;}
}
@media (max-height:600px) {
	.closebtn{top: 10px;right: 10px;}
}

/*产品信息*/
.goods-info{float:left;padding: 0 50px;width: 600px;}
.goods-info h2.title{color: #272727;text-align: left;font-size: 22px;}
.goods-info .desc{position: relative;padding: 5px 10px;background-color: #fff4f5;color: #ff6c70;text-align: left;}
.goods-info .desc:after{position: absolute;top: 0px;left: -10px;width: 0;height: 0;border-top: 10px solid #fff4f5;border-left:10px solid transparent;content: "";}
.goods-meta{margin-top: 50px;}
.goods-meta .business-model{margin-top: 30px;}
.goods-meta span.tit{float: left;overflow:hidden;margin-right: 15px;width: 65px;color: #a7a7a7;}
.goods-meta a{float: left;margin-right: 15px;color: #333;}
.goods-meta a:hover{color: #ffa23b;}
.goods-meta a>i{position:relative;top:5px;display:inline-block;margin-right:6px;width: 20px;height: 20px;background-image: url(./icon-third.png);background-repeat: no-repeat;}
.goods-meta a>i.tmall{background-position:-10px -10px;}
.goods-meta a>i.jd{background-position:-44px -10px;}
.goods-meta a>i.wx{background-position:-78px -10px;}
.goods-meta span.gray{float: left;margin-right: 10px;margin-left: 10px;color: #d8d8d8;}
.goods-meta span.model{float: left;color: #333;}
.goods-btn{margin-top: 50px;text-align: left;}
.goods-btn a.btn{margin-right: 30px;padding: 15px;min-width: 170px;font-size: 16px;}
.goods-btn a.btn:last-child{margin-right: 0px;}

/*我的询价单*/
.modal{position: fixed;top: 50%;left: 50%;z-index: 1020;margin-left: -280px;width: 560px;background-color: #fff;}
#askform{display: none;margin-top: -235px;}
#lyform{display: none;margin-top: -285px;}
.modal-content{padding: 10px;}
.modal-header{position: relative;text-align: center;}
.modal-header .closebtn{position: absolute;top: 5px;right: 10px;z-index: 5;}
.modal-header>h5{position: relative;font-size: 20px;line-height: 40px;}
.modal-header>h5:after{position: absolute;top: 38px;left: 50%;margin-left: -40px;width: 80px;content: "";}
#askform .modal-header>h5:after{border-bottom: 1px solid #ffa23b;}
#lyform .modal-header>h5:after{/*margin-left: -80px;width: 160px;*/border-bottom: 1px solid #60c0fe;}
.modal-body{margin-top: 30px;}
.modal-body .form-group{position: relative;margin-bottom: 20px;padding: 0 50px;}
.modal-body .form-group label{position: absolute;top: 10px;left: 50px;color: #272727;}
.modal-body .form-group span{position: relative;top: 3px;margin-right: 5px;color: #ffa23b;}
.modal-body .form-group .form-inputbox{padding-left: 85px;width: 100%;}
.modal-footer{margin: 30px auto 20px;text-align: center;}
.modal-footer .btn{padding: 16px 56px;min-width: auto;font-size: 16px;}
.modal-bottom{padding: 30px 50px;border-top: 1px solid #ebebeb;}
.modal-bottom h5{position: relative;float: left;margin-bottom: 10px;font-size: 20px;}
.modal-bottom h5:before{position: absolute;top: 50%;left: -6px;margin-top: -8px;height: 16px;border-left: 1px solid #60c0fe;content: "";}
.modal-bottom-r{float: left;margin-left: 35px;}
.modal-bottom-r p{color: #272727;}
@media (max-width: 560px) {
	.modal{left: 0px;margin-left: 0px;width: 100%;}
	.modal-body .form-group{padding: 0 20px;}
	.modal-body .form-group label{left: 20px;}
	.modal-body .form-group .form-inputbox{padding-left: 75px;}
	.modal-bottom{padding: 30px 35px;}
}
@media (max-width: 480px){
	#askform{margin-top: -188px;}
	#lyform{margin-top: -235px;}
	.modal-body{margin-top: 15px;}
	.modal-body .form-group{margin-bottom: 10px;}
	.modal-bottom{padding-top: 10px;padding-bottom: 10px;}
	.modal-bottom h5{float: none;}
	.modal-bottom-r{float: none;margin-left: 0px;}
	.modal-footer{margin: 0px auto 10px;}
}

/*产品推荐*/
.goods-rec{float: right;padding-right:13px;padding-left: 32px;width: 178px;border-left: 1px solid #ebebeb;}
.goods-rec>h6{margin:10px 0;color: #898989;font-weight: normal;font-size: 14px;}
.pro-list li{position: relative;overflow: hidden;margin-bottom: 20px;text-align: center;}
.pro-list li .thumbnail{position: relative;display: block;overflow: hidden;margin: 0 auto;width: 70%;}
.pro-list li img{display: block;width: 100%;}
.pro-list li span{position:absolute;bottom:0px;left:0px;z-index:1;display: block;overflow:hidden;width: 100%;font-size: 12px;line-height: 22px;color: #585858;}
.pro-list li p{display: -webkit-box;overflow: hidden;margin-top: 10px;text-align: left;font-size: 12px;line-height: 1.6;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pro-list li .gobuy{display: inline-block;padding: 2px 12px;border: 1px solid #ebebeb;-webkit-border-radius: 20px;border-radius: 20px;color: #ffa23b;line-height: 1.5;}
.pro-list li .gobuy:hover{background-color: #ffa23b;color: #fff;}
.pro-list li .pro-icon{position: absolute;top: 8px;left: 10px;z-index: 5;}
.pro-list li .pro-icon>i{position:relative;display:block;width: 32px;height: 32px;border-radius: 100%;color: #fff;font-size: 14px;font-style: normal;text-align: center;line-height: 32px;}
.pro-list li .pro-icon>i:before{position: absolute;bottom: 0px;right: 0px;z-index: -1;display: block;content:'';width: 0;height: 0;}

.goods-rec .pro-list li .thumbnail{width: 100%;}
.goods-rec .pro-list li .pro-icon{top: 7px;right: 8px;left: auto;}
.goods-rec .pro-list li .pro-icon>i{width: 26px;height: 26px;font-size: 12px;line-height: 28px;}
.goods-rec .pro-list li .pro-icon>i:before{right: auto;left: 0px;}

.pro-list li .pro-icon>i.orange{background-color: #ffc155;}
.pro-list li .pro-icon>i.orange:before{border-bottom-color: #ffc155;border-bottom-width: 14px;border-bottom-style: solid;border-right-width: 14px;border-right-style: solid;border-right-color: transparent;}
.pro-list li .pro-icon>i.light-blue{background-color: #62c2fe;}
.pro-list li .pro-icon>i.light-blue:before{border-bottom-color: #62c2fe;border-bottom-width: 14px;border-bottom-style: solid;border-right-width: 14px;border-right-style: solid;border-right-color: transparent;}
.pro-list li .pro-icon>i.dark-orange{background-color: #ff9b5f;}
.pro-list li .pro-icon>i.dark-orange:before{border-bottom-color: #ff9b5f;border-bottom-width: 14px;border-bottom-style: solid;border-right-width: 14px;border-right-style: solid;border-right-color: transparent;}
.pro-list li .pro-icon>i.dark-blue{background-color: #86b4fe;}
.pro-list li .pro-icon>i.dark-blue:before{border-bottom-color: #86b4fe;border-bottom-width: 18px;border-bottom-style: solid;border-left-width: 18px;border-left-style: solid;border-left-color: transparent;}
.pro-list li .pro-icon>i.green{background-color: #6cd0ed;}
.pro-list li .pro-icon>i.green:before{border-bottom-color: #6cd0ed;border-bottom-width: 18px;border-bottom-style: solid;border-left-width: 18px;border-left-style: solid;border-left-color: transparent;}
.pro-list li .pro-icon>i.dark-blue2{background-color: #69afff;}
.pro-list li .pro-icon>i.dark-blue2:before{border-bottom-color: #69afff;border-bottom-width: 18px;border-bottom-style: solid;border-left-width: 18px;border-left-style: solid;border-left-color: transparent;}

/*产品介绍*/
.goods-panelbox{margin-top: 20px;}

.bigpanelbox{margin-bottom: 100px;width: 77.3333%;}
.detailnav{height: 50px;}
.detailnav .bx-pager{padding: 0 10px;width: 100%;height: 48px;border-bottom: 1px solid #ebebeb;background-color: #fff;-webkit-overflow-scrolling: touch;}
#goodsinfo-panel .bx-pager-item{float: left;padding: 0 34px;color: #272727;font-size: 16px;line-height: 46px;cursor: pointer;}
#goodsinfo-panel .bx-pager-item.active{border-bottom: 2px solid #ffa23b;color: #ffa23b;}
.goodsinfo-panel-slider .slider-content{display: none;padding: 20px;}
.goodsinfo-panel-slider .slider-content.active{display: block;}
.goodsinfo-panel-slider .slider-content img{display: block;margin: 0 auto;width: 100%!important;max-width: 800px;height:auto!important;}
.goods-doc-down{margin: 100px auto;width: 70%;}
.goods-doc-down li{float: left;width: 50%;text-align: center;}
.slider-content.goods-doc-down li img{margin-top: 10px!important;width: auto!important;}
.goods-doc-down li a{color: #272727;;}
.goods-doc-down li a:hover{color: #ffa23b;}
.goods-doc-down li:last-child a:hover{color: #50adfc;}

.detail-video{position: relative;z-index: 1;margin-top: 10px;}
.video-iframe{width: 100%;max-width: 800px;}

@media (max-width: 900px) {
	.bigpanelbox{margin-bottom: 20px;}
}
@media (max-width: 480px) {
	.fixedSubNav{position: fixed;top: 55px;left: 0px;z-index: 5;}
}

.panel-aside{margin-bottom: 80px;width: 21.6667%;}
.sidebar-panel{margin-bottom: 20px;padding: 5px 15px 0px;}
.sidebar-panel-header{border-bottom: 1px solid #ebebeb;color: #272727;text-align: left;font-size: 16px;line-height: 44px;}
.sidebar-panel-content{padding: 8px 0px 4px;text-align: left;}
.sidebar-panel-content p{padding: 5px 0;font-size: 14px;line-height: 24px;}
.sidebar-panel-list{padding:0px;}

@media (max-width: 768px) {
	
}
@media (max-width: 900px) {
	.panel-aside{margin-bottom: 0px;}
}

.sidebar-panel-content>dl{padding:15px;border-bottom: 1px solid #ebebeb;}
.sidebar-panel-content>dl:last-child{border-bottom-width: 0px;}
.sidebar-panel-content>dl a:hover{color: #ffa23b;}
.sidebar-panel-content>dl>dt{overflow:hidden;color: #272727;}
.sidebar-panel-content>dl>dt a{color: #272727;}
.sidebar-panel-content>dl>dt .panel-btn{position:relative;float: right;width: 22px;height: 22px;border: 1px solid #ebebeb;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;cursor: pointer;}
.sidebar-panel-content>dl>dt .panel-btn i{position:absolute;top:50%;left:50%;display:block;margin-top:-1px;margin-left:-4px;width: 8px;height: 2px;background-color: #ffa23b;content: "";-webkit-transition:all ease-in-out .5s;-moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;}
.sidebar-panel-content>dl>dt .panel-btn.close i.vline{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-ms-transform: rotate(90deg);}
.sidebar-panel-content>dl>dd a{position:relative;display: block;padding-left: 10px;color: #585858;line-height: 32px;}
.sidebar-panel-content>dl>dd a:before{position: absolute;top:50%; left: 0;margin-top:-1px;width: 3px;height: 3px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #d8d8d8;content: "";}
.sidebar-panel-content>dl>dd:hover a:before{background-color: #ffa23b;}

.sidebar-panel-content .pro-list{margin-top: 20px;}
.sidebar-panel-content .pro-list li span{font-size: 14px;line-height: 24px;}
.news-star>li{padding-bottom: 15px;border-bottom: 1px solid #ebebeb;}
.news-star>li:last-child{padding-bottom: 0px;border-bottom-width: 0px;}

@media (min-width: 991px) {
	#goodsinfo-panel{min-height: 1413px;}
}

@media (max-width: 1200px) {
	.goods-rec{display: none;}
	#maingoods{width: 40%;}
	#goods-focus{width: 100%;}
	.goods-info{padding-right: 0px;padding-left: 20px;width: 60%;}
	.sidebar-panel-content .pro-list{width: 90%;}
}
@media (max-width: 900px) {
	.goods-panelbox .wrapper{padding: 0px;}
	.panel-aside{display: none;width: 100%;}
	.news-panelbox .panel-aside{display: block;}
	.news-panelbox .star-pro {display: none;}
	.bigpanelbox{width: 100%;}	
}
@media (min-width: 699px) and (max-width: 900px) {
	#goods-focus .bx-control-btn{top: 120px;}
}
@media (max-width: 698px){
	#maingoods{width: 100%;}
	#goods-focus .bx-control-btn{top: 50%;}	
	.goods-info{padding: 0px;width: 100%;}
	.goods-info h2.title{font-size: 16px;}
	.goods-meta, .goods-meta .business-model{margin-top: 10px;}
	.goods-meta span.tit{margin-right: 10px;}	
	.goods-meta a>i{top: 2px;margin-right: 0px;height: 25px;background-image: url(./icon-third-m.png);}
	.goods-meta a>i.tmall{width: 85px;background-position: -3px -3px;background-size: 220px 30px;}
	.goods-meta a>i.jd{width: 68px;background-position: -93px -3px;background-size: 220px 30px;}
	.goods-meta a>i.wx{width: 50px;background-position: -167px -3px;background-size: 220px 30px;}
	.goods-meta a>span{display: none;}
	.goods-btn{position: fixed;bottom: 0px;left: 0px;z-index: 5;width: 100%;background-color: #ebebeb;}
	.goods-btn a.btn{float: left;margin-right: 0px;width: 50%;min-width: auto;border-radius: 0px;}
	#goodsinfo-panel .bx-pager-item{padding: 0 20px;width: 33.33%;font-size: 14px;}
	.goodsinfo-panel-slider .slider-content{padding: 0px;}
	.goods-doc-down{margin: 20px 0;width: 100%;}	
}
@media (max-width: 360px){
	.goods-meta span.tit{margin-right: 5px;}
	.goods-meta a{margin-right: 2px;}
}

.joinbox .content{max-width: 1216px;}
@media (max-width: 1200px) {
	.joinbox .content{width: 90%;}
}
@media (max-width: 990px) {
	.joinbox .content{padding: 20px 0;}
}

/*招商加盟头部banner*/
.join-banner{position: relative;margin-top: 148px;padding-bottom:60px;background-image: url(./banner-join.jpg);background-position:bottom center;background-size: cover;background-repeat: no-repeat;}
.mobile .join-banner { margin-top: 85px;}
@media (max-width: 480px) {
	.mobile .join-banner{margin-top: 55px;padding-bottom: 0px;}
}
.join-banner .titlepic{margin-top: 40px;text-align: center;}
.join-banner .titlepic img{display: block;margin: 0 auto;max-width: 100%;}
.join-banner .subtitle{position: relative;margin:50px 0 90px;color: #fff;font-size: 24px;}
.join-banner .subtitle em{font-style: normal;font-size: 34px;}
.join-banner h4 .star-arrow{position: relative;top:2px;display: inline-block;width: 21px;height: 19px;background-image: url(./arrow.png);content: '';}
.join-banner h4 .star-arrow-l{margin-right: 9px;}
.join-banner h4 .star-arrow-r{margin-left: 9px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.join-banner h4 .star-arrow:before{position: absolute;top: -46px;left: -76px;width: 198px;height: 112px;background-image: url(./star.png);background-position: center;content: '';
-webkit-animation: flash 3s infinite ease-in-out alternate;
   -moz-animation: flash 3s infinite ease-in-out alternate;
        animation: flash 3s infinite ease-in-out alternate;
}
.join-banner ul>li{position: relative;float: left;padding-bottom: 10px;padding-left: 100px;width: 33.33%;color: #1c5f8f;text-align: left;}
.join-banner ul>li>h4{font-size: 24px;}
.join-banner ul>li .starline{position: relative;margin-top: 5px;width: 129px;content: '';}
.join-banner ul>li .starline:before{position: absolute;top: 0px;left: 0px;width:129px;height: 3px;background-image: url(./star-line.png);background-position: left;content: '';
-webkit-animation: lineInLeft 2s ease-in-out;
   -moz-animation: lineInLeft 2s ease-in-out;
        animation: lineInLeft 2s ease-in-out;
}
.join-banner ul>li .starline:after{position: absolute;top: -54px;left: -94px;width: 198px;height: 112px;background-image: url(./star.png);content: '';
-webkit-animation: starAcross 2s 2 ease-in-out alternate;
   -moz-animation: starAcross 2s 2 ease-in-out alternate;
        animation: starAcross 2s 2 ease-in-out alternate;
}
.joinbtn{margin-top: 50px;}

@media (max-width: 1200px) {
	.join-banner ul>li{padding-left: 50px;}
}
@media (max-width: 768px) {
	.join-banner .subtitle{font-size: 20px;}
	.join-banner .subtitle span{display: none;}
	.join-banner .subtitle em{position: absolute;top: 40px;left: 50%;margin-left: -133px;}
	.join-banner ul>li{float: none;margin-bottom: 10px;padding-left: 0px;width: 100%;text-align: center;}
	.join-banner ul>li .starline{margin:15px auto 0;}
}
@media (max-width: 480px) {
	.join-banner .titlepic{margin-top: 10px;}
	.join-banner .subtitle{font-size: 18px;}
	.join-banner .subtitle em{font-size: 24px;margin-left: -89px;}
	.join-banner h4 .star-arrow{top: 4px;}
	.join-banner ul{display: none;}
	.joinbtn{margin: 20px 0 10px;}
}

/*批量定制头部banner*/
.diy-banner{position: relative;overflow: hidden;margin-top: 148px;width: 100%;height: 700px;background-image: url(./banner-diy.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.diy-banner .diy.joinbtn{position: absolute;bottom: 100px;left: 0px;z-index: 5;margin: 0px;width: 100%;text-align: center;}
.mobile .diy-banner{ margin-top: 85px;}
@media (max-width: 1010px){
	.mobile .diy-banner{height: 600px;}
}
@media (max-width: 990px){
	.mobile .diy-banner{height: 500px;}
	.mobile .diy-banner .diy.joinbtn{bottom: 50px;}
}
@media (max-width: 768px){
	.mobile .diy-banner{height: 400px;}
	.mobile .diy-banner .diy.joinbtn{bottom: 40px;}
}
@media (max-width: 660px){
	.mobile .diy-banner{height: 300px;}
	.mobile .diy-banner .diy.joinbtn{bottom: 30px;}
}
@media (max-width: 480px) {
	.mobile .diy-banner{margin-top: 55px;height: 200px;}
	.mobile .diy-banner .diy.joinbtn{bottom: 15px;}
}

/*批量定制品牌选择*/
.diy-brand{padding-top: 20px;}
.diy-brand-content{overflow:hidden;margin:20px auto 170px;width:1216px;}
.diy-brand-content ul{width:1912px;}
.diy-brand-content ul li{position:relative;float:left;width:245px;border-left:1px solid #fff;-webkit-transition:all .5s;transition:all .5s;}
.diy-brand-content ul li div{width:478px;}
.diy-brand-content ul li div img{display: block;}
.diy-brand-content ul:hover li{width:245px;}
.diy-brand-content ul li:hover{width:478px;}
@media (max-width: 1240px){
	.diy-brand-content{width:100%;}
}
@media (max-width: 990px){
	.diy-brand-content{margin:10px auto 50px;}
	.diy-brand-content ul{overflow: hidden;margin: 0 -2px;width:100%;}
	.diy-brand-content ul li{padding:2px;width: 50%;border: 0px;}
	.diy-brand-content ul:hover li{width:50%;}
	.diy-brand-content ul li div{width:100%;}
	.diy-brand-content ul li:hover{width:50%;}
}
@media (max-width: 660px){
	.diy-brand-content{margin:0px auto 30px;}
}

/*招商加盟快捷导航*/
.join-navbar{background-color: #f9f9f9;}
.join-navbar .content{padding: 15px 0;}
.join-navbar li{display: inline-block;padding: 0 5px;width: 25%;}
.join-navlist{position: relative;display: inline-block;margin: 0 auto;width: 100%;height: 86px;background-size: cover;background-repeat: no-repeat;text-align: left;line-height: 86px;}
.join-navlist:after{position: absolute;top: 50%;right: 20px;margin-top: -25px;width: 55px;height: 50px;background-image: url(./sprite-join.png);content:'';}

.join-navlist>span{position: relative;padding-left: 55px;color: #fff;font-size: 18px;}
.join-navlist>span:after{position: absolute;top: 9px;left: 140px;display: none;width: 18px;height: 17px;background: url(./arrowdown.png) repeat-y;content: '';
-webkit-animation: slideInDown .5s infinite ease-in-out alternate;
   -moz-animation: slideInDown .5s infinite ease-in-out alternate;
        animation: slideInDown .5s infinite ease-in-out alternate;
}
.join-navlist:hover>span:after{display: block;}

.join-nav01{background-image: url(./bg-join-orange.jpg);}
.join-nav02{background-image: url(./bg-join-blue.jpg);}
.join-nav03{background-image: url(./bg-join-purple.jpg);}
.join-nav04{background-image: url(./bg-join-black.jpg);}
.join-nav01:after{background-position: -16px -8px;}
.join-nav01:hover:after{background-position: -81px -8px;}
.join-nav02:after{background-position: -17px -68px;}
.join-nav02:hover:after{background-position: -82px -68px;}
.join-nav03:after{background-position: -16px -128px;}
.join-nav03:hover:after{background-position: -82px -128px;}
.join-nav04:after{background-position: -18px -188px;}
.join-nav04:hover:after{background-position: -83px -188px;}
@media (max-width: 1280px) {
	.join-navbar li{margin: 5px 0;width: 50%;}
}
@media (max-width: 660px) {
	.join-navbar{height: 50px;}
	.join-navbar .content{padding: 7px 10px;width: 100%;border-bottom: 1px solid #e5e5e5;background-color: #f9f9f9;}
	.join-navbar li{margin: 0px;padding: 0 1px;width: 25%;}
	.join-navlist{height: 36px;text-align: center;line-height: 36px;}
	.join-navlist:after{display: none;}
	.join-navlist>span{padding-left: 0px;font-size: 14px;}
}
@media (max-width: 480px) {
	
}

/*招商加盟动态图表*/
.chartbox{overflow: hidden;padding: 70px 0;text-align: left;}
.chartbox2{padding: 130px 0px 60px;}
.chartbox:first-child{border-bottom: 1px solid #ebebeb;}
.chartbox-left, .chartbox-right{width: 50%;}
.chartbox-left{float: left;padding-left: 120px;}
.chartbox-right{float: right;}
.chartbox-text{padding:0 60px;}
.chartbox-text>h3{margin-bottom: 30px;font-size: 32px;}
.chartbox-text>p{line-height: 2.5;}
.chart-coord{position: relative;width: 252px;height: 220px;}
.chart-pillars{width: 197px;height: 179px;}
.chart-coord-y{position: absolute;top: -16px;left: 11px;width: 11px;height: 231px;background: url(./chart-coord-y.png) no-repeat;content: '';opacity: 0;}
.chart-coord-x{position: absolute;top: 78px;left: 16px;width: 235px;height: 138px;background: url(./chart-coord-x.png) no-repeat;content: '';opacity: 0;}
.chart-coord-data{position: absolute;top: -16px;left: -30px;width: 28px;height: 231px;background: url(./chart-coord-data.png) no-repeat;content: '';}
.chart-num{position: absolute;top: -42px;left: 136px;}
.chart-pie{position: relative;margin-top: 30px;margin-left: 130px;}
.chart-pieimg{width: 346px;height: 147px;}
.chart-pieline{position: absolute;top: -55px;left: 130px;opacity: 0;}
.chart-arrow{position: absolute;top: -60px;left: 258px;opacity: 0;}
.chart-arrow-small{position: absolute;top: -8px;left: 305px;opacity: 0;}
.chart-pie>span{position: absolute;top: -65px;left: 85px;font-size: 14px;}


@media (max-width: 1200px) {
	.chartbox-text>h3{font-size: 28px;}
	.chartbox-left{padding-left: 32px;}
	.chart-pie{margin-left: 60px;}
}
@media (max-width: 990px) {
	.chartbox-text>h3{font-size: 21px;}
	.chart-pie{margin-left: 20px;}
}
@media (max-width: 768px) {
	.chartbox{padding: 44px 0px 0px;}
	.chartbox-left, .chartbox-right{margin: 10px 0px;width: 100%;}
	.chartbox-text{padding: 0px;}
	.chartbox-text>h3{margin-bottom: 10px;text-align: center;font-size: 18px;}
	.chartbox-text>p{line-height: 2;}
	.chart-coord{margin: auto;}
	.chart-pie{margin-top: 35px;margin-right: auto;margin-left: auto;width: 290px;}
	.chart-pieimg{width: 300px;height: 127px;}
	.chart-pieline{left: 92px;}
	.chart-pie>span{left: 46px;}
	.chart-arrow{left: 220px;}
	.chart-arrow-small{left: 262px;}
	#chartbox-text-1{margin-bottom: 25px;}
	#chartbox-text-2{margin-top: 15px;margin-bottom: 0px;}
}

/*招商加盟智能家居产品*/
.join-jiaju-header{padding: 50px 0;background-image: url(./join-intro-bg.jpg);background-size: cover;background-repeat: no-repeat;color: #fff;}
.join-jiaju-header h3, .join-jiaju-header h4, .join-jiaju-header p{opacity: 0;}
.join-jiaju-header h4{margin-bottom: 50px;font-size: 16px;-webkit-animation-delay: .5s;animation-delay: .5s;}
.join-jiaju-header p{text-align: left;text-indent: 20px;-webkit-animation-delay: 1s;animation-delay: 1s;}
.join-jiaju-body .jiaju-left, .join-jiaju-body .jiaju-right{width: 50%;}
.join-jiaju-body .jiaju-left{float: left;}
.join-jiaju-body .jiaju-right{float: right;}
.join-jiaju-body .jiaju-img>img{display: block;width: 100%;max-width: 100%;}
.join-jiaju-content{position: relative;}
.jiaju-text{position: absolute;top: 50%;margin-top: -130px;text-align: left;}
.jiaju-text-1{left: 50%;padding-left: 100px;}
.jiaju-text-2{right: 50%;padding-right: 100px;}
.jiaju-text>h3, .jiaju-text>p, .jiaju-text>ul{opacity: 0;}
.jiaju-text>h3{margin-bottom: 15px;color: #272727;}
.jiaju-text>p{color: #898989;-webkit-animation-delay: .5s;animation-delay: .5s;}
.jiaju-text>ul{margin-top: 85px;-webkit-animation-delay: 1s;animation-delay: 1s;}
.jiaju-text>ul>li{position: relative;float: left;margin-bottom: 16px;padding-left: 12px;font-size: 16px;}
.jiaju-text>ul>li:before{position: absolute;top: 13px;left: 0px;width: 4px;height: 4px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;content: '';}
.jiaju-text-1>ul{width: 580px;}
.jiaju-text-1>ul>li{width: 25%;}
.jiaju-text-1>ul>li:before{background-color: #ffa23b;}
.jiaju-text-2>ul{width: 660px;}
.jiaju-text-2>ul>li{width: 20%;}
.jiaju-text-2>ul>li:before{background-color: #60c0fe;}
@media (max-width: 1600px) {
	.jiaju-text-2>ul{width: 600px;}
	.jiaju-text-2>ul>li{width: 25%;}
}
@media (max-width: 1440px) {
	.join-jiaju-header{padding: 0px;}
	.join-jiaju-header h4{margin-bottom: 20px;}	
	.jiaju-text>ul{width: 500px;margin-top: 50px;}
	.jiaju-text>ul>li{width: 33.33%;}
	.jiaju-text-1{padding-left: 60px;}
	.jiaju-text-2{padding-right: 60px;}
}
@media (max-width: 1220px) {
	.jiaju-text-1{padding-left: 20px;}
	.jiaju-text-2{padding-right: 20px;}
	.jiaju-text-2>ul{width: 450px;}
}
@media (max-width: 990px) {
	.jiaju-text{margin-top: -80px;}
	.jiaju-text>ul{margin-top: 10px;width: 380px;}
	.jiaju-text>ul>li{margin-bottom: 10px;width: 50%;font-size: 14px;line-height: 1;}
	.jiaju-text>ul>li:before{top: 6px;}	
	.jiaju-text-1{padding-left: 10px;}
	.jiaju-text-2{padding-right: 0px;}
	
}
@media (max-width: 768px) {
	.jiaju-text>h3{margin-bottom: 0px;}
	.jiaju-text-1>ul, .jiaju-text-2>ul{width: 315px;}
}
@media (max-width: 660px) {
	.join-jiaju-header{display: none;}
	.join-jiaju-body .jiaju-left, .join-jiaju-body .jiaju-right{float: none;width: 100%;}	
	.jiaju-text{position: relative;top: 0px;left: 0px;margin-top: 0px;padding: 25px 15px 15px;width: 100%;text-align: center;}
	.jiaju-text>ul{margin-top: 20px;width: 100%;text-align: left;}
	.jiaju-text>ul>li{margin-bottom: 0px;line-height: 2;width: 33.33%;}
	.jiaju-text>h3{margin-bottom: 10px;font-size: 16px;line-height: 1;}
}
@media (max-width: 400px) {
	.jiaju-text>ul>li{width: 50%;}
}

/*加盟优势*/
.join-advantage{background-image: url(./join-advantage-bg.jpg);background-size: cover;background-repeat: no-repeat;}
.join-advantage-header>h3{color: #fff;-webkit-animation-delay: .5s;animation-delay: .5s;}
.join-advantage-header>h4{color: #fff;font-size: 16px;-webkit-animation-delay: 1s;animation-delay: 1s;}
.join-advantage-body{margin: 38px 0 50px;}
.join-advantage-body>li{float: left;padding: 12px;width: 33%;}
.join-advantage-body>li .item{padding: 30px 28px;height: 200px;border-bottom: 5px solid #ffc155;background-color: #fff;text-align: left;}
.join-advantage-body>li .item>h4{margin-bottom: 10px;color: #272727;}
.join-advantage-body>li .item>h4 img{display:inline}
.join-advantage-body>li .item>p{color: #585858;font-size: 14px;line-height: 1.8;}
.join-advantage-header>h3, .join-advantage-header>h4, .join-advantage-body>li{opacity: 0;}
.join-advantage-body>li:nth-child(1){-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.join-advantage-body>li:nth-child(2){-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.join-advantage-body>li:nth-child(3){-webkit-animation-delay: 1.9s;animation-delay: 1.9s;}
.join-advantage-body>li:nth-child(4){-webkit-animation-delay: 2.2s;animation-delay: 2.2s;}
.join-advantage-body>li:nth-child(5){-webkit-animation-delay: 3.5s;animation-delay: 2.5s;}
.join-advantage-body>li:nth-child(6){-webkit-animation-delay: 2.8s;animation-delay: 2.8s;}
.join-advantage-body>li:nth-child(7){-webkit-animation-delay: 3.1s;animation-delay: 3.1s;}
.join-advantage-body>li:nth-child(8){-webkit-animation-delay: 3.4s;animation-delay: 3.4s;}

/*批量定制优势*/
.diy.join-advantage{background-image: url(./diy-advantage-bg.jpg);}
.diy .join-advantage-body>li{width: 33.33%;}
.diy .join-advantage-body>li .item{height: 200px;border-bottom-color: #62c2fe;}

@media (max-width: 1200px) {
	.diy .join-advantage-body>li .item{height: 230px;}
}

@media (max-width: 990px) {
	.join-advantage-body{margin: 20px auto;}
	.join-advantage-body>li, .diy .join-advantage-body>li{padding: 8px 3px;width: 50%;}
	.join-advantage-body>li .item{height: 144px;}
	.diy .join-advantage-body>li .item{height: 200px;}
}

@media (max-width: 660px) {
	.diy .join-advantage-body>li .item{height: 260px;}
}

@media (max-width: 480px) {
	.join-advantage-body{margin: 10px auto;}
	.join-advantage-header>h3{padding-top: 0px;}
	.join-advantage-body>li{padding: 6px 4px;}
	.join-advantage-body>li .item, .diy .join-advantage-body>li .item{padding: 10px;height: auto;}
	.join-advantage-body>li .item>h4{margin-bottom: 0px;font-size: 14px;}
	.join-advantage-body>li .item>p{display: none;}
	.join-advantage-body>li .item img{float: right;margin-top: 8px;}
}

/*媒体报道*/
.join-media-header>h3, .join-media-header>h4, .join-media-logo, .join-media-list{opacity: 0;}
.join-media-header>h3{color: #272727;}
.join-media-header>h4{color: #898989;font-size: 16px;-webkit-animation-delay: .5s;animation-delay: .5s;}
.join-media-logo{margin-top: 50px;margin-bottom: 40px;padding: 40px;background-color: #f9f9f9;-webkit-animation-delay: 1s;animation-delay: 1s;}
.join-media-logo>img{display: block;width: 100%;max-width: 100%;}
.join-media-list{margin-top: 50px;text-align: left;-webkit-animation-delay: .5s;animation-delay: .5s;}
.join-media-list>li{float: left;margin-bottom: 15px;padding: 0 20px;width: 50%;}
.join-media-list>li>a{position: relative;overflow: hidden;font-size: 16px;}
.join-media-list>li>a:before{position: absolute;top: 13px;left: 10px;width: 3px;height: 3px;background-color: #d8d8d8;content: '';}
.join-media-list>li>a>em{float: left;overflow: hidden;width: 70%;color: #272727;text-overflow: ellipsis;white-space: nowrap;font-style: normal;}
.join-media-list>li>a:hover>em{color: #ffa23b;}
.join-media-list>li>a>span{float: right;width: 30%;color: #898989;text-align: right;font-size: 14px;}

@media (max-width: 768px) {
	.join-media-logo{margin: 20px -16px 0px;padding: 10px;}
	.join-media-list{margin-top: 20px;}
	.join-media-list>li{margin-bottom: 5px;padding: 0px;width: 100%;}
	.join-media-list>li>a{font-size: 14px;}
	.join-media-list>li>a:before{left: -5px;}
}

.join-jiaju-header.active h3, .join-jiaju-header.active h4, .join-jiaju-header.active p, .jiaju-text.active>h3, .jiaju-text.active>p, .jiaju-text.active>ul, .join-advantage-header.active>h3, .join-advantage-header.active>h4, .join-advantage-body.active>li, .join-media-header.active>h3, .join-media-header.active>h4, .join-media-header.active .join-media-logo, .join-media-list.active
{opacity: 1;
-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
-webkit-animation-duration: .5s;animation-duration: .5s;
-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;
-webkit-animation-timing-function: linear;animation-timing-function: linear;
}

.join-advantage-body.active>li, .join-media-header.active .join-media-logo, .join-media-list.active{
	-webkit-animation-name: fadeIn;animation-name: fadeIn;
}

/*加盟案例*/
/* -- case --*/
#case{position: relative;overflow: hidden;background: #f9f9f9;}
.case-header>h3{color: #272727;}
.case-header>h4{color: #898989;font-size: 16px;}
#case-posts{position: relative;margin-top: 50px;}
#case-posts .bx-wrapper{width: 100%;}
/* -- case SLIDER --*/
#case-slider li{height: 100%;max-height: 265px;}
/* -- case SLIDER POST STYLES --*/
#case-slider .slider-content{width: 100%;background-color: #fff;text-align: left;}
#case-slider .post-photo{display: block;width: 100%;height: 200px;background-position: center center;background-size: cover;background-repeat: no-repeat;}
#case-slider .post-content{position: relative;display: block;padding: 15px 20px;}
#case-slider .post-content h5{overflow: hidden;height: 22px;text-overflow: ellipsis;white-space: nowrap;line-height: 22px;}
#case-slider .post-content h5 a{color: #272727;font-size: 16px;}
/* SLIDER BUTTONS*/
#case .bx-controls{display: none;}
#case .bx-control-bar{position: relative;margin: 40px auto 0px;height: 70px;max-width: 1200px;}
#case .bx-control-btn{position: absolute;top: 0;width: 70px;height: 70px;background-color: #464646;background-position: center center;background-size: 16px 30px;background-repeat: no-repeat;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
#case .bx-control-btn:hover{background-color: #363636;}
#case .bx-control-btn a{display: block;width: 100%;height: 100%;}
#case .bx-prev-control{right: 70px;background-image: url('./chevron-prev.png');}
#case .bx-next-control{right: 0;background-color: #333;background-image: url('./chevron-next.png');}

@media (max-width: 1620px){
	#case .bx-next-control{right: 50%;margin-right: -70px;}
	#case .bx-prev-control{right: 50%;margin-right: 0px;}
}
@media (max-width: 768px) {
	#case{padding: 20px;}
	#case-posts{margin-top: 20px;}
	#case .bx-control-bar{margin-top: 20px;}
}
@media (max-width: 480px){
	#case-posts .bx-wrapper{padding-right: 10px;padding-left: 10px;width: 100%;}
	#case-slider .post-content{padding:10px;}
	#case .bx-control-bar{height: 50px;}
	#case .bx-control-btn{width: 50px;height: 50px;}
	#case .bx-next-control{margin-right: -50px;}
}

/*定制支持*/
#support{position: relative;overflow: hidden;padding: 20px 0px 80px;background: #f9f9f9;}
.support-header>h3{margin-bottom: 5px;color: #272727;}
.support-header>h4{color: #898989;font-size: 16px;}
.support-content{margin-top: 30px;}
.support-item{position: relative;margin-top: 60px;width: 415px;}
.support-item-xy{float: left;padding-left: 75px;}
.support-item-km{float: right;padding-right: 75px;}
.support-list{position: relative;width: 100%;height: 440px;background-color: #fff;background-position: top;background-size: cover;background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 65px rgba(213,213,213,0.35);
        box-shadow: 0px 0px 65px rgba(213,213,213,0.35);
}
.support-item-xy .support-list{background-image: url(./bg-support-01.jpg);}
.support-item-km .support-list{background-image: url(./bg-support-02.jpg);}
.support-list>h4{padding-top:40px;color: #272727;}
.support-list>h4>span{font-size: 26px;}
.support-list>h5{padding: 60px 40px 50px;font-size: 16px;}
.support-btn{position: absolute;bottom: 0px;left: 0px;z-index: 5;width: 100%;}
.support-btn.active{z-index: 2;}
.support-btn>a{display: block;padding: 20px 0px;}
.support-btn>a>span{position: relative;padding-right: 25px;color: #fff;font-size: 18px;}
.support-btn>a>span:after{position: absolute;top: 8px;left: 85px;width: 18px;height: 17px;background: url(./arrowdown.png) repeat-y;content: '';
-webkit-animation: slideInDown .5s infinite linear alternate;
   -moz-animation: slideInDown .5s infinite linear alternate;
        animation: slideInDown .5s infinite linear alternate;}
.support-xy-btn{background-color: #72c8fe;}
.support-km-btn{background-color: #99aaf1;}
.support-openbtn{position: absolute;top: -35px;z-index: 5;width: 70px;height: 70px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #fff;
-webkit-box-shadow: 0px 0px 65px rgba(213,213,213,0.35);
        box-shadow: 0px 0px 65px rgba(213,213,213,0.35);cursor: pointer;
}
.support-openbtn-l{left: -35px;}
.support-openbtn-r{right: -35px;}
.support-openbtn>span{position: relative;display: block;margin: 28px auto;width: 14px;height: 14px;}
.support-openbtn>span:before, .support-openbtn>span:after{position: absolute;top: 6px;left: 0px;display: inline-block;width: 14px;height: 2px;content: '';
-webkit-transition: all ease-in-out .3s;
   -moz-transition: all ease-in-out .3s;
        transition: all ease-in-out .3s;
}
.support-openbtn>span:after{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);}
.support-openbtn-l>span:before, .support-openbtn-l>span:after{background-color: #72c8fe;}
.support-openbtn-r>span:before, .support-openbtn-r>span:after{background-color: #99aaf1;}
.support-openbtn-l.active{background-color: #72c8fe;}
.support-openbtn-r.active{background-color: #99aaf1;}
.support-openbtn-l.active>span:before, .support-openbtn-l.active>span:after, .support-openbtn-r.active>span:before, .support-openbtn-r.active>span:after{background-color: #fff;}
.support-openbtn-l.active>span:before, .support-openbtn-r.active>span:before{transform: rotate(45deg);}
.support-openbtn-l.active>span:after, .support-openbtn-r.active>span:after{transform: rotate(135deg);}

.support-posts{position: absolute;top: 0px;z-index: 3;height: 440px;background-color: #fff;
-webkit-box-shadow: 0px 0px 65px rgba(213,213,213,0.35);
        box-shadow: 0px 0px 65px rgba(213,213,213,0.35);
}
#support-posts{left: 75px;width: 1050px;}
#support-posts-km{right: 75px;width: 900px;}
.support-posts{opacity: 0;transition: all linear .5s;}
.support-posts.active{opacity: 1;}
.support-posts .bx-wrapper{margin: 0 auto;width: 100%;}
.support-slider .slider-content{width: 100%;text-align: left;}
.support-slider .post-content{position: relative;padding: 45px 20px;}
.support-slider .post-content>span{padding: 6px 20px;background-color: #f9f9f9;}
.support-slider .post-photo{padding-bottom: 20px;width: 100%;}
.support-slider .post-photo>img{display: block;}
/* SLIDER BUTTONS*/
.support-posts .bx-controls, .support-posts .bx-control-bar{display: none;}

@media (max-width: 1200px) {
	.support-item{width: 350px;}
	.support-item-xy{padding-left: 0px;}
	.support-item-km{padding-right: 0px;}
	#support-posts{left: 0px;width: 895px;}
	#support-posts-km{right: 0px;width: 793px;}
}
@media (max-width: 990px) {
	.support-item{width: 346px;}
	#support-posts{width: 696px;}
	#support-posts-km{width: 693px;}
}

@media (max-width: 768px) {
	.support-item{width: 290px;}
	.support-posts{width: 595px!important;}
}
@media (max-width: 660px) {
	.support-item{width: 236px;}
	.support-posts{width: 540px!important;}
}
@media (max-width: 540px){
	#support{padding-bottom: 30px;}
	.support-item{float: none;padding: 0px;width: 100%;}
	.support-openbtn-l{left: -10px;}
	.support-openbtn-r{right: -10px;}
	#support-posts{left: 0px;width: 100%!important;}
	#support-posts-km{right: 0px;width: 100%!important;}
}

/*代理流程*/
.join-process-header>h3{margin-bottom: 5px;color: #272727;}
.join-process-header>h4{color: #898989;font-size: 16px;}
.join-process-content{margin: 150px auto 20px;}
.join-process-item{position: relative;left: 50%;margin: auto;height:1px;}
.join-process-item.item2, .join-process-item.item3, .join-process-item.item4, .join-process-item.item5, .join-process-item.item6, .join-process-item.item7{margin: 124px auto 0px;}

.join-process-item.item1{margin-left: -102px;width: 263px;}
.join-process-item.item2{margin-left: -194px;width: 356px;}
.join-process-item.item3{margin-left: -180px;width: 370px;}
.join-process-item.item4{margin-left: -143px;width: 317px;}
.join-process-item.item5{margin-left: -125px;width: 234px;}
.join-process-item.item6{margin-left: -70px;width: 160px;}
.join-process-item.item7{margin-left: -60px;width: 200px;}

.join-process-item.item1{
background:-webkit-linear-gradient(left,#ff887f,#ffb63d);/*Webkit*/
background:-moz-linear-gradient(left,#ff887f,#ffb63d);/*Mozilla*/
background:-o-linear-gradient(left,#ff887f,#ffb63d); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff887f, endColorstr=#ffb63d);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ff887f, endColorstr=#ffb63d)";/*IE8+*/
}
.join-process-item.item2{
background:-webkit-linear-gradient(left,#ae90c1,#ffc22c);/*Webkit*/
background:-moz-linear-gradient(left,#ae90c1,#ffc22c);/*Mozilla*/
background:-o-linear-gradient(left,#ae90c1,#ffc22c); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ae90c1, endColorstr=#ffc22c);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ae90c1, endColorstr=#ffc22c)";/*IE8+*/
}
.join-process-item.item3{
background:-webkit-linear-gradient(left,#a48ad4,#55cde5);/*Webkit*/
background:-moz-linear-gradient(left,#a48ad4,#55cde5);/*Mozilla*/
background:-o-linear-gradient(left,#a48ad4,#55cde5); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#a48ad4, endColorstr=#55cde5);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#a48ad4, endColorstr=#55cde5)";/*IE8+*/
}
.join-process-item.item4{
background:-webkit-linear-gradient(left,#65b5fb,#4cd5e7);/*Webkit*/
background:-moz-linear-gradient(left,#65b5fb,#4cd5e7);/*Mozilla*/
background:-o-linear-gradient(left,#65b5fb,#4cd5e7); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#65b5fb, endColorstr=#4cd5e7);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#65b5fb, endColorstr=#4cd5e7)";/*IE8+*/
}
.join-process-item.item5{
background:-webkit-linear-gradient(left,#69afff,#d08fcd);/*Webkit*/
background:-moz-linear-gradient(left,#69afff,#d08fcd);/*Mozilla*/
background:-o-linear-gradient(left,#69afff,#d08fcd); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#69afff, endColorstr=#d08fcd);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#69afff, endColorstr=#d08fcd)";/*IE8+*/
}

.join-process-item.itembox:before{position: absolute;top: -4px;left: 50%;z-index: 2;width: 27px;height: 9px;background-color: #fff;background-image: url(./sprite-arrow.png);background-repeat: no-repeat;content: '';}
.join-process-item.item1:before{margin-left: -20px;background-position: 0px 0px;}
.join-process-item.item2:before{margin-left: 0px;background-position: 0px -11px;}
.join-process-item.item3:before{margin-left: -68px;background-position: 0px -22px;}
.join-process-item.item4:before{margin-left: 7px;background-position: 0px -33px;}
.join-process-item.item5:before{margin-left: -30px;background-position: 0px -44px;}
.join-process-item.item6:before{margin-left: -10px;background-position: 0px -54px;}
.join-process-item.item7:before{margin-left: -30px;background-position: 0px -54px;}

.join-process-item .balloon{position: absolute;width: 54px;height: 127px;background-image: url(./sprite-balloon.png);background-repeat: no-repeat;color: #fff;font-size: 16px;}
.join-process-item.item2 .balloon, .join-process-item.item3 .balloon, .join-process-item.item4 .balloon, .join-process-item.item5 .balloon, .join-process-item.item6 .balloon, .join-process-item.item7 .balloon{top: -125px;padding-top: 34px;}
.join-process-item.item1 .balloon{top: -106px;left: -54px;padding-top: 13px;background-position: 0px 0px;}
.join-process-item.item2 .balloon{right: -32px;background-position: 0px -133px;}
.join-process-item.item3 .balloon{left: -50px;background-position: 0px -274px;}
.join-process-item.item4 .balloon{right: -52px;background-position: 0px -415px;}
.join-process-item.item5 .balloon{left: -54px;background-position: 0px -557px;}
.join-process-item.item6 .balloon{right: -54px;background-position: -56px -710px;}
.join-process-item.item7 .balloon{left: -55px;background-position: 0px -862px;}

.join-process-item .text{position: absolute;top: -92px;color: #272727;text-align: left;line-height: 1.8;}
.join-process-item.item1 .text{left: -171px;}
.join-process-item.item2 .text{right: -318px;max-width: 270px;}
.join-process-item.item3 .text{left: -315px;max-width: 255px;}
.join-process-item.item4 .text{right: -202px;max-width: 130px;}
.join-process-item.item5 .text{left: -242px;max-width: 175px;}
.join-process-item.item6 .text{right: -335px;max-width: 260px;}
.join-process-item.item7 .text{left: -242px;max-width: 175px;}

/*批量定制流程*/
.diy-process-item.item1 .text{left: -158px;}
.diy-process-item.item2 .text{right: -220px;}
.diy-process-item.item3 .text{left: -154px;}
.diy-process-item.item4 .text{right: -198px;}
.diy-process-item.item5 .text{left: -170px;}
.diy-process-item.item6 .text{right: -130px;}
.diy-process-item.item7 .text{left: -160px;}

.diy-process-item.item6 .balloon{right: -54px;background-position: 0px -710px;}

.diy-process-item.item6{
background:-webkit-linear-gradient(left,#ff9b5f,#d08fcd);/*Webkit*/
background:-moz-linear-gradient(left,#ff9b5f,#d08fcd);/*Mozilla*/
background:-o-linear-gradient(left,#ff9b5f,#d08fcd); /*Opera11*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff9b5f, endColorstr=#d08fcd);/*IE<9>*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ff9b5f, endColorstr=#d08fcd)";/*IE8+*/
}

@media (max-width: 1069px) {
	.join-process-item.item1 .text{left: 18px;}
	.join-process-item.item2 .text{right: 30px;}
	.join-process-item.item3 .text{left: 20px;}
	.join-process-item.item4 .text{right: 18px;}
	.join-process-item.item5 .text{left: 18px;}
	.join-process-item.item6 .text{right: 18px;}
	.join-process-item.item7 .text{left: 18px;}
}
@media (max-width: 560px) {
	.join-process-content{margin: 140px auto 10px;}
	.join-process-item.item .text{max-width: 230px;}
	.join-process-item.item1{margin-left: -95px;width: 216px;}
	.join-process-item.item1 .text{left: 18px;}
	.join-process-item.item2{margin-left: -102px;width: 222px;}
	.join-process-item.item2 .text{right: 30px;}
	.join-process-item.item3{margin-left: -98px;width: 222px;}
	.join-process-item.item3 .text{left: 18px;}
	.join-process-item.item4{margin-left: -110px;width: 212px;}
	.join-process-item.item4 .text{right: 18px;}
	.join-process-item.item5{margin-left: -96px;width: 212px;}
	.join-process-item.item5 .text{left: 18px;}
	.join-process-item.item6{margin-left: -50px;width: 148px;}
	.join-process-item.item6 .text{right: 18px;}
	.join-process-item.item7{margin-left: -38px;width: 150px;}
	.join-process-item.item7 .text{left: 18px;}
}

/*加盟留言*/
.join-msg{background-image: url(./join-message.jpg);background-size: cover;background-repeat: no-repeat;}
.join-msg .content{max-width: 1100px;}
.join-msg-header{color: #fff;}
.join-msg-header>h4{font-size: 16px;}
.join-msg-content{margin-top: 40px;}

.join-msg-title{position: relative;margin-bottom: 30px;padding-left: 7px;color: #585858;font-size: 20px;}
.join-msg-title:before{position: absolute;top: 5px;left: 0px;height: 18px;border-left: 1px solid #ffa23b;content: '';}
.join-msg-title>span{color: #898989;font-size: 14px;}

.diy .join-msg-title:before{border-left-color: #50adfc;}

.join-apply{float: left;padding:25px 40px;width: 410px;background-color: #fff;text-align: left;}
.join-apply-body{margin-bottom: 51px;}
.join-apply-item{position: relative;margin-bottom: 40px;padding-left: 51px;color: #272727;}
.apply-sprite{position: absolute;top: -4px;left: 0px;display: inline-block;width:38px;height:38px;background-image: url(./sprite-contact.png);background-repeat: no-repeat;}
.apply-phone{background-position: 0px 0px;}
.apply-email{background-position: 0px -55px;}
.apply-fax{background-position: 0px -109px;}
.apply-addr{background-position: 0px -164px;}
.apply-wx{background-position: 0px -218px;}
.join-apply-item img{vertical-align: top;width: 120px;}

.join-ly{float: right;padding:25px 90px;width: 650px;background-color: #fff;text-align: left;}
.join-ly .form-group{margin-bottom: 10px;padding: 0px;}
.join-ly .form-group label{left: 0px;}
.join-ly .form-group .form-inputbox{padding-left: 76px;}
.join-ly .form-group textarea{display: block;}
.join-ly .form-group .form-captcha{width: 50%;}
.join-ly .form-group img{margin-left: 5px;vertical-align: middle;}
.join-ly-submit{margin-top: 27px;}
.join-ly-submit .btn{margin-bottom: 5px;padding: 15px 33px;min-width: auto;font-size: 16px;}

/*批量定制留言*/
.diy.join-msg{background-image: url(./diy-message.jpg);}
.diy.join-msg .join-msg-header>h3{color: #272727;}
.diy.join-msg .join-msg-header>h4{color: #585858;}

@media (max-width:1200px) {
	.join-apply{display: none;}
	.join-ly{float: none;width: 100%;}
}
@media (max-width:660px) {
	.join-apply{display: none;}
	.join-ly{padding-right: 30px;padding-left: 30px;}
}
@media (max-width:480px){
	.join-msg .content{padding: 25px 10px;}
	.join-msg-content{margin-top: 20px;}
	.join-ly{padding-right: 19px;padding-left: 19px;}
	.join-ly .form-group .form-inputbox{padding-left: 64px;}
	.join-ly .form-group .form-captcha{width: 100%;}
	
}

/*产品中心*/
/*产品分类*/
.catelist{margin-top: 148px;}
.catelist .wrapper{padding-top: 30px;padding-bottom: 30px;text-align: left;}
.catelist .wrapper>a{position: relative;margin: 0 40px 0 5px;}
.catelist .wrapper>a:hover, .catelist .wrapper>a.active{color: #ffa23b;}
.catelist .wrapper>a.active:after{position: absolute;bottom: -5px;left: 50%;display: inline-block;margin-left: -20px;width: 40px;height: 1px;background-color: #ffa23b;content: '';}
.mobile .catelist { margin-top: 85px;}
@media (max-width: 990px) {
	.catelist .wrapper{padding-top: 30px;padding-bottom: 30px;}
}
@media (max-width: 480px) {
	.mobile .catelist{margin-top: 55px;}
	.catelist .wrapper{padding-top: 15px;padding-bottom: 15px;text-align: center;}
	.catelist .wrapper>a{position: relative;margin:0px 10px;}
}
/*产品列表*/
.productlist{margin-bottom: 40px;}
.productlist>ul>li{float: left;padding: 5px;width: 25%;}
.product-content{position: relative;padding: 5px;background-color: #fff;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;transition: all linear .3s;}
.product-img>img{display:block;width: 100%;}
.product-text{margin-bottom: 27px;padding: 0 10px;}
.product-text h4{overflow: hidden;color: #272727;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height: 1.2;}
.product-text h5{overflow: hidden;color: #898989;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;}
.productlist>ul>li .product-content .product-img{position: relative;}
.productlist>ul>li .product-content:after{position: absolute;top: 0px;right: 0px;z-index: 5;display: inline-block;padding: 0px 14px;color: #fff;font-size: 12px;line-height: 2;}
.productlist>ul>li.new .product-content:after{background-color: #ffc155;content: '新品';}
.productlist>ul>li.star .product-content:after{background-color: #62c2fe;content: '明星产品';}
.productlist>ul>li.stop .product-content:after{background-color: #bbb;content: '停产';}
.productlist>ul>li.stop .product-content .product-img:after{position: absolute;top: 25%;right: 25%;z-index: 5;content: "";width: 50%;height: 50%;background-image: url(./soldout-white.png);background-repeat: no-repeat;background-size: cover;}
.productlist>ul>li>a:hover .product-content{-webkit-box-shadow: 0px 10px 20px rgba(167,167,167,0.5);box-shadow: 0px 10px 20px rgba(167,167,167,0.5);}
@media (max-width: 990px) {
	.productlist>ul>li{width: 33.33%;}
}
@media (max-width: 480px) {
	.productlist{margin-bottom: 20px;}
	.productlist>ul>li{width: 50%;}
	.product-content{padding: 10px;}
	.product-text{padding: 0px;}
}

/*新闻列表*/
#news-panel{padding: 20px;}
.subnav>li{float: left;padding: 0px 55px 0px 10px;}
.subnav>li>a{position: relative;display: block;padding-bottom: 5px;color: #272727;font-size: 16px;}
.subnav>li>a:hover{color: #ffa23b;}
.subnav>li.active>a{color: #ffa23b;}
.subnav>li.active>a:after{position: absolute;bottom: 0px;left: 50%;display: block;margin-left: -22px;width: 44px;height: 1px;background-color: #ffa23b;content: '';}
.newslist-item{padding: 30px 0px;border-bottom: 1px solid #ededed;}
.newslist-item .thumbnail{width: 30%;}
.newslist-item .thumbnail>img{display: block;width: 100%;max-height: 160px;}
.newslist-item .caption{padding: 10px 10px 0px 20px;width: 70%;text-align: left;}
.newslist-item .caption .title{overflow: hidden;margin-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;}
.newslist-item .caption .title>a{color: #272727;}
.newslist-item .caption .title>a:hover{color: #ffa23b;}
.newslist-item .caption .desc{position: relative;display: -webkit-box;overflow: hidden;margin-bottom: 10px;color: #585858;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newslist-item .meta .time{margin-right: 15px;color: #999;}

@media (max-width: 1100px) {
	.newslist-item .caption{padding-top: 0px;}
}
@media (max-width: 660px) {
	.subnav>li{padding: 0px;width: 33.33%;text-align: center;}
	.newslist-item{padding: 20px 0px 10px;}
	.newslist-item .caption{padding: 10px 0px;width: 100%;}
	.newslist-item .thumbnail{width: 100%;}
	.newslist-item .thumbnail>img{max-height: none;}
	.news-panelbox .wrapper{padding-right: 0px;padding-left: 0px;}
}

/*标签*/
.tagtitle{text-align: left;font-size: 16px;}
.tags>a{display: inline-block;margin-right: 5px;padding: 2px 10px;border: 1px solid #d8d8d8;-webkit-border-radius: 20px;border-radius: 20px;font-size: 12px;line-height: 1.5;}
.tags>a:hover{border-color:#313131;background-color: #313131;color: #fff;}
.sidebar-panel .tags{padding: 15px 0;}
.sidebar-panel .tags>a{margin: 8px 8px 8px 0px;}

/*精彩文章*/
.arclist{overflow: hidden;width: 100%;}
.arclist>li{margin: 16px 0 20px;}
.arclist>li>a{position: relative;z-index: 1;display: block;}
.arclist>li>a:before{position: absolute;top: 0px;left: 0px;z-index:2;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: '';opacity: 1;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.arclist>li>a:after{position: absolute;top: 0px;left: 0px;z-index:3;width: 100%;height: 100%;
background: -moz-radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.65));background: -webkit-radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.65));content: '';opacity: 0;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.arclist>li>a:hover:before{opacity: 0;}
.arclist>li>a:hover:after{opacity: 1;}
.arclist>li img{display: block;width: 100%;}
.arclist>li>a h4{position: absolute;top: 50%;left: 0px;z-index:4;margin-top: -20px;padding: 0 20px;width: 100%;text-align: center;}
.arclist>li>a h4>p{display: -webkit-box;overflow: hidden;padding: 0px;color: #fff;font-size: 14px;line-height: 1.6;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.arclist>li>a h4:before{position: absolute;bottom: -10px;left: 50%;display: inline-block;margin-left: 0px;width: 0px;height: 1px;background-color: #fff;content: '';opacity: 0;}
.arclist>li>a h4:after{position: absolute;bottom: -10px;left: 50%;display: inline-block;width: 42px;height: 1px;background-color: #fff;content: '';opacity: 0;}
.arclist>li>a:hover h4:before{-webkit-animation: borderslideLeft .3s linear 1 forwards;-moz-animation: borderslideLeft .3s linear 1 forwards;animation: borderslideLeft .3s linear 1 forwards;}
.arclist>li>a:hover h4:after{-webkit-animation: borderslideRight .3s linear 1 forwards;-moz-animation: borderslideRight .3s linear 1 forwards;animation: borderslideRight .3s linear 1 forwards;}
@media (max-width: 900px) {
	.arclist>li{float: left;padding: 0 5px;width: 50%;}
}
@media (max-width: 480px) {
	.arclist>li{float: none;width: 100%;}
	.arclist>li>a h4>p{font-size: 16px;}
}

/*文章内容*/
.arcbox{text-align: left;}
.arcbox>h1.title{color: #272727;font-size: 24px;line-height: 2.5;}
.arcbox .meta{padding-bottom: 10px;border-bottom: 1px solid #ebebeb;}
.arcbox .time{margin-top: 2px;margin-right: 10px;color: #999;font-size: 12px;}
.arcbox-body{padding: 40px 0px 50px;text-align: left;}
.arcbox-body p{margin-bottom: 20px;white-space: normal!important;}
.arcbox-body img{width: auto!important;height: auto!important;max-width: 100%!important;}

.arcbox-body, .arcbox-body p, .arcbox-body span, .arcbox-body ol, .arcbox-body li, .arcbox-body font, .arcbox-body a, .arcbox-body div{color: #333;font-size: 16px!important;font-family: "微软雅黑"!important;}
.arcbox-body a, .arcbox-body a span{color:#ffa23b!important;border-bottom:1px dashed #ffa23b;word-wrap: break-word;}
.arcbox-body a:hover{color:#ffc155!important;}
@media (max-width: 768px) {
	.arcbox>h1.title{font-size: 20px;line-height: 1.8;}
	.arcbox-body{padding: 20px 0px;}
}

@media (max-width: 480px) {
	.arcbox>h1.title{font-size: 20px;line-height: 1.5;}
}


/*关于我们*/
.about{margin-bottom: 100px;}
.about .wrapper{padding: 0px;}
.about .subnav{padding: 20px;}
.abtimg{margin-top: 30px;margin-bottom: 25px;}
.abtimg>img{display: block;width: 100%;}
.about .about-text{padding: 0px 100px 70px;text-align: left;}
.about-item{padding: 45px 0px;border-bottom: 1px solid #ebebeb;}
.about-item:first-child{padding-top: 20px;}
.about-item:last-child{border-bottom: 0px;}
.about-item h4{color: #272727;}
.about-item h5{margin-top: 10px;color: #272727;font-size: 16px;}
.about-item p{font-size: 14px;}
.about .about-item-box{width: 43%;}
.about .about-item-box .btn{margin-top: 20px;padding: 18px;}
.brand p{font-size: 16px;}
@media (max-width:1200px){
	.about .about-text{padding-right: 30px;padding-left: 30px;}
}
@media (max-width: 990px){
	.about .about-item-box{width: 48%;}
}
@media (max-width: 660px){
	.abtimg{margin-top: 10px;}
	.about{margin-bottom: 20px;}
	.about .about-text{padding: 0px 20px 50px;}
	.about-item{padding: 20px 0px;}
	.about .about-item-box{padding-bottom: 20px;width: 100%;}
}
@media (max-width: 480px){
	.abtimg{margin-top: 0px;margin-bottom: 0px;}
	.about .about-text{padding-bottom: 0px;}
}

/*软件下载*/
#down-panel{padding: 12px 20px;}
#down-panel .subnav>li{width: auto;}
.down-item{position: relative;padding: 30px 0px;border-bottom: 1px solid #ebebeb;text-align: left;}
.down-item:last-child{border-bottom: 0px;}
.down-logo{position: absolute;top: 30px;left: 0px;}
.down-logo>img{display: block;width: 70px;height: 70px;}
.down-link{position: absolute;top: 30px;right: 0px;}
.down-link .ecode{display: block;margin: 0 auto 15px;padding: 2px;width: 106px;height: 106px;border: 1px solid #ebebeb;}
.down-link a{padding: 5px 20px;min-width: 60px;font-size: 14px;}
.down-h, .down-d{padding-right: 180px;padding-left: 90px;}
.down-text>h5{margin-bottom: 4px;color: #272727;line-height: 1.3;}
.down-text>p{font-size: 14px;line-height: 1.8;}
.down-h>h5{font-size: 18px;}
.down-h>p{color: #898989;}
.down-h span{display: inline-block;}
.down-d>h5{margin-top: 22px;font-size: 16px;}
.down-d>p{color: #585858;}

@media (max-width: 660px) {
	.down-link .ecode, .down-link span{display: none;}
	.down-link a{padding: 8px 10px 6px;}
	.down-text>h5{margin-bottom: 5px;}
	.down-h{padding-right: 70px;padding-left: 80px;}
	.down-h p{font-size: 12px;line-height: 1.5;}
	.down-h span.click{display: none;}
	.down-d{margin-top: 35px;padding-right: 0px;padding-left: 0px;}
}

/*地图*/
.map{height: 380px;}
@media (max-height: 740px){
	.map{height: 260px;}
}
@media (max-height: 570px){
	.map{height: 230px;}
}
@media (max-height: 480px){
	.map{height: 180px;}
}



/*批量定制头部banner*/
.vhome-banner{position: relative;overflow: hidden;margin: 148px auto 0px;width: 100%;text-align: center;}
.vhome-banner .bannerbox{position: relative;height:700px;background-image: url(./bg-vhome-banner.jpg);background-position: center center;}
.vhome-banner .bannerbox img{position: absolute;z-index: 3;opacity: 0;}
.vhome-banner .bannerbox .mobile{bottom: 10px;left: 50%;margin-left: -180px;}
.vhome-banner .bannerbox .title{top: 0px;left: 50%;margin-left: -580px;}
.vhome-banner .bannerbox .banner-r-img1{top: 34px;right: 50%;margin-right: -318px;}
.vhome-banner .bannerbox .banner-r-img2{top: 134px;right: 50%;margin-right: -585px;}
.vhome-banner .bannerbox .banner-r-img3{bottom: 145px;right: 50%;margin-right: -696px;}
.vhome-banner .bannerbox .banner-l-img1{top: 284px;left: 50%;margin-left: -675px;}
.vhome-banner .bannerbox .banner-l-img2{bottom: 22px;left: 50%;margin-left: -543px;}
.vhome-banner .bannerbox .banner-l-img3{bottom: 7px;left: 50%;margin-left: -243px;}

.vhome-banner.active .bannerbox img
{opacity: 1;
-webkit-animation-name: zoomIn;animation-name: zoomIn;
-webkit-animation-duration: .5s;animation-duration: .5s;
-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;
-webkit-animation-timing-function: linear;animation-timing-function: linear;
}

.vhome-banner .bannerbox .banner-l-img2{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.vhome-banner .bannerbox .banner-r-img2{-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.vhome-banner .bannerbox .banner-l-img3{-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.vhome-banner .bannerbox .banner-r-img1{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}
.vhome-banner .bannerbox .banner-l-img1{-webkit-animation-delay: 2s;animation-delay: 2s;}
.vhome-banner .bannerbox .banner-r-img3{-webkit-animation-delay: 2.2s;animation-delay: 2.2s;}

.vhome-banner>img{display: block;width: 100%;}
.vhome-banner .content p{margin-top: 40px;color: #272727;font-size: 16px;text-align: left;line-height: 30px;}
.vhome-banner .content p span{font-size: 30px;}
.mobile .vhome-banner{margin-top: 85px;}
.vhomebtn{position: relative;margin-top: 100px;margin-bottom: 70px;}
.vhomebtn>h4{position: absolute;top: 15px;left: 50%;margin-left:120px;color: #898989;font-size: 16px;}

@media (max-width: 1260px){
	.vhome-banner .bannerbox{height:600px;background-image: url(./vhome-banner.jpg);background-size: cover;}
	.vhome-banner .bannerbox img{display: none;}
}
@media (max-width: 1140px){
	.vhomebtn>h4{position: static;margin-left:0px;}
}
@media (max-width: 1020px){
	.vhome-banner .bannerbox{height:500px;}
}
@media (max-width: 900px){
	.vhome-banner .bannerbox{height:400px;}
}
@media (max-width: 600px){
	.vhome-banner .bannerbox{height:300px;}
}
@media (max-width: 480px){
	.mobile .vhome-banner{margin-top: 50px;}
	.vhome-banner .bannerbox{height:200px;}
	.vhome-banner .content p{margin-top: 10px;font-size: 14px;}
	.vhome-banner .content p span{font-size: 22px;}
	.vhomebtn{margin-top: 20px;margin-bottom: 20px;}
	.vhomebtn .btn{font-size: 16px;}
}

/*竞争优势*/
.vhome-advantage{background-image: url(./vhome-advantage-bg.jpg);}
.vhome-advantage .join-advantage-header>h3{color: #272727;}
.vhome-advantage .join-advantage-body>li .item{height: 400px;border-bottom-color: #fb9369;}
.vhome-advantage .join-advantage-body>li .item>h4{text-align: center;}
.vhome-advantage .join-advantage-body>li .item .item-icon{margin:10px auto 40px;text-align: center;}
.vhome-advantage .join-advantage-body>li .item .item-icon img{float: none;}
@media (max-width: 480px){
	.vhome-advantage .join-advantage-body>li .item{height: auto;}
	.vhome-advantage .join-advantage-body>li .item .item-icon{margin-bottom: 10px;}
	.vhome-advantage .join-advantage-body>li .item>h4{margin-bottom: 10px;font-size: 16px;}
}

/*进驻方式*/
.inway-content{position: relative;margin-top: 130px;width: 100%;}
.inway-content>div{opacity: 0;}
.inway-content .arrow{display: inline-block;margin: 0px 53px;vertical-align: top;}
.inway-content .arrow>img{margin-top: 60px;}
.inway-item{display: inline-block;}
.inway-item .inway-item-icon{display: table-cell;width: 140px;height: 140px;background-color: #fff;border-radius: 100%;box-shadow: 0px 0px 65px rgba(213,213,213,0.35);vertical-align: middle;}
.inway-item>p{margin-top: 30px;font-size: 18px;color: #272727;}
.inway-content-m{display: none;}

.inway-content.active>div
{opacity: 1;
-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
-webkit-animation-duration: .5s;animation-duration: .5s;
-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;
-webkit-animation-timing-function: linear;animation-timing-function: linear;
}

.inway-content>div:nth-child(1){-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.inway-content>div:nth-child(2){-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.inway-content>div:nth-child(3){-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.inway-content>div:nth-child(4){-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.inway-content>div:nth-child(5){-webkit-animation-delay: 1s;animation-delay: 1s;}
.inway-content>div:nth-child(6){-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.inway-content>div:nth-child(7){-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.inway-content>div:nth-child(8){-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.inway-content>div:nth-child(9){-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}

@media (max-width: 480px){
	.inway-content{display: none;}
	.inway-content-m{margin-top: 20px;width: 100%;display: table;}
	.inway-content-m .arrow{margin-top: -20px;}
	.inway-content-m tr:nth-child(2) .arrow, .inway-content-m tr:nth-child(4) .arrow{margin:10px 10px 10px 0px;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
	.inway-content-m tr:nth-child(3) .arrow{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
	.inway-item .inway-item-icon{display:block;width: 100px;height: 100px;margin: auto;}
	.inway-item .inway-item-icon>img{padding-top: 20px;}
	.inway-item>p{margin-top: 10px;}
}

/* ========== */
/* = Join web v2 = */
/* = 20170718 ADD = */
/* = Author: Jane = */
/* ========== */
.join-banner-v2{position: relative;margin-top: 148px;}
.mobile .join-banner-v2 { margin-top: 85px;}
@media (max-width: 480px) {
	.mobile .join-banner-v2{margin-top: 55px;}
}

/*产品种类*/
.join-procate .content{max-width: 1520px;}
.join-procate-list{margin-top: 50px;}
.join-procate-list li{float: left;padding: 0px 15px;width: 25%;opacity: 0;}
a.join-procate-content{position: relative;top: 0px;display: block;background-color: #fff;-webkit-box-shadow: 0 0 65px rgba(213,213,213,0.35);box-shadow: 0 0 65px rgba(213,213,213,0.35);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-ms-transition: all .5s ease;}
a.join-procate-content:hover{top: -10px;}
.join-procate-content img{display: block;margin: auto;width: 100%;}
.join-procate-content .caption{padding: 25px;text-align: left;}
.join-procate-content .caption h4{padding-top: 4px;color: #272727;font-size: 22px;}
.join-procate-content .caption h5{padding-top: 5px;padding-bottom: 2px;height: 52px;line-height: 1.4;}
.join-procate-content .caption .text{padding-bottom: 10px;}
.join-procate-content .caption .text span{position: relative;display: inline-block;margin: 5px 0px;padding-left: 12px;width: 50%;font-size: 16px;}
.join-procate-content .caption .text span:before{position: absolute;top: 12px;left: 0px;content: "";width: 4px;height: 4px;-webkit-border-radius: 100%;border-radius: 100%;}
.join-procate-item01 .caption h5{color: #cfa960;}
.join-procate-item01 .caption .text span:before{background-color: #cfa960;}
.join-procate-item02 .caption h5{color: #7291cf;}
.join-procate-item02 .caption .text span:before{background-color: #7291cf;}
.join-procate-item03 .caption h5{color: #d68d6a;}
.join-procate-item03 .caption .text span:before{background-color: #d68d6a;}
.join-procate-item04 .caption h5{color: #64b5ae;}
.join-procate-item04 .caption .text span:before{background-color: #64b5ae;}
@media (max-width: 1519px) {
	.join-procate-content .caption h4{font-size: 18px;}
	.join-procate-content .caption .text span{font-size: 14px;}
}
@media (min-width: 1366px) and (max-width: 1519px) {
	.join-procate-list{padding-left: 20px;padding-right: 20px;}
	.join-procate-list li{padding: 0px 10px;}
	.join-procate-content .caption{padding: 20px;}	
}
@media (min-width: 1201px) and (max-width: 1366px) {
	.join-procate-list li{padding: 0px 5px;}
	.join-procate-content .caption{padding: 10px;}
	
	.join-procate-item01 .caption h5{font-size: 14px;}
}
@media (min-width: 952px) and (max-width: 1200px){
	.join-procate-list li{padding: 0px 5px;}
	.join-procate-content .caption{padding: 12px;}
	.join-procate-content .caption .text span{width: 100%;}
}
@media (max-width: 951px) {
	.join-procate-list{margin-top: 20px;}
	.join-procate-list li{width: 50%;}
	.join-procate-content .caption h4{font-size: 16px;}
}
@media (min-width: 759px) and (max-width: 951px){
	.join-procate-content .caption .text span{width: 50%;}
}
@media (min-width: 640px) and (max-width: 758px){	
	.join-procate-list li{padding: 0px 5px;}
	.join-procate-content .caption{padding: 10px;}
}
@media (max-width: 639px) {	
	.join-procate-list li{padding: 0px 5px;}
	.join-procate-content .caption{padding: 10px;}
	.join-procate-content .caption .text{padding-bottom: 0px;}
	.join-procate-content .caption .text span{margin: 0px;width: 100%!important;}
}
@media (min-width: 476px) and (max-width: 639px) {
	.join-procate-content .caption h5{height: auto;}
}
@media (min-width: 347px) and (max-width: 419px) {
	.join-procate-content .caption h4{height: 55px;}
}
@media (max-width: 346px){
	.join-procate-list li{width: 100%;}
	.join-procate-content .caption h5{height: auto;}
	.join-procate-content .caption .text span{width: 50%;}
}

/*媒体报道*/
.join-media{background-color: #f9f9f9;}
.join-media-logo{padding-left: 60px;padding-right: 60px;background-color: #fff;}
.join-media-logo li{float: left;margin: 10px 0;width: 20%;}
.mobile .join-media-logo{padding-left: 20px;padding-right: 20px;}
.mobile .join-media-logo li{width: 33.33%;}

/*代理流程*/
.join-process-main{position: relative;padding-top: 164px;padding-bottom: 140px;}
.join-process-main:before, .join-process-main:after{position: absolute;left: 5%;z-index: -1;content: "";width: 90%;height: 1px;background-color: #eee;}
.join-process-main:before{top: 208px;}
.join-process-main:after{display: none;}
.join-process-bd{position: relative;display: inline-block;width: 13.111%;}
.join-process-bd .rhombic{margin: auto;width: 110px;height: 80px;background-image: url(./sprite-rhombic.png);font-size: 16px;color: #fff;line-height: 64px;}
.join-process-bd.itembox .text{position: absolute;width: 100%;line-height: 24px;color: #272727;}
.join-process-bd.itembox:before{position: absolute;content: "";margin: auto;width: 1px;height: 49px;}
.join-process-bd.itembox:after{position: absolute;content: "";margin: auto;margin-left: -4px;width: 9px;height: 9px;-webkit-border-radius: 100%;border-radius: 100%;}

.join-process-bd.item1 .rhombic{background-position: 0px 0px;}
.join-process-bd.item1 .text{top: -127px;}
.join-process-bd.item1:before{top: -49px;background-color: #ff887f;}
.join-process-bd.item1:after{top: -58px;background-color: #ff887f;}
.join-process-bd.item2 .rhombic{background-position: -135px 0px;}
.join-process-bd.item2 .text{top: 146px;text-align: left;}
.join-process-bd.item2:before{top: 75px;background-color: #ffc22c;}
.join-process-bd.item2:after{top: 124px;background-color: #ffc22c;}
.join-process-bd.item3 .rhombic{background-position: -269px 0px;}
.join-process-bd.item3 .text{top: -121px;text-align: left;}
.join-process-bd.item3:before{top: -49px;background-color: #a48ad4;}
.join-process-bd.item3:after{top: -58px;background-color: #a48ad4;}
.join-process-bd.item4 .rhombic{background-position: -404px 0px;}
.join-process-bd.item4 .text{top: 146px;}
.join-process-bd.item4:before{top: 75px;background-color: #4cd5e7;}
.join-process-bd.item4:after{top: 124px;background-color: #4cd5e7;}
.join-process-bd.item5 .rhombic{background-position: -538px 0px;}
.join-process-bd.item5 .text{top: -131px;text-align: left;}
.join-process-bd.item5:before{top: -49px;background-color: #69afff;}
.join-process-bd.item5:after{top: -58px;background-color: #69afff;}
.join-process-bd.item6 .rhombic{background-position: -673px 0px;}
.join-process-bd.item6 .text{top: 146px;text-align: left;}
.join-process-bd.item6:before{top: 75px;background-color: #ec87c0;}
.join-process-bd.item6:after{top: 124px;background-color: #ec87c0;}
.join-process .joinbtn{padding-bottom: 34px;}
@media (min-width: 600px) and (max-width: 960px){
	.join-process-main:before, .join-process-main:after{left: 14%;width: 72%;}
	.join-process-main:after{top: 338px;display: block;}
	.join-process-main .line{position: absolute;top: 244px;right: 16.54%;content: "";width: 1px; height: 50px;background-color: #eee;}
	.join-process-bd{width: 33.333%;}
	.join-process-bd.itembox .text{width: 80%;}
	.join-process-bd.item2 .text{top: -121px;}
	.join-process-bd.item2:before{top: -49px;}
	.join-process-bd.item2:after{top: -58px;}
	.join-process-bd.item5 .text{top: 146px;}
	.join-process-bd.item5:before{top: 75px;}
	.join-process-bd.item5:after{top: 124px;}
	.join-process-bd.item4, .join-process-bd.item5, .join-process-bd.item6{margin-top: 50px;float: right;}
}
@media (max-width: 599px){
	.join-process-main{padding-top: 20px;padding-bottom: 30px;}
	.join-process-main:before{top: 100px;left: 55px;height: 70%;width: 1px;}
	.join-process-bd{width: 100%;margin-bottom: 30px;}
	.join-process-bd .rhombic{margin: initial;}
	.join-process-bd.itembox:before{width: 40px;height: 1px;top:38px;left: 110px;}
	.join-process-bd.itembox:after{top: 34px;left: 154px;}
	.join-process-bd.itembox .text{top: 26px;padding-left: 170px;text-align: left;}
	.join-process-bd.item6{margin-bottom: 0px;}
	.join-process .joinbtn{padding-bottom: 0px;}
}
@media (max-width: 414px){
	.join-process-bd{margin-bottom: 20px;}
}
/*企业实力*/
.join-strength-box{margin-top: 28px;}
.join-strength-content{padding: 22px 0px;overflow: hidden;}
.home-strength-image{position: relative;overflow: hidden;float: left;display: inline-block;width: 40%;opacity: 0;}
.home-strength-image img{display: block;margin: auto;}
.home-strength-blurb{position: relative;float: left;display: inline-table;padding-top: 24px;padding-left: 51px;width: 60%;text-align: left;}
.home-strength-blurb h3{font-size: 20px;color: #272727;}
.home-strength-blurb p{font-size: 16px;}
.join-strength-content.ams .home-strength-image{float: right!important;}
.join-strength-content.ams .home-strength-blurb{padding-left: 0px;padding-right: 51px;}
@media (max-width: 1200px){
	.join-strength{padding-bottom: 50px;}
	.home-strength-image, .join-strength-content.ams .home-strength-image{float: none!important;width: 100%;}
	.home-strength-image img{display: block;margin: auto;}
	.home-strength-blurb{float: none;padding-top: 20px;padding-left: 0px;width: 100%;}
	.join-strength-content.ams .home-strength-blurb{padding-right: 0px;}
	.home-strength-blurb h3{font-size: 18px;}
	.home-strength-blurb p{font-size: 14px;}
}
@media (max-width: 480px){
	.join-strength-box{margin-top: 8px;}
	.join-process-header>h4,.case-header>h4,.join-media-header>h4, .join-advantage-header>h4, .join-msg-header>h4{font-size: 14px;}
	.join-strength{padding-bottom: 0px;}
	.home-strength-image img{width: 80%;}
	.home-strength-blurb{padding-top: 10px;}
}
.home-strength-image.active
{opacity: 1;
-webkit-animation-name: fadeIn;animation-name: fadeIn;
-webkit-animation-duration: .5s;animation-duration: .5s;
-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;
-webkit-animation-timing-function: linear;animation-timing-function: linear;
}