@charset "utf-8";
/* CSS Document */

/* 全局样式 ------------------------------------------------------------------*/
/*body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea{ margin:0; padding:0; box-sizing:border-box;}
html{ -webkit-text-size-adjust:none; word-wrap:break-word;}
h1, h2, h3{ font-size:100%; font-weight:normal;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:inherit;}
fieldset, img{ border:0;}
cite, em, s, i, b{ font-style:normal;}
input, button, textarea, select{ font-size:100%;}
body, input, button, textarea, select, option{ font-size:normal;}
a, a:link, input, textarea{ text-decoration:none; outline:0; font-weight:normal;}
li, img, label, input{ vertical-align:middle;}
body{ font-size:20px; font-family:"Microsoft Yahei",helvetica,arial; background:#f3f3f3; background-size:100%; min-height:101%;  overflow-x:hidden; width:100%; padding:0;}
.reds{ color:#d52629;}.txmore{ padding:1em 0; font-size:1.2em;}*/

/*表单样式*/
/*textarea,select,input[type="text"],input[type="search"],input[type="number"],input[type="password"]{ padding:0.4em 0.8em; width:100%; height:auto; border-radius:0.2125em; font-family:"Microsoft Yahei",helvetica,arial; color:#666; font-size:1em; line-height:1.5em; border:none;}
.tellbg{ background:url(../images/tell.png) no-repeat left top; background-size:100%;}
.passbg{ background:url(../images/pass.png) no-repeat left top; background-size:100%;}
.btn{ position:relative; z-index:1; padding:0.4em 1em; display:block; background:#fff; color:#353535 !important; font-size:1.2em; font-family:"Microsoft Yahei",helvetica,arial; line-height:1.3em; text-align:center; border:0.13em solid #ddd; border-radius:0.2125em; letter-spacing:0.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.btn.full{ width:100%;}
.btn.gray{ color:#000; background:#b7b9b8; border-color:#b7b9b8;}*/

