@charset "utf-8";
@font-face {
	font-family: 'OptimaDisplayLight';
	src: url('../fonts/OPTIMADISPLAY-LIGHT-WEBFONT.TTF');
	font-weight: normal;
	font-style: normal;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,iframe{margin:0;padding:0}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:none}
textarea{resize:none}
body{color:#000;background:#fff;word-break:break-word;word-wrap:break-word;}
body,input,textarea{font-size:12px;font-family:'Arial','Microsoft YaHei';}
i,em{font-style:normal;}
a{color:#000;text-decoration:none;outline:none}
a:hover{color:#ea4648;}
table{ border-collapse:collapse }
/*clearfix*/
.clearfix:after,.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.cl{*+height:1%}
.fl,.z{float:left;} 
.fr,.y{float:right!important;}
.show{display:block;}
.hide{display:none;}
.tal{text-align: left!important;}
.fz12{font-size: 12px !important;}
.fz14{font-size: 14px !important;}
.fz22{font-size: 22px !important;}
.fz30{font-size: 30px !important;}
.fz45{font-size: 45px !important;}
.tac{text-align:center!important;}
.tal{text-align:left!important;}
.tar{text-align:right!important;}
.mt0{margin-top: 0px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}
.mbf50{margin-bottom: -50px !important;}
body{position: relative; background-color: #fff; overflow-x:hidden; overflow-y: auto; min-width: 320px; width: 100%;}
.hide{display: none!important}
.wrap{width:1300px;margin:0 auto;}
.iconfont{font-size:inherit;}
.cblue{color:#55ADE5!important;}
.body-en{word-break:break-word;}
/*toper*/
.toper{position: fixed; top: 0; height: 65px; z-index: 100; width: 100%; background-color: #000000; transition:all .2s; -webkit-transition:all .2s;}
.toper .t-logo{float: left; margin-top: 10px; height: 40px;}
.toper .t-logo img{display: block; height: 100%;}
.toper .t-menus{float: left; margin-left: 60px;}
.toper .t-menus dl{float: left; height: 65px; line-height: 65px;}
.toper .t-menus dt a{position: relative; display: block; color:#fff; padding: 0 13px; height: 65px; font-size: 15px;}
.toper .t-menus dd{position: absolute; text-align: center; top:65px; left: 0; height: 80px; overflow: hidden; width:100%; background: rgba(0,0,0,.9); opacity: 0; pointer-events:none;  transition:all .2s; -webkit-transition:all .2s;}
.toper .t-menus dd a{display: inline-block; line-height: 30px; padding:5px 15px; margin:0 10px; font-size: 13px; color:#ddd;}
.toper .t-menus dd a img{display: block; width: 40px; height: 40px;  margin:0 auto;}
.toper .t-menus dl:hover dd{opacity: 1; pointer-events:auto;}
.toper .t-menus dd a:hover{background-color: #000;}
.toper .t-menus dt a:after{content:""; position: absolute; top:10px; border-top: 2px solid #fff; width: 26px; left: 50%; margin-left: -13px; transform:scaleX(0); transform:scaleX(0); transition:all .2s; -webkit-transition:all .2s;}
.toper .t-menus dl:hover dt a:after,.toper .t-menus dl.on dt a:after{transform:scaleX(1); transform:scaleX(1);}
.toper .t-right{float: right;}



.t-group{float: left; height: 65px;}
.t-group .item{float: left; font-size: 15px;position: relative; height: 100%; line-height: 65px; padding:0 15px; transition:all .2s; -webkit-transition:all .2s; color:#fff; cursor: pointer;}
.t-group .item .iconfont{font-size: 16px;}
.t-group .fold{position: absolute; top: 100%; width: 100%; left: 0; background-color: #C26F6B; padding:5px 0; opacity: 0; pointer-events:none;}
.t-group .fold a{display: block; line-height: 30px; text-align: center; transition:all .2s; -webkit-transition:all .2s; color:#fff;}
.t-group .item:hover{background-color: #C26F6B;}
.t-group .item:hover .fold{opacity: 1; pointer-events:auto;}
.t-group .fold a:hover{background-color: #bd3a33;}

.home-body .toper{transform:translateY(-65px); -webkit-transform:translateY(-65px);}
.home-body .toper.on{transform:translateY(0); -webkit-transform:translateY(0);}
/*header*/
.header{position: fixed; top: 28px; height: 60px; z-index: 99; width: 100%; background-color: #202020;}
.header .h-logo{float: left; padding:15px 20px; height: 60px; box-sizing:border-box; overflow: hidden; width: 128px;}
.isLoaded .h-logo img{transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.header .menus{margin-left: 128px; display: block;}
.h-logo:hover img{transform:rotateY(0); -webkit-transform:rotateY(0); transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.header .h-links{float: left; position: relative; height: 60px; line-height: 60px; border-left: 1px solid #393939; color:#aaa; font-size: 13px;}
.header .h-links .h-menu{display: block; padding:0 30px; color:#aaa; font-size: 13px; transition:all .3s; -webkit-transition:all 0.3s;}
.header .h-links:hover .h-menu{background-color: #000;}
.header .fl{border-right: 1px solid #393939;}
.header .icon-naoling{color:#F15A29!important;}
.header .h-mores{opacity: 0; pointer-events:none; transition:all .3s; -webkit-transition:all 0.3s; text-align: left; position: absolute; top: 59px; min-width: 100%; background-color: #000000; border-top: 1px solid #393939; line-height: 40px; font-size: 13px;}
.header .h-mores a.hm-jump{display: block; color:#fff; padding: 10px 30px; line-height: 20px; transition:all .3s; -webkit-transition:all 0.3s; white-space: nowrap;}
.header .h-mores a.hm-jump:hover{background-color: #1B1B25; color:#4C72FF;}
.header .fr .h-links .h-mores{top:none; right:0; } 
.header .h-links:hover .h-mores{opacity: 1; pointer-events:auto;}
.header .h-mores .h-prodMores{width:500px; padding:35px 60px 35px 35px; box-sizing:border-box;}
.header .h-mores .h-prodMores .hp-t{display: block; color:#4C72FF; font-size: 16px; line-height: 24px; padding:3px 0;}
.header .h-mores .h-prodMores .hp-d{color: #999; font-size: 12px; line-height: 22px; margin-top: 10px;}
.header .h-mores .h-prodMores .hp-jump{display: block; width:140px; height: 35px; line-height: 35px; text-align: center; background-color: #4C72FF; color:#fff; margin-top: 25px; transition:all .3s; -webkit-transition:all 0.3s;}
.header .h-mores .h-prodMores .hp-jump:hover{transform:translateX(10px); -webkit-transform:translateX(10px);}
.mmq-banner{
	display: none;
}
.gdt-detail .miaos .cpdesc p{
	font-size: 12px;
	color: #000;
}
.gdt-detail .miaos .cpdesc h4{
	font-size: 14px;
	line-height: 24px;
	font-family: 'Microsoft YaHei';
}
.t-logo2{
	display: none;
}
.m-qqkf{
	display: none;
}
.m-hotarea{
	display: none;
}
.m-xinarea{
	display: none;
}
.m-hotarea .swiper-button-next{
	display: none;
}
.m-hotarea .swiper-button-prev{
	display: none;
}
.m-xinarea .swiper-button-next{
	display: none;
}
.m-xinarea .swiper-button-prev{
	display: none;
}
.mbanner-swiper-container{
	display: none;
}
.mtop-search{
	display: none;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}
.mtop-search img{
	width: 22px;
}
.signin{
	display: none;
}
.signin a{
	float: right;
	color: #fff;
	margin-top: 18px;
}
.signin .text{
	vertical-align: 4px;
	font-size: 12px;
	font-family: 'Microsoft YaHei','Arial';
}
.signin .iconfont{
	font-size: 24px;
}
.zhezhao-box{
	display: none;
	top:65px;
	position: fixed;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.5);
	z-index: 10000;
}
.msearch-box{
	display: none;
	position: fixed;
	top:65px;
	width: 100%;
	z-index: 100000;
}
.msearch-box .close{
	float: right;
	margin-top: 6px;
	margin-right: 4%;
}
.msearch-box .close img{
	width: 22px;
}
.msearch-box input{
	float: left;
	width: 85%;
	height: 100%;
	border:none;
	outline: none;
	font-size: 18px;
	text-indent: 20px;
	background:#e4e4e6;
	color: #000;
	font-family: 'Microsoft YaHei','Arial';
}
.msearch-box input::-webkit-input-placeholder {
	color: #333;
	font-family: 'Microsoft YaHei','Arial';
}
.msearch-box input::-moz-input-placeholder {
	color: #333;
	font-family: 'Microsoft YaHei','Arial';
}
.msearch-box input::-ms-input-placeholder {
	color: #333;
	font-family: 'Microsoft YaHei','Arial';
}
.msearch-box form{
	width: 100%;
	background:#e4e4e6;
	height: 40px;
	padding:10px 0;
}
.ft-logo .link-icon{
	margin-top:30px;
}
.ft-logo .link-icon a{
	padding: 0 10px;
}
.ft-logo .link-icon img{
	height: 30px;
}
.ft-lxbox .code-item{
	float: left;
	margin:0 15px;
}
.ft-lxbox .code-item:first-child{
	margin-right: 175px;
}
.ft-lxbox .code-item h3{
	text-align: center;
	margin-bottom: 25px;
    font-size: 15px;
    font-weight: normal;
}
.footer .ft-lxbox .code-item dl{
	margin-right: 30px;
}
.footer .ft-lxbox .code-item dl:last-child{
	margin-right:0;
}
.footer .ft-lxbox .code-item .code-box-two .s-box{
	height: 32px;
	line-height: 32px;
}
.footer .ft-lxbox .code-item .code-box a{
	font-size: 13px;
    color: #b0b0b0;
}
.footer .ft-lxbox .code-item .code-box-two a{
	font-size: 13px;
    color: #b0b0b0;
}
.footer .ft-lxbox .code-item .s-box a img{
	width: 32px;
	vertical-align: bottom;
	margin-right: 5px;
}
.footer .ft-shares{
	padding-right: 60px;
}
.footer .ft-lxbox .code-item .s-box{
	position: relative;
}
.footer .ft-lxbox .code-item .s-box .hoverpic{
	position: absolute;
	right: -136px;
    top: -30px;
	display: none;
}
.footer .ft-lxbox .code-item .s-box:hover .hoverpic{
	display: block;
}
.footer .ft-lxbox .code-item .code-box-two .s-box{
	margin-bottom: 15px;
}
.burger{padding:15px 0; cursor: pointer; /*position: absolute; right:0;*/ margin-top: 8px;float: left; display: none;}
.burger-in{width:25px; margin:0 auto;}
.burger .line1,.burger .line2,.burger .line3{background:#fff;height:2px;margin-bottom:5px;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}
.burger .line1:last-of-type,.burger .line2:last-of-type,.burger .line3:last-of-type{margin-bottom:0}
.burger .line1{width:25px}
.burger .line2{width:25px}
.burger .line3{width:25px}
.burger:hover .line1,.burger:hover .line2,.burger:hover .line3{width:25px}
.burger.on .line1{transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 6); -webkit-transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 5);}
.burger.on .line2{visibility: hidden; opacity: 0; transform: matrix(1, 0, 0, 1, -40, 0); -webkit-transform: matrix(1, 0, 0, 1, -40, 0);}
.burger.on .line3{width:25px; transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -10); -webkit-transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -9);}

/*home-toper*/
.home-toper{height: 32px; line-height: 32px; background-color: #000000; color:#fff; position: relative; z-index: 99;}
.home-toper a{color:#fff;}
.home-toper .ht-left a{float: left; color:#fff; margin:0 10px; font-size: 15px;}
.ht-search{position: relative; display: block; float: left; width: 210px; height: 32px; margin-right: 10px;}
.ht-search input{background: #282828; height: 100%; width: 100%; font-size: 13px; color:#999; border:0; padding:0 10px; box-sizing:border-box;}
.ht-search button{position: absolute; top: 0; right: 0; background: none; border:0; width: 32px; height: 32px; color:#717171;}
.home-toper .t-group{height: 32px;}
.home-toper .t-group .item{line-height: 32px; padding: 0 10px;}

/*home-header*/
.home-header{background-color: #fff; position: relative; height: 145px; z-index: 98;}
.home-header .hh-logo{padding-top: 20px; text-align: center;}
.home-header .hh-menu{text-align: center; position: absolute; bottom: 0; width: 100%; height: 36px;}
.home-header .hh-menu dl{display: inline-block; padding:0 35px;}
.home-header .hh-menu dt a{display:block; line-height: 36px; font-size: 15px; position: relative; color:#000;}
.home-header .hh-menu a:after{content:""; position: absolute; border-top: 2px solid #323232; width: 26px; left: 50%; margin-left: -13px; transform:scaleX(0); transform:scaleX(0); transition:all .2s; -webkit-transition:all .2s;}
.home-header .hh-menu dd{position: absolute; top:36px; left: 0; height: 130px; width: 100%; background-color: #333232; text-align: center; overflow: hidden; opacity: 0; pointer-events:none;  transition:all .2s; -webkit-transition:all .2s;}
.home-header .hh-menu dl:hover dt a:after,.home-header .hh-menu dl.on dt a:after{transform:scaleX(1); transform:scaleX(1);}
.home-header .hh-menu dl:hover dd{opacity: 1; pointer-events:auto;}
.home-header .hh-menu dd a{display: inline-block; height: 130px; width: 130px; color:#fff; padding-top: 30px; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s; }
.home-header .hh-menu dd a:hover{background-color: #000;}
.home-header .hh-menu dd img{}
.home-header .hh-menu dd span{display: block; text-align: center; color:#fff;}

/*首页banner*/
.com-banner{position: relative; overflow: hidden; padding-top: 65px;}
.com-banner a{display: block; height: 560px; background-size:cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.com-banner .swiper-pagination{bottom:30px;}
.com-banner .swiper-pagination span{width: 40px; height: 4px; border-radius:0; background-color: #333333; opacity: 1;}
.com-banner .swiper-pagination span.swiper-pagination-bullet-active{background-color: #fff;}
.com-banner .bcont{padding-top: 100px; color:#fff;}
.com-banner .tit{font-size: 52px; font-weight: normal; line-height: 60px; padding:10px 0;}
.com-banner .disc{font-size: 15px; line-height: 30px; height: 90px; overflow: hidden; margin-top: 10px; max-width:750px;}
.com-banner .handle{display: block; width: 140px; height: 38px; border:1px solid #fff; color:#fff; font-size: 14px; text-align: center; line-height: 38px; margin-top: 20px; -webkit-transition:all 0.3s;transition:all 0.3s}
.com-banner .handle:hover{background-color: #fff; border-color:#fff; color:#273A55;}
.home-body .com-banner{padding-top: 0;}

@media screen and (max-width: 768px){
	.com-banner .swiper-pagination{bottom: 10px;}
	.com-banner .swiper-pagination span{width: 6px; height: 6px; border-radius:3px;}
}


/*底部*/
.footer{padding:40px 0 60px; background-color: #000000; color:#fff; margin-top: 50px;}
.footer .ft-infos{float: left; width: 340px; margin-left: 15px;}
.footer .ft-infos .ft-name{margin-bottom: 15px; font-size: 15px;}
.footer .ft-infos .infos{font-size: 13px; color:#b0b0b0; line-height: 32px;}
.footer .ft-infos .infos i{margin-right: 15px; font-size: 15px;}
.footer .ft-logo{display: block; text-align: center;}
.footer .ft-findus{
	float: left;
	margin-left: 8%;
}
.footer .ft-findus dl{float: left; margin-right: 20px; width: auto;text-align: center;}
.footer .ft-findus dt{font-size: 13px; line-height: 32px; margin-bottom: 10px;}
.footer .ft-shares {float: right;}
.footer .ft-shares dl{float: left; margin-right: 20px; width: auto;text-align: center;}
.footer .ft-shares dt{font-size: 12px; line-height: 32px; margin-bottom: 10px;}
.footer .ft-shares dd img{display: block; max-width: 100%;margin:0 auto; margin-bottom: 5px;}
.footer .ft-shares dd p{color:#777;}
.footer .ft-links{ margin-top: 8px; height: 50px; margin-left: -15px;}
.footer .ft-links a{float:left; padding:0 15px;  line-height: 50px; height: 50px; font-size: 14px; color:#989898; -webkit-transition:all 0.3s;transition:all 0.3s;}
.footer .ft-links .iconfont{font-size: 18px;}
.footer .ft-links a:hover{color:#C26F6B;}


.bottomer{height: 50px; background-color: #000000; line-height: 50px; color:#989898; overflow: hidden;}
.bottomer .wrap{border-top: 1px solid #333;}
.bottomer .b-links:hover{background-color:#C26F6B; color:#fff;}
.bottomer .copyr{float: left; margin-left: 20px; font-size: 12px; color:#989898;}

.backTop{width: 70px; z-index: 100; opacity: 0; pointer-events:none; -webkit-transition:all 0.3s;transition:all 0.3s; height: 70px; position: fixed; bottom: 30px; right: 0; background-color: #202020; text-align: center; color:#aaa; box-sizing:border-box; padding-top: 10px; line-height: 25px;}
.backTop i{font-size: 20px;}
.backTop:hover{color:#fff; }
.backTop.over{opacity: 1; pointer-events:auto;}
@media screen and (max-width: 768px){
	.wrap{width: 100%; box-sizing:border-box; padding:0 10px;}
	.header .burger{display: block;}
	.toper{display: block!important;}
	.home-body .toper{transform:translateY(0); -webkit-transform:translateY(0);}
	.burger{display: block;}
	.menuList{position: fixed; top:65px; transform:translateX(100%); transition:all .3s; right:0; width: 90%; overflow-y:auto; bottom: 0; height: calc(100vh - 65px); height: -webkit-calc(100vh - 65px); background-color: #202020;}
	.menuList .t-menus{float: none; margin-left: 0;}
	.menuList .t-right{float: none;}
	.menuList .t-menus dl{float: none; height: 42px; line-height: 42px;}
	.toper .t-menus dt a{height: 42px; border-bottom: 1px solid #333;}
	.menuList .t-menus dl:hover dd{display: none;}
	.menuList .t-group{float: none;}
	.menuList .t-group .item{float: none; height: 42px; line-height: 42px; display: block; font-size: 15px;}
	.menuList.open{transform:translateX(0);}
	.menuList .t-group .item i{
		display: none;
	}
	.menuList .t-group .item span{
		margin-left: 0!important;
	}
	.home-toper{display: none;}
	.home-header{display: none;}
	.com-banner{
		padding-top: 72px;
	}
	.home-body .com-banner{padding-top: 65px;}
	.com-banner a{height: 250px;}
	.home-body .com-banner a{height: 160px;}
	.footer .ft-infos{float: none; width: auto;}
	.footer .ft-shares{float: none; width: auto; padding-right: 0;}
	.ft-lxbox .code-item h3{
		text-align: left;
	}
	.footer .ft-logo>a{display: none;}
	.ft-logo .link-icon{
		margin-top: 10px;
		text-align: left;
	}
	.backTop{background:rgba(0,0,0,.7); width: 45px; height: 45px;}
	.backTop span{display: none;}
}

.disTit{color:#111; text-align: center; line-height: 1.7;}
.disTit h2{font-size: 27px; font-weight: normal; position: relative;}
.disTit h2.dline{padding-bottom: 15px;}
.disTit h2.dline:after{content:""; position: absolute; bottom: 0; width:120px; left: 50%; margin-left: -60px; border-top: 1px solid #010101;}
.disTit h3{font-size: 13px; font-weight: normal;}

/************************home*/
.home-view1{padding: 50px 0 80px; position: relative; z-index: 1; background-color: #fff;}
.home-view1 .list li{float: left; width:48%; margin-left: 4%; position: relative; margin-top: 40px;}
.home-view1 .list li:nth-child(2n-1){margin-left: 0;}
.home-view1 .list .pic{width:350px; height: 350px; display: block; position: relative;}
.home-view1 .list .pic img{display: block; width: 100%; height: 100%;}
.home-view1 .list .pic .stxt{position: absolute; max-width:70%; -webkit-transition:all 0.3s;transition:all 0.3s; top: 50%; left: 50%; opacity: 0; transform:translate3d(-50%,-50%,0); text-align: center; color:#000; font-size: 14px; line-height: 20px; border:5px solid #000000; background: rgba(255,255,255,.8); padding:20px;}
.home-view1 .list li:hover .pic .stxt{opacity: 1;}

.home-view1 .list .info{position: absolute; color:#111; right: 0; top:40px; width:51%; background: rgba(255,255,255,.8); padding:16px; -webkit-transition:all 0.3s;transition:all 0.3s;}
.home-view1 .list .info .name{text-align: left; font-size: 25px; line-height: 36px; margin-bottom: 5px;}
.home-view1 .list .info .fname{text-align: left; font-size: 16px; line-height: 18px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000;}
.home-view1 .list .info .fp{overflow: hidden;}
.home-view1 .list .info .fp img{float: left; width: 100px; height: 100px;}
.home-view1 .list .info .fp span{float: right; border:1px solid #000; padding:0 16px; line-height: 28px; margin-top: 70px;}
.home-view1 .list li:hover .info{transform:translateX(-10px); -webkit-transform:translateX(-10px);}

@media screen and (max-width: 768px){
	.home-view1 .list li{float: none; width: 100%; margin-left: 0;}
	.home-view1 .list .pic{width: 100%; height: auto;}
	.home-view1 .list .info{
		width: 100%; 
		/*height: 90%; */
		/*top:5%; 
		left: 5%; */
		box-sizing:border-box; 
	}
	.home-view1 .list .info .fp{position: relative;text-align: center;}
	.home-view1 .list .info .fp img{
		height: auto; 
		width:calc(25%); 
		width:-webkit-calc(25%);
		float: none;
		display: block;
		margin: 0 auto;
	}
	.home-view1 .list .info .fp span{
		/*position: absolute; */
		/*right: 0; */
		/*bottom: 20px;*/
		display: inline-block;
		float: none;
		margin-top: 0;
	}
}

/*home-view2*/
.home-view2{padding:100px 0; background: url(../images/home-bg2.jpg) no-repeat center center; background-attachment: fixed; color:#fff; text-align: center;}
.home-view2 li{float: left; width:33%; position: relative;}
.home-view2 li:after{content: ""; display: block; width:100px; border-top:1px solid #fff; margin: 20px auto 0; height: 0;}
.home-view2 li .pic{display: block; width: 80px; margin:0 auto;}
.home-view2 li h4{margin-top: 5px; font-weight: normal; font-size: 22px;}
.home-view2 li p{font-size: 14px; margin-top: 10px;}
/*home-view3*/
.home-view3{ padding:80px 0; position: relative; overflow: hidden; width: 100%;}
.home-view3 .bg{position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1050px; height: 100%; background: url(../images/hm-bg2.jpg) no-repeat center center/cover;}
.home-view3 .wrap{position: relative; z-index: 1; overflow: hidden;}
.hv3-plmain{float: right; -webkit-transition:all 0.3s;transition:all 0.3s; width: 55%; box-sizing:border-box; padding:20px; text-align: center; font-size: 13px; color:#111; background: rgba(255,255,255,.9); }
.hv3-plmain:hover{background: #f0f0f0;}
.hv3-plmain .t2{font-size: 38px;}
.hv3-plmain .icon-play{font-size: 46px; display: block;}
.hv3-plmain .hv3-play {display: inline-block; margin-top: 40px; transition:all .2s; -webkit-transition:all .2s;}
.hv3-plmain .hv3-play:hover{color:#C26F6B;}
.hv3-plmain video{
	width: 100%;
	display: none;
}
.hv3-plmain img{
	width:100%;
	cursor: pointer;
}

/*home-view4*/
.home-view4{padding-bottom: 50px;}
.home-view4 .list li{float: left; width:24%; margin-left: 0; position: relative; margin-top: 40px;}
.home-view4 .list li:nth-child(2n-1){margin-left: 0;}
.home-view4 .list .pic{overflow: hidden; display: block; position: relative;}
.home-view4 .list .pic img{-webkit-transition:all 0.3s;transition:all 0.3s; display: block; width: 100%;}
.home-view4 .list .pic .stxt{position: absolute; max-width:70%; -webkit-transition:all 0.3s;transition:all 0.3s; top: 50%; left: 50%; opacity: 0; transform:translate3d(-50%,-50%,0); text-align: center; color:#555; font-size: 14px; line-height: 20px; border:5px solid #000000; background: rgba(255,255,255,.8); padding:20px;}
.home-view4 .list .pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.home-view4 .list .pic:hover .stxt{opacity: 1;}
.home-view4 .list li .info{display: block; margin-top: 10px; text-align: center;}
.home-view4 .list li .info .name{display: block; font-size: 18px; }
.home-view4 .list li .info .fname{display: block; color:#555; font-size: 14px; margin-top: 8px;}
.home-view4 .list li .colors{text-align: center; margin-top: 10px;}
.home-view4 .list li .colors span{display: inline-block; width: 10px; height: 10px; margin:0 1px;}
/*home-view5*/
.home-view5{padding:120px 0 90px; background-color: #EAEAE9; margin-bottom: -50px;}
.home-view5 li{float: left;width:19%; margin-left: 5%;}
.home-view5 li .picm{display: block; position: relative; background-color: #fff; height: 247px;}
.home-view5 li .picm img{display: block; width: 100%; height: 100%; transform:translate3d(-50px,-40px,0); transition:all .2s; -webkit-transition:all .2s;}
.home-view5 li .picm:hover img{transform:translate3d(-40px,-40px,0); transform:translate3d(-40px,-30px,0); box-shadow: 4px 4px 8px 3px rgba(0,0,0,.2)}
.home-view5 li .picm .times{position: absolute; top:33%; right:15px; transform:rotate(90deg); font-size: 14px; transition:all .2s; -webkit-transition:all .2s; transform-origin:right top; -webkit-transform-origin:right top;}
.home-view5 li .picm:hover .times{top:28%; color:#C26F6B;right: 8px;}
.home-view5 li .infos{margin-top: -20px; position: relative; z-index: 1; text-align: center;}
.home-view5 li .infos .name{display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 22px; transition:all .2s; -webkit-transition:all .2s; line-height: 40px;}
.home-view5 li .infos .fname{display: block; overflow: hidden; height: 38px;  font-size: 13px; color:#555; transition:all .2s; -webkit-transition:all .2s; margin-top: 15px;}
.home-view5 li .infos .name:hover,.home-view5 li .infos .fname:hover{color:#C26F6B;}
@media screen and (max-width: 768px){
	.home-view2{padding:50px 0 80px;}
	.home-view2 li{width: 50%; margin-top: 8px;}
	.home-view2 li p{min-height: 38px;}

	.home-view3 .bg{margin-left: 0; width: 100%; left: 0;}
	.hv3-plmain{width: 100%;}
	.hv3-plmain .t2{font-size: 40px;}

	.home-view4 .list li{width: 50%; margin-left: 0;}
	.home-view4 .list li .info .fname{height: 32px; overflow: hidden;}
	.home-view5 li{float: none; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); margin-left:50px; margin-bottom: 80px;}
	.home-view5 li .picm{height: 80vw;}
	.home-view5 li .infos .fname{margin-top: 0;}
}


/*************************login*/
.post_crumb{padding-top: 65px; box-sizing:content-box; height: 56px; border-bottom: 1px solid #aaa; line-height: 56px; font-size: 18px; color:#000;}
.post_crumb a,.post_crumb span{color:#000; padding:0 10px;}
.post-wrap{width: 520px; border:5px solid #000; background-color: #fff; margin:0 auto 100px; padding:30px;}
.post-form {margin:0 auto; width:190px;}
.post-form .rows{position: relative; margin-bottom: 15px;}
.post-form .ipt{height: 34px; line-height: 32px; border:1px solid #CCC; border-radius:5px; text-indent: 10px; font-size: 13px; width: 100%; box-sizing:border-box;}
.post-form .sbtn{height: 38px; line-height: 38px; width: 100%; border:0; background-color: #000; color:#fff; text-align: center; font-size: 14px; cursor: pointer;  transition:all .2s; -webkit-transition:all .2s;}
.post-form .sbtn:hover{background-color: #C26F6B;}
.post-form .wji{float: left; line-height: 32px; font-size: 13px; color:#777; transition:all .2s; -webkit-transition:all .2s;}
.post-form .wxdl{float: right; line-height: 32px; font-size: 28px; color:#000; transition:all .2s; -webkit-transition:all .2s;}
.post-form .wji:hover,.post-form .wxdl:hover{color:#C26F6B;}
.post-wrap .bors{border-top: 1px solid #777;}
.post-wrap .btip{line-height: 32px; color:#000; font-size: 14px; text-align: center;}
.post-wrap .btip a{color:#000; font-size: 14px; text-decoration: underline; transition:all .2s; -webkit-transition:all .2s;}
.post-wrap .btip a:hover{color:#C26F6B;}

/******************wxlogin*/
.wxlog-pic{width: 172px; height: 60px; background: url(../images/wxtubiao.png) no-repeat; margin:60px auto 0;}
.wxl-cont{width: 270px; margin:30px auto 80px;}
.wxl-cont .wxl-top{padding-bottom: 30px; overflow: hidden; text-align: center; border-bottom: 1px solid #777;}
.wxl-cont .wxl-top img{width: 70px; height: 70px; border-radius:50%; margin-right: 10px; vertical-align: middle;}
.wxl-cont .wxl-top span{font-size: 22px; color:#000;}
.wxl-cont .wxl-center{padding:35px 0; line-height: 22px; font-size: 14px; color:#444;}
.wxl-cont .wxl-handle{}
.wxl-cont .wxl-handle .btn1{display: block; height: 48px; line-height: 48px; box-sizing:border-box; border:1px solid #000; background-color: #fff; text-align: center; line-height: 46px; font-size: 14px; margin-bottom: 15px; color:#000; transition:all .2s; -webkit-transition:all .2s;}
.wxl-cont .wxl-handle .btn2{display: block; height: 48px; line-height: 48px; box-sizing:border-box; border:1px solid #000; background-color: #000; text-align: center; line-height: 46px; font-size: 14px; margin-bottom: 15px; color:#fff; transition:all .2s; -webkit-transition:all .2s;}
.wxl-cont .wxl-handle .btn1:hover,.wxl-cont .wxl-handle .btn2:hover{background-color: #C26F6B; color:#fff; border-color:#C26F6B;}

/*********************register*/
.reg-wrap{width: 980px;}
.reg-formlist .reg-fgroup{float: left; width: 50%; box-sizing:border-box; padding:30px 30px 30px 50px;}
.reg-formlist .reg-fgroup:first-child{border-right: 1px solid #777;}
.reg-formlist .post-form{margin-left: 0;}
.post-form .checkboxs {font-size: 13px;}
.post-form .checkboxs input{vertical-align: middle; width:14px; height: 14px; position: relative; top: -2px;}
.post-form .getCode{position: absolute; left:200px; width:120px; height: 34px; line-height: 34px; top: 0; background-color: #888888; color:#fff; font-size: 14px; text-align: center; border:0; cursor: pointer;}
@media screen and (max-width: 768px){
	.post-wrap{width: auto; margin:0 10px; padding: 30px 0; box-sizing:border-box;}
	.post-form{width: 210px;}
	.reg-formlist .reg-fgroup{float: none;  width: auto;}
	.reg-formlist .reg-fgroup:first-child{border-right: 0; border-bottom: 1px solid #777;}
	.post-form .getCode{ right: 0; width: 100px; font-size: 13px; border-radius:0 5px 5px 0; left:auto;}
}
/**********************商品列表******/
/*商品筛选*/
.goods-filter{height: 60px;}
.goods-filter dl{float: left; width:33.2%; background-color: #000; margin-right: .1%;position: relative;}
.goods-filter dt{position: relative; height: 60px; line-height: 58px; border:1px solid #000; padding:0 22px; font-size: 16px; color:#fff; transition:all .2s; -webkit-transition:all .2s; cursor: pointer; overflow: hidden; box-sizing:border-box;}
.goods-filter dt:after{ transition:all .2s; -webkit-transition:all .2s; content:""; position: absolute; right: 5px; bottom: 0px;  border: 10px solid transparent; border-right-color: #fff; width: 0; height: 0; transform:rotateZ(225deg);}
.goods-filter dt span{}
.goods-filter dd{position: absolute; top: 59px; left: 0; width: 100%; transition:all .2s; -webkit-transition:all .2s; border:1px solid #000; background-color: #fff; z-index: 10; box-sizing:border-box; border-top: 0; opacity: 0; pointer-events:none;}
.goods-filter dd label{height: 50px; line-height: 50px; padding:0 10px; display: block; font-size: 14px; border-top: 1px solid #C0C0C0; color:#676767; font-weight: normal;}
.goods-filter dd label span{}
.goods-filter dd .ckbox{vertical-align: middle; width:14px; height: 14px; position: relative; top: -2px;}
.goods-filter dd .hbox{padding:10px;}
.goods-filter dd .xbtn{float: right;  height: 30px; line-height: 30px; width: 100px; text-align: center; font-size: 14px; color:#fff; background-color: #000; transition:all .2s; -webkit-transition:all .2s; cursor: pointer;}
.goods-filter dd .xbtn:hover{background-color: #C26F6B;}
.goods-filter dl:hover dt{background-color: #fff; color:#000;}
.goods-filter dl:hover dt:after{border-right-color: #000;}
.goods-filter dl:hover dd{opacity: 1; pointer-events:auto;}
/*商品列表*/
.goods-list{}
.goods-list .goods-item{float: left; width:24%; margin-left: 1.33%; margin-top: 20px; transition:all .2s; -webkit-transition:all .2s;}
.goods-list .goods-item:nth-child(4n+1){margin-left: 0;}
.hotsale-list .goods-item:nth-child(4n+1){margin-left:0;}
.hotsale-list .goods-item:nth-child(2n+1){margin-left:0;}
.hotsale-list .goods-item{margin-left:0;}
.goods-list .goods-item .pic{display: block}
.goods-list .goods-item .pic:hover{opacity: .8;}
.goods-list .goods-item .pic img{display: block; width:100%;}
.goods-list .goods-item .status{margin-top: 10px; padding:10px 0 15px; position: relative;}
.goods-list .goods-item .gname{height: auto; line-height: 24px; font-size: 17px; color:#000; text-align: center; display: block; margin-top: 10px;}
.goods-list .goods-item .gstar{position: absolute; top: 13px; right: 30%;}
.goods-list .goods-item .opt{box-sizing:content-box; border-bottom: 1px solid #777777; border-top: 1px solid #777777; padding:25px 0; height: 36px; line-height: 36px; transition:all .2s; -webkit-transition:all .2s;}
.goods-list .goods-item .opt .price{float: left; font-size: 18px; color:#000; transition:all .2s; -webkit-transition:all .2s;}
.goods-list .goods-item .opt .price:hover{color:#C26F6B;}
.goods-list .goods-item .opt .gog{float: right; font-size: 14px; color:#fff; background-color: #000; text-align: center; width: 140px; transition:all .2s; -webkit-transition:all .2s;}
.goods-list .goods-item .opt .gog:hover{background-color: #C26F6B;}
.goods-list .goods-item .opt .gog .iconfont{font-size: 16px; margin-right: 8px; position: relative; top: 1px;}
.goods-list .goods-item:hover .opt{border-color: #C26F6B}
.gstar{width:65px; height: 13px; overflow: hidden;}
.gstar i{float: left; width: 13px; height: 13px; background: url(../images/star-n.png) no-repeat;}
.gstar i.on{background-image: url(../images/star-s.png);}
.gstar.hand i{cursor: pointer;}
.glove{width: 22px; height: 22px;margin-left: 30%; display: block; background: url(../images/love.png) no-repeat; cursor: pointer;}
.glove.on{background-image: url(../images/love-s.png);}



/********************商品详情*/
.gdTit{border-bottom:1px solid #777; font-size: 22px; font-weight: normal; color:#333; height: 45px; line-height: 45px; }
.gdTit .tabs{float: right; font-size: 13px; color:#999; line-height: 45px;}
.gdTit .tabs a{font-size: 13px; padding:0 10px; color:#111; transition:all .2s; -webkit-transition:all .2s;}
.gdTit .tabs a:hover{color:#C26F6B;}

.gdt-picView{float: left; width:480px; margin-left: 50px;}
.gdt-picView .bigView{height: 480px; overflow: hidden;}
.gdt-picView .bigView img{
	width: 100%;
	display: block;
	margin: 0 auto;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);*/
}
.gdt-picView .smView {text-align: center; margin-top: 30px;}
.gdt-picView .smView li{ width: 50px; height: 50px; position: relative; display: inline-block; cursor: pointer; margin:0 2px;}
.gdt-picView .smView li img{width: 100%; height: 100%; margin:0 4px;}
.gdt-picView .smView li:after{display: none; content:""; position: absolute; left: 0; top: 0; width: 50px; height: 50px; border:1px solid #E5E5E5;}
.gdt-picView .smView li.on:after{display: block;}

.gdt-detail{float: right; width: 410px; margin-right: 100px;}
.gdt-detail .ztit{font-size: 27px; color:#111; font-weight: normal; line-height: 36px;}
.gdt-detail .ftit{font-size: 40px; color:#222; font-weight: normal; line-height: 45px;margin-bottom: 10px;font-family: 'OptimaDisplayLight','Microsoft YaHei';}
.gdt-detail .zdata{margin-top: 10px; padding:20px 0; font-size: 14px; color:#333; height: 32px; line-height: 32px; overflow: hidden; border-bottom: 1px solid #777777;}
.gdt-detail .zdata .price{float: left; font-size: 26px; color:#111;}
.gdt-detail .zdata .gstar{float: left; margin-left: 15px; margin-top: 9px;}
.gdt-detail .zdata .acom{float: left; margin-left: 15px;}
.gdt-detail .zdata .acom a{text-decoration: underline;}
.gdt-detail .zdata .sx{float: left; text-decoration: underline; margin-left: 15px;}
.gdt-detail .miaos{padding:20px 0; border-bottom: 1px solid #777;}
.gdt-detail .miaos p{line-height: 20px; font-size: 14px; color:#777;}
.gdt-detail .miaos .mhand{margin-top: 15px;}
.gdt-detail .miaos .mhand a{font-size: 14px; text-decoration: underline; color:#111;}
.gdt-detail .zcolor{margin-top: 20px;}
.gdt-detail .zcolor .curCtxt{font-size: 12px; line-height: 18px; color:#DC535F;}
.gdt-detail .zcolor .zcList{margin-top: 15px;}
.gdt-detail .zcolor .zcList li{float: left; width:25px; height: 25px; position: relative; margin-right: 5px; cursor: pointer; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s;}
.gdt-detail .zcolor .zcList li i{width: 100%; height: 100%; display: block;}
.gdt-detail .zcolor .zcList li.on{border:1px solid #000; padding:2px;}
.gdt-detail .zcolor .zcList .comp{margin-left: 15px; font-size: 12px; color:#333; text-decoration: underline;}
.gdt-detail .goumai{margin-top: 30px; overflow: hidden;}
.gdt-detail .goumai .gobtn{float: left; font-size: 16px; color:#fff; background-color: #000; text-align: center; width: 190px; height: 58px; line-height: 58px; transition:all .2s; -webkit-transition:all .2s;}
.gdt-detail .goumai .gobtn:hover{background-color: #C26F6B;}
.gdt-detail .goumai .glove{float: left; margin-left: 30px; margin-top: 20px;}
.gdt-detail .liyu{margin-top: 40px;}
.gdt-detail .liyu dt{line-height: 40px; border-bottom: 1px solid #777; font-size: 16px; color:#333; margin-bottom: 15px;}
.gdt-detail .liyu dd{float: left; padding-right:30px; line-height: 1.8;}
.gdt-detail .liyu dd h4{font-size: 14px; color:#333; font-weight: normal;}
.gdt-detail .liyu dd p{font-size: 14px; color:#777;}

.goods-mconts{margin-top: 50px; line-height: 28px; font-size: 14px; color:#666; padding: 50px 0;}
.goods-mconts p{padding: 5px 0}
.goods-mconts img{max-width: 100%}

.total-comment{padding:30px 0; overflow: hidden; line-height: 42px; color:#333; border-bottom: 1px solid #777;}
.total-comment .ctit{float: left; font-size: 14px;}
.total-comment .gstar{float: left; margin-left: 60px; margin-top: 14px;}
.total-comment .acom{float: left; margin-left: 15px;}
.total-comment .acom a{text-decoration: underline;}
.total-comment .gwrite{float: right; box-sizing:border-box; height: 42px; width: 190px; line-height: 38px; border:2px solid #000; text-align: center; font-size: 14px; color:#333; transition:all .2s; -webkit-transition:all .2s;}
.total-comment .gwrite:hover{background-color: #C26F6B; border-color:#C26F6B; color:#fff;}


.gcomment-item{}
.gcomment-item .gu-pic{float: left; width:108px; height: 108px; margin-top: 50px;}
.gcomment-item .gu-pic img{display: block; width: 100%; height: 100%; border-radius:50%;}
.gcomment-item .gu-infos{margin-left: 170px; padding:50px 0; border-bottom: 1px solid #777; overflow: hidden;}
.gcomment-item .gu-infos .mcomment-item{margin-right: 460px;}
.mcomment-item .mctDetail{font-size: 14px; color:#333; line-height: 24px;}
.mcomment-item .mctData{margin-top: 20px; height: 20px; overflow: hidden; line-height: 20px;}
.mcomment-item .mctData .gstar{float: left; margin-top: 3px;}
.mcomment-item .mctData .gtime{float: left; margin-left: 20px; color:#999;}
.gcomment-item .gu-handle{float: right; width: 190px;}
.gcomment-item .gu-handle .d1{line-height: 24px; color:#999;}
.gcomment-item .gu-handle .d2{line-height: 24px; color:#000;}
.gcomment-item .gu-handle .ybtn{margin-top: 10px; height: 42px; width: 190px; line-height: 42px; background-color: #000; text-align: center; font-size: 14px; color:#fff; transition:all .2s; -webkit-transition:all .2s; display: block;}
.gcomment-item .gu-handle .ybtn:hover{background-color: #C26F6B;}

.listmore{margin: 50px auto; height: 42px; width: 190px; line-height: 42px; background-color: #000; text-align: center; font-size: 14px; color:#fff; transition:all .2s; -webkit-transition:all .2s; display: block;}
.listmore:hover{background-color: #C26F6B; color:#fff;}
@media screen and (max-width: 768px){
	.goods-list .goods-item{width:49%;}
	.goods-list .goods-item .opt .gog{width: 90px; font-size: 13px; margin-left: 2px;}
	.goods-list .goods-item:nth-child(2n+1){margin-left: 0;}
	.hotsale-list .goods-item:nth-child(4n+1){margin-left:0;}
	.hotsale-list .goods-item:nth-child(2n+1){margin-left:0;}
	.hotsale-list .goods-item{margin-left:0;}
	.gdt-picView{float: none; width: auto; margin:0;}
	.gdt-picView .bigView{width:100%;height:auto;margin:auto;}
	.gdt-picView .smView{
		display: none;
	}
	.gdt-detail{float: none; width: auto; margin-right: 0; margin-top: 20px;padding:0 25px;}
	.gdt-detail .zcolor .zcList .comp{display: none;}

	.gcomment-item .gu-pic{float: left; width: 70px; height: 70px;}
	.gcomment-item .gu-infos{margin-left: 85px; position: relative; padding-bottom: 140px;}
	.gcomment-item .gu-infos .mcomment-item{margin-right: 0;}
	.gcomment-item .gu-handle{position: absolute; width: auto; bottom: 20px;}
}
/*书写评论*/
.pubComment{background-color: #fff;}
.pubc-form{padding:20px;}
.pubc-form .pubc-rows{overflow: hidden; margin-bottom: 15px;}
.pubc-form .pubc-rows .t{float: left; font-size: 14px; line-height: 30px; width: 50px;}
.pubc-form .pubc-rows .inner{margin-left: 50px;}
.pubc-form .gstar{margin-top: 8px;}
.pubc-form .pubc-rows textarea{box-sizing:border-box; width: 100%; height: 100px; padding:5px 10px; line-height: 22px;}
.pubc-form .pubtn{display: inline-block; height: 32px; line-height: 32px; box-sizing:border-box; background: #000; font-size: 16px; color:#fff; text-align: center; width: 150px; transition:all .2s; -webkit-transition:all .2s; border:0; cursor: pointer; margin:0 15px;}
.pubc-form .pubtn:hover{background-color: #C26F6B;}
.pubc-form .clbtn{display: inline-block; height: 32px; line-height: 30px; box-sizing:border-box; border:1px solid #000; font-size: 16px; color:#000; text-align: center; width: 150px; transition:all .2s; -webkit-transition:all .2s; cursor: pointer; margin:0 15px;}

/********************用户中心*/
.nav-left{float: left; width: 180px; margin-left: 20px;}
.nav-left .user-pic{margin-bottom: 40px;}
.nav-left .user-pic img{display: block; width: 108px; height: 108px; border-radius:50%;}
.nav-left dl{margin-bottom: 40px;}
.nav-left dt{font-weight: normal; font-size: 18px; line-height: 40px; margin-bottom: 15px; padding-left: 18px;}
.nav-left dd{line-height: 24px;margin-bottom: 10px;}
.nav-left dd a{font-size: 14px;border-left: 3px solid #fff;display: block;  color:#777; padding-left: 15px;}
.nav-left dd a.on{color:#C26F6B;}

.user-main{float: left; width: 840px; margin-left: 100px;}
.usIcons{display: block; text-align: center; width: 100%; overflow: hidden; border-top: 1px solid #999; background-color: #F7F7F7; height: 75px; overflow: hidden;}
.usIcons li{display: inline-block; color:#454545; padding:15px 28px; display: inline-block; height: 75px;}
.nocollect{padding:40px 0; text-align: center; font-size: 20px; color:#aaa;}
.nocollect .iconfont{font-size: 40px;}
.mycom-list{padding:30px 0; border-bottom: 1px solid #777; padding-right: 30px;}

.pagination {text-align: center; margin:50px 0;}
.pagination li{display: inline-block; height: 32px; text-align: center; color:#000; margin:0 3px;}
.pagination li a{color:inherit; padding:0 13px; display: block; line-height: 30px; border:1px solid #000; transition:all .2s; -webkit-transition:all .2s;}
.pagination li a:hover{background-color: #f0f0f0;}
.pagination li.active a{background-color: #000; color:#fff;}

.user-main .goods-list .goods-item .opt .gog{width: 90px;}
@media screen and (max-width: 768px){
	.nav-left{float: none; width: 100%; margin-left: 0; overflow: hidden;}
	.nav-left dl{float: left; width: 50%;}
	.user-main{margin-left: 0; width: auto; float: none;}
	.usIcons{height: auto;}
	.usIcons li{float: left; width: 33.33%; box-sizing:border-box;}
}
/********************商业合作*/
.banner-Txt{position: absolute; position: absolute; top: 50%; left: 50%; transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); padding:75px 100px; background: rgba(255,255,255,.9); text-align: center; width: 760px; box-sizing:border-box; color:#000;}
.banner-Txt.nobg{background: none;}
.banner-Txt h4{font-size: 40px; line-height: 40px; padding-bottom: 28px; position: relative; font-weight: normal;}
.banner-Txt h4:after{content: ""; width: 96px; position: absolute; bottom: 0; left: 50%; margin-left: -48px; height: 1px; background-color: #000;}
.banner-Txt .ginner{font-size: 16px; line-height: 32px; margin-top: 20px;}
.banner-Txt h5{font-size: 23px; line-height: 32px; margin-top: 30px; font-weight: normal;}

.hezuo-mains{padding:75px 0;}
.mplist{text-align: center;}
.mplist img{vertical-align: middle; margin:20px;}
.hezuo-mains .mis{margin: 30px auto 0; max-width: 70%; font-size: 22px; text-align: center;}
.hezuo-mains .hz-btn{margin: 50px auto 0; display: block; width: 220px; height: 60px; line-height: 60px; background: #0A0A0A; color:#fff; text-align: center; font-size: 26px; border-radius:30px; transition:all .2s; -webkit-transition:all .2s;}
.hezuo-mains .hz-btn:hover{background-color: #C26F6B;}

.hezuo-bgs{display: block; height: 560px; background-size:cover; background-repeat: no-repeat; background-position: center center; position: relative;}
@media screen and (max-width: 768px){
	.banner-Txt{width: 95%; padding:30px 10px;}
	.banner-Txt h4{font-size: 24px; line-height: 24px;}
	.banner-Txt h5{font-size: 20px;}
	.banner-Txt .ginner{font-size: 14px; line-height: 20px;}
	.disTit .fz30{font-size: 20px!important;}
	.disTit .fz45{font-size: 30px!important;}
	.disTit .fz22{font-size: 16px!important;}
	.mplist img{width:36%; margin:20px 6% 0;}
}

/********************彩妆课程*/
.school-list{}
.school-list li{float: left; width:49.8%; margin-top: 30px; margin-left: 0.4%;}
.school-list li:nth-child(2n-1){margin-left: 0;}
.school-list .picm{display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center; align-content:space-between; -webkit-align-content:space-between; justify-content:space-between; -webkit-justify-content:space-between; height:380px; overflow: hidden;}
.school-list .picm img{display: block; width: 100%;}
.school-list .spic{float: left; width: 33%; border:15px solid #f0f0f0; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s;}
.school-list .bpic{float: right; width: 63%; border:15px solid #f0f0f0; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s;}
.school-list .spic:hover,.school-list .bpic:hover{border-color: #C26F6B;}
.school-list .infos{margin-top: 10px; background-color: #111111; padding:15px 0 20px; color:#fff; font-size: 13px; transition:all .2s; -webkit-transition:all .2s;}
.school-list .infos:hover{background-color: #C26F6B;}
.school-list .info-tl{float: left; width:33%; padding:0 15px; box-sizing:border-box; height: 140px; overflow: hidden; line-height: 1.7;}
.school-list .info-tl .t2{font-size: 19px; line-height: 24px;}
.school-list .info-tr{float: right; width:63%; padding:0 15px; box-sizing:border-box; height: 140px; overflow: hidden;}
.school-list .info-bl{float: left; width:33%; padding:0 15px; box-sizing:border-box; height: 36px; overflow: hidden;}
.school-list .info-br{float: right; width:63%; padding:0 15px; box-sizing:border-box; height: 36px; overflow: hidden;}
.school-list .info-br a{font-size: 13px; float: left; display: block; color:#fff; margin-right: 15px; text-decoration: underline; transition:all .2s; -webkit-transition:all .2s; transform:scale(1); -webkit-transform:scale(1);}
.school-list .info-br a:hover{transform:scale(1.2); -webkit-transform:scale(1.2);}
@media screen and (max-width: 768px){
	.school-list li{float: none; width: 100%; margin-left: 0;}
	.school-list .picm{height: auto;}

}

/*****************品牌故事*********/
.store-main{background: #000; margin-bottom: -50px;}
.store-view1{padding:100px 0; color:#D3A46E;}  
.store-view1 .sv1-info{position: relative; height: 780px; padding:0 600px 0 80px;}
.store-view1 .sv1-info .pic{position: absolute; top:0; right: 0;}
.store-view1 .sv1-info .pic:after{content:""; position: absolute; top: 0; left: -146px; width: 146px; height: 218px; background: url(../images/store/yuans.png) no-repeat;}
.store-view1 .tit1{font-size: 36px;}
.store-view1 .tit1 span{font-size: 25px;}
.store-view1 .det{font-size: 18px; line-height: 34px; margin-top: 30px;}
.store-view1 .sv2-info{position: relative; padding-left: 580px;}
.store-view1 .sv2-info .pic{position: absolute; bottom:70px; left: 50px;}
.store-view1 .sv2-info .pic:after{content:""; position: absolute; top: 0; right: -146px; width: 146px; height: 218px; background: url(../images/store/yuans.png) no-repeat;}

.store-view2{position: relative; margin-bottom: 50px;}
.store-view2 video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.store-view2 .vplay{display: block; position: relative; z-index: 1; transition:all .2s; -webkit-transition:all .2s;}
.store-view2 .vplay img{display: block; width: 100%;}
.store-view2 .vplay .lay{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.67);}
.store-view2 .vplay .iconfont{font-size: 50px; position: absolute; top:50%; margin-left: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; color:#fff;}
.sv2-play:hover .vplay{opacity: 0;}

.store-view3{background: #121317; height: 665px; position: relative;}
.store-view3 .photo-b{position: absolute; left: 50%; height: 100%;}
.store-view3 .sv3-main{position: absolute; top:50%; left:50%; width: 460px; color:#D3A46E; transform:translate3d(0,-50%,0); margin-left: -650px;}
.store-view3 .tit{font-size: 36px;}
.store-view3 .tit span{font-size: 25px;}
.store-view3 .det{font-size: 20px; line-height: 34px; margin-top: 30px;}


.store-view4{padding: 70px 0 30px; background:#fff url(../images/store/v4.jpg) no-repeat center center/cover;}
.sv4-main{background-color: rgba(255,255,255,.6); padding:50px 0 30px;}
.sv4-main .disTit h2{font-size: 36px;}
.courseCont-tab{width: 68%; margin:50px auto 0; position: relative;}
.courseCont-tab .swiper-button-prev,.courseCont-tab .swiper-button-next{top: -2px; margin-top: 0; width: 30px; height: 30px; background: #000; color:#fff; font-size: 18px; line-height: 30px; text-align: center; border-radius:50%;}
.courseCont-tab .swiper-button-prev{left:-10px;}
.courseCont-tab .swiper-button-next{right:-10px;}
.course-tab{position: relative; overflow: hidden;}
.course-tab .line{width:83.3%; position: absolute; top: 12px;  left:8.3%; border-top: 1px solid #20283B; }
.courseCont-tab li{width:16.66%; float: left; position: relative; cursor: pointer;}
.courseCont-tab li i{display: block; width: 26px; height: 26px; background: url(../images/store/radio.png) no-repeat; margin:0 auto;}
.courseCont-tab li span{display: block; line-height: 24px; padding:12px 4px; font-size: 15px; color:#111; text-align: center;}
.courseCont-tab li.on i{background-image: url(../images/store/radio-h.png);}

.courseCont-main{height: 300px; overflow: hidden; width: 68%; margin:70px auto 0;}
.courseCont-main li{text-align: center; font-size: 38px; color:#595959; color:#000;}
.courseCont-main li h4{position: relative; line-height: 50px; padding:0 30%; font-size: 41px; font-weight: normal;}
.courseCont-main li h4:before{content:""; position: absolute; width: 22%; top: 25px; left: 5%; border-bottom: 1px solid #20283B;}
.courseCont-main li h4:after{content:""; position: absolute; width: 22%; top: 25px; right: 5%; border-bottom: 1px solid #20283B;}
.courseCont-main li .inner{margin-top: 20px; font-size: 18px; line-height: 30px;}


/************会员故事*/
.userStore-list{position: relative; min-height: 500px}
.userStore-list li{position: absolute; width:390px; box-sizing:border-box; padding:0 20px 30px; top:0; left:40%;}
.userStore-list li .pic{}
.userStore-list li .pic img{display: block; width: 100%;}
.userStore-list li .u-pos{display: block; width: 28px; height: 37px; background: url(../images/u-pos.png) no-repeat; margin:30px auto 0;}
.userStore-list li .tname{height: 30px; line-height: 30px; text-align: center; border-top: 1px solid #000; margin:25px 10% 0;}
.userStore-list li .tname span{padding:0 10px; background-color: #fff; font-size: 26px; position: relative; top:-15px;}
.userStore-list li .tinner{line-height: 26px; font-size: 15px; color:#000; margin:30px 10% 0;}


/************会员福利社*/
.fuli-main{padding:0 0 80px; background: url(../images/she-dbg.jpg) no-repeat center center/cover; margin-bottom: -50px;}
.fuli-gtop{height: 150px; background-color: #000; position: relative; top: -70px; color:#fff; display:flex; align-items:center; -webkit-align-items:center; align-content:space-between; -webkit-align-content:space-between; justify-content:space-around; -webkit-justify-content:space-around;}
.fuli-gtop li{display: block;}
.fuli-gtop a{color:#fff; display: block; overflow: hidden;}
.fuli-gtop li .icon{float: left; width: 40px; height: 40px; background: url(../images/she-icon1.jpg) no-repeat;}
.fuli-gtop li .icon-2{background-image: url(../images/she-icon2.jpg);}
.fuli-gtop li .icon-3{background-image: url(../images/she-icon3.jpg);}
.fuli-gtop li .info{margin-left: 50px;}
.fuli-gtop li .info h4{height: 40px; line-height: 40px; font-size: 29px; font-weight: normal;}
.fuli-gtop li .info p{font-size: 17px; line-height: 30px;}

.fuli-gmain-wrap{border:10px solid rgba(255,255,255,.7); padding:6px;}
.fgm-inwrap{background: rgba(255,255,255,.7); padding:80px 0 110px;}
.fgm-inmain{background-color: #fff; padding-top: 50px; background-color: #fff; margin:0 10%;}
.fgm-info{margin:0 15%; text-align: center; color:#B68C7F;}
.fgm-info h2{border-top: 1px solid #B68C7F; padding-top: 35px; line-height: 40px; position: relative; font-size: 27px; font-weight: normal;}
.fgm-info h2:before{position: absolute; content:""; top: 0; left: 50%; height: 5px; width: 54px; margin-left: -27px; background-color: #B68C7F;}
.fgm-info .inner{margin-top: 25px; line-height: 30px; font-size: 14px; padding-bottom: 35px; border-bottom: 1px solid #B68C7F;}
.fgm-info .icon-shoucang{display: block; margin:30px auto 10px; font-size: 40px; font-weight: bold;}
.fgm-info .jbtn{display: block; height: 52px; line-height: 52px; background: #000; font-size: 16px; color:#fff; text-align: center; width: 210px; border-radius:26px;  transition:all .2s; -webkit-transition:all .2s; margin:0 auto ; position: relative; bottom:-26px; max-width: 100%}
.fgm-info .jbtn:hover{background-color: #C26F6B;}
@media screen and (max-width: 768px){
	.fuli-gtop{display: block; height: auto; padding:20px;}
	.fgm-inmain{margin:0 5%;}
	.fgm-info{margin:0 7%;}
}
@media screen and (max-width: 768px){
	
	.store-view1 .sv1-info{padding:0; height: auto;}
	.store-view1 .sv1-info .pic{position: static;}
	.store-view1 .sv1-info .pic:after{display: none;}
	.store-view1 .sv1-info .pic img{width: 100%;}
	.store-view1 .sv2-info{padding-left: 0; margin-top: 80px;}
	.store-view1 .sv2-info .vvlogo{}
	.store-view1 .sv2-info .pic{position: static;}
	.store-view1 .sv2-info .pic:after{display: none;}
	.store-view1 .sv2-info .pic img{width: 100%;}

	.store-view4{background-size:cover;}
	.courseCont-tab{width:auto; margin:50px 30px 0;}
	.courseCont-tab .swiper-button-prev{left:-25px;}
	.courseCont-tab .swiper-button-next{right:-25px;}
	.courseCont-tab li span{font-size: 13px;}
	.courseCont-main{width: 95%; height: auto;}
	.courseCont-main li h4{font-size: 32px; padding:0 20%;}
	.courseCont-main li h4:after,.courseCont-main li h4:before{width: 14%;}
	.courseCont-main li {font-size: 24px;}
	.contactCont .list li{float: none; width: 100%; margin-left: 0;}
	.contactCont .list .d{width:90%;}

	.store-view3{height: auto;}
	.store-view3 .photo-b{position: static; width: 100%;}
	.store-view3 .sv3-main{position: static; width: auto; margin-left: 0; transform:translate(0,0); padding:70px 10px;}
	
	.fuli-gtop li{margin-top: 15px;}
	.fuli-gtop li:first-child{margin-top: 0;}
	.fuli-gtop li .info h4{font-size: 18px;}
	.fuli-gtop li .info p{font-size: 14px;}
	.fgm-inwrap{padding:20px 0 50px;}
	.fgm-inmain{padding-top: 30px;}
	.fgm-info h2{padding-top: 20px;}
	.fgm-info .icon-shoucang{margin:20px auto 0;}
}

/*颜色对比*/
.contrastColor{border:1px solid #777; background-color: #fff; overflow: hidden; padding:40px 35px 50px;}
.ctc-mains{height: 280px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; margin-top: 20px; position: relative;}
.ctc-conts{display: flex; align-items:center; justify-content:space-between; height: 100%;}
.ctc-ginfo .zcList li{float: left; width:25px; height: 25px; position: relative; margin-right: 5px; cursor: pointer; box-sizing:border-box; transition:all .2s; -webkit-transition:all .2s;}
.ctc-ginfo .zcList li i{width: 100%; height: 100%; display: block;}
.ctc-ginfo .zcList li.on{border:1px solid #000; padding:2px;}
.ctc-ginfo .zc-text{margin-top: 15px; font-size: 14px; height: 20px;}
.ctc-ginfo .zc-btn{margin-top: 10px; font-size: 12px; display: inline-block; padding:8px 20px; line-height: 14px; border:1px solid #ddd; transition:all .2s; -webkit-transition:all .2s;}
.ctc-ginfo .zc-btn:hover{background-color: #000; color:#fff;}

.cimage-view{position: absolute; width: 280px; height: 280px; top: 0; left: 50%; margin-left: -140px; cursor: ew-resize;}
.cimage-view img{display: block; width: 280px; height: 280px;}
.cimage-view .before-image{position:absolute;top:0;left:0;z-index:1;width:50%;overflow:hidden;}
.cimage-view .after-image{position:absolute;top:0;left:0;z-index:0;}
.cimage-view .divider-bar{position:absolute;width:2px;left:50%;top:0;bottom:-15px;background:white;height:280px; z-index:2;box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4);}


.hezuo-forms{background-color: #fff; padding:30px 5%; box-sizing:border-box;}
.hezuo-forms .t1{font-size: 24px; text-align: center;}
.hezuo-forms .t2{font-size: 13px; text-align: center; margin-top: 10px;}
.hezuo-forms .hzf-main{margin-top: 25px;}
.hezuo-forms .hzf-main dl{float: left; width: 47%;}
.hezuo-forms .hzf-main dl.hzf-rdl{float: right;}
.hezuo-forms .hzf-main dt{padding:10px 0; line-height: 24px; border-bottom: 1px solid #333; font-size: 16px; color:#333;}
.hezuo-forms .hzf-main dt strong{font-size: 16px; font-weight: normal;}
.hezuo-forms .hzf-main dt span{font-size: 13px;}
.hezuo-forms .hzf-main dd{margin-top: 35px;}
.hezuo-forms .hzf-main .rows{height: 26px; margin-bottom: 10px;}
.hezuo-forms .hzf-main .labs{float: left; width: 88px; line-height: 26px; font-size: 14px;}
.hezuo-forms .hzf-main .info{margin-left: 88px;}
.hezuo-forms .hzf-main .ipt{box-sizing:border-box; width: 100%; height: 26px; line-height: 24px; border:1px solid #777; font-size: 14px; padding:0 10px;}
.hezuo-forms .hzf-main .areabox{margin-top: 20px;}
.hezuo-forms .hzf-main textarea.ipt{height: 70px; padding:5px 10px; line-height: 20px;}
.hezuo-forms .hzf-main .hands{text-align: center; margin-top: 40px;}
.hezuo-forms .hzf-main .btn{display: inline-block; width: 110px; height: 45px; background-color: #000; color:#fff; font-size: 18px; text-align: center; border:0; cursor: pointer; transition:all .2s; -webkit-transition:all .2s;}
.hezuo-forms .hzf-main .btn:hover{background-color: #C26F6B;}

@media screen and (max-width: 768px){
	.hezuo-forms{padding:20px 3%;}
	.hezuo-forms .hzf-main .labs{font-size: 12px; width: 60px;}
	.hezuo-forms .hzf-main dt{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	.hezuo-forms .hzf-main .info{margin-left: 60px;}

	.bdsharebuttonbox{display: none;}
}


/*******************用户中心修改用户信息*/
.upClipBtn{display: block; width: 100px; height: 100px; margin:10px auto;}
.upClipBtn img{display: block; width: 100%; height: 100%; border-radius:50%;}
/*截图上传页面*/
.clipbg{position: fixed;background: black;top: 0;z-index: 999;width: 100%;height: 100%;left: 0;}
.clipbg .clip-loading{position: absolute;top: 40%;width: 38%;left: 31%;height: 1.6rem;line-height: 1.6rem;z-index: 99999;text-align: center;color: #ffffff;border-radius:0.2rem ;background: #9f9f9f;}
.clipbg #clipArea{width: 100%;height: 80%;margin: auto;}
.clipbg .clipfooter{width: 90%;position: fixed;left: 5%;bottom: 0px;text-align: center;}
.clipbg dl{background: #ffffff;border-radius: 0.4rem;overflow: hidden;margin-bottom: 0.6rem;}
.clipbg dd{position: relative;height: 2.25rem;line-height: 2.25rem;border-bottom:1px solid #999999 ;}
.clipbg .clipback{height: 2.25rem;line-height:2.25rem;border-radius: 0.4rem;margin-bottom: 0.4rem;background: #ffffff;}
.clipbg dd input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 11; opacity: 0;}

.beatpicker-inputnode{background-position: 98% center!important;}
.lunbobox{
	overflow: hidden;
}
.lunbobox-bigbox{
	position: relative;
	width: 1400px;
	margin:0 auto;
}
@media screen and (max-width: 768px){
	.lunbobox-bigbox{
		width: 100%;
	}
	.dizhuang-bigbox .wrap{
		padding:0;
	}
	.dizhuang-bigbox{
		box-sizing: border-box;
		padding:0 15px;
	}
	.face-bigbox .wrap{
		padding:0;
	}
	.face-bigbox{
		box-sizing: border-box;
		padding:0 15px;
	}
	.lip-bigbox .wrap{
		padding:0;
	}
	.lip-bigbox{
		box-sizing: border-box;
		padding:0 15px;
	}
	.eyes-bigbox .wrap{
		padding:0;
	}
	.eyes-bigbox{
		box-sizing: border-box;
		padding:0 15px;
	}
	.news-bigbox .wrap{
		padding:0 15px;
	}
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	outline: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	outline: none;
}
.news-swiper-container{
	padding-top: 5%;
}

/*底部导航*/
.footer{
	padding-bottom: 30px;
}
.foot-nav{
	background: #000;
	font-size: 14px;
	color:#fff;
	padding-bottom: 60px;
}
.foot-nav a{
	font-size: 14px;
	color:#fff;
}
.foot-nav dl{
	width: 20%;
	float: left;
	text-align: center;
}
.foot-nav dl dt{
	margin-bottom: 10px;
}
.foot-nav dl dt a{
	font-size: 18px;
}
.foot-nav dl dd a{
	display: block;
	color: #666;
	line-height: 24px;
}
.foot-nav dl dd a:hover{
	color:#fff;
}

.danye{
	margin:0 auto;
	margin-bottom: 10%;
}
.danye h3{
	font-size: 32px;
	text-align: center;
	font-weight: normal;
	padding:5% 0;
}
.danye .content{
	font-size: 18px;
	line-height: 32px;
	color: #333;
}
.danye .content img{
	max-width: 100%!important;
	height: auto!important;
}

.articleshow{
	width: 73%;
}
.articleshow .title{
	padding:5% 0;
}
.articleshow .title p{
	font-size: 16px;
	text-align: center;
}
.articleshow h3{
	padding:0;
	margin-bottom: 15px;
}
.articleshow .content{
	font-size: 16px;
	line-height: 26px;
}
.prenext{
	padding-top:5%;
	font-size: 14px;
	color: #333;
}
.prenext p{
	margin-bottom: 5px;
}
.prenext a{
	font-size: 14px;
	color: #333;
}


/*商业合作*/
.cooperate .content{
	width: 70%;
	margin:0 auto;
}

/*品牌故事*/
.history{
	margin:5% 0;
}
.history_cont .history{
	margin:0;
}
.history .h-item{
	width: 80%;
	margin:0 auto;
	background: #fff;
	margin-bottom: 30px;
}
.history .h-item:last-child{
	padding:20px;
}
.history .text{
	font-size: 16px;
    text-align: justify;
}
.history .h-item .text{
	width: 73%;
}
.history .h-item .pic{
	width: 25%;
}
.history .h-item h4{
	padding:30px 0;
    font-size: 30px;
}
.history .h-item:nth-child(even) .pic{
	float: left;
}
.history .h-item:nth-child(even) .text{
	float: right;
}
.history .h-item:nth-child(odd) .pic{
	float: right;
}
.history .h-item:nth-child(odd) .text{
	float: left;
}
.history .h-item:last-child .text{
	float: none;
	color: #333;
	width: 100%;
}
.history .h-item:last-child h4{
	color: #333;
}

.pc-banner .swiper-slide a img{
    width: 100%;
}
.pc-banner .swiper-slide a{
    height: initial;
}
.com-banner .swiper-pagination {
    bottom: 15px;
}


@media (max-width: 1400px) {
	.wrap{
		width: 90%;
	}
	.lunbobox-bigbox{
		width: 100%;
	}
}
@media (max-width: 1350px) {
	.ft-lxbox .code-item:first-child{
		margin-right: 125px;
	}
}
@media (max-width: 1280px) {
	.ft-lxbox .code-item:first-child{
		margin-right: 95px;
	}
}
@media (max-width: 1245px) {
	.ft-lxbox .code-item:first-child{
		margin-right: 60px;
	}
}
@media (max-width: 1200px) {
	.ft-lxbox .code-item:first-child{
		margin-right: 40px;
	}
}
@media (max-width: 992px) {
	.footer .ft-shares{
		float: left;
		margin-top:15px;
	}
}
@media (max-width: 768px) {
	.articleshow .content img{
		max-width: 100%!important;
		height: auto!important;
	}
	.articleshow .content iframe{
		max-width: 100%!important;
		height: auto!important;
	}
	.gdt-detail .ftit{
		width: 90%;
	}
	.foot-nav a{
		font-size: 12px;
	}
	.foot-nav dl dt a{
		font-size: 14px;
	}
	.footer .ft-shares dd img{
		margin:0;
	}
	.goods-mconts{
		padding:0 25px;
		margin-top: 30px;
	}
	.goods-mconts img{
		max-width: 100%!important;
		height: auto!important;
	}
	.history .h-item{
		width: 90%;
	}
	.history .history1{
		width: 100%;
	}
	.history .history2{
		width: 100%;
	}
	.history .history3{
		width: 100%;
	}
	.history .history4{
		width: 100%;
	}
	.articleshow{
		width: 100%;
	}
	.history .h-item:last-child{
		margin-bottom: 0;
	}
	.footer{
		padding-bottom: 10px;
		padding-top: 30px;
	}
	.foot-nav{
		padding-bottom: 15px;
	}
	.footer .ft-links{
		margin-top: 0;
		height: 40px;
	}
	.footer .ft-links a{
		height: 40px;
		line-height: 40px;
	}
	.home-view2 li:first-child{
		width: 100%;
	}
	.menuList .t-group .mbag{
		display: none;
	}
	.pc-qqkf{
		display: none;
	}
	.m-qqkf{
		display: block;
	}
	.home-view1{
		padding: 5px 0 5px;
	}
	.t-logo1{
		display: none;
	}
	.t-logo2{
		display: block;
	}
	.m-hotarea{
		display: block;
	}
	.pc-hotarea{
		display: none;
	}
	.m-xinarea{
		display: block;
	}
	.pc-xinarea{
		display: none;
	}
	.home-body .banner-swiper-container{
		display: none;
	}
	.mbanner-swiper-container{
		display: block;
	}
	.home-body .mbanner-swiper-container a{
		height: 1099px;
	}
	.home-body .mbanner-swiper-container a img{
		max-width: 100%;
	}
	.signin{
		display: block;
	}
	.wrap{
		width: 100%;
		padding: 0 25px;
	}
	.history .h-item .text{
		width: 100%;
		margin-bottom: 10px;
	}
	.history .h-item .pic{
		width: 100%;
	}
	.home-view1 .list li{
		width: 100%;
		float: left;
		margin:0;
	}
	.home-view1 .list .info{
		position: static;
		background:none;
		top:auto;
		bottom: 0;
	}
	.home-view1 .list .info .name{
		text-align: center;
		font-size: 14px;
		line-height: 16px;
		color:#000;
	}
	.home-view1 .list .info .fname{
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		/*padding-bottom: 8px;*/
		padding-bottom: 0;
		border-bottom: none;
		/*margin-bottom:10px;*/
		margin-bottom:0;
		color: #555;
	}
	.home-view1{
		padding-bottom: 20px;
	}
	.home-view3{
		padding:0;
	}
	.home-view3 .wrap{
		padding:0;
	}
	.home-view1 .list .pic .stxt{
		display: none;
	}
	.home-view2 li h4{
		font-size: 16px;
		font-weight: bold;
	}
	.home-view2 li p{
		font-size: 12px;
		min-height: 0;
	}
	.home-view2 li .pic{
		width: 60px;
	}
	.home-view2 {
	    padding: 7px 0 20px;
		background-size: cover;
		background: url(../images/mhome-bg2.jpg) no-repeat center center;
	}
	.home-view4 .list li .info .name{
		font-size: 14px;
	}
	.home-view4 .list li .info .fname{
		font-size: 12px;
	}
	.swiper-button-next, .swiper-button-prev{
		background-size:16px auto;
	}
	.home-view4 .list .pic .stxt{
		display: none;
	}
	.home-view5 li{
		margin-bottom: 15px;
	}
	.home-view5{
		padding:20px 0 0px;
	}
	.home-view5 li .infos .name{
		font-size: 18px;
	}
	.glove{
		margin-left: 15%;
	}
	.goods-list .goods-item .gstar{
		right: 15%;
	}
	.hv3-plmain{
		padding:0;
	}
	.mt50{
		margin-top: 15px !important;
	}
	.home-view4{
		padding-bottom:15px;
	}
	.mt40{
		margin-top: 10px !important;
	}
	.mq-xqt{
		padding:0 25px;
	}
	.mq-cpdetail{
		padding:0;
	}
	.goods-detop{
		margin-top: 18px !important;
	}
	.home-view4 .list li{
		margin-top: 0;
	}
	.home-view5 .lunbobox{
		padding-top:40px;
	}
	.zxbox .zxbox_div a>img{
		width: 20px;
	}
	.toper .t-logo{
		float: none;
		position: absolute;
		left: 45%;
	}
	.mtop-search{
		display: block;
	}
}
.colordb{
	margin-top:20px;
}
.colordb li{
	float: left;
	width: 20%;
	margin:0 1.5%;
	text-align: center;
	margin-bottom: 10px;
}
.colordb li img{
	cursor: pointer;
	width: 63px;
	height: 63px;
	border:2px solid #ccc;
}
.colordb li .name{
	margin-bottom:5px;
}
.colordb li img.on{
	border:2px solid #222;
}
.goods-mconts img{
	display: block;
	margin:0 auto;
}
.zxbox {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 9999;
}
.zxbox .zxbox_div {
    background: rgba(96,191,243,.9);
    padding: 10px;
    margin-bottom: 5px;
    position: relative;
}
.zxbox .zxbox_div a {
    color: #fff;
}
.zxbox .zxbox_div img {
    display: block;
    margin: auto;
    overflow: hidden;
    border: none;
    max-width: 100%;
}
.zxbox .zxbox_div .hover {
    display: none;
    position: absolute;
    left: -150px;
    width: 150px;
    top: 0;
}
.zxbox .tel .hover {
    background: #60bff3;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
    height: 38px;
}
.zxbox .zxbox_div:hover .hover {
    display: block;
}

@media (max-width: 640px) {
	.gdt-picView .bigView{
		height: 250px;
	}
	.gdt-picView .bigView li:nth-child(2) img{
		height: 250px!important;
		width: auto!important;
	}
	.gdt-picView .bigView li{
		display: none;
	}
	.gdt-picView .bigView li:first-child{
		display: block;
	}
	.gdt-picView .bigView li:nth-child(2){
		display: block;
	}
	.gdt-detail .zdata{
		margin-top: 0;
    	padding: 10px 0;
	}
	.gdt-detail .zdata .price{
		font-size: 18px;
	}
	.bottomer .wrap .fr{
		float: none!important;
		text-align: center;
		display: block;
		margin-bottom: 10px;
	}
	.bottomer .copyr{
		float: none;
		line-height: 36px;
		text-align: center;
	}
	.pcmq-banner{
		display: none;
	}
	.mmq-banner{
		display: block;
	}
	.home-view1 .m-hotarea li{
		float: left;
	}
	.zxbox{
	    top: initial;
	    bottom: 0;
	    width: 100%;
	}
	.zxbox .zxbox_div{
		float: left;
	    width: 33.3%;
	    padding:5px 0;
	    text-align: center;
	    margin-bottom:0;
	}
	.zxbox .tel:hover .hover {
	    display: none;
	}
	.bottomer{
		padding-bottom: 48px;
		height: auto;
		line-height: normal;
	}
	.backTop{
		bottom: 80px;
	}
	.home-view2{
		background-attachment: inherit;
	}
	.zxbox .zxbox_div .hover{
		top: inherit;
	    bottom: 48px;
	    left: 0;
	}
	.toper .t-logo{
		left: 40%;
	}
	.footer .ft-lxbox .code-item:first-child{
		margin-right: 0;
	}
}

.miaos .cpdesc{
	line-height: 20px;
}
.cooperate .btn{
	text-align: center;
	margin-top: 30px;
}
.cooperate .btn button{
	background: #000;
	border: none;
	outline: none;
	color: #fff;
	font-size: 18px;
	padding:10px 30px;
	border-radius: 30px;
	cursor: pointer;
	font-family: 'Arial','Microsoft YaHei';
}
.cooperate .btn button:hover{
	opacity: .9;
}
.mask {
    display: none;
    position: fixed;
    width: 97%;
    height: 94%;
    padding: 1.5%;
    background: rgba(0,0,0,0.75);
    z-index: 99999;
}
.mask .close{
	width: 32px;
	height: 32px;
	position: absolute;
	top:15px;
	right:15px;
	border: 4px solid #fff;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}
.mask .formbox {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
}
.mask .formbox .contbox{
	width: 90%;
	margin:0 auto;
	margin-top: 70px;
}
.mask .formbox .contbox h3{
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.mask .formbox .contbox p{
	text-align: center;
	font-size: 16px;
}
.mask .formbox .contbox .biaobox{
	margin-top: 60px;
}
.mask .formbox .contbox .form-item{
	float: left;
	width: 48%;
}
.mask .formbox .contbox .form-item:nth-child(2){
	float: right;
}
.mask .formbox .contbox .form-item h4{
	font-size: 18px;
	font-weight: normal;
	padding-bottom:25px;
	border-bottom: 1px solid #333;
	margin-bottom:30px;
}
.mask .formbox .contbox .form-item ul li{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 20px;
}
.mask .formbox .contbox .form-item ul li input{
	width: 87%;
	height: 30px;
	font-size: 16px;
}
.mask .formbox .contbox textarea{
	margin-top: 20px;
	width: 100%;
	height: 100px;
	font-size: 16px;
}
.mask .formbox .contbox .sub-btn{
	text-align: center;
	margin-top: 50px;
}
.mask .formbox .contbox .sub-btn button{
	background: #000;
	border: none;
	outline: none;
	color: #fff;
	font-size: 18px;
	padding:10px 30px;
	cursor: pointer;
	font-family: 'Arial','Microsoft YaHei';
}
.mask .formbox .contbox .sub-btn button:hover{
	opacity: .9;
}
@media (max-width: 640px) {
	.mask{
		height: 98.5%;
	}
	.mask .formbox .contbox .form-item{
		width: 100%;
	}
	.cooperate .content{
		width: 95%;
	}
	.mmq-banner a{
		height: 213px;
	    width: 320px;
	    margin: 0 auto;
	}
	.home-body .mbanner-swiper-container a{
		height: calc(100vh - 110px);
	}
}
@media (max-width: 375px) {
	.mmq-banner a{
		height: 213px;
	    width: 320px;
	}
	.home-body .mbanner-swiper-container a{
		height: calc(100vh - 110px);
	}
}
@media (max-width: 320px) {
	.mmq-banner a{
		height: 213px;
	    width: 100%;
	}
	.home-body .mbanner-swiper-container a{
		height: calc(100vh - 110px);
	}
	.burger{
		padding:15px 5px;
	}
	.signin a{
		margin-right: 5px;
	}
	.toper .t-logo {
	    left: 37%;
	}
	.ft-lxbox .code-item{
		margin:0;
	}
	.footer .ft-infos{
		margin-left: 0;
	}
	.footer .ft-lxbox .code-item dl{
		margin-right: 20px;
	}
}