@charset "utf-8";
/* CSS Document */
    html{
    font-size:62.5%; /* 10÷16=62.5% */
    }
    body{
    font-size:12px;
    }
    p{
    font-size:14px;
    font-size:1.4rem;
    }
@font-face {
  font-family: "XIYUANSJ_1";
  src: url('font/fontawesome-webfont.eot');
  src: url('font/fontawesome-webfont.eot?#iefix') format('eot'), url('font/fontawesome-webfont.woff') format('woff'), url('font/fontawesome-webfont.ttf') format('truetype'), url('font/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {position:relative; font-family: '微软雅黑';-webkit-text-size-adjust: none; width:100%; background: #FFF;}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset {margin:0;padding:0}
ul,ol,li{list-style-type:none}
img {border:none;-ms-interpolation-mode:bicubic;}
em {font-style:normal}
h1,h2,h3,h4,h5,h6,h7 {font-style:normal;font-size:100%; font-weight: normal;}
p { font-size: 12px; }
h1,h2,{ font-size: 14px; }
a,a:visited {text-decoration:none;color:#666; }
/*a:hover,a:active {color:#4e4069}*/
input{
	border-radius: 0;
	outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] { -webkit-appearance: none; } textarea { -webkit-appearance: none;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border:none;  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*background: url("../images/arrow.png") no-repeat scroll right center transparent;*//*在选择框的最右侧中间显示小箭头图片*/
  padding-right: 14px;/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
select::-ms-expand { display: none; }/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.qc{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
body{max-width:640px;
	min-width:320px;
	margin:0 auto;}
i{font-style:normal}
/*-----------------------------公共部分-----------------------------*/
.s_top{padding: 0 3%; height:60px;}
.s_top h1{float: left;}
.s_top h1 img{ height: 40px; margin-top: 10px; width: auto;}
.s_top h2{ float: right;}
.s_top h2 img{height: 24px; margin-top: 18px; width: auto;}
.z_top{padding: 0 3%;background: #147a44; height: 55px; position: relative;}
.z_top h1{float: left; position: relative; z-index: 3;}
.z_top h1 img{height: 24px; margin-top: 15px; width: auto;}
.z_top h2{ float: right;position: relative; z-index: 3;}
.z_top h2 img{ height: 24px; margin-top:15px; width: auto;}
.z_top_gr{ width: 100%; line-height: 55px; height: 55px; text-align: center; position: absolute; top: 0; left: 0; color: #ffffff; font-size: 20px;}

.b_s_top2{
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.8);
}
.b_s_top3{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 7;
	background: #8a8a8a;
	width: 130px;
	height: 100%;
	padding-top: 50px;
}
.b_s_top3 ul li{
	padding-left: 20px;
	font-size: 16px;
	line-height: 35px;
	color: #fff;
}
.b_s_top3 ul li a{
	display: block;
	color: #fff;
}

.s_mbxs_ss{ background: #f5f5f5;padding:4% 3%;}
.s_mbxs_ss_1{border: 1px solid #f0f0f0; border-radius:5px; overflow: hidden; background: #fff;}
.s_mbxs_ss_2{ float: left; width: 80%;height: 32px;}
.s_mbxs_ss_2 input{ width:96%;padding: 0 2%; border: none;  line-height: 32px; height: 32px; color: #666666; font-size: .615rem;}
.s_mbxs_ss_3{ float: right; height: 32px;}
.s_mbxs_ss_3 input{width: 32px;padding: 0; height: 32px; border: none; background: url(../images/s_1.jpg) center no-repeat; background-size:14px auto;}

.s_mbxs_lm{padding:0 3%;  background: #f5f5f5;}
.s_mbxs_lm_1{ background: #fff;border-radius:5px; overflow: hidden; box-shadow:3px 3px 3px #ecf1ee;}
.s_mbxs_lm_2{padding: 4% 0 2%;}
.s_mbxs_lm_2 li{ float: left; width: 33.3%; text-align: center;}
.s_mbxs_lm_2 li img{ width: 45%; height: auto;}
.s_mbxs_lm_2 li h1{ font-size: .65rem; line-height: 1rem; margin:5px 0 10px;}
.s_mbxs_lm_2 li a{ display: block;}

.s_mbxs_fbzz{padding:4% 3% 1%;  background: #f5f5f5;}
.s_mbxs_fbzz_1{background: #fff;padding:1% 2% 5%; border-radius:5px; overflow: hidden; box-shadow:3px 3px 3px #ecf1ee;}
.s_mbxs_fbzz_2{ border-bottom: 1px solid #ececec;line-height: 1.5rem; font-size: .7rem; background: url(../images/s_8.jpg) center right no-repeat; background-size:7px auto;}
.s_mbxs_fbzz_2 a{ display: block; color: #333333;}
.s_mbxs_fbzz_3{padding:3% 0; border-bottom: 1px solid #ececec;}
.s_mbxs_fbzz_3 a{ display: block;}
.s_mbxs_fbzz_3 p.s_mbxs_fbzz_4,.z_mbxs_xwzx ul li p.s_mbxs_fbzz_4{ float: left;width: 136px; height: 85px;}
.s_mbxs_fbzz_3 p.s_mbxs_fbzz_4 img,.z_mbxs_xwzx ul li p.s_mbxs_fbzz_4 img{ width: 136px; height: 85px;}
.s_mbxs_fbzz_5,.z_mbxs_xwzx ul li .s_mbxs_fbzz_5{
	margin-left:146px;
}
.s_mbxs_fbzz_5 h1,.z_mbxs_xwzx ul li .s_mbxs_fbzz_5 h1{ font-size: 14px; font-weight: bold; color: #333333; line-height:22px; height: 22px; margin-bottom:2px; overflow: hidden;}
.s_mbxs_fbzz_5 h2,.z_mbxs_xwzx ul li .s_mbxs_fbzz_5 h2{ font-size: 13px; color: #666; line-height:18px; height:36px; overflow: hidden; margin-bottom:5px;}
.s_mbxs_fbzz_5 h3,.z_mbxs_xwzx ul li .s_mbxs_fbzz_5 h3{ width:65px; font-size:12px; background: #147a44; text-align: center; color:#fff; line-height: 20px;}

.s_mbxs_fbzz_6{ min-height: 50px;}
.s_mbxs_fbzz_6 ul li{ border-bottom: 1px solid #ececec;color: #666666; font-size: .6rem; line-height: 1.3rem; height: 1.3rem; overflow: hidden;}
.s_mbxs_fbzz_6 ul li i{ font-size: .525rem; float: right; color: #999999;}
.s_mbxs_fbzz_6 ul li a{ display: block; color: #666;}

.s_footer{ text-align: center;color: #666666; font-size: .525rem; line-height: .8rem; background: #f5f5f5;padding:4% 3% 15px;}
.s_footer a{ color: #666666;}

.s_fk{ background: #fff;box-shadow:7px 3px 7px 5px #ecf1ee;padding: 5px 0; position: fixed; bottom: 0; left: 0; width: 100%;}
.s_fk ul li{ width: 25%;float: left; text-align: center;}
.s_fk ul li p img{ width: 22px;}
.s_fk ul li h1{font-size:14px; line-height: 20px;}
.s_fk ul li a{ display: block;}

/*--关于我们--*/
.z_mbxs_gywm{padding:5% 3% 2%; font-size: .575rem; line-height: 1rem; color: #666666; min-height: 400px;}
.z_mbxs_gywm img{max-width: 100%;}

/*--新闻中心--*/
.z_mbxs_xwzx{padding:3% 3% 5%; min-height: 400px;}
.z_mbxs_xwzx ul li{padding:2% 0;border-bottom: 1px solid #d9d9d9;}
.z_mbxs_xwzx ul li .s_mbxs_fbzz_5 h3{ background: #c7c7c7;}

.z_mbxs_xwzx_xx{padding:5% 3%;}
.z_mbxs_xwzx_xx h1{font-weight: bold;line-height: 1.1rem; color: #333; font-size: .7rem; text-align: center;}
.z_mbxs_xwzx_xx h2{ font-size: .525rem;padding-top: 2%; color:#999; text-align: center; line-height: 1rem;}
.z_mbxs_xwzx_xx h2 a{color: #999;}
.z_mbxs_xwzx_xx_1{padding-top: 3%; min-height: 300px; font-size: .575rem; line-height: 1rem; color: #666;}
.z_mbxs_xwzx_xx_1 img{max-width: 100%;}
.z_mbxs_xwzx_xx_2{padding-top: 4%;}
.z_mbxs_xwzx_xx_3{padding: 2% 0; line-height: 1.1rem; font-size:.575rem;color: #666666;}
.z_mbxs_xwzx_xx_3 i{display: block; color: #fff; width: 22%; font-size:.545rem; margin-right: 2%; text-align: center; background:#147a44; line-height: 1.1rem; float: left;}
.z_mbxs_xwzx_xx_3 a{ display:block; color: #666666;}

/*--个人中心--*/
.z_mbxs_grzx{padding:10% 0 9%; background: #f5f5f5;}
.z_mbxs_grzx_1{border: 2px solid #fff; border-radius:45px; overflow: hidden; width: 90px; height: 90px; margin: 0 auto;}
.z_mbxs_grzx_2{ text-align: center; font-size: .75rem; color: #333333;padding-top: 2%; line-height: 1.5rem;}
.z_mbxs_grzx_3{min-height:280px;}
.z_mbxs_grzx_3 ul li{padding: 0 3%; border-bottom: 1px solid #ebebeb; line-height: 40px; font-size:15px;}
.z_mbxs_grzx_3 ul li i{ float: right;}
.z_mbxs_grzx_3 ul li i img{ width: auto; margin-top: 13px; height: 14px;}
.z_mbxs_grzx_3 ul li a{ display: block; color: #333;}

/*--订单详细--*/
.z_mbxs_ddxx{ min-height: 400px;padding-top: 3%;}
.z_mbxs_ddxx ul li{ background: #f2f2f2; padding: 2% 3%; margin-bottom: 3%;}
.z_mbxs_ddxx ul li h1,.z_mbxs_ddxx ul li h3{ font-size: .6rem; line-height: 1rem;color: #333333;}
.z_mbxs_ddxx ul li h2{ font-size: .6rem; line-height: 1rem; height: 1rem; color: #333333;
overflow: hidden;
}
/*--地址管理--*/
.z_mbxs_dzgl{padding: 15px 3%;}
.z_mbxs_dzgl h1{float: right; font-size: 13px;text-align: center;padding:4px 0; width: 80px;border-radius:15px;background: #ff9c00;}
.z_mbxs_dzgl a{ display: block;  color: #fff;}
.z_mbxs_dzgl_1{ min-height: 300px;}
.z_mbxs_dzgl_1 ul li{ background: #f2f2f2; padding:3.5% 3%; margin-bottom: 3%;}
.z_mbxs_dzgl_1 ul li h1{ font-size: 14px; line-height: 24px; margin-bottom: 4px; color: #333;}
.z_mbxs_dzgl_1 ul li h2{ font-size: 12px; color: #666666; line-height: 24px;}
.z_mbxs_dzgl_1 ul li h2 span{ float: right;}
.z_mbxs_dzgl_1 ul li h2 span img{ height: 15px; width: auto;}
.z_mbxs_dzgl_1 ul li h2 span a{ display: block;}

.z_mbxs_xgdz{padding: 4% 0 30px; min-height: 340px;}
.z_mbxs_xgdz ul li{padding:0 3% 0; border-bottom: 1px solid #ebebeb;}
.z_mbxs_xgdz ul li h1{color: #666666; width: 70px; float: left;padding:9px 0 7px; font-size: 14px; }
.z_mbxs_xgdz ul li h2,.z_mbxs_xgdz ul li h3,.z_mbxs_xgdz ul li h4{ margin-left: 70px;}
.z_mbxs_xgdz ul li h2 input{ width: 100%; border: none;font-size: 14px; color: #999; background: none; line-height: 33px; height: 33px;}
.z_mbxs_xgdz ul li h3 select{ width: 100%;height:22px; line-height: 22px; font-size: 14px;color: #999; background: none;}
.z_mbxs_xgdz ul li h3{padding: 6px 0; margin-top: 1px;}
.z_mbxs_xgdz ul li h4 textarea{height: 90px; width:96%; padding: 2%; border: none;font-size: 14px;color: #999; line-height: 22px;}
.z_mbxs_xgdz_1{padding: 0 2% 9%;}
.z_mbxs_xgdz_1 ul li{float: left; width:48%;margin: 0 1%; }
.z_mbxs_xgdz_1 ul li input{border-radius:6px; width: 100%; background: #ff9c00; border: none; padding: 0; line-height: 35px; color: #fff; font-weight: bold; font-size: 15px;}

.z_mbxs_ljxd{padding:8% 15%; font-size: 0;}
.z_mbxs_ljxd img{ width: 100%; height: auto;}
.z_mbxs_ljxd_1{padding: 0 3%;}
.z_mbxs_ljxd_1 ul li{ margin-bottom:2%}
.z_mbxs_ljxd_1 ul li input{border-radius:5px; padding: 0 2%; width: 96%; line-height: 35px; font-size: 13px; color:#666666; border:1px solid #cfcfcf;}
.z_mbxs_ljxd_1 ul li textarea{padding: 2%; font-family: "微软雅黑"; width: 96%; height: 90px;border-radius:5px; font-size: 13px;line-height: 20px; color:#666666; border:1px solid #cfcfcf;}
.z_mbxs_ljxd_2{padding: 0 3%; font-size:15px; color: #666666;}
.z_mbxs_ljxd_3{padding:3% 2% 1%;}
.z_mbxs_ljxd_3 ul li{ float: left; width: 31.3%; margin: 0 1%; border: 1px solid #e4e4e4;padding: 5px 0; border-radius:15px ; font-size: 13px; text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.z_mbxs_ljxd_3 ul li.z_mbxs_ljxd_4{ color: #fff; background: #ff9c00; border: 1px solid #ff9c00;}
.z_mbxs_ljxd_5{padding: 3%;}
.z_mbxs_ljxd_5 textarea{width: 96%; height: 90px;border-radius:6px; padding: 2%; border: 1px solid #cfcfcf; font-family: "微软雅黑";font-size: 13px;line-height: 20px; color:#666666;}
.z_mbxs_ljxd_6{padding: 0 3% 9%;}
.z_mbxs_ljxd_6 input{ width: 100%; background: #ff9c00; border: none; line-height: 35px; font-size: 16px; font-weight: bold; color: #fff; border-radius:5px;}

/*--联系我们--*/
.z_lxwm{padding-bottom: 9%; background: url(../images/z_6.jpg) no-repeat center; background-size:100%;}
.z_lxwm_1{padding:15% 3% 7%; font-size: .6rem; line-height: 1.2rem; text-align: center;}
.z_lxwm_2{margin: 0 3% 0;background: #fff; border:1px solid #c4c4c4; height: 240px; border-radius: 6px; overflow: hidden;}

.z_mbxs_ejlmde{min-height: 400px;padding:4% 1%;}
.z_mbxs_ejlmde ul li{ width:46%;line-height: 1.5rem; color:#333333; float: left; margin: 0 2% 2%;font-size: .645rem; border: 1px solid #bbbbbb; border-radius:5px;text-align: center;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}
    
    /*新加页面*/    
   
.z_mbxs_spcx{min-height: 420px;padding: 0 2% 5%;}
.z_mbxs_spcx ul li{padding: 10px 0px; border-bottom: 1px solid #d9d9d9;}
.z_mbxs_spcx ul li p{float: left; width: 120px;height: 70px;}
.z_mbxs_spcx ul li p img{ width: 120px; height: 70px;}
.z_mbxs_spcx ul li .z_mbxs_spcx_1{ margin-left: 130px;padding: 1px 0 3px; height: 66px;}
.z_mbxs_spcx ul li .z_mbxs_spcx_1 h1{line-height: 23px;height: 23px; overflow: hidden; font-size: 15px; color: #333333; font-weight: bold;}
.z_mbxs_spcx ul li .z_mbxs_spcx_1 h2{line-height: 18px; font-size: 13px;height: 18px; overflow: hidden;}
.z_mbxs_spcx ul li .z_mbxs_spcx_1 h2 i{color: #ff8400;}
.z_mbxs_spcx ul li .z_mbxs_spcx_1 h2 span{color: #ff8400; font-weight: bold;}
.z_mbxs_spcx ul li .z_mbxs_spcx_1 h3{margin-top: 5px; width: 70px; line-height: 20px; color: #fff; background: #c7c7c7; text-align: center;}
.z_mbxs_spcx ul li a{ display: block;}

.z_mbxs_spcx_xx_1{ width: 100%;padding: 3% 0 0;}
.z_mbxs_spcx_xx_1 img{ width: 100%; height: auto;}
.z_mbxs_spcx_xx_2{line-height: 30px; border-bottom: 1px solid #d9d9d9;font-size: .6rem; color: #333333;}
.z_mbxs_spcx_xx_2 p{ float: right;}
.z_mbxs_spcx_xx_2 p em,.z_mbxs_spcx_xx_2 i{font-weight: bold; color: #ff8400;}
.z_mbxs_spcx_xx_2 span{color: #ff8400;}
.z_mbxs_spcx_xx_3{ color: #333333;min-height: 100px; font-size: .575rem;line-height: 1rem;}
.z_mbxs_spcx_xx_3 .z_mbxs_spcx_xx_4{padding-top: 2%; font-size: .6rem;}


.z_jf_jfdns{ min-height: 400px; padding: 3% 1% 2%;}
.z_jf_jfdns ul li{ float: left; width: 48%; margin: 0 1% 3%;}
.z_jf_jfdns ul li p{ width: 100%; font-size: 0;}
.z_jf_jfdns ul li p img{ width: 100%;}
.z_jf_jfdns ul li h1{ border:1px solid #2082c1; margin-top: 10px; color: #2082c1; text-align: center; line-height: 1.2rem; font-size: .625rem; border-radius:50px ;}
.z_jf_jfdns ul li a{ display: block;}


.z_xgjdeh_jfxxdew{padding:3% 25px 3% 0; font-size: .625rem;border-bottom: 1px solid #e0e0e0; background: url(../images/s_8.jpg) right center no-repeat; background-size:10px; line-height:1.1rem; margin:0 3%;}
.z_xgjdeh_jfxxdew a{ display: block; color: #333333;}
.z_xgjdeh_jfxxdew_1{padding:3%;}
.z_xgjdeh_jfxxdew_1 p{ float: left; width: 120px;}
.z_xgjdeh_jfxxdew_1 p img{ width: 120px; height: 70px;}
.z_xgjdeh_jfxxdew_2{ margin-left: 130px;}
.z_xgjdeh_jfxxdew_2 h1{ font-size:15px; color: #333333; line-height:24px;}
.z_xgjdeh_jfxxdew_2 h2{ font-size: 13px; color: #147a44; line-height:20px;}
.z_xgjdeh_jfxxdew_3{ font-size: 13px; color: #666666; line-height: 26px;}

.z_dheihohawi{min-height: 400px;}
.z_xgjdeh_jfxxdew_3 .an{ width:98px; height:24px; float: right; border: 1px solid #c9c9c9;}
.z_xgjdeh_jfxxdew_3 .an h3{ float:left; width: 24px; height: 24px; position: relative;}
.z_xgjdeh_jfxxdew_3 #num{ float:left;font-size: 16px; width:48px; height:24px; border-right: 1px solid #c9c9c9;  border-left: 1px solid #c9c9c9; text-align:center; line-height:24px;}
.z_xgjdeh_jfxxdew_3 .an h3 input{position: absolute; top: 0; left: 0; font-size: 15px; width: 24px; border: none; height: 24px; line-height:24px;padding: 0;}

.xg_mbxsdheh_dehifeho{background:#f5f5f5; padding-bottom: 3%;}
.xg_mbxsdheh_dehi{
	    box-shadow: 3px 3px 3px #ecf1ee;
	    margin: 0 3%;
    border-radius: 3px;
    overflow: hidden;
    background: url(../images/z_9.jpg) 5px 8px no-repeat #ffffff;
    background-size: 14px;
    padding: 0 2% 0 25px;
}
.scrollbox{ width:100%; float: left; overflow: hidden;height:50px;}
#scrollDiv{width:100%;height:52px; overflow:hidden; }/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{width:100%; overflow:hidden;height:52px; vertical-align:bottom; zoom:1;}
#scrollDiv li i{ float: left; font-size: 12px;text-transform: uppercase; color: #666666; line-height:16px;}
#scrollDiv li h1{ font-size: 14px; line-height:22px; color: #666666;height: 22px;overflow: hidden; margin-top: 5px;}