/*页面头部-------------------------------------------------------------------*/
.header-wrap{ position:fixed; width:100%; margin:0; padding:0; background:#0685d2; height:5.2em; z-index:9999;}
.header-wrap>h2{ margin:0; padding:0; text-align:center; color:#fff; font-size:1.7em; line-height:3.0em;}

.head2{ background:#585858; position:relative; height:4.5em; text-align:right;}
.head2:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.head2 h1{ float:left; width:30%; text-align:center;}
.head2 h1 img{ max-width:65%;}
.head2 ul{ padding:0; zoom:1; float:right; width:30%; margin-right:-2.5em;list-style-type: none;}
.head2 ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.head2 ul li{ position:relative; float:left; width:45%; padding-right:2%; text-align:right; padding-top:.6em; margin-right:-1em;}
.head2 ul li .chart{ clear:both; background:#f4f4f4; width:6em; position:absolute; left:-7em; top:4em; border-radius:5px; z-index:10; padding:.5em .5em 0 .5em;}
.head2 ul li .chart em{ display:block; text-align:center; padding:.5em 0; background:#0685d2; margin-bottom:.5em;}
.head2 ul li .chart em a{ display:block; font-size:1.05em; color:#fff;}
.head2 ul li .wrap{ position:relative;}
.head2 ul li a{ display:block; position:relative; text-align:center;}
.head2 ul li a img{ display:block; max-width:68%;}
.back{ background:url(../images/backbg.png) no-repeat left top; background-size:100%; height:3em; line-height:3.1em;}
.back a{ margin-left:1.8em; color:#000000;font-weight:900;font-size : 1.3em;}

.main{ margin:0; padding-top:5em; position:relative; width:100%; overflow:hidden;}

/*焦点图样式*/
#slider{ padding-bottom:2em;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{float: left;}
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}
.swiper-container{/* Specify Swiper's Size: */margin:0; z-index:0; position:relative;}
.swiper-wrapper{/*position:relative; overflow:hidden;*/height:auto !important;}
.swiper-slide{/*position:relative; width:100%;*/height:auto !important;}
.swiper-slide img{width:100%; height:auto; display:block;}
.swiper-slide-active{/* Specific active slide styling: */}
.swiper-slide-visible{/* Specific visible slide styling: */}
.pagination{ /*position:absolute;*/ left:0; bottom:.5em; width:100%; text-align:center;font-size: 1.4em}
.swiper-pagination-switch{/* Stylize pagination button: */	display:inline-block; margin:0 5px; width:30px; height:3px; border-radius:1px; background:rgba(171,180,181,0.8); box-shadow:1px #000; cursor:pointer; overflow:hidden; font-size:0;}
.swiper-active-switch{/* Specific active button style: */	background:rgba(225,72,63,0.8);}
.swiper-visible-switch{/* Specific visible button style: */}

/*图标导航样式*/
#featureContainer1 { padding:0 2%;}
.spec-scroll{ margin:0; width:100%; ZOOM: 1; position: relative; height:13em; overflow:hidden;}
.spec-scroll .prev,.spec-scroll .prevyes,.spec-scroll .prevno{ background:url(../images/left.png) no-repeat 0px 0px; background-size:100%; left:0px; float:left; width:3em; CURSOR:pointer; position:absolute; TOP:4.5em; height:3em; z-index:9999;}
.spec-scroll .next,.spec-scroll .nextno,.spec-scroll .nextyes{ right:0; background:url(../images/right.png) no-repeat; background-size:100%; float:right; width:3em; CURSOR:pointer; position:absolute; TOP:4.5em; height:3em; z-index:9999;}
.items{ width:100%; position:relative;}
.items ul{ padding:0; zoom:1; position:absolute; width:88em;}
.items ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.items ul li{ float:left; width:8.8em;}
.items ul li .wrap{ background:#fff; -moz-box-shadow:1px 1px 2px #cecbcc; -webkit-box-shadow:1px 1px 2px #cecbcc; box-shadow:1px 1px 2px #cecbcc; border-radius:0.2em; padding:1.2em 0; border-bottom:0.1em solid #e4e6e5; width:8.1em; margin-right:.7em;}
.items ul li a{ display:block; text-align:center;}
.items ul li a img{ display:block; margin:auto; max-width:68%;}
.items ul li a span{ display:block; margin:0 auto; width:98%; font-size:1.2em; font-weight:normal; color:#666; line-height:2em; padding-top:.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.items ul li a p{ white-space:nowrap; color:#666; font-size:.8em; margin:0 auto; width:98%;}



.navfast{ position:relative; margin:0; padding:0; background:#e0e0e0;}
.navfast ul:after,.navfast ul li .wrap:after,.navfast ul li .wrap .chart:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.navfast ul li{ position:relative;}
.navfast ul li .wrap{ position:relative; margin:0; background:#0685d2; box-shadow:0 1px 4px rgba(0,0,0,.2); padding:.5em 0; border-bottom:0.1em solid #f3f3f3;}
.navfast ul li .wrap.bg{ background:url(../images/point.png) #0685d2 95% 2em no-repeat; background-size:2.4%; cursor:pointer;}
.navfast ul li img{ display:inline-block; max-width:10%; float:left; width:9%; margin: 0 2.5% 0 3%;}
.navfast ul li span{ float:left; display:inline-block; width:18%; float:left; padding-top:.6em;}
.navfast ul li span a{ font-size:1.2em; font-weight:normal; color:#fff; line-height:2em; padding-top:.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left;}
.navfast ul li p{ display:inline-block; width:50%; text-align:left; float:left; padding-top:1em;}
.navfast ul li p a{ color:#fff; font-size:.8em;}
.navfast ul li .wrap .chart{ clear:both; background:#f4f4f4; width:98%; padding:2% 0 0 2%;}
.navfast ul li .wrap .chart em{ display:inline-block; width:48%; background:#ccc; text-align:center; float:left; margin:0 2% 2% 0; padding:.5em 0; background:url(../images/point1.png) #ccc 95% center no-repeat; background-size:3%; text-align:left; text-indent:1em;}
.navfast ul li .wrap .chart em.em1{ text-align:center; width:98%; margin:0 2% 2% 0; background:url(../images/point1.png) #ccc 97.8% center no-repeat; background-size:1.5%;}
.navfast ul li .wrap .chart em a{ display:block; font-size:1em; color:#666;}


.fast{ position:relative; margin:0; padding:0; background:#cdcccc;}
.fast ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fast ul li{ position:relative; float:left; width:33%; border-right:0.15em solid #a4a4a4; padding:1.5em 0;-moz-box-shadow:1px 0px 2px #b8b8b8; -webkit-box-shadow:1px 0px 2px #b8b8b8; box-shadow:1px 0px 2px #b8b8b8;}
.fast ul li.li1{ background:url(../images/n8.png) 95% center no-repeat; background-size:35%;}
.fast ul li.li2{ background:url(../images/n9.png) 95% center no-repeat; background-size:35%;}
.fast ul li.li3{ background:url(../images/n10.png) 95% center no-repeat; background-size:35%; border-right:none;}
.fast ul li a h2{ white-space:nowrap; color:#585858; font-size:.9em; padding-left:.8em;}
.fast ul li a p{ white-space:nowrap; color:#585858; font-size:.7em; padding:.2em 0 0 1em;}

.shoplist{ margin:0 -1em; background:#fff;}
.shoplist ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.shoplist ul li{ border-bottom:0.15em solid #e5e5e5; padding:1em;}
.shoplist img.pic{ width:9em; margin:1em 0 0 1em; float:left; border:1px solid #c9c9c9;}
.shoplist ul li:last-child{ border-bottom:0;}
.shoplist ul li div{ margin-left:11em;}
.shoplist ul li div.news{ padding-left:2em; margin-left:0em;}
.shoplist ul li a{ display:block; position:relative; color:#333; line-height:1.6em;}
.shoplist ul li a:after{ display:block; position:absolute; top:45%; right:2em; content:""; width:0.65em; height:1.2em; opacity:0.8; background-image:url(../images/point3.png);background-repeat:no-repeat;background-size:100%;}
.shoplist ul li a em{ color:#000;font-style: normal;}
.shoplist ul li h2{ display:block; color:#222; font-size:1.5em; padding-right:3em; line-height:1.5em;}
.shoplist ul li p.tit{ display:block; color:#666; padding-top:.75em; font-size:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.shoplist h2{ font-size:20px;margin: 0px;line-height: 20px;text-align: left;}

.search1bg{background:#b8b8b8; padding:1em 2em;}
.search1{ border-radius:4px;position:relative;}
.search1 .text{width:100%;border:none;height:2.2em;line-height:2.2em;outline:none;font-size:1.3em; padding:0;color:#b6b7b9;display:block; padding:0 .5em;}
.search1 .submit{width:3.5em;height:2.8em;position:absolute;right:0px;top:0em;background:url(../images/search.png) #fff center center no-repeat; background-size:50%; border:none; border-radius:4px; cursor:pointer; z-index:5;}

.showdt{ background:#fff; color:#777; line-height:2.1em; font-size:1.1em; padding:1em;}
.showdt h2{ font-size:20px;margin: 0px;line-height: 20px;text-align: center;}
.showdt .jiathis_txt{font-size:14px;margin: 0px;line-height: 16px;}
.mb_content ul{    list-style-type: none;padding: 0px;}
.mb_content ul li{ margin: 0px;}
.mb_content ul li a:hover{     color: #ed145b;}
#ckepop {    text-align: center;}

.tits{ background:#cfcfcf; padding:.9em 1.5em; color:#585858; font-size:1.5em;}
.contact1{ background:#f3f3f3; padding-bottom:2em;}
.contact1 ul{ padding:0; zoom:1; padding-left:5em;}
.contact1 ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.contact1 ul li{ position:relative; float:left; width:45%; text-align:center; padding-top:.6em; margin-right:-1em;}
.contact1 ul li .wrap{ position:relative;}
.contact1 ul li a{ display:block; position:relative; text-align:center;}
.contact1 ul li a img{ display:block; max-width:68%;}
.contact1 p{ text-align:center; font-size:1em;}

.contact2{ background:#f4f4f4; padding:1.5em 2em;}
.contact2 h2{ font-size:1.8em; color:#ee8802; padding:.5em 0;}
.contact2 p{ line-height:1.8em;}
.contact2 p span{ font-size:1em; color:#585858; margin-right:.5em;}
.map{ background:#666; padding:1em;}
.map img{ max-width:100%;}

.foot{ text-align:center; color:#fff; background:#585858; padding:1em 0;}
.foot p{ font-size:.9em; line-height:1.8em; color:#cbcbcb;}
.foot p a{ font-size:13px; margin:0 .5em; color:#cbcbcb;}

.search2{ padding:2em 4.6em;background:url(../images/srbg.png) #cfcfcf center center no-repeat; background-size:80%;}
.search2c{position:relative;}
.search2c .text{ background:none; width:100%;border:none;height:2.2em;line-height:2.2em;outline:none;font-size:1em; padding:0;color:#b6b7b9;display:block; padding:0 .5em .5em .5em;}
.search2c .submit{width:2.3em;height:2.2em;position:absolute;right:0px;top:0em; background:none; border:none; cursor:pointer;}

/*响应式布局----------------------------------------------*/
@media only screen and (max-width:300px){
	body{ font-size:8.33333px;}
}
@media only screen and (max-width:310px) and (min-width:300px){
	body{ font-size:8.33333px;}
}
@media only screen and (max-width:320px) and (min-width:310px){
	body{ font-size:8.88889px;}
}
@media only screen and (max-width:360px) and (min-width:320px){
	body{ font-size:8.88889px;}
}
@media only screen and (max-width:360px) and (min-width:350px){
	body{ font-size:10px;}
}
@media only screen and (max-width:480px) and (min-width:360px){
	body{ font-size:10px;}
}
@media only screen and (max-width:480px) and (min-width:470px){
	body{ font-size:13.33333px;}
}
@media only screen and (max-width:560px) and (min-width:480px){
	body{ font-size:13.33333px;}
}
@media only screen and (max-width:570px) and (min-width:560px){
	body{ font-size:15.83333px;}
}
@media only screen and (max-width:640px) and (min-width:570px){
	body{ font-size:15.83333px;}
}
@media only screen and (max-width:640px) and (min-width:630px){
	body{ font-size:17.77778px;}
}
@media only screen and (max-width:710px) and (min-width:640px){
	body{ font-size:17.77778px;}
}

 /*.page{ text-align:center; height:86px; line-height:85px; margin:0 auto; overflow:hidden;}
.page a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #b4b4b4;	margin: 0 2px;border-radius: 4px;vertical-align: middle; text-decoration:none}
 .page span{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #ffffff;background-color: #2f2f2f;	border: 1px solid #b4b4b4;border-radius: 4px;vertical-align: middle;}*/




/*** page
-------------------------------------------------------------- ****/
.pageBox {text-align: center;margin-top:20px;margin-bottom:20px;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}



/*底部样式*/


.blank{
    width: 100%;
    height: 100px;
    margin:0 auto;
}

.footer {
    position: fixed;
    z-index: 2016050505;
    bottom: 0;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin:0 auto;
}
.mobile_menu{
    position: relative;
    float: left;
    width: 25%;
    height: 5em;
    background-color: #0685d2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid #fff;
}
.mobile_menu:last-child {
    border-right: none;
}
.mobile_menu:last-child {
    border-right: none;
}
.bt-name{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 9%;
}

.telicon img,.qqicon img,.zxicon img,.bmicon img{
    display: block;
    width: 100%;
    height: auto;
}

.telicon {
    width: 2.2em;
}
.telicon, .qqicon, .zxicon, .bmicon {
    display: block;
    height: 2.4em;
    overflow: hidden;
    margin: 0 auto;
}
.qqicon {
    width: 2.4em;
}
.zxicon {
    width: 2.4em;
}
.bmicon {
    width: 2.4em;
}
.tellink, .qqlink, .zxlink, .bmlink {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    color: #FFFFFF;
    padding-top: 1%;
    font-size: 1.2em;
}