@charset "utf-8";

/*
	--------------------------
	间距清除
	--------------------------
*/

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

/*
	--------------------------
	A标签 配置
	--------------------------
*/
a {
	text-decoration: none;
	outline: none;
	color: #666;
}

a:hover {
	color: #000;
}

img {
	border: 0;
	max-width: 100%;
}

a:focus {
	outline: none;
}

/*
	--------------------------
	Body 配置
	--------------------------
*/
html {
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
}
/* 
@font-face {
	font-family: 'FZLTHK';
	src: url('../YYDS/FZLTHK.eot');
	src: local('☺'),
		url('../YYDS/FZLTHK.eot?#iefix') format('embedded-opentype'),
		url('../YYDS/FZLTHK.woff') format('woff'),
		url('../YYDS/FZLTHK.ttf') format('truetype'),
		url('../YYDS/FZLTHK.otf') format('opentype'),
		url('../YYDS/FZLTHK.dfont') format('dfont'),
		url('../YYDS/FZLTHK.svg#FZLTHK') format('svg');

}
 */
@font-face {
	font-family: 'Alimama_ShuHeiTi_Bold';
	src: url('../fonts/Alimama_ShuHeiTi_Bold.eot');
	src: local('☺'),
		url('../fonts/Alimama_ShuHeiTi_Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Alimama_ShuHeiTi_Bold.woff') format('woff'),
		url('../fonts/Alimama_ShuHeiTi_Bold.ttf') format('truetype'),
		url('../fonts/Alimama_ShuHeiTi_Bold.otf') format('opentype'),
		url('../fonts/Alimama_ShuHeiTi_Bold.dfont') format('dfont'),
		url('../fonts/Alimama_ShuHeiTi_Bold.svg#Alimama_ShuHeiTi_Bold') format('svg');
}


body {
	-webkit-font-smoothing: antialiased;
	font-family: 'FZLTHK';
	background: #fff;
	font-size: 14px;
	color: #666;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/*
	--------------------------
	表单控件设置
	--------------------------
*/

table {
	border-collapse: collapse;
	width: 100%;
}

.alma { font-family: "Alimama_ShuHeiTi_Bold";}
input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
}

input[type='checkbox'],
input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px;
	-webkit-appearance: none;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0px;
	color: #666;
	font-size: 12px;
	outline: none;
	font-family: "微软雅黑";
	-webkit-appearance: none;
}


/*
	--------------------------
	快捷方式
	--------------------------
*/
.f-l {
	float: left;
}

.f-r {
	float: right;
}

.clearfix {
	clear: both;
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block;
}

.mb { display:none; }
@media(max-width: 1100px){
	.pc { display:none; }
	.mb { display:block; }
}

.relative { position: relative; }
.mainMd { position: absolute; left:0; top: -72px; width: 1px; height: 1px; opacity: 0; }

