﻿@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
select{
	-webkit-appearance:none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/
}
body,button,input,select,textarea{ font: normal 12px/100% Helvetica, Arial, sans-serif;}
li{ list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
body,html{ width:100%; height: 100%;max-width: 480px;margin: 0 auto;}
html{ background-color: #f1f1f1; }

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}

/*头部搜索栏*/
.module-layer,.other-head{
	width: 100%;
	position: fixed;
	top: 0;
	/*left: 0;*/
	z-index: 100000;
	background-color:#259FF2;
	max-width: 480px;
}
.module-layer-content,.other-head-content{
	position: relative;
	min-width: 320px;
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}
.module-layer-bg,.other-head-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: -webkit-linear-gradient(rgba(0,0,0,.4),transparent 80%);
    background: -o-linear-gradient(rgba(0,0,0,.4),transparent 80%);
    background: -moz-linear-gradient(rgba(0,0,0,.4),transparent 80%);
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,0) 80%);
}
.layer-head-name,.other-head-name{
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
}
.layer-logo,.layer-login{
	
	text-align: center;
	position: absolute;
	z-index: 1;
}
.layer-logo{left: 1%; top: 15%;width: 37%;}
.layer-login{right: 2%; width:14.5%; top: 15%; text-align:right; line-height: .56rem;}
.layer-logo img{display: block; width: 100%;}
.layer-login a{display: block;  /*font-size: .24rem; */color: #fff; padding-right: .35rem;
	background: url(/skin/w/i_05.png) right center no-repeat; background-size: .34rem .34rem;
}

