html,body{margin:0; padding:0; color:#000;font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;}
html,body{font-size:62.5%;/* 10÷16=62.5% */background-color:#2f3132;}
body{-webkit-touch-callout:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;word-wrap:break-word;word-break:normal;}
a{color:#000; text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,div,ul,ol,form,dl,dt,dd{margin:0;padding:0;list-style:none;}
a img{border:none;}

header{ background-color:#FFF;width:100%; color:#FFF;height:3.8rem; line-height:3.8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.top{border-bottom:1px solid #ccc;position:fixed;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;top:0;left:0;z-index:999; background-color:#FFF; width:100%;}
header .logo2 a{ display:block;background:url(../images/logo.png) no-repeat center 1rem; background-size:7rem; width:7rem; height:3.8rem; margin:0 auto;}
header .logo{-webkit-box-flex:2;-ms-flex:2;flex:2;display: block;width: 0%;}
header .return_btn,header .share_btn{ width:3.8rem;}
header .return_btn a{ display:block;width:3.8rem; height:3.8rem; background:url(../fonts/return_icon.png) no-repeat center center;background-size:0.9rem;margin:0 auto;font-size: 1.3rem;}

.nav{position:relative;height:3.2rem;width: 100%;overflow: hidden;margin:0 auto;position:-moz-sticky;position:-ms-sticky;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:10; background-color:#FFF; overflow:hidden;}
.line{height:1px; width:100%; background-color:#CCC; position:absolute; bottom:0.01rem; left:0;}
.nav .scroller{position:absolute;left:0.4rem;overflow:auto;}
.nav .scroller .swiper-slide {height:3.2rem;float: left;line-height:3.2rem;font-size: 1.3rem;text-align: center;}
.nav .scroller .swiper-slide span{color:#656565;display:block;margin:0 0.8rem;padding:0 0.2rem;}
.nav .scroller .swiper-slide a{ display:block;}
.nav .scroller .active span{color:#336699;height:3rem;border-bottom:0.2rem solid #336699;}
.news_unit{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;margin:0 1.4rem;padding:1.3rem 0;border-bottom:#ddd solid 1px;}
.main{ background-color:#FFF;}
.main a{ display:block;-webkit-tap-highlight-color:transparent;}
.main a:active{background:#f7f7f7;}
.news_img{ margin-left:1.1rem; width:33%;}
.news_img img{ width:100%; height:auto;display:block;}
.news_txt{-webkit-box-flex:2;-ms-flex: 2;flex:2;}
.news_unit h2{ font-size:1.4rem; line-height:1.9rem; font-weight:normal;margin-bottom:0.5rem;text-align:justify;word-break:normal; margin-top:0.1rem;}
.news_txt p{font-size:1rem; line-height:1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; color:#a1a4a6; }
.img_list{display:block;}
.img_list .news_img{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;margin-left:0;}
.img_list .news_img img{ width:32%;height:100%;}

.content{ background-color:#f8f8f8; padding:1.3rem 1.3rem 2.5rem;text-align:justify;word-break:normal; color:#111;}
.content h1{ font-size:2rem; line-height:2.8rem; margin-bottom:0.7rem;}
.article_info{ font-size:1rem; line-height:18px;color:#949494; padding-bottom:1rem;}
.article_info span{ margin-right:0.6rem;}
.content p{font-size:1.5rem; line-height:2.4rem;margin-top:1.3rem;}
.content p a{color:#4BC3FB;}
.content img{width:100%; display:block; margin:0 auto; margin-top:1.4rem;}
.relative{ margin-top:2.5rem;color:#111;border-left:#e0e0e0 solid 0.6rem; position:relative; padding-left:1.1rem;}
.relative h3{font-size:1.5rem; line-height:1.4rem; padding-bottom:0.8rem;}
.relative ul li{font-size:1.3rem; line-height:1.9rem; margin-top:0.7rem;border-bottom:#d7d7d7 solid 1px; padding-bottom:0.7rem;}
.relative ul li a{color:#4f5963; display:block;}
.tags{ margin-top:0rem;margin-bottom:1rem; font-size:1.2rem; color:#999;}
.tags a{font-size:1.2rem;line-height:2.4rem;color:#4BC3FB;margin-right:0.2rem; margin-top:0.8rem;}

.pictures .news_unit{display:block;}
.pictures .news_img{ margin-left:0;padding-top:0.3rem;}
.banner_bottom{text-align:center;}
.banner_bottom a{display:block;position:relative;}
.banner_bottom a span{position:absolute;bottom:0;right:0;background:rgba(0,0,0,0.25);color:#fff;font-size:0.9rem;padding:0 0.5rem;line-height:1.6rem;}
.banner_bottom a img{ width:100%;display:block;}

.footer{ background-color:#2f3132; padding:1.3rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.footer_txt{ margin-right:2rem;-webkit-box-flex:1;-ms-flex:1;flex:1;display: block;width: 0%;}
.footer p{font-size:0.7rem; line-height:1rem;color:#606364; text-align:left; margin-bottom:0.5rem;}
.footer .ma img{ width:4rem; height:4rem; border:#FFF solid 0.3rem;}
.download_app a{ display:block; width:4.5rem; height:4.5rem; margin-right:1rem; background:url(../images/logo.png) no-repeat center center; background-size:4.5rem; }

/*------------- S 以下css主要是仿IOS滚动条样式(可选样式)  -------------*/		
/**
 * Horizontal Scrollbar
 */
.myScrollbarH {
	position:absolute;
	z-index:100;
	height:7px;
	bottom:1px;
	left:2px;
	right:7px
}

.myScrollbarH > div {
	height:100%;
}

/**
 * Vertical Scrollbar
 */
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:7px;bottom:7px;top:2px;right:1px
}

.myScrollbarV > div {
	width:100%;
}

/**
 * Both Scrollbars
 */
.myScrollbarH > div,
.myScrollbarV > div {
	position:absolute;
	z-index:100;

	/* The following is probably what you want to customize */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	border-width:3px;
	-webkit-border-image:url(../img/scrollbar.png) 6 6 6 6;
	-moz-border-image:url(../img//scrollbar.png) 6 6 6 6;
	-o-border-image:url(../img/scrollbar.png) 6 6 6 6;
	border-image:url(../img/scrollbar.png) 6 6 6 6;
}
/*------------- E 以上css主要是仿IOS滚动条样式  -------------*/
#wrapper {
	position:absolute; z-index:1;
	top:7rem; bottom:0; left:0;
	width:100%;
	background:#555;
	overflow:auto;
}
#scroller {
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	float:left;
	width:100%;
	padding:0;
}

#scroller ul { background-color:#FFF;
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
	text-align:left;
}
/**
 *
 * 下拉样式 Pull down styles
 *
 */
#pullDown, #pullUp {
	background:#fff;
	height:3.2rem;
	line-height:3.2rem; text-align:center;
	font-size:1.4rem;
	color:#bababa;vertical-align:middle;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:inline-block; vertical-align:middle;
	width:3rem; height:3rem;
	background:url(../images/pull-icon@2x.png) no-repeat 0 0;
	-webkit-background-size:3rem; background-size:3rem;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

/*焦点图*/
#banner{ height:16rem;}
#banner img{ width:100%; height:16rem;}
#banner a{ position:relative; display:block;}
#banner .banner_tit{ display:block;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);position:absolute; bottom:0; left:0; text-align:center; width:100%;}
#banner .banner_tit h4{padding:0.8rem 1rem 0.6rem;color:#FFF; font-size:1.5rem; line-height:3rem; height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pagination {
  position: absolute;
  z-index: 20;
  bottom:0.3rem;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
display: inline-block;
margin: 0 0.1rem;
cursor: pointer;
text-indent: -9999em;
width:0.3rem;
height:0.3rem;
background-color:#707070;
overflow: hidden;
-khtml-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-pages {
	height: 100%;
}
.scroll-container {
	height: 100%;
	width: 100%;
}
.scroll-container .swiper-slide {
	width: 100%;
}
.page-inner {
	background:#fff;
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,0.1)
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
}
.swiper-scrollbar-cursor-drag {
	cursor: move;
}
.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 { height:100%;
	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 { height:100%;
	-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;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.page{ background-color:#FFF; width:100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap:wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding:1rem 0;}
.page a{ display:inline-block; padding:0 0.8rem; border:#e1e1e1 solid 1px; margin:0 0.5rem; color:#949494; font-size:1.2rem; line-height:2.7rem;-khtml-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.page a:active{ background-color:#336699;border:#336699 solid 1px;color:#FFF;}
.yaowen{ background-color:#FFF; padding-top:2rem;}
.yaowen h3{ margin:0 1.3rem; font-size:1.5rem; line-height:20px; border-bottom:#DDD solid 1px; padding-bottom:1rem;}

.page_list{ padding:1.3rem;overflow:hidden;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap:wrap;-webkit-box-pack: left;-ms-flex-pack: left;justify-content: left;}
.page_list a{font-size:1.3rem;height:3rem;line-height:3rem;margin:0 0.3rem 0.5rem;padding: 0 1rem;background-color: #fff;border:0.01rem solid #ccc;color:#999; display:inline-block;-khtml-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.page_list a:hover {border:0.01rem solid #000; color:#000;text-decoration: none;}
.page_list .current {font-size:1.4rem;line-height: 3rem;float:left;background:none;border:none;color:#000; font-weight:bold;padding:0.1rem 1.5rem;}

.pic_hot{ background-color:#FFF; padding-top:2rem;}
.pic_hot h3{ margin:0 1.3rem; font-size:1.5rem; line-height:20px; border-bottom:#DDD solid 1px; padding-bottom:1rem;}
.pic_hot .news_unit{align-items:center;}
.content .img_box a{ display:block;position:relative;}
.content .img_box a .pic_num{ position:absolute; bottom:0; left:0; color:#FFF; padding:0.3rem 1rem 0.3rem 0.5rem;background:rgba(0,0,0,0.5);-khtml-border-radius:0 5rem 0 0;-ms-border-radius:0 5rem 0 0;-o-border-radius:0 5rem 0 0;-moz-border-radius:0 5rem 0 0;-webkit-border-radius:0 5rem 0 0;border-radius:0 5rem 0 0; font-size:0.8rem; line-height:1rem;}

.gallery-top {width: 100%; margin-top:1.5rem; }
.content .gallery-top img{ margin-top:0;}
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
.content .gallery-thumbs img{ margin-top:10px;}
.product_img .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.product_img .swiper-container-no-flexbox .swiper-slide{float:left}.product_img .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.product_img .swiper-wrapper{position:relative;width:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.product_img .swiper-container-android .swiper-slide,.product_img .swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.product_img .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.product_img .swiper-container-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}.product_img .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.product_img .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.product_img .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.product_img .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.product_img .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.product_img .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.product_img .swiper-button-next,.product_img .swiper-button-prev{position:absolute;top:54%;width:2rem;height:4rem;margin-top:-2rem;z-index:10;cursor:pointer; background:url(../images/focus_btn.png) no-repeat 0 0; background-size:3.8rem;}.product_img .swiper-button-next{background:url(../images/focus_btn.png) no-repeat right 0;right:0;background-size:3.8rem;}.product_img .swiper-button-next.swiper-button-disabled,.product_img .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none;}
.product_img .swiper-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.product_img .swiper-slide{ width:20%;}

.phone_grade{font-size:1.4rem; border-bottom:#ddd solid 1px; padding-bottom:0.5rem; text-align:right;}
/*.phone_grade em{ margin-right:0.5rem; font-style:normal; vertical-align:middle; font-size:1.4rem; color:#949494;}*/
.stars_hollow{ display:inline-block;background:url(../images/stars.png) no-repeat 0 -1.58rem;background-size:7rem;width:7rem; height:1.2rem; position:relative; vertical-align:middle; margin-right:10px;}
.stars_hollow span{display:block;background:url(../images/stars.png) no-repeat 0 0;background-size:7rem;width:0; height:1.2rem; position:absolute; top:0; left:0;}
.phone_grade i{ font-size:1.4rem;vertical-align:middle;color:#FCC602;font-style:normal;}
.goodbad{ padding:0.7rem 1.3rem 0.4rem; background-color:#FFF;margin-top:1.3rem;  line-height:2rem;box-shadow:0.05rem 0.05rem 0.2rem rgba(0, 0, 0, 0.15);}
.goodbad .good i{ background:url(../images/icons.png) no-repeat 0 0.1rem; background-size:1.4rem; padding-left:1.7rem; font-style:normal;color:#FC4C52; font-weight:bold;}
.content .goodbad p{ margin-top:0.5rem;font-size:1.4rem; line-height:2rem; padding-bottom:0.5rem; color:#585858;}
.goodbad .bad i{font-weight:bold;background:url(../images/icons.png) no-repeat 0 -2rem; background-size:1.4rem; padding-left:1.7rem; font-style:normal; color:#333;}
.phone_con{ background-color:#F8F8F8;border-top:#ddd solid 1px;padding-top:1rem;}
.phone_con h2 {font-weight: bold;color: #313131;line-height:2.4rem;overflow: auto; font-size:1.8rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-bottom:-3rem; padding:0 1.3rem;}
.phone_con .jiucuo_btn{background-color:#fff;color:#47D1FF;border:#ddd solid 1px;-khtml-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;display:block;padding:0 1rem;font-size:1.2rem;line-height:2.6rem;font-weight:normal;margin-left:2rem;flex-shrink:0;}
.content .phone_con h2{text-align:left;}
.phone_con .jiucuo_btn:hover{background-color:#47D1FF;border:#47D1FF solid 1px;color:#fff;}
.phone_con .info_tit{padding-top:8rem; margin-top:-6rem;}
.phone_con .info_tit span{ background-color:#e9e9e9;color:#000;font-size:1.6rem;display:block;line-height:3.2rem; font-weight:bold; padding-left:0.5rem;}
.phone_con .info_nav .swiper-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.phone_con .info_nav .swiper-slide{text-align:center;line-height:2.4rem; font-size:1.2rem;margin-right:0.3rem;}
.info_nav .swiper-slide a{display:block;border:#ccc solid 1px; background-color:#FFF;-khtml-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;-moz-border-radius:5rem;-webkit-border-radius:5rem; border-radius:5rem;padding:0 1rem; font-size:1rem;}
.info_nav .swiper-slide a:hover{background-color:#fff;color:#000;}
.info_nav .swiper-slide a:visited {color: #000;}
.phone_con p{font-size:1.5rem; line-height:2.4rem;margin-top:1.3rem; padding:0 1.3rem;}
.phone_con img{width:100%; display:block; margin:0 auto; margin-top:1.4rem;}
.phone_con .nav{ background:none;padding-top:3.8rem; height:3.3rem;z-index:10;}
.phone_con .nav .swiper-slide span{ margin:0; padding:0;}
.phone_con .nav .scroller{ left:0; width:2800px!important;padding:0.5rem 1.3rem!important; background-color:#F8F8F8;}
.phone_con .nav .scroller .swiper-slide{ height:2.6rem;}
.phone_list .news_unit h2 {-webkit-line-clamp:1;}
.phone_list .news_txt p {-webkit-line-clamp:1;}
.phone_list .news_txt h4{color:#a1a4a6;font-size:1rem;line-height:1.4rem;font-weight:normal;margin-top: 0.5rem;margin-left: -0.3rem;}
.phone_list .news_txt h4 i{ color:#FC5456; font-weight:bold; font-style:normal; font-size:1.6rem;font-style:normal;}
.phone_list .news_txt p .good{ color:#FC5456; font-style:normal;}
.phone_list .news_txt p .bad{color:#000;font-style:normal;}
.bnav{background:#f8f8f8; font-size:1rem;line-height:2rem;padding:0 1.3rem;color:#cecece;}
.bnav ul{overflow:auto;}
.bnav li{float:left;}
.bnav li a{color:#949494;}
.bnav li span{display:inline-block;padding:0 0.3rem;}
.article_info{text-align:left;}


/*文章页4格*/
.pics{background-color:#eee;padding:0.3rem 0 1.3rem 1.3rem;}
.pics_con{ overflow:auto;}
.picbox{display:block;width:46%;margin-top:1rem; float:left; margin-right:1.2rem;}
.picbox:nth-child(even){margin-right:0;}
.picbox a{display:block;position:relative;}
.picbox img{width:100%;height:auto;}
.picbox p{width:100%;position:absolute;bottom:0;left:0;padding-top:0.4rem;}
.picbox p span{display:block;padding:0 0.5rem;color:#fff;font-size:1rem;line-height:1.5rem;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);height:1.5rem;overflow:hidden;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;text-overflow: ellipsis;/* IE/Safari */-ms-text-overflow: ellipsis;-o-text-overflow:ellipsis;/* Opera */-moz-binding:url("../images/ellipsis.xml#ellipsis");/*FireFox*/vertical-align: middle;}
.swiper-wrapper{width: 3000px;}
.pictures .news_img{width:100%;}
.pictures .news_img img{ height:auto;}
.jianbian{height:3.2rem; position:absolute; right:0; top:0;background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.95) 50%);}
.jianbian span{ display:block; background:url(../images/navmore_icon.png) no-repeat right center; background-size:0.5rem; width:0.5rem; height:1rem; margin:0 0.6rem 0 2rem; height:3.2rem;}
.adbox{text-align:center;background:#fff;padding:1.3rem 0;height: 220px;}
.share{overflow:hidden}
#sharelist{padding-bottom:1.375rem}
/*.sharelist span{width:5rem;display:inline-block;background:url(../images/shareicons.png) no-repeat;background-position:0 0; background-size:auto 5rem;}*/
#share-t, #share-qzone, #share-wb, #share-wx-t, #share-wx-f, #share-qq {width: 4rem;display: block;background: url(../images/shareiconss.png) no-repeat;background-position: 0 0;background-size: auto 3.4rem;padding-top: 3.5rem;}
#share-wx-f {background-position: -0.2rem 0;}
#share-wx-t {background-position: -5.15rem 0;}
#share-qq {background-position: -10.2rem 0;}
#share-qzone {background-position: -15.4rem 0;}
#share-wb {background-position: -20.9rem 0;}

.shareAdapter{position:fixed;bottom:0;background:#f2f2f2;width:100%;text-align:center;z-index:20;border:1px solid #e0e0e0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.8s;will-change:transform}.fontAdapter.on,.shareAdapter.on{-webkit-transform:translateY(0);transform:translateY(0)}#sharelist{padding:1.5rem 1rem 2rem; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-around;
}#sharelist span{height:5rem;}.cancel{height:5rem;line-height:5rem; background-color:#FFF;font-size:1.8rem;width:100%;text-align:center; color:#999;}.layer{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);height:100%;width:100%;display:none;z-index:10}
.bdsharebuttonbox {width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around;}
#sharelist .bdshare-button-style0-16 a,#sharelist.bdshare-button-style0-16 .bds_more {
    float:none;
    font-size: 0.8rem;
    color: #999;
    padding-left: 0;
    margin:0;
}
.guideqq_layout,.guidewxf_layout,.guidewxt_layout{
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 width:100%;
 height:100%;
 z-index:999999;
 background:rgba(0,0,0,.8) 50% 90% no-repeat;
 background-size:80%
}
.wxguidewx_layout,.wxguideqq_layout {
 position:fixed;
 top:0;
 left:0;
 bottom:0;
 width:100%;
 height:100%;
 z-index:999999;
 background:rgba(0,0,0,.8) 80% 5% no-repeat;
 background-size:80%
}
.guidewxf_layout {
 background-image:url(../images/nbrowser-wx.png);
}
.guidewxt_layout {
 background-image:url(../images/nbrowser-pyq.png);
 background-size:84%;
}
.guideqq_layout {
 background-image:url(../images/nbrowser-qq.png);
}
.wxguidewx_layout {
 background-image:url(../images/nweixin-wx.png);
}
.wxguideqq_layout {
 background-image:url(../images/nweixin-qq.png);
}
.news_unit h2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.tags{ display:block;}
.tags p{font-size:1.2rem;color:#949494;}
.tags a{margin-right:0.5rem;}
#pullUp{padding-bottom:1.2rem;}
.nav .scroller .swiper-slide span{margin: 0 0.7rem;}
.phone_con{border-top:none;}
.phone_con .editor{padding: 0 1.3rem;}
.pictures .news_img img {height: 22rem;}
.news_img img {height: 7rem;}


.phone_con .nav .scroller .swiper-slide span{margin:0;}
.goodbad .good{ margin-top:1rem;}
.editor{text-align:right;color:#949494;font-size:1.2rem;line-height:1.8rem;margin-top:1.3rem;}
/*@media only screen and (max-width:360px),only screen and (max-device-width:360px)  {
.content h1{font-size:44px; line-height:2.6rem;}
.article_info{font-size:16px;}
.content .goodbad p {margin-top: 0.5rem;font-size:28px;}
.content p {font-size:28px; line-height:2rem;}
.phone_con{text-align:justify;word-break:normal;}
.phone_con p {font-size:28px;}
.phone_con .info_tit span{font-size:28px;}
.phone_con .editor{font-size:16px;}
.relative h3 {font-size:28px;}
.relative ul li {font-size:26px;}
}*/
.pc-slide {width:100%;margin: 0 auto; margin-top:1.3rem;}
.view .swiper-container {width:100%;height:29.5rem;}
.view .arrow-left {background:url(../images/return_icon.png) no-repeat left center;position: absolute; background-size:1rem;left:1rem;top: 50%;width:1rem;height:2rem;z-index: 10;}
.view .arrow-right {background:url(../images/navmore_icon.png) no-repeat left center;background-size:1rem;position: absolute;right:1rem;top: 50%;width:1rem;height:2rem;z-index: 10;}
.preview {width: 100%;margin-top:0.4rem;position: relative;}
.preview .swiper-container {height:6rem;}
.preview .swiper-slide {width:6.5rem;height:6rem;}
.content .preview img {width:6rem; margin:0;}
.content .view img {margin:0;}
.preview img {-webkit-filter:brightness(.6); }
.preview .active-nav img {padding: 0;-webkit-filter:brightness(1);}
.nav_little{position: -webkit-sticky;  position: -moz-sticky;  position: -ms-sticky;  position: sticky;  top:4rem; padding-top:1rem;}
.nav_little .swiper-container {margin-left: auto;margin-right: auto;overflow: hidden; z-index:10;}
.nav_little .swiper-wrapper {width: 100%; height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.nav_little .swiper-slide{flex-shrink: 0;height: 100%;position: relative;}
.nav_little .swiper-slide:first-child{ margin-left:1.3rem;}
.nav_little .swiper-slide a{ display:inline-block;font-size:1.4rem; padding:0 0.8rem; line-height:3rem;border: #ccc solid 1px;border-radius: 5rem; margin-right:0.5rem; background-color:#FFF;}
.phone_con h2{margin-bottom:0;}
.phone_con .info_tit{padding-top: 9rem;}
.nav_little .swiper-slide a{font-size:1.2rem;padding: 0 0.8rem;line-height: 2.8rem;}
.picbox img {height: 7rem;}
header .top .logo a {
    display: block;
    background: url(../images/logo.png) no-repeat center center;
    background-size: 7rem;
    width: 7rem;
    height: 3.8rem;
    margin: 0 auto;
    }