/*10 ÷ 16 × 100% = 62.5%*/
html {}
body{margin:0; padding:0; color:#333; background:#fff; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif; font-size:14px; padding:45px 0 0px 0;-webkit-font-smoothing: antialiased;}
body.body_native{position:relative;padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
div,section{margin:0 auto;}

.wfl{width:100%;float:left;}
.w_fl{width:100%;float:left;}

a,img,input,select{outline:none;}
a:focus,input:focus,select:focus,img:focus{outline:none;}

img{max-width:100%}
a:link{color:#000}
a:visited{color:#000}
a:hover{color:#00A1F1; text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

em,i{font-style:normal;}
.martop5{margin-top:5px;}
.martop10{margin-top:10px;}
.martop15{margin-top:15px;}
.martop20{margin-top:20px;}
.martop25{margin-top:25px;}
.martop30{margin-top:30px;}
.martop35{margin-top:35px;}
.martop40{margin-top:40px;}
.martop50{margin-top:50px;}
.martop60{margin-top:60px;}
.martop70{margin-top:70px;}
.martop80{margin-top:80px;}

.container{max-width:640px; /* padding:0; */}
.jx_clear{clear:both;overflow: hidden;height: 0;line-height: 0;font-size: 0;}
.jx_container{}
.jx_container img{ max-width:100%; height:auto;}

.jx_yahei{ font-family:microsoft yahei;}
.jx_transition{ transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}

/*============================*/


/*jx_top*/
.jx_top{width:100%; position:fixed; top:0; height:45px; line-height:45px; padding:0; background:#fff; border:0; border-radius:0; z-index:100;border-bottom:1px solid #dedede}

/*jx_top_l*/
.jx_top .jx_top_l{width:40px;position:absolute;left:10px; top:7px; line-height:2px; cursor:pointer; z-index:100}
.jx_top .jx_top_l .jx_icon_line{width:25px; height:2px; display:inline-block; background:#0f164a; margin-top:6px;}

.jx_top .jx_top_l .jx_top_back{width:20px; height:34px; display:inline-block; background:url(../images/icon_back.png) no-repeat; margin-top:6px; background-size:70%}

.jx_top .jx_top_l #jx_side_nav_on_off{width:100%; display:block;}

/*jx_top_c*/
.jx_top .jx_top_c{width:100%; position:relative; margin:0 auto; text-align:center; color:#fff; font-size:20px}

/*jx_top_r*/
.jx_top .jx_top_r{position:absolute; right:15px; top:0;}
.jx_top .jx_top_r a{display:inline-block; height:45px;color:#ccc;}
.jx_top .jx_top_r img{width:23px;float:left; margin-top:14px; margin-right:15px;}
.jx_top .jx_top_r .icon_cart{margin-top:11px}
.jx_top .jx_logo{height:35px;}


/*nav*/
/*
.jx_top .nav{width:100%; padding:0 0; margin:0;background:#262628;}
.jx_top .nav li{width:100%; float:left; text-align:left;}
.jx_top .nav li a.mainlevel{ width:100%;float:left; display:block; padding:8px 10px; margin:0;}

@media (min-width: 640px) {
	.jx_top .nav li{width:16.66%; padding:0 0;}
}
*/
/*
@media (min-width: 992px) {
	.jx_top .nav li a.mainlevel{width:16.66%; padding:0 0;}
}
@media (min-width: 1200px) {
	.jx_top .nav li a.mainlevel{width:16.66%; padding:0 0;}
}
*/

/*jx_sidenav*/
#jx_layer{width:100%; height:100%; position:fixed; left:0; top:0;z-index:8888; display:none;}

#jx_sidenav {width:70%; height:100%; position: fixed; left:-100%; top:45px; overflow: auto; background-color:#2aa7e1; display:none; z-index:9999;
opacity:1;filter:Alpha(opacity=1)
/* 
translateX:-1000px;
-webkit-translateX:-1000px;
-moz-translateX:-1000px;
-o-translateX:-1000px;
-ms-translateX:-1000px;
 */
transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;
}


#jx_sidenav .jx_ul ul { margin-top: 30px; line-height: 40px; list-style-type: none;}
#jx_sidenav .jx_ul ul li a.mainlevel {display: block; padding: 0 20px; text-decoration: none; font-size:14px; opacity:1;}
#jx_sidenav .jx_ul ul li a.mainlevel:link {color:#fff;}
#jx_sidenav .jx_ul ul li a.mainlevel:visited{color: #fff;}
#jx_sidenav .jx_ul ul li a.mainlevel:hover {color:#fff;}


#jx_sidenav .jx_ul ul li a.mainlevel .jt{width:7px; height:12px; background:url(../images/jt_r.png) no-repeat; float:right; margin-top:15px; margin-right:39px;}
#jx_sidenav .jx_ul ul li a.mainlevel .jt.jt_down{width:12px; height:7px; background:url(../images/jt_d.png) no-repeat; float:right; margin-top:15px; margin-right:39px;}
/*
#jx_sidenav .jx_ul ul li a.mainlevel .jt:after {
	float:right;
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 8px;
    width: 8px;
    border-width: 1px 1px 0 0;
    border-color: #fff;
    border-style: solid;
    position: relative;
    top: 18px;
}
*/

#jx_sidenav .jx_ul ul li dl{ padding-left:65px; display:none}
#jx_sidenav .jx_ul ul li dl dd{}
#jx_sidenav .jx_ul ul li dl dd a{height:28px; line-height:28px; display:block;opacity:1;font-size:13px;color:#eee}
#jx_sidenav .jx_ul ul li dl dd a:link {color:#fff;}
#jx_sidenav .jx_ul ul li dl dd a:visited{color: #fff;}
#jx_sidenav .jx_ul ul li dl dd a:hover {color:#fff;}


#jx_sidenav .jx_side_bottom{width:100%;float:left; margin:20px 0px 0 0px; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:15px 0; text-align:center;}
#jx_sidenav .jx_side_bottom a{width:40%; display:inline-block; text-align:center; padding:0 25px;}
#jx_sidenav .jx_side_bottom a:link{color:#fff}
#jx_sidenav .jx_side_bottom a:visited{color:#fff}
#jx_sidenav .jx_side_bottom a:hover{color:#fff}

#jx_sidenav .jx_side_share{ width:100%; float:left; margin-top:20px; text-align:center}
#jx_sidenav .jx_side_share a{ margin-left:25px; word-break:break-all;}

#jx_sidenav .jx_side_help{width:100%;float:left;color:#fff; margin-top:15px; line-height:26px; font-size:12px; margin-left:7px;}
#jx_sidenav .jx_side_help a{color:#fff;padding:0 5px;}

#jx_sidenav .jx_side_rights{width:100%;float:left; padding:20px 10px 15px 10px;color:#fff; line-height:24px;border-top:1px solid #eee;margin-top:20px;}


/*jx_banner*/
.jx_banner{ margin:0 auto;max-width:640px;}

/*swiper*/
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container-horizontal > .swiper-pagination{bottom:3px;}
.swiper-container .swiper-slide img{width:100%; height:100%;}
.swiper-container .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: none;
	opacity: .9;
	border:2px solid #fff;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-container .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff;
}

.swiper-container .swiper-button-prev, .swiper-container .swiper-container-rtl .swiper-button-next {
width:16px; height:30px;
background: url("../images/SuperSlide_icon_l_h30.png");
left: 10px;
right: auto;
margin-top:-15px
}
.swiper-container .swiper-button-next, .swiper-container .swiper-container-rtl .swiper-button-prev {
width:16px; height:30px;
background: url("../images/SuperSlide_icon_r_h30.png");
right: 10px;margin-top:-15px
}

/*public-title*/
.page-title{width:100%;float:left;padding:15px 0;background:#fff;text-align:center;}
.page-title h1{font-size:20px;color:#333;display:inline-block;}


/*jx_slogan*/
.jx_slogan{width:100%;float:left;min-height:80px; background:#fff; margin:10px 0px 0 0px;border-radius:4px;-webkit-border-radius:4px;}
.jx_slogan .jx_c{line-height:25px; color:#333;}
.jx_slogan .jx_c h2{font-size:22px; letter-spacing:1px;padding:10px 0 0 10px; font-weight:normal;}
.jx_slogan .jx_c small{display:inline-block;font-size:16px; margin-left:10px; color:#333; letter-spacing:1px; padding:7px 0 3px 0px;border-bottom:1px solid #999;}
.jx_slogan .jx_c small a{color:#000; outline:none;}

/*jx_more*/
.jx_more{text-align:center; margin:25px auto;}
.jx_more a{ padding:15px 60px; /*background:#3c88d7;*/background:#5A99DD; color:#fff; display:inline-block; font-weight:bold; outline:none}

/*+++++++++ Subpage +++++++++*/
.jx_sub_banner{max-width:640px;}
.jx_sub_banner img{width:100%;}


/*jx_public_title*/
.jx_public_title{text-align:center}
.jx_public_title h2{font-size:30px; color:#000; font-weight:bold; letter-spacing:1px;}
.jx_public_title small{font-size:20px; color:#343636; text-transform:uppercase; display:block; margin-top:5px;}

/*swiper-container-goods*/
.swiper-container-goods{max-width:640px; margin:30px 0; padding-bottom:25px; border-bottom:2px solid #fff;}
.swiper-container-goods {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container-goods .swiper-slide {
	width: 43%;
}
.swiper-container-goods .swiper-pagination{display:none;}

.swiper-container-goods .jx_item .jx_tit{background:none}
.swiper-container-goods .jx_item .jx_tit_en{background:none}
.swiper-container-goods .jx_item .jx_price{background:none}

/*swiper-container-history*/
.swiper-container-history{max-width:640px; margin:30px 0 0 0; border-bottom:2px solid #fff;}
.swiper-container-history {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-container-history .swiper-slide {
	width: 43%;
}
.swiper-container-history .swiper-pagination{display:none;}

/*filter*/
.filter{padding:0 0 20px 0;}
.filter ul{float:left;}
.filter ul li{float:left;}
.filter a{float:left;margin:5px 15px 0 0;padding:8px 12px;border:1px solid #d9d9d9;border-radius:5px;-webkit-border-radius:5px;}
.filter a:link{color:#444}
.filter a:visited{color:#444}
.filter a:hover{border:1px solid #2cccf7;color:#2cccf7;}
.filter a.active{border:1px solid #2cccf7;color:#2cccf7;}

.filter_block h1{text-align:center;font-size:22px;padding:25px 0;}

/*jx_cat_list*/
.jx_cat_list{min-height:40px; line-height:40px; background:#588ed9; overflow:hidden;}
.jx_cat_list a{text-transform:uppercase; padding:0 0px; white-space:nowrap; float:left;}
.jx_cat_list a:link{color:#fff}
.jx_cat_list a:visited{color:#fff}
.jx_cat_list a:hover{color:#cdcdcd}
.jx_cat_list a.jx_active{color:#cdcdcd; text-decoration:underline}

.jx_cat_list a#jx_cat_on{color:#cdcdcd}



/*jx_loading*/
#jx_loading{ text-align:center; padding:15px 0; display:none;}

/**/
.color_red{color:#ff0000}
.color_green{color:#74A815}


/*footer*/
.jx_footer{width:100%;clear:both;background:#444; padding:0px 0 15px 0; border-top:0px solid #eee;}
.jx_footer.container{max-width:100%;}
.jx_footer .row{margin:0 auto; max-width:640px}
.jx_footer .c{line-height:30px;color:#dedede; text-align:center; padding:0 15px;}
.jx_footer .c .tel{color:#fff;font-weight:bold;}

.jx_footer .nav{border-bottom:1px solid #676767;padding:15px 0; text-align:center; color:#888;}
.jx_footer .nav a{padding:5px 5px;font-size:13px;margin-right:4px;}
.jx_footer .nav a:link{color:#eee;}
.jx_footer .nav a:visited{color:#eee;}
.jx_footer .nav a:hover{color:#ddd;}
.jx_footer .nav a.home{color:#fff}

.jx_footer .wx{width:100%;float:left; display:inline-block; margin-top:5px;}
.jx_footer .wx img{width:110px;}

/*jx_footer_nav*/
.jx_footer_nav{width:100%;max-height:63px;position:fixed;bottom:0;background:#fff;border-top:1px solid #eee;padding:2px 0 5px 0;z-index:110;}
.jx_footer_nav .row{margin:0;}
.jx_footer_nav .row div{padding:5 15px;text-align:center}
.jx_footer_nav .row .jx_icon{display:block;height:35px;font-size:26px;color:#717171;}

.jx_footer_nav .row a{font-size:12px;}
.jx_footer_nav .row a:link{color:#717171;}
.jx_footer_nav .row a:visited{color:#717171;}
.jx_footer_nav .row a:hover{color:#399ffd;}
.jx_footer_nav .row a:hover .jx_icon{color:#399ffd;}
.jx_relative{width:100%;position:relative}

.jx_footer_nav .row a.jx_active{color:#399ffd;}
.jx_footer_nav .row a.jx_active .jx_icon{color:#399ffd;}



/*artdialog*/
.aui_nw{height:42px;}
.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close {
    background:#f5f5f5;
}
.aui_sw,.aui_se,.aui_s{background:#fff}
.aui_close {
	top: 3px;
	background-image: url(../js/artDialog/skins/aero/aero_s.png);
	background-repeat: no-repeat;
	background-position: left -96px;
	_background: url(../js/artDialog/skins/aero/ie6/aui_close.png);
}
.aui_title {
    /* height: 42px; */
    line-height:15px;
    padding: 0 16px 0 0;
    _padding: 0;
    color: #333;
	font-size:14px;
    font-weight: 500;
    text-shadow: none;
}
.aui_w, .aui_e {
    background: #fff;
}