.pr {
	position:relative;
}
#shop-input::-webkit-input-placeholder {
	color:#bbb;
}
#shop-input:-moz-placeholder {
	color:#bbb;
}
#shop-input::-moz-placeholder {
	color:#bbb;
}
#shop-input:-ms-input-placeholder {
	color:#bbb;
}
#shop-input {
	border:none;
	outline:none;
	background:transparent;
	height:0.5rem;
	line-height:0.5rem;
	font-size:.24rem;
	position:absolute;
	top:0;
	left:0.46rem;
}
.search-box {
	height: 0.5rem;
	border-radius:50px;
	top:14%;
	overflow:hidden;
	z-index:10;
	width: 44%;
	margin:0 auto;
	margin-left: 40%;
}
.search-box:after {
	content:'';
	display:block;
	width:100%;
	height:0.5rem;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.shop-search {
	width:0.26rem;
	height:0.26rem;
	position:absolute;
	top:25%;
	left:3%;
}

.search-box-cover{
	background:#2691e1;
	width:100%;
	height:0.84rem;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0;
	filter:Alpha(opacity=0);
}
.module-layer-content .one{ width: 8%; left: 1%;text-align: center;top:27%;position: absolute;z-index: 1;}
.module-layer-content .one img{display: block; margin:0 auto; width:36%;}
.module-layer-content .box{ width: 86%;	margin-left: 10%;}

.other-head-content{
	height:0.7rem;
	text-align:center;
	font-size:0.3rem;
	color:#FFF;
	line-height:0.7rem
}
.other-head-content img{ width:52%; display: block; margin:0 auto; }
.other-head-content a{right:2%; top:23%;text-align: center;position: absolute;z-index: 1; width: 8%;}
.other-head-content a img{ width:75%; display: block; margin:0 auto; }
.other-head-content span{left: 1%; top:27%;text-align: center;position: absolute;z-index: 1; width: 8%;}
.other-head-content span img{ width:32%; display: block; margin:0 auto; }

/*主内容区*/
.module-content{
	min-width: 320px;
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding-top:0.8rem;
	overflow: hidden;
	background-color: #f1f1f1;
}
.tw_pp_content{
	width: 100%;
	margin: 0 auto;
	padding-top:0.7rem;
	overflow: hidden;
	background-color: #f1f1f1;
}
.tw_pp_content img{
	border:0;
	padding:0;
	margin:0;
	float:left
}

/*banner轮播图*/
.banner{width: 100%;}
.banner ul li img{width: 100%;display: block;}
.banner .sp01 span{background-color: #fff;opacity: .7;}
.banner .sp01 .swiper-pagination-bullet-active{background-color: white;background-color:#259FF2; opacity: 1;}

.news_sj_dxs_box .scrollnews{overflow: hidden; padding:2%; height: .4rem;}
.news_sj_dxs_box .scrollnews span{float: left; width: 10%; margin-top: .6%; }
.news_sj_dxs_box .scrollnews span img{ width: 100%; display: block; }
.news_sj_dxs_box .scrollnews ul{float: right; width: 88%;height: .4rem; overflow: hidden; }
.news_sj_dxs_box .scrollnews ul li{line-height: .4rem; height: .4rem;}
.news_sj_dxs_box .scrollnews ul li a{display: block; color: #666; font-size: 0.22rem;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}


/*index_title*/
.index_title{ text-align: center;  padding:1% 0 3%; position: relative;}
.index_title h1{display: inline-block; position: relative; z-index: 2; background-color: #fff; padding: 0 3%;}
.index_title h1 img{display: inline-block;vertical-align: middle; width: .40rem; margin-right: -4px;}
.index_title h1 a{display: inline-block; vertical-align: middle; font-size:.36rem; color: #4aa3e6;  line-height:.6rem;}
.index_title i{position: absolute; width: 56%; height: 1px; top: 50%; background-color: #4aa3e6; left: 50%; margin-left: -28%;}
.maybe_u_like .index_title h1{ background-color: #f1f1f1; }
.maybe_u_like ul{ overflow: hidden; padding:0 1%; }
.maybe_u_like ul li{ float: left; margin:1%; width: 47%; background-color: #fff; padding:0% 0% 1% 0%; }
.maybe_u_like ul li a{ display: block; overflow: hidden; }
.maybe_u_like ul li img{display: block; width:100%;}
.maybe_u_like ul li p{font-size:.26rem; line-height:.52rem; overflow: hidden; margin: 4% 2% 0; color:#333 }
.maybe_u_like ul li span{ color: #666; font-size: .20rem; display: block; line-height:160%;padding-left: 2%;}
.maybe_u_like ul li i{display: block; width:100%; text-align:center;}
.ad_picbox{ margin:6px 0; }
.ad_picbox ul li img{ width: 100%; display: block; }
.ad_picbox .sp02{bottom:3px !important}
.ad_picbox .sp02 span{ width: 15px; height: 3px; border-radius: 0; margin:0 3px; background-color: #fff;opacity: 1;}
.ad_picbox .sp02 span.swiper-pagination-bullet-active{ background-color:#259FF2; }

.nine_goods_pic ul{overflow: hidden;padding:0 1.2%;}
.nine_goods_pic ul li{float: left; width: 31.7333%;margin:0 .8%; margin-bottom: 1%;}
.nine_goods_pic ul li img{ display: block; width: 100%;}
.nine_goods_pic ul li p{ color: #333; font-size: .26rem; line-height: .52rem; overflow: hidden; margin-top: 4%; }
.nine_goods_pic ul li span{ color: #f00; font-size: .20rem; display: block; line-height: 160%;}

/*btn_link*/
.btn_link{ padding: 3% 0 7%; }
.btn_link a{display: block; width: 50%; background-color: #2691e1;border-radius: 50px; text-align: center;
	margin:0 auto; height: .6rem; line-height: .6rem;font-size:.26rem;color: #fff;
}

.newslist{ margin:6px 0; }
.newslist ul li{ padding: 2%; border-bottom: #ddd solid 1px; background-color:#FFF}
.newslist ul li a{ display: block; overflow: hidden; }
.newslist ul li a i{float: right; width: 30%;}
.newslist ul li a img{ width: 100%; display: block; }
.newslist ul li h2{float: left; width: 68%;}
.newslist ul li h2 p{ color: #333; font-size: .20rem; line-height: 130%; overflow: hidden;}
.newslist ul li h2 p b{color: #2D85DF; font-weight:normal}
.newslist ul li h2 span{ color:#999; font-size: .16rem; margin-top:2%; display: block; }
.newslist ul li h2 font{ color:#CCC; font-size: .16rem; line-height: 150%;margin-top:2%; overflow:hidden; display: block; }

.newslist ul li h3{float: left; width: 98%;}
.newslist ul li h3 p{ color: #333; font-size: .20rem; line-height: 130%; overflow: hidden;}
.newslist ul li h3 p b{color: #2D85DF; font-weight:normal}
.newslist ul li h3 span{ color:#999; font-size: .16rem; margin-top:2%; display: block; }
.newslist ul li h3 font{ color:#CCC; font-size: .16rem; line-height: 150%;margin-top:2%; overflow:hidden; display: block; }



.brands_list{margin-top: 1.6%;}
.brands_list ul li{padding:2%; background-color: #fff; margin-bottom: 1%; overflow: hidden;}
.brands_list ul li dl dt{float: left; width:50%; text-align:center; padding-top:0rem}
.brands_list ul li dl dt img{display: block; width:100%; height:auto;}
.brands_list ul li dl dd{float:right; width:49%;}
.brands_list ul li dl dd strong{color:#333; font-size:0.26rem; line-height: 155%; overflow:hidden;}
.brands_list ul li dl dd{color:#999; font-size:0.16rem; line-height:150%;}

.fanye{ text-align: center; padding:4% 0; background-color:#FFF}
.fanye a{ display: inline-block; vertical-align: middle; color: #666; font-size: .24rem; border:#ddd solid 1px; 
	border-radius: .08rem; padding: 2.5% 3%; background-color: #fff;
}
.fanye span{ display: inline-block; vertical-align: middle;color: #666; font-size: .24rem; border:#ddd solid 1px;
	border-radius: .08rem; padding: 2.5% 0; width: 24%; margin:0 1%;background-color: #fff; position: relative;
}
.fanye span *{ font-style: normal; }
.fanye span select{position: absolute; width: 100%; height: 100%; top: 0; left: 0;opacity: 0;}




.news_xqbox .tit h2{ font-size: .36rem; color: #333; line-height: 130%; margin:2% 0;}
.news_xqbox .tit span{ display: block; margin-top: 4%; }
.news_xqbox .tit span a{ color: #999; font-size: .22rem; margin-right: 4%; }
.news_xqbox .tit span a em{ font-style:normal; }
.news_xqbox .txt{ font-size: .24rem; color: #666; line-height: 180%; margin:5% 0;}
.news_xqbox .txt *{ margin:3% 0; }
.news_xqbox .txt img{display: block; width: 100%;}
.news_xqbox h3{ margin:5% 0; margin-top: 8%; color: #666; font-size: .24rem; line-height: 120%;}
.news_xqbox h3 p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:2.5% 0; }
.news_xqbox h3 p b{ color: #333; font-size: .24rem; line-height: 120%;}
.news_xqbox h3 p a{ color: #666; font-size: .24rem; line-height: 120%;}




.user-login{padding:15px 4%; margin:0 auto}
.user-login .user-form .form-row{border:1px solid #e2e2e2;position: relative; background:#FFF; margin-bottom:15px;}
.user-login .user-form .form-row .user-icon{width: 40px;height: 46px;background: url(/skin/w/moblie-icon.png) no-repeat; float:left}
.user-login .user-form .form-row .user-icon.user{background-position: 9px -65px;}
.user-login .user-form .form-row .user-icon.pwd{background-position: 9px -105px;}
.user-login .user-form .form-row .user-icon.cver{background-position: 9px -262px;}
.user-login .user-form .form-row .user-eye{position: absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width: 21px;height: 18px;background: url(/skin/w/moblie-icon.png) no-repeat 0px -158px;}
.user-login .user-form .form-row .user-eye.close{background-position: 0 -196px;}
.user-login .user-form .form-row .input-area{padding-left: 40px;}
.user-login .user-form .form-row .input-area input[type="text"],
.user-login .user-form .form-row .input-area input[type="password"]{border:0;font-size: 14px;line-height: 22px;height: 22px;padding:12px 0;width: 100%;color:#666;}
.user-login .user-form .form-row .input-area #cverifycode{width:50%; margin-right:5%;}
.user-login .user-form .form-row .input-area img{ cursor:pointer; width:80px; height:20px;}
.user-login .user-submit{margin-top:40px;}
.user-login .user-submit .user-submit-btn{width: 100%;height: 46px;font-size: 14px;color:#fff;background-color:#0D86D7;border-radius: 3px;border:0; cursor:pointer}

/*留言成功*/
.wsc_top{width: 100%; text-align:center; background:#FFF; padding:0.1rem 0;}
.wsc_search{border:#dddddd solid 1px; display: inline-block; vertical-align: middle; width: 99.2%; margin:0.05rem auto; padding:1% 0; overflow: hidden; background-color: #fff;}
.wsc_search input{font-size: .26rem; line-height:180%; color: #666; width: 84%; vertical-align: middle; background-color: #fff; margin-left: 2%; float:left}
.wsc_search button{ display: inline-block; vertical-align: middle; background-color: #fff; width: 14%; float:right}
.wsc_search button img{ display: block; width:46%; margin:0 auto; padding-top:.06rem }
.wsc_like .index_title h1{ background-color: #f1f1f1; }
.wsc_like ul{ overflow: hidden; padding:0 1%; }
.wsc_like ul li{ float: left; margin:1%; width: 47%; background-color: #fff; padding:1% 0.5% }
.wsc_like ul li a{ display: block; overflow: hidden; }
.wsc_like ul li img{width:98%; height:auto}
.wsc_like ul li p{font-size:.22rem; line-height:.44rem; overflow: hidden; margin: 4% 2% 0; color:#666 }
.wsc_like ul li span{ color: #CCC; font-size: .18rem; display: block; line-height:160%;margin:1% 2%;}
.wsc_like ul li i{display: block; width:100%; text-align:center;}

/*会员中心首页*/
.vip_index_box .head{ background-color: #4aa3e6;}
.vip_index_box .head .one{ padding:6% 5%;}
.vip_index_box .head .one i{display: inline-block;vertical-align: middle; border:#fff solid .06rem; width: 1.3rem; height: 0.9rem; border-radius: 50%; overflow: hidden; padding-top:0.4rem}
.vip_index_box .head .one i img{display: block; width: 100%; height: auto;}
.vip_index_box .head .one h2{display: inline-block; vertical-align: middle; width: 70%; margin-left: 3%; }
.vip_index_box .head .one h2 p{ color: #fff;font-size:.26rem; line-height: 140%; overflow: hidden; }
.vip_index_box .head .one h2 p b{ color: #ffe037; font-weight: normal; font-size:.22rem;display: inline-block; }
.vip_index_box .head .one h2 span{ display: block; font-size:.20rem; color: #CCC; }
.vip_index_box .list_nav{ padding: 2% 0 2%; }
.vip_index_box .list_nav ul{margin-bottom: 6px; overflow: hidden; padding:0 2%;}
.vip_index_box .list_nav ul li{ float: left; margin:1%; width: 46%; background-color: #fff; padding:1% 1%; text-align: center; }
.vip_index_box .list_nav ul li a{ font-size:.42rem;line-height:120%; color:#fff; display: block; background-color:#C20016; padding:0.12rem 0;text-align: center;}
.vip_index_box .list_nav ul li a.aa{background-color:#D74B39;}
.vip_index_box .list_nav ul li a.ab{background-color:#D68516;}
.vip_index_box .list_nav ul li a.ac{background-color:#1F7BCA;}
.vip_index_box .list_nav ul li a span{font-size:.24rem; line-height:200%;}

.dealer_box{ background-color:#fff; padding:2% 0;}
.dealer_box ul{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.dealer_box ul li{ width:31.33%; margin:0 1%; text-align: center;}
.dealer_box ul li select{ border:#ddd solid 1px; border-radius:.08rem; width:96%; line-height: .48rem; font-size:.22rem; padding:0 2%; color: #666;
	background: url(/skin/w/sel_down.png) no-repeat center right 5%;background-color: #fff;
	background-size: .16rem;display:inline
}

.dealer_box ul li.type{ width:98%; display: block; margin-top:0.1rem; text-align:left}
.dealer_box ul li.type input{ border:#ddd solid 1px; border-radius:.08rem; line-height: .48rem; font-size:.22rem; padding:0 2%; color: #666;width:67%; margin-right:1%}
.dealer_box ul li.type button{ width: 25%; line-height: .48rem; font-size: .22rem;
	border-radius: .08rem; background-color: #4aa3e6; color: #fff;
}

.dealer_list{margin-top: 1.6%;}
.dealer_list ul li{padding:2%; background-color: #fff; margin-bottom: 1%; overflow: hidden;}
.dealer_list ul li dl{width:100%;}
.dealer_list ul li dl dt{ width:33.33%; overflow: hidden; float:left;color:#191919;font-size:.24rem;line-height:.32rem;}
.dealer_list ul li dl dt b{ font-size:.28rem;line-height:.32rem;}
.dealer_list ul li dl dt sup{ font-size:.18rem !important; vertical-align:super !important;line-height:.22rem; margin-left:.05rem}
.dealer_list ul li dl dt sup img{width:.20rem; height: auto;}
.dealer_list ul li dl dd{width:100%; overflow: hidden; float:left;font-size:.22rem; color:#8C8C8C;line-height:160%; margin:2% 0; position: relative;}
.dealer_list ul li dl dd font{color: #333}
.dealer_list ul li dl dd i{position: absolute; right:0.5%; bottom: 2%; border-radius: 50%; width:.5rem; height:.5rem;font-style:normal; background-color:#2691E1; text-align:center; line-height:.5rem; color:#FFF; font-size:0.16rem}
.dealer_list ul li dl dd i.wk{background-color: #F00;}

.scroll_fix{
	position:fixed;
	left:0;
	top:0;
	width: 100%;
	z-index: 110000;
	background-color:#f1f1f1
}


.dealer_con{background:#fff;padding:0 2% 4% 2%;}
.dealer_con b{color:#5a98de;font-weight:normal;}
.dealer_con .title_con{padding-top:2%;font-size:.24rem;line-height:150%;color:#333;}
.dealer_con .title_con font{font-size:.22rem;float:right}
.dealer_con .title_cona{padding-top:2%;font-size:.24rem;line-height:150%;color:#333;}
.dealer_con .title_cona span{font-size:.22rem;float:right}
.dealer_con .one{margin-top:2%;padding:2% 0;background-color:#F8F9FB;overflow:hidden}
.dealer_con .one dl{font-size:.22rem;line-height:150%;color:#666;margin:0 2%;width:96%;margin:0 auto;overflow:hidden; padding:1% 0;}
.dealer_con .one dl dt{width:49%;float:left;margin-right:1%;}

.dealer_con .back_lb{background-color:#fff;margin-top:2%;overflow:hidden}
.dealer_con .back_lb p{color:#FF6600;width:20%;line-height:.48rem;font-size:.24rem;float:left}
.dealer_con .back_lb select{border:#ddd solid 1px;border-radius:.08rem;width:30%;line-height:.48rem;font-size:.22rem;padding:0 2%;color:#666;background:url(/skin/w/sel_down.png) no-repeat center right 5%;background-color:#fff;background-size:.16rem;margin-right:2%;float:left;display:inline;}
.dealer_con .back_lb button{width:30%;line-height:.48rem;font-size:.22rem;border-radius:.08rem;background-color:#4aa3e6;color:#fff;float:left;display:inline;}

.dealer_con .back_yy{margin-top:2%;background-color:#FFF; padding-top:2%;overflow:hidden;border:#ddd solid 1px;border-radius:.08rem;}
.dealer_con .back_yy .yueyue_con{width:96%; margin:0 auto;padding:2% 2%;background-color:#F8F9FB;line-height:.48rem;font-size:.22rem;}
.dealer_con .back_yy .yueyue_con a{color:#D40E0D}
.dealer_con .back_yy h2,.dealer_con .back_msg h2{font-size:.28rem;line-height:150%;text-align:center;color:#333;margin-bottom:2%;font-weight:bold}
.dealer_con .back_yy .yueyue_con input{border:#ddd solid 1px;border-radius:.08rem;line-height:.48rem;font-size:.22rem;padding:0 2%;color:#666;width:50%;margin-right:1%}
.dealer_con .back_yy .yueyue_con button{width:20%;line-height:.48rem;font-size:.22rem;border-radius:.08rem;background-color:#EF3334;color:#fff;display:inline;}

.dealer_con .back_msg{margin-top:2%;background-color:#fff;padding:2% 0;overflow:hidden;border:#ddd solid 1px;border-radius:.08rem;}
.dealer_con .back_msg .lhd_style{width:96%;height:1.5rem;overFlow-y:scroll;float:left;padding:2% 2%;background-color:#F8F9FB;}
.dealer_con .back_msg .lhd_style div{width:100%;float:left;text-align:left;color:#1A1A1A;font-size:.22rem;line-height:120%;padding:.05rem 0}
.dealer_con .back_msg .lhd_style div b{color:#D40E0D}.dealer_con .back_msg .lhd_style div font{color:#CCC;font-size:.18rem;}
.dealer_con .back_msg input{border-top:#ddd solid 1px;line-height:.48rem;font-size:.22rem;padding:0 2%;color:#666;width:96.5%;margin:0 0 5% 0;}
.dealer_con .back_msg button{width:45%;line-height:.48rem;font-size:.22rem;border-radius:.08rem;background-color:#EF3334;color:#fff;margin:0 2%;border:0;}
.dealer_con .back_msg button.suax{background-color:#3bb4f2;}


.tw_t_title_n{width:100%; height:0.7rem; margin:0 auto; overflow:hidden; background:#299ED6; line-height:0.7rem; text-align:center}
.tw_t_title_n a{ font-size:.18rem; color:#FFF; line-height:0.7rem; font-family:sans-serif;}
.tw_t_title_ns{width:100%; margin:0 auto; overflow:hidden; background:#299ED6; text-align:center; padding:0.1rem 0}
.tw_t_title_ns a{ font-size:.24rem; color:#FFF; line-height:0.36rem; font-family:sans-serif;}
.tw_t_content_n{width:92%; margin:0 auto; overflow:hidden; background:#299ED6;  padding:0 4%}
.tw_t_content_n dl{width:88%; float:left; overflow:hidden; background:#FFF; -moz-border-radius:0.12rem; -webkit-border-radius:0.12rem; border-radius:0.12rem; padding:0.06rem 6% 0.1rem 6.5%; margin-bottom:.35rem }

.tw_t_content_n dl h2{width:100%; height:0.8rem; margin:0 auto; overflow:hidden; font-size:.36rem; color:#000; line-height:0.8rem; text-align:center; font-weight:600}
.tw_t_content_n dl h3{width:84%; height:0.6rem; margin:0 auto; overflow:hidden; font-size:.21rem; color:#525552; line-height:0.32rem; text-align: left; background:url(/skin/w/wxts.jpg) no-repeat center left;background-color:#FFF;background-size:.6rem; padding-left:16%; margin-bottom:0.3rem;}
.tw_t_content_n dl dt{width:20%; height:0.7rem; float:left; overflow:hidden; text-align:right; font-size:0.25rem; color:#525552; line-height:0.54rem;}
.tw_t_content_n dl dd{width:75%; height:0.7rem; float:left; overflow:hidden; padding-right:5%;}
.tw_t_content_n dl dd input{width:95%; height:0.5rem; float:left; overflow:hidden; padding:0px 2%; border:1px solid #DEDFDE; font-size:0.24rem; color:#000; line-height:0.5rem; margin:0; background:#FFF}
.tw_t_content_n dl dd textarea{width:95%; height:0.8rem; float:left; overflow:hidden; padding:0px 2%; border:1px solid #DEDFDE; font-size:0.24rem; color:#000; line-height:0.4rem; margin:0; background:#FFF}
.tw_t_content_n dl dd input,.tw_t_content_n dl dd textarea{-moz-border-radius:0.12rem; -webkit-border-radius:0.12rem; border-radius:0.12rem;}
.tw_t_content_n dl .wt_t_a{width:75%; height:0.65rem; float:left; overflow:hidden; padding:.1rem 5% 0px 20%;}
.tw_t_content_n dl .wt_t_a input{width:60%; height:0.6rem; float:left; overflow:hidden; padding:0px; border:0px; font-size:0.36rem; color:#fff; line-height:0.6rem; margin:0 0 0 15%; background: url(/skin/w/w_liuyan_b.jpg) repeat-x center center ; cursor:pointer; text-align:center;}

#s-txf-r {
	z-index:99999;
	position:fixed;
	top:35%;
	right:0;
	width:.37rem;
	background:rgba(14,174,235,0.7);
	display:inline;
	-moz-border-radius:.15rem ; -webkit-border-radius:.15rem; border-radius:.15rem;
	text-align:center;
	line-height:110%;
	color:#FFF;
	font-size:.26rem;
	padding:0.1rem 0.1rem;
	font-weight:bold
}
#s-txf {
	z-index:99999;
	position:fixed;
	bottom:0;
	width:100%;
	_position:absolute;
	_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	overflow:visible;
	height:0.9rem;
	background:#FF8A09;
	max-width: 480px;
}
#s-txf .s-txf-l,#s-txf .s-txf-r {
	width:50%;
	height:0.75rem;
	padding-top:0.15rem;
	float:left;
	overflow:hidden;
	text-align:center;
}
#s-txf .s-txf-l{background:url(/skin/w/w01.jpg) repeat-y right top;}

#s-txf .s-txf-l img ,#s-txf .s-txf-r img{
	width:70%;
	height: auto;
	border:none;
}
.go_top{position: fixed; right: 0;  bottom: 20%;width: .8rem; height: .8rem;border-radius: 50%; 
	background-color: rgba(0,0,0,.5); z-index: 999; display: none;
}
.go_top a{ display: block; background: url(/skin/w/back_top.png) center center no-repeat;
	width: .8rem; height: .8rem; background-size: 50%;
}

/*footer_box底部*/
.footer_box{ margin-top: 3%; background-color: #fff; padding-bottom: 18%; }
.footer_box .footer h2{ border-bottom: #ddd solid 1px; text-align: center; padding:4% 0; }
.footer_box .footer h2 a{ font-size: .26rem; color: #999; display: inline-block; padding:0 2%; 
	border-left: #999 solid 1px; line-height: 100%; padding:0 4%;
}
.footer_box .footer h2 a:first-child{border-left: 0;}
.footer_box .footer .txt{ text-align: center; color: #999; font-size: .20rem; line-height: 180%;}

/*底部导航菜单*/
.foot_menu{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;}
.foot_menu ul{ overflow: hidden; background-color: #2691e1; padding-top:2%; padding-bottom: 1%;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.foot_menu ul li{ text-align: center; width: 25%;}
.foot_menu ul li.on{ text-align: center; width:33.3%;}
.foot_menu ul li img{width: .45rem;height: .45rem; margin:0 auto;margin-bottom: .08rem;}
.foot_menu ul li img.ca{ margin-left:0.16rem}
.foot_menu ul li span{ white-space:nowrap;}
.foot_menu ul li a{ color: #fff; font-size: .20rem;display: inline-block; text-align:center}
.foot_menu ul li.cur a{ color: #ffe400;}
.foot_menu ul li.gwc a{position: relative;}
.foot_menu ul li.gwc em{ position: absolute; right: -4%; top: -8%; background-color: #2691e1; border-radius: 50%;
	font-style:normal; width: .26rem; height: .26rem; text-align: center; line-height: .28rem; border: #fff solid 1px;
	font-size: .18rem; color: #fff;
}

/*search_bomb_box搜索弹框*/
.search_bomb_box{background-color: #fff; height: 100%; display: none;max-width: 640px;width: 100%;margin: 0 auto;}
.search_top{ background-color:#259FF2; border-bottom: #ddd solid 1px; padding:2% 1%; }
.search_top a{display: inline-block;  vertical-align: middle; width: 8%;}
.search_top a img{ width: 38%; display: block; margin:0 auto; }
.search_top div{border:#dddddd solid 1px; border-radius: 100px; display: inline-block; vertical-align: middle; width: 83%; padding:1%; overflow: hidden; background-color: #fff;}
.search_top div input{font-size: .26rem; line-height:180%; color: #666; width: 84%; vertical-align: middle; background-color: #fff; margin-left: 2%; float:left}
.search_top div button{ display: inline-block; vertical-align: middle; background-color: #fff; width: 14%; float:right}
.search_top div button img{ display: block; width:46%; margin:0 auto; padding-top:.06rem }
.search_txt{ padding:0 2%; }
.search_txt h2{ font-size: .28rem; color: #4aa3e6; margin:5% 1% 1%; }
.search_txt ul{ overflow: hidden; }
.search_txt ul li{ float: left;  background-color: #f5f5f5; border:#ddd solid 1px; padding:0 2%; margin: 3% 1% 0 1%;}
.search_txt ul li a{display: block; color: #666; font-size: .24rem; line-height: 200%;}


/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom: 6px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
/* padding */
.p0{padding:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}
.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pl60{padding-left:60px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
.p_02{padding: 0 2%;}
.p_2{padding: 2%;}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
.bdod{border-bottom:dotted 1px #ddd;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}
.bge04{background-color: #ffe037;}
/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.wh{color:white;}
.gr{color: red;}
.ge04{color: #f00;}

/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;} /* if the element is block level(eg. div, li), using 'inline_any' instead */

/* percent width value */
.pct10{width:10%;}
.pct15{width:15%;}
.pct20{width:20%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct40{width:40%;}
.pct50{width:50%;}
.pct60{width:60%;}
.pct66{width:66.6%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct100{width:100%;}

/* font-style */
.n{font-weight:normal; font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}


/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.vn{vertical-align:-2px;}
/* float */
.l{float:left;}
.r{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮 动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}

/*弹性布局*/
.dis_flex{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}