@media(max-width:  1100px){
	.mainMd { top: -68px; }
}
.fl { float: left; }
.fr { float: right; }
.flNone { float: none!important; }
.relative { position: relative; width: 100%; height: 100%; }
.bgWhite { background: #fff; }
.borderRadius12 { border-radius:12px; overflow: hidden; }
/* 新建询盘 */
.memberB { display:none; position: fixed; top:50%; width: 100%; height: 100%; transform: translate(-50%, -50%); left:50%; background: rgba(0,0,0,0.6); z-index: 50; }
.memberB-a { position: absolute; top:50%; width: 90%; max-width: 1000px; height: 450px; transform: translate(-50%, -50%); left:50%; }
.memberB-a .close { position: absolute;text-align:center;cursor: pointer; color:#999; }

.memberB-c { padding:30px 30px 0; }
.memberB-c ul li:nth-child(n+2) { margin-top:30px; }
.memberB-c ul li .subBtn { float: left; font-size:15px;color:#000000; border:1px solid #000000; border-radius:50px;background: none; width: 265px;height: 42px; }
.memberB-c ul li .tijiao { color:#fff; background: #000000; }
.memberB-c ul li .quxiao:hover { color:#fff; background: #000000; }
.memberB-c ul li .quxiao { float: right; }
.memberB-c ul li .tit { float: left; font-size:15px;color:#333333; }
.memberB-c ul li .tit span { color:#d00000; }
.memberB-c ul li .con { float: right; width: calc(100% - 100px); }
.memberB-c ul li .txt { float: right; width: 100%; margin-top:15px; }
.memberB-c ul li .txt textarea { width: 100%; line-height: 1.8; border-radius:12px; height: 200px; border: 1px solid #eee; padding:16px 15px; font-size:14px;color:#333; font-weight:bold; }
.memberB-c ul li .txt textarea:placeholder-shown {
	color:#999; font-weight:normal;
}
textarea { resize:none; }
.memberB-c ul li .txt textarea:hover { box-shadow: 0px 4px 10px 1px rgb(0 0 0 / 12%); }
.memberB-c ul li p { cursor: pointer; margin-bottom:15px; margin-right: 40px; float: left; font-size: 15px; line-height: 14px; color:#666666; }
.memberB-c ul li p:nth-child(2) { margin-right: 70px; }
.memberB-c ul li p:nth-child(3) { margin-right: 0px; }
.memberB-c ul li p:nth-child(4) { margin-right: 25px; }
.memberB-c ul li p i { display: inline-block; width: 14px; vertical-align:bottom; margin-top:0; height: 14px; border:1px solid #999; border-radius:50%; position: relative; }
.memberB-c ul li p:hover { color:#000000; }
.memberB-c ul li p.cur i { border-color:#000000; }
.memberB-c ul li p i:after { transition: all 0.5s; content:''; width: 0; height: 0; background: #000000; position: absolute; left: 50%; top:50%; transform:translate(-50%, -50%); border-radius:50%; }
.memberB-c ul li p.cur i:after { width: 8px; height: 8px; }
.addFpA-c { max-height: calc(80vh - 100px); overflow-y:scroll; padding:30px 25px 50px; }
.addFpA-c {scrollbar-color:  #000000 rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none;}
.addFpA-c::-webkit-scrollbar {width: 3px;height: 1px;}
.addFpA-c::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background: #000000;}
.addFpA-c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0);}
.addFpA-c ul li { margin-bottom: 20px; width: 100%; }
.addFpA-c ul li p { font-size:15px;color:#666666; font-weight:bold; margin-bottom: 6px; }
.addFpA-c ul li p span { color:#d00000; }
.addFpA-c ul li input.inp { width: 100%; height: 50px; border:1px solid #e5e5e5; font-size:14px; padding-left: 16px; font-weight:bold; color:#222; }
.addFpA-c ul li input:placeholder-shown,textarea:placeholder-shown {color:#999!important; font-weight:normal!important;}
.addFpA-c ul li input:focus { transition: all 0.3s; border:2px #000000 solid!important; }
.addFpA-d button,.addFpA-d span { line-height: 44px; height: 44px; border-radius:50px; width: 49%; }
.addFpA-d button { background: #000000; color:#fff; }
.addFpA-d span { border-color:#fdb79e; color:#000000; }
.addFpA-d span:hover { background: #000000; border-color:#000000; color:#fff; }
.addFpA-d { margin-top: 30px; }
/*弹窗样式一*/
.addTc { width: 100%; height: 100%; position: fixed; z-index: 50; left:0; top:0; background: rgba(0,0,0,0.8); }
.addTcA .memberB-a { height: auto; padding-bottom: 0.8rem; }
.addTcA .memberB-c ul li .txt { margin-top:0; }
.addTcA .memberB-c ul li .tit { padding:0 0 15px 5px; font-weight:bold; color:#666666; font-size:15px; }
.memberB-c ul li .txt input {width: 100%;line-height: 1.8;border-radius: 12px;height: 50px;border: 1px solid #eee;padding: 16px 15px;font-size: 14px;color: #333;font-weight: bold;}
.memberB-c .t { font-size:15px;color:#666666; margin:12px 0 35px; }
.memberB-c .t.artic { max-height: 60vh; overflow-y:scroll; padding-right: 10px; }
.memberB-c .t.artic {scrollbar-color:  #000000 rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none;}
.memberB-c .t.artic::-webkit-scrollbar {width: 3px;height: 1px;}
.memberB-c .t.artic::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background: #000000;}
.memberB-c .t.artic::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0);}

.addTcI { padding-bottom: 0.3rem; border-bottom:1px solid #f1f1f1; }
.addTcI-b { width: calc(100% - 100px); }


.addTcA .memberB-a .mainDiyQh { margin-top:0; top:auto; bottom: -0.45rem;  width: 0.27rem; height: 0.14rem; }
.addTcA .memberB-a .mainDiyQh:after { display:none; }
.addTcA .memberB-a .swiper-button-prev { left: auto; right:0.55rem; background: url(../images/diy/diyprev.svg) no-repeat center/cover; }
.addTcA .memberB-a .swiper-button-next { right:0.1rem; background: url(../images/diy/diynext.svg) no-repeat center/cover; }

.proBuyA .memberB-a .close { z-index: 5; }








.memberB-c ul li .subBtn { width: 270px; }
/*.layui-btn { background: #000000; }*/
.padding0 { padding:20px 0 0 0!important; }
.paddingBottom0 { padding-bottom:0!important; }
.margin0 { margin:0!important; }

.addTcD-a .ttt { text-align:left; width: 135px; font-size:15px;color:#666666; font-weight:bold; }
.addTcD-a .ccc { text-align:left; font-size:15px;color:#666666; }
.addTcD-a dl dd:nth-child(n+2) { margin-top: 20px; }
.addFpA-c ul li input.inp { border-radius:5px; background: none; }
.alignC { text-align:center; }
.colorWhite { color:#fff!important; }
.memberB-c { padding: 20px 15px; }
.memberB-b .topTit { padding: 0.3rem 0.15rem; }
.memberB-c .t.artic { margin-top:0; }
.memberB-a .close { top: 0.12rem; right: 0.12rem; width: 0.15rem; height: 0.15rem; background: url(../images/close.svg) no-repeat center/cover; }
.memberB-b .topTit .t { font-size:20px; }



i { font-style: normal; }
.mainMore { position: relative; overflow: hidden; cursor: pointer; position: relative; font-size:0.14rem; color:#000000; border:1px solid #000; display:inline-block; background: #fff; padding: 0.12rem 0.3rem; border-radius:0; transition: all 0.5s; }
.mainMoreA { color:#ffffff; background: #030303; }
.mainMoreB { color:#000; background: none; border:1px solid #000; }
.mainMore:before { transition: all 0.6s; content:''; width: 100%; height: 60px; position: absolute; left:-105%; top:-4px; background: #000; }
.mainMore:hover { background:#333; }
/*.mainMore:hover:before { left:0; }*/
.mainMore i { line-height: 1; position: relative; z-index: 2; display:inline-block; padding-right:16px; transition: all 0.1s; background: url(../images/mainmorea.png) no-repeat right center; }
.mainMoreA i { background: url(../images/mainmoreabg.png) no-repeat right center; }
.mainMore:hover i { background: url(../images/mainmoreabg.png) no-repeat right center; }
.mainMoreB { color:#000; }
.mainMoreA:hover { color:#fff; }


/**mobile nav**/
.nav_boxA { width: 100%; height: calc(100vh - 56px); }
.nav_box { width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 99999999;background: #fff;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box { border-top:1px solid #D8D8D8; }
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li {float: left;width: 100%;font-size: 0.16rem; text-transform: capitalize;}
.nav_box .navlist ul>li>a {display: block;color: #000;position: relative;  padding:0.15rem 0;}
.nav_box .navlist ul>li>a:before {content: "";position: absolute;right: 0;top: 50%; transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/jtwhite.svg) no-repeat center center / cover;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;padding: 10px 0;}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}

.nav {display: inline-block;}
.nav .search,.nav .clearfix { display: none; }
.header .lang p,.fixed-head .header .lang p,.fixed-headA .header .lang p { color:rgba(255,255,255,0.6); position: relative; padding: 0 15px 0 0; background: url(../images/langbg.png) no-repeat right center; }
.header .navBtn { height: 40px; margin-top:-1px; float: right; left:3%; }
.header .lang p:after { display: none; }


.fixed-head .header .logo,
.fixed-headA .header .logo { padding: 10px 0; }
.fixed-head .header .lang,
.fixed-headA .header .lang { display: block; }
.header .navBtn { background: none; }
.menu-i {height: 2px;right: 10px;position: absolute;border-radius: 1px;font-style: normal;background-color: #000;display: block;transition: all 0.5s;border-radius: 2px;}
.menu-i-1 {width: 32px;top: 10px;}
.menu-i-2 {width: 32px;top: 20px;}
.menu-i-3 {width: 32px;top: 30px;}
.mobile-menu {width: 50px;height: 40px;position: relative;display: block;background: none;border: none;}
.mobile-menu-on {z-index: 1001;}
.mobile-menu-on .menu-i-1 {transform: translateY(10px) rotate(45deg); }
.mobile-menu-on .menu-i-2 {opacity: 0;}
.mobile-menu-on .menu-i-3 {transform: translateY(-10px) rotate(-45deg); }
.nav_box { display: block!important; top: 60px; width: 100%; border-top: 1px solid rgba(255,255,255,0.2); height: calc(100% - 60px); }
.nav_box .navlist { padding-top: 10px; }
.navSear { margin-top: 30px; padding: 0 15px;}
.navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }

.navSear .search .subsearch { z-index: 9;}
.navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
.navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } 
.navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchx.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
.navSear .search:hover .subsearch {display: block;}
.navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.7); 
}
.navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.7);
}
    
.navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder
 {
    color: rgba(255,255,255,0.7);
}
    
.navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7);
}


.nav_box .navlist ul>li .navlist2,.nav_box .navlist ul>li .secondNav .navlist3,.nav_box .navlist ul>li .fourthNav .navlist4 { position: fixed; left:-102%; transition: all 0.6s; display: block; top:60px; width: 100%; height: calc(100% - 60px); background: #000; z-index: 10000; }
.nav_box .navlist ul>li .navlist2 a,.nav_box .navlist ul>li .secondNav .navlist3 a,.nav_box .navlist ul>li .fourthNav .navlist4 a { padding: 0 15px; line-height: 50px; font-size: 0.16rem; color:#000; }

.nav_box .navlist ul>li.cur .navlist2,.nav_box .navlist ul>li .secondNav.cur .navlist3,.nav_box .navlist ul>li .fourthNav.cur .navlist4 { left:0; }

.nav_box .navlist ul>li .backNav { padding: 0 15px; }
.nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.png) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
.nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }

.nav_box.indexNav_box  { top: 105px;  }
.nav_box  { top: 60px;  }

.nav_box { height: calc(100vh - 60px); }
.nav_boxA.nav_box { height: calc(100vh - 105px); }
.nav_box .navlist { height: calc(100vh - 250px); overflow-y: scroll; }


.nav_box.indexNav_box { height: calc(100vh - 105px);  }
.indexNav_box .nav_boxA { height: calc(100vh - 90px); }

.nav_box .navlist{
	scrollbar-color:  rgba(255,255,255,0) rgba(0,0,0,0); 
	scrollbar-width: thin; 
	-ms-overflow-style:none; 
}
.nav_box .navlist::-webkit-scrollbar { 
	width: 0; 
	height: 0;
}
.nav_box .navlist::-webkit-scrollbar-thumb { 
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	background: rgba(255,255,255,0);
}
.nav_box .navlist::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
	border-radius: 0;
	background: rgba(255,255,255,0);
}
@media(max-width: 400px){
	.nav_box.indexNav_box  { top: 95px; }
	.nav_box  { top: 55px;  }
	.nav_box { height: calc(100vh - 55px); }
	.nav_boxA.nav_box { height: calc(100vh - 95px); }
}

.nav_boxBot { position: absolute; left:0; bottom:0; width: 100%; }
.nav_boxC { padding:0.18rem 0; background: #F6F6F6; }
.nav_boxC a { float:left; width: 33.3333%; }
.nav_boxB_a { background:#fff; position: relative; z-index: 5; padding: 0.16rem 0; border-top:1px solid #D8D8D8; }
.nav_boxB_b { text-align:center; width: 50%; }
.nav_boxB_b span.t { line-height: 0.34rem; display:inline-block; padding-right:25px; background: url(../images/mnavsub.svg) no-repeat right center; }
.nav_boxB_d { border-right:1px solid #d8d8d8; }
.nav_boxB_c { width: auto; padding: 0 0.25rem; }
.nav_boxB_c img { height: 0.34rem; width: auto; }
.nav_boxB_e a { line-height: 34px; display:inline-block; padding-right:21px; background: url(../images/jtwhite.svg) no-repeat calc(100% - 2px) center; }

.nav_boxB_e { width: 50%; text-align: center; }


