/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
@charset utf-8;
/* margin and padding */body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,img,form,applet,fieldset,legend,button,input,textarea,th,table,tr,td{margin:0;padding:0;border:none}
.global-wrap *{box-sizing:border-box}
/* bady */body{font-family:å¾®è½¯é›…é»‘;color:#666;position:relative;background-size:auto;margin:0 auto;min-width:1304px;max-width:1920px;z-index:-2}
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
input::-ms-clear{display:none}
/*æ¸…æ¥šæ–‡æœ¬æ¡†X*/input,select,textarea{outline:none;cursor:pointer;-webkit-appearance:none}
html{height:auto;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#fafafa;margin:0 auto;min-width:1304px;max-width:1920px;z-index:-2}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#666}
/* img */img{padding:0;margin:0;vertical-align:top;border:none}
i,em{font-style:normal}
/* div */li,ul{list-style:none;outside:none}
.clear{clear:both;height:0;width:100%}
a,b,i,span,input,select,dl,dd,dt,p{font-family:å¾®è½¯é›…é»‘}
/* font */a{color:#333;text-decoration:none;cursor:pointer}
a:hover,a:active,a:focus{text-decoration:none}
/* active main */.clearfix:before,.container:before,.global-wrap:before,.main-footer:before,.mainwrap:before{content:"";clear:both;height:0; overflow:hidden;}
.clearfix:after,.container:after,.global-wrap:after,.main-footer:after,.mainwrap:after{content:"";clear:both;height:0;display:table}
.global-wrap{width:100%;height:auto;overflow:hidden;float:left;background-color:#fafafa;min-width:1304px}
.global-wrap:after { content: ""; clear: both;}
body:after {
 content: "";
 clear: both;
 display: table;}
.container{width:1200px;margin:0 auto}
.mainwrap{width:100%;float:left; position:relative; z-index:1;}
.main-menu{width:100%;position:absolute;top:0;left:0;z-index:1000;-webkit-transition:all .5s linear;background:url(../images/nav_bg.png) repeat;color:#fff}
.main-menu *{box-sizing:border-box}
.main-menu.on{background:#fff}
.logo{width:125px;height:80px;line-height:50px;text-align:center;padding-top:15px;padding-bottom:15px;float:left}
.main-menu.on .logo{-webkit-filter:brightness(.1)}
.menu{display:inline;float:right;overflow:hidden;white-space:nowrap;color:inherit}
.menu li{float:left;display:inline;padding:21px 32px;box-sizing:border-box}
.menu li a{color:inherit;font-size:18px;line-height:38px;display:block;position:relative;-webkit-transition:all .5s}
.main-menu.on .menu li a{color:#333}
.menu li:hover a{color:#3cc5b4!important}
.menu li.on a{color:#3cc5b4!important}
input[type=search]::-webkit-clear{display:none}
.GetOverseas{ width: 102px; height: 27px; border:1px solid #fff; border-radius:30px; float: right; margin-top: 26px; position: relative; margin-left: 35px; -webkit-transition:all .5s; }
.GetOverseas a{ display: block;font-size: 12px; line-height:27px; text-indent: 36px; color:#fff;-webkit-transition:all .5s;  }
.GetOverseas i{ display: inline-block; position: absolute; left: 10px; top: 50%; margin-top: -9px; background-position: center center; background-repeat: no-repeat; width: 22px; height: 17px;background-image: url(../images/icon/overseas_un.png);-webkit-transition:all .5s;  }
.main-menu.on .GetOverseas,.GetOverseas:hover{ border-color: #2e0237; background: #fff; }
.main-menu.on .GetOverseas a,.GetOverseas:hover a{color: #2e0237;}
.main-menu.on .GetOverseas i,.GetOverseas:hover i{background-image: url(../images/icon/overseas_on.png)}
.user{display:inline;float:right;position:relative;margin-left:35px;z-index:10}
.login_no{width:174px;height:80px;position:relative;font-size:16px;text-align:center;line-height:80px;color:#fff}
.login_yes{width:174px;height:80px;position:relative;font-size:16px;text-align:center;line-height:80px;color:#fff}
.login_yes > a:first-child{display:block;width:124px;height:80px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:18px;color:#fff;background:url(../images/icon/user_white.png) no-repeat center left}
.login_yes > a:last-child{display:block;width:50px;height:80px;float:left;color:#fff}
.login_no > a{color:#fff;display:inline-block;width:auto;height:auto}
.user .login_no{display:block}
.user.active .login_no{display:none}
.user .login_yes{display:none}
.user.active .login_yes{display:block}
.main-menu.on .user-img{background-image:url(../images/user-block.png)}
.main-menu.on .user a{color:#000}
.main-menu.on .user .login_yes > a:first-child{background:url(../images/icon/user_black.png) no-repeat center left}
.top-search{display:inline-block;float:right;width:170px;height:54px;margin-top:26px;overflow:hidden;position:relative}
.top-search input{width:164px;height:26px;background:none;border:1px solid #fff;border-radius:30px;padding-left:13px;padding-right:13px;color:#333;font-size:16px;background-color:#fff; line-height:26px;}
.top-search input::-webkit-input-placeholder{color:#ccc}
.main-menu.on .top-search input::-webkit-input-placeholder{color:#ccc}
.main-menu.on .top-search input{color:#333}
.top-search i{width:15px;height:15px;position:absolute;right:15px;top:5px;z-index:2;background-repeat:no-repeat;background-position:center center;background-image:url(../images/search_white.png);-webkit-filter:brightness(.1)}
.main-menu.on .top-search input{background-color:#ededed;border:none}
.ex-box{width:100%;float:left;background-color:#fff;height:0;overflow:hidden;-webkit-transition:all .5s}
.ex-box.on,.shop-fenlei.on,.des-plan.on,.search-annals.on,.user-menu.on{height:110px}
.shop-fenlei{width:100%;height:0;position:relative;overflow:hidden;float:left;text-align:center}
.shop-fenlei ul{display:inline-block}
.shop-fenlei.on{display:block}
.shop-fenlei li{width:120px;float:left;position:relative;height:124px;-webkit-transition:all 1s ease .2s;-webkit-transform:translate(30px,0);opacity:0}
.shop-fenlei.on li,.search-annals.on .we-cookies{-webkit-transform:translate(0,0);opacity:1}
.ex-icon{width:38px;height:38px;background-repeat:no-repeat;background-position:left center;background-size:200% 100%;position:absolute;top:19px;left:50%;margin-left:-19px}
.ex-main li:hover .ex-icon{background-position:right center}
.ex-label{width:100%;text-align:center;height:20px;line-height:25px;font-size:13px;color:#333;position:absolute;top:68px;left:0}
.shop-fenlei li:hover .ex-label{color:#3cc5b4}
.shop-fenlei li a{display:block;width:100%;height:100%;float:left}
.des-plan{width:100%;height:0;position:relative;overflow:hidden;float:right;box-sizing:border-box;text-align:center}
.des-plan ul{display:inline-block}
.des-plan.on{display:block}
.des-plan li{width:124px;float:left;position:relative;height:124px;-webkit-transition:all 1s ease .2s;-webkit-transform:translate(30px,0);opacity:0}
.des-plan.on li{-webkit-transform:translate(0,0);opacity:1}
.ex-icon img.ex-last,.des-plan li:hover .ex-icon img.ex-first{display:none}
.des-plan li:hover .ex-icon img.ex-last{display:block}
.des-plan li:hover .ex-label{color:#3cc5b4}
.des-plan li a{display:block;width:100%;height:100%;float:left}
.search-annals{width:100%;float:left;padding-left:685px;position:relative;height:0;overflow:hidden}
.we-cookies{width:160px;height:118px;float:left;display:block;position:relative;-webkit-transition:all 1s ease .2s;-webkit-transform:translate(30px,0);opacity:0}
.we-cookies h4{font-size:14px;width:100%;clear:both;float:left;color:#3cc5b4;line-height:36px;font-weight:100;text-align:left}
.we-cookies span{width:100%;height:24px;line-height:24px;font-size:14px;color:#333;text-align:left;clear:both;float:left;white-space:nowrap;text-overflow:ellipsis}
.we-cookies span:hover a{color:#3cc5b4}
.user-menu{width:100%;height:0;position:relative;overflow:hidden;float:right;box-sizing:border-box}
.user-menu ul{float:right}
.user-menu.on{display:block}
.user-menu li{width:124px;float:left;position:relative;height:124px;-webkit-transition:all 1s ease .2s;-webkit-transform:translate(30px,0);opacity:0}
.user-menu.on li{-webkit-transform:translate(0,0);opacity:1}
.ex-icon img.ex-last,.user-menu li:hover .ex-icon img.ex-first{display:none}
.user-menu li:hover .ex-icon img.ex-last{display:block}
.user-menu li:hover .ex-label{color:#3cc5b4}
.user-menu li a{display:block;width:100%;height:100%;float:left}
/* banner */.main-banner{width:100%;height:750px;float:left;overflow:hidden;position:relative}
.button-wrapper{width:1100px;height:100%;margin:0 auto;z-index:1;position:relative}
.button-wrapper a{position:absolute;left:0;top:0;bottom:0;right:0;display:inline}
.main-banner .swiper-slide{background-position:center center!important;background-repeat:no-repeat!important;float:left;width:100%;height:750px;background:#fff;z-index:2;position:relative}
.main-banner .swiper-container{width:100%;height:100%}
.main-banner .prev{width:30px;height:56px;top:50%;margin-top:-30px;left:-5%;cursor:pointer;z-index:3;-webkit-transition:all .5s;position:absolute}
.main-banner .next{width:30px;height:56px;top:50%;margin-top:-30px;right:-5%;cursor:pointer;z-index:3;-webkit-transition:all .5s;position:absolute}
.main-banner:hover .prev{left:5%}
.main-banner:hover .next{right:5%}
.prev img,.next img{width:100%;height:auto}
.main-banner .pagination{position:absolute;left:0;text-align:center;bottom:5px;width:100%;z-index:4;height:20px;display:block;overflow:hidden}
.main-banner .swiper-pagination-switch{display:inline-block;width:14px;height:14px;margin-left:10px;margin-right:10px;background-color:#000;border-radius:50%;cursor:pointer;z-index:10}
.main-banner .swiper-active-switch{background-color:#fff}
.step{padding-top:70px;padding-bottom:70px;position:relative;z-index:10}
.step img{display:block;margin:0 auto}
.index-title{width:100%;float:left;text-align:center;padding-top:40px;padding-bottom:40px;position:relative}
.index-title span{font-size:28px;color:#333;display:inline-block;position:relative}
.index-title span:before{content:"";width:0;height:30px;border-left:5px solid #fcd54a;position:absolute;left:-22px;top:50%;margin-top:-15px}
.index-title span:after{content:"";width:0;height:30px;border-right:5px solid #fcd54a;position:absolute;right:-22px;top:50%;margin-top:-15px}




.section-box,.custom-box,.service-box,.activity-box{position:relative;width:1200px;float:none;margin:0 auto 45px;clear:both}
.section-box ul{padding-left:.1666%;padding-right:.1666%}
.section-box li{position:relative;width:32%;height:auto;background-color:#fff;overflow:hidden;margin-left:.2666%;margin-right:.2666%;transition:all .2s linear;float:left;margin-bottom:3px;margin-top:3px}
.section-box li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.section-item{height:390px;background:#fff;border:1px solid #eee;overflow:hidden;transition:all .2s linear}
.section-item a{position:relative;display:block;height:100%;background-position:center;background-repeat:no-repeat}



.section-label1{float:left;font-size:16px;color:#fff;position:relative;background-color:#da251c;text-align:center;line-height:18px;left:0;display:block;width: 40%;padding: 16px 17px;margin-top: 34px;}


.section-label2{float:right;font-size:16px;color:#fff;position:relative;background-color:#da251c;text-align:center;line-height:18px;left:0;display:block;width: 40%;padding: 16px 17px;margin-top: 34px;}


.section-box li:hover .section-img img{-webkit-transform:scale(1.2);-webkit-transition:all 4s linear}

.service-box ul{padding-left:.1666%;padding-right:.1666%}
.service-box li{position:relative;width:49.5%;height:368px;background-color:#fff;overflow:hidden;margin-left:.1666%;margin-right:.1666%;transition:all .5s linear;border:1px solid #eee;margin-bottom:3px;margin-top:3px;float:left}
.service-box li:hover a{background-color:#ffe37f}
.service-item{height:368px;background:#fff;overflow:hidden;transition:all .5s linear;display:block}
.service-title{width:100%;height:auto;font-size:24px;line-height:24px;color:#333;text-align:center;position:absolute;display:block;top:78px;left:0;transition:all .5s linear}
.service-icon{width:148px;height:148px;border-radius:50%;display:block;position:absolute;top:145px;left:50%;margin-left:-74px;box-shadow:0 10px 17px rgba(0,0,0,.1);transition:all .5s linear}
.service-box li:hover .service-title{-webkit-transform:translate3d(0,196px,0)}
.service-box li:hover .service-icon{-webkit-transform:translate3d(0,-67px,0)}
.activity-box ul{width:1230px;margin:0 auto}
.activity-box li{position:relative;width:298px;height:340px;background-color:#fff;overflow:hidden;margin-left:4px;margin-right:3px;transition:all .5s linear;border:1px solid #eee;float:left}
.activity-box li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.activity-item{height:340px;background:#fff;overflow:hidden;transition:all .5s linear;display:block}
.activity-img{position:absolute;top:0;left:0;width:298px}
.activity-img img{width:100%}
.activity-title{width:100%;font-size:20px;color:#333;text-align:center;line-height:18px;clear:both;position:absolute;top:257px;left:0}
.activity-date{width:100%;font-size:16px;color:#666;text-align:center;line-height:14px;clear:both;position:absolute;top:288px;left:0}
.main-footer{width:100%;float:left}
.footer{width:1230px;height:auto;margin-left:auto;margin-right:auto;border-top:1px solid #eaeaea;padding-top:95px;overflow:hidden;padding-bottom:75px}
.bottom-left{width:494px;float:left;padding-left:33px;position:relative}
.bottom-left li{width:50%;float:left;text-align:left;text-indent:14px;height:16px;position:relative;margin-bottom:38px}
.bottom-left li:before{content:"";width:0;height:100%;position:absolute;left:0;top:0;border-left:3px solid #fcd54a}
.bottom-left li a{font-size:16px;color:#000;line-height:16px;float:left}
.bottom-left li:hover a{color:#8f8f8f}
.bottom-center{width:300px;float:left;position:relative;padding-left:40px}
.bottom-center span.text-black{font-size:16px;color:#000;text-align:left;clear:both;width:100%;line-height:16px;display:block;padding-bottom:30px}
.bottom-center span.text-light{font-size:16px;color:#828181;text-align:left;clear:both;width:100%;line-height:36px;display:block}
.bottom-right{float:right;position:relative}
.bottom-right li{width:135px;height:135px;margin-right:40px;float:left;position:relative}
.bottom-right span{width:100%;height:auto;position:absolute;bottom:-36px;left:0;line-height:24px;font-size:16px;text-align:center;color:#333}
.copy{width:100%;height:60px;background:#4c4b49;clear:both;position: relative;}
.bottom_box,.copy_box{width:1280px;margin:0 auto}
.global-wrap .copy_box{width:1280px!important;margin:0 auto}
.copy_left{float:left}
.copy_left a{margin:10px 10px 10px 0;height:40px;float:left}
.copy_right{float:right;line-height:60px;color:#999;font-size:12px}
.copy_right a{color:#fff;margin-right:30px}
.link-box{width:100%;position:relative;height:auto;overflow:hidden;background-color:#4c4b49;float:left;padding:0}
.link-box.on{padding-top:30px;padding-bottom:30px}
.link-box.on .container{width:1230px;height:auto}
.link-box .container{width:0;-webkit-transition:all .5s;overflow:hidden;height:0}
.link-box.on a{width:auto;padding:10px;margin-left:20px;margin-right:20px}
.link-box a{width:0;overflow:hidden;display:inline-block;float:left;position:relative;color:#fff;font-size:14px;padding:0;margin:0}
.link-box a:hover{color:#3cc5b4}
.link{margin-left:-20px;margin-right:-20px}
#designerBox{height:430px;box-sizing:border-box;width:100%;padding-top:20px;padding-bottom:20px}
#designerBox .swiper-slide{height:390px!important;position:relative;overflow:hidden;transition:all .5s linear;padding-left:6px;padding-right:6px;padding-bottom:69px;margin:0;background:none}
#designerBox .swiper-slide:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-8px,0)}
#designerBox .swiper-slide:hover a{background-color:#ffe37f}
.custom-box .pagination{position:absolute;left:0;text-align:center;bottom:-35px;width:100%;z-index:4;height:20px;display:block;overflow:hidden}
.custom-box .swiper-pagination-switch{display:inline-block;width:14px;height:14px;margin-left:10px;margin-right:10px;cursor:pointer;z-index:10;background:url(../images/pageicon-un.png) no-repeat center center}
.custom-box .swiper-active-switch{background:url(../images/pageicon-on.png) no-repeat center center}
.custom-item{height:auto;background:#fff;overflow:hidden;transition:all .5s linear;display:block}
.custom-img{width:606px;height:330px;position:absolute;top:0;left:50%;margin-left:-303px;-webkit-transition:all .5s linear;overflow:hidden}
.custom-img img{width:100%;height:100%}
.custom-label{width:606px;background-color:#fff;height:60px;line-height:60px;color:#333;font-size:20px;text-align:center;position:absolute;bottom:0;left:6px;}
.right-float{/*width:78px;*/height:416px;position:fixed;right:0;top:40%;margin-top:-100px;z-index:999}
.right-float ul{width:78px;position:relative;height:100%;width:78px;background:#262626;float:right}
.right-float li,.goTop{width:66px;overflow:hidden;height:70px;cursor:pointer;-webkit-transition:all .5s;margin:0 auto}
.right-float li{border-bottom:1px solid #959595}
.right-icon p{text-align:center;font-size:14px;color:#fff}
.right-icon-circle{height:26px;width:26px;border-radius:50%;background-color:#ffc103;margin:11px 20px 5px}
.goTop-img{margin:8px 20px 0}
.hot-tip{width:21px;height:21px;border-radius:50%;background-color:#e40909;color:#fff;position:absolute;right:12px;top:8px;line-height:16px;font-size:12px;text-align:center;z-index:10;transform:scale(.7)}
.cart-tip{width:21px;height:21px;border-radius:50%;background-color:#e40909;color:#fff;position:absolute;right:12px;top:217px;line-height:16px;font-size:12px;text-align:center;z-index:10;transform:scale(.7);border:1px solid #fff}
.c-ffc103{color:#ffc103!important}
/* å³è¾¹æ æŠ¥åå¼¹çª—å¼€å§‹ */.indexBaoming-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none}
#indexBaoming{width:735px;height:503px;position:fixed;left:50%;top:50%;margin-left:-367px;margin-top:-251px;background-color:#fff;border:8px solid #8ae0d5;z-index:9999;padding:12px}
.modal-zhuangshi{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.modal-zhuangshi i:nth-child(1){content:"";background:url(../images/modal_icon_1.jpg) no-repeat center center;width:34px;height:34px;display:block;z-index:3;position:absolute;left:0;top:0}
.modal-zhuangshi i:nth-child(2){content:"";background:url(../images/modal_icon_2.jpg) no-repeat center center;width:34px;height:34px;display:block;z-index:3;position:absolute;right:0;top:0}
.modal-zhuangshi i:nth-child(3){content:"";background:url(../images/modal_icon_3.jpg) no-repeat center center;width:34px;height:34px;display:block;z-index:3;position:absolute;left:0;bottom:0}
.modal-zhuangshi i:nth-child(4){content:"";background:url(../images/modal_icon_4.jpg) no-repeat center center;width:34px;height:34px;display:block;z-index:3;position:absolute;right:0;bottom:0}
.indexBaoming-box{width:100%;height:100%;border:1px solid #67cec0;float:left;position:relative}
.index-shuqi{width:360px;height:496px;position:absolute;left:33px;bottom:0;z-index:5}
.index-form{width:310px;height:auto;position:absolute;left:344px;z-index:10}
.index-form p{padding-top:67px;width:100%;text-align:center;height:auto;line-height:30px;font-size:30px;font-weight:600;color:#000;padding-bottom:38px}
.index-form p span{color:#ffb32f}
.index-form li{position:relative;float:left;width:100%;height:auto;padding-left:80px;margin-bottom:20px}
.index-form li span{color:#333;position:absolute;left:0;font-size:14px;line-height:30px;top:0;display:inline-block;width:80px;text-align:center}
.index-form li input{text-indent:10px}
.index-form li input.input-txt{width:100%;height:30px;color:#333;border:none;border-bottom:1px solid #dfdfdf;font-size:14px}
.index-form li input.input-txt::-webkit-input-placeholder{color:#b2b2b2}
.index-form li select{width:33.333%;float:left;height:30px;color:#333;border:none;border-bottom:1px solid #dfdfdf;font-size:14px;text-indent:10px;background:#fff url(../images/select_down.png) no-repeat right 5px center}
.index-form li .index_sms{width:55%;height:30px;border-bottom:1px solid #dfdfdf;float:left;text-indent:10px}
.index-form li .index_send{width:45%;height:30px;float:left;border-radius:30px;background-color:#30c2b0;text-align:center;color:#fff;font-size:14px;text-indent:0}
.index-form li .index_submit{width:244px;height:44px;line-height:44px;display:block;position:relative;left:-24px;background:url(../images/Applybtn.png) no-repeat center center;text-align:center;color:#fff;font-size:22px}
.indexBaoming-close{width:16px;height:16px;position:absolute;right:35px;top:35px;z-index:99;cursor:pointer;-webkit-transition:all .5s}
.indexBaoming-close:hover{-webkit-transform:rotateZ(360deg)}
div#tousu_div,div#tousu_div *{box-sizing:content-box}
div#tousu_div .view_right select{box-sizing:border-box}
#tq_kefu_normal_container{display:none}
a.custom-item:hover .custom-label{background-color:#ffe37f}
li.check-Diy > i{ width:auto;margin-right: 5px; display: inline-block; position: relative; font-size:12px; color: #898989; line-height: 22px; float:left; background:#eee url(https://www.suofeiya.com/Www/home/images/check.png) right bottom no-repeat; padding:0 14px; -webkit-transition:all .5s; border-radius: 2px; overflow: hidden; margin-top: 4px;cursor: pointer;}
li.check-Diy > i.on{ color: #fff; background:#64cbc7 url(https://www.suofeiya.com/Www/home/images/checked.png) right bottom no-repeat; }
li.check-Diy > i:last-child{ margin-right:0;}	
/* å³è¾¹æ æŠ¥åå¼¹çª—ç»“æŸ *//**å…¬ç”¨æç¤ºå¼¹çª—*/#diy-pop{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:99999;display:none}
.diy-pop-box{position:absolute;overflow:hidden;z-index:9999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#fff;width:300px;height:auto;left:50%;top:50%;margin-left:-150px;margin-top:-100px;border:1px solid #ccc;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.3);box-sizing:border-box}
.diy-pop-content{padding-top:56px}
.diy-pop-info{padding-bottom:56px;width:100%;float:left;padding-left:20px;padding-right:20px;box-sizing:border-box;font-size:14px;color:#333;text-align:left;height:auto;line-height:18px}
.diy-pop-btn{float:left;width:100%;position:relative;height:auto}
.diy-pop-btn a{width:100%;height:52px;display:block;line-height:52px;text-align:center;background:#2fc2b0;font-size:16px;color:#fff;cursor:pointer}
.diy-pop-close{width:40px;height:40px;font-size:30px;color:#ccc;line-height:33px;text-align:center;position:absolute;right:0;top:5px;cursor:pointer;-webkit-transition:all .5s}
.diy-pop-close:hover{-webkit-transform:rotateZ(360deg)}
/**å…¬ç”¨é”™è¯¯æç¤ºå¼¹çª—*/#diy-error-pop{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:99999;display:none}
.diy-error-pop-box{position:absolute;overflow:hidden;z-index:9999;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#fff;width:300px;height:auto;left:50%;top:50%;margin-left:-150px;margin-top:-100px;border:1px solid #ccc;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.3);box-sizing:border-box}
.diy-error-pop-content{padding-top:56px}
.diy-error-pop-info{padding-bottom:56px;width:100%;float:left;padding-left:20px;padding-right:20px;box-sizing:border-box;font-size:14px;color:#333;text-align:left;height:auto;line-height:18px}
.diy-error-pop-btn{float:left;width:100%;position:relative;height:auto}
.diy-error-pop-btn a{width:100%;height:52px;display:block;line-height:52px;text-align:center;background:#2fc2b0;font-size:16px;color:#fff;cursor:pointer}
.diy-error-pop-close{width:40px;height:40px;font-size:30px;color:#ccc;line-height:33px;text-align:center;position:absolute;right:0;top:5px;cursor:pointer;-webkit-transition:all .5s}
.diy-error-pop-close:hover{-webkit-transform:rotateZ(360deg)}
.imgBorder{width:444px;height:421px;position:absolute;top:152px;left:50%;z-index:10;margin-left:-222px}
.imgBorder img{width:100%;height:100%}
@media screen and max-width 1300px {
.imgBorder{width:426px;margin-left:-213px}
}
.index-title img{height:auto;display:block;margin:0 auto;width:100%}

.step{padding-top:70px;padding-bottom:70px;position:relative;z-index:10}
.step img{display:block;margin:0 auto}
.fu-img{animation:fu 2s infinite}
@keyframes fu{0%,100%{transform:translate(0px,0px)}
50%{transform:translate(0px,-10px)}
}
.fixbottom input::-webkit-input-placeholder,.fixbottom textarea::-webkit-input-placeholder{color:#626262}
.fixbottom{width:100%;height:88px;position:fixed;bottom:-153px;left:0;background:url(../images/nav_bg.png) repeat;z-index:100;-webkit-transition:all .5s}
.fixbottom.on{bottom:0}
.fixbottom.fly{width:0;overflow:hidden;left:100%;top:calc(40% + 245px);margin-top:-325px;left:100%;-webkit-transition:all .5s}
.fixbottom .fixbottom_content{width:1210px;height:100%;position:relative;margin:0 auto}
.fixbottom .fixbottom_logo{width:319px;height:auto;position:absolute;left:50%;bottom:0;margin-left:-702px;-webkit-transition:all .5s}
.fixbottom form{width:auto;height:40px;float:left;margin-left:230px;padding:24px 0}
.fixbottom .fixbottom_text{width:140px;height:40px;background-color:#fff;color:#000;font-size:16px;padding:0 20px;box-sizing:border-box;border-radius:5px;margin-right:5px; float:left;line-height:40px}
.fixbottom form input.fixbottom_text:nth-child(2){width:195px}
.fixbottom form > select{width:130px;height:auto;color:#000;font-size:16px;padding:8.5px 30px 8.5px 20px;box-sizing:border-box;border-radius:5px;margin-right:5px;background:#fff url(../images/down.png) no-repeat center right 20px;float:left;}
.fixbottom .fixbottom_btn{width:130px;height:40px;background-color:#30c2b0;color:#fff;font-size:16px;text-align:center;box-sizing:border-box;border-radius:5px;float:left}
.fixbottom .fixbottom_close{width:33px;height:33px;float:right;margin-right:10px;margin-top:27px;position:relative;cursor:pointer}
.fixbottom .fixbottom_close img{-webkit-transition:all .5s}
.fixbottom .fixbottom_close:hover img{-webkit-transform:rotateZ(360deg)}
.fixbottom .fixbottom_close:before{content:"";width:1px;height:27px;background-color:#fff;position:absolute;left:50%;top:-27px;margin-left:-1px}
.fixright{width:78px;height:auto;position:fixed;right:12px;top:50%;margin-top:-175px;background:rgba(255,255,255,.85);z-index:100;box-shadow:-2px -2px 10px rgba(232,232,232,.75); -webkit-transform:none;}
.fixright ul{width:100%;height:auto;position:relative;float:left}
.fixright li{width:66px;height:70px;border-bottom:1px solid #e7e7e7;margin-left:6px;float:left;clear:both;cursor:pointer}
.fixright li .ricon{width:34px;height:26px;position:relative;float:left;margin-left:17px;margin-top:15px}
.fixright li p{width:100%;height:auto;line-height:12px;font-size:12px;color:#1b1b1b;text-align:center;float:left;clear:both;margin-top:6px;-webkit-transition:all .5s}
.fixright li:hover p{color:#30c2b0}
.fixright li:hover .ricon{-webkit-animation:heartbeat .5s ease both}
.fixright li:last-child .ricon{margin-top:21px}
.fixright li:last-child{border-bottom:none}
@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
#tq_kefu_normal_container{display:none}
.login_no a:hover{color:#30c2b0}
.login_yes a:hover{color:#30c2b0}

.case-global-wrap{ width: 100%; height: auto;overflow: hidden;float: left;background-color: #f1f2f3;min-width: 1304px;}


.strom-title{width: 100%;float: left;text-align: center;padding-top: 40px;padding-bottom: 40px;position: relative; background:url(../strom/storm_title.png) no-repeat center center;}
.strom-title span{ font-size:36px; background: linear-gradient(to bottom, #e03c61, #c1204a);-webkit-background-clip: text;color: transparent;}
.stromBg{ width:auto; position:absolute; height:auto;}
.strom_01{ left:0; top:956px;}
.strom_02{ right:0; top:1251px;}
.strom_03{ left:0; top:2080px;}
.strom_04{ right:0; top:2330px;}
.strom_05{ left:0; top:3180px;}
.strom_06{ right:0; top:3410px;}

.popup_strom{ width:100%; height:100%;background:url(../images/nav_bg.png) repeat;position:fixed; left:0; top:0; z-index:8888;}
.popup_strom .popup_redgift{ width:676px; height:917px; background: url(../strom/redgift.png) no-repeat center center; position:absolute; left:50%; top:50%; margin-left:-338px; margin-top:-458px; z-index:3; -webkit-transform:scale(.8)}
.popup_strom .popup_redgift .open_sign{ width:155px; height:155px; background: url(../strom/strom_btn.png) no-repeat center center; position:absolute; left:50%; top:460px; margin-left:-70px; -webkit-animation: open_sign 1.5s ease infinite; cursor:pointer;}
.popup_strom .popup_redgift .popup_close{ width:36px; height:36px; position:absolute; right:0; top:135px; cursor:pointer; z-index:5; background: url(../strom/popup_close.png) no-repeat center center;}
@-webkit-keyframes open_sign{0%,100%{ -webkit-transform:scale(1)}50%{  -webkit-transform:scale(.8)}}
.popup_sign{ width:494px; height:618px; position:absolute; left:50%; top:50%; margin-left:-247px; margin-top:-309px; opacity:0; -webkit-transform:translate(0,30px) scale(.7); -webkit-transition:all .5s; z-index:2; background: url(../strom/strom_sign.png?v07271102) no-repeat center center; display:none}
.popup_sign.on{ -webkit-transform:translate(0,0) scale(.8); opacity:1; display:block}
.popup_strom .popup_sign .popup_close{ width:36px; height:36px; position:absolute; right:-63px; top:-18px; cursor:pointer; z-index:5;background: url(../strom/popup_close.png) no-repeat center center;}
.strom-form{ width: 422px; height: auto;margin: 0 auto;margin-top: 372px;overflow: hidden;}
.strom-form li{ width: 100%; height: auto;margin-bottom: 8px;clear: both;float: left;}
.strom-form li > input{ width: 49%;height: 55px;background-color: #fff;padding-left: 16px;padding-right: 10px;box-sizing: border-box;
 font-size:18px; line-height:55px;}
.strom-form li > select { width: 32%;height: auto;padding-left: 16px;padding-right: 10px;border: none;float: left;font-size: 18px; padding-top:15px; padding-bottom:15px;}
.strom-form li > input:last-child{ float:right;}
.strom-form li > select:nth-child(2){ margin:0 2%;}
.strom-form li > a{ display: block; margin: 0 auto;width: 218px;height: auto;}

#v5btn{ display: none !important }