html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:6px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
input{position:relative;*top:1px;margin:0 4px 0 0;*margin:0 0 0 -4px;}



a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
html,body{background: #f4f4f4; color:#333333;}
body,button,input,textarea{ font: normal 100% Helvetica, Arial, sans-serif;}
a,a.active{color:inherit;}
.page{padding-top: 0px; padding-bottom: 3rem; max-width: 768px;margin:0 auto; min-width: 320px;  position: relative;}
.s_logo{
	width: 24%;
	padding: 1rem 4%;
	position: absolute;
	z-index: 10;
	top: 1rem;
	left: 0;
	height: 3rem;
	background: url(../img/s_logo.png) no-repeat right 1.5rem center;
	background-size: auto 100%; 
}



.swiper{width: 100%; background: #fff; }
.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;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;}
.index-banner {position: relative;overflow: hidden;-webkit-backface-visibility: hidden;z-index: 1;width: 100%; }
.index-banner{}
.index-banner .index-pagination {position: absolute;right: 0px;bottom:0;width: 100%;height: 15%; text-align: center; display: flex; justify-content:center; flex-wrap: wrap;}
.index-banner .banner-title {position: absolute;left: 0; padding: 0 3%; bottom: 5%;color: #fff;z-index: 5; line-height: 3rem; width: 94%; font-size: 1rem; text-align: center; vertical-align: middle;}
.index-banner .banner-title span{font-size: 3rem; color: #e1da6e; font-weight: bold; font-style: italic; line-height: 3rem; vertical-align: middle;}
.index-banner .index-pagination span {width: 2.6%;height: 15%;margin-top: 13%;margin-right: 1%; margin-left: 1%; border-radius: 100%;background: #e1da6e;}
.index-banner .swiper-wrapper li img{width: 100%;height: 100%;display: none;}
.index-banner .index-pagination span.swiper-active-switch{background: #fff;}
.banner-title p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.n_menu{
	width: 100%;
	padding: 0 0 0.5rem 0;
	background-image: linear-gradient(110deg, #e8202b, #580005); 
	}
.n_me_top{width: 100%; height: 0.5rem; background-image: linear-gradient(to right,  #e72e38, #e1da6e); }
.n_menu ul li{display: block; width: 25%; float: left; text-align: center; padding: 0.5rem 0;}
.n_menu ul li a{font-size: 0.8rem; color: #fff; display: block; line-height: 1.5rem;}
.n_menu ul li a div{width: 50%; box-shadow: 0rem 0.1rem 0.4rem #640005;  border-radius: 0.8rem; margin: 0.5rem auto; background-image: linear-gradient(110deg, #fff6dc, #ffe7a7); }
.n_menu ul li a div img{width: 100%; height:auto; margin: 0; padding: 0;  display: block;}

.n_index_con{width: 92%; padding: 1rem 4%; background: #e8202b; margin-top: 1rem;}
.n_list_tit{ text-align: center; line-height: 1.5rem; color: #fff;}
.n_list_tit i{color: #fff;}
.n_list_tit span{font-size: 1.2rem; font-weight: bold; padding: 0 0.5rem;}
.n_index_con ul li{background-color: #fff;  display: block; width: 100%; margin: 1rem 0; border-radius: 1rem; box-shadow: 0.2rem 0.2rem 0.5rem #640005;}
.n_index_con ul li a{display: block; padding:1rem ;  height: 100%; position: relative;}
.a_left{width: 55%; float: left;}
.a_left h1{font-size: 1rem; font-weight: normal; line-height: 1.8rem;}
.a_left p{color: #aaa; font-size: 1rem; line-height: 1.5rem;}
.a_right{width: 40%; float: right;}
.n_index_con ul li a img{ width: 100%; height: auto; border-radius: 0.5rem;}
.more{display: block; text-align: center; color: #fff;}
.a_left2{width: 55%; float:right; position: relative;}
.a_left2 h1{font-size: 1rem; font-weight: normal; line-height: 1.5rem;}
.a_left2 p{color: #aaa; font-size: 0.8rem; line-height: 1.2rem;}
.a_right2{width: 40%; float: left; position: relative;}

.n_index_con2{width: 92%; padding: 1rem 4%; background: #e8202b; margin-top: 1rem;}
.n_index_con2 ul li{display: block; width: 100%; margin: 1rem 0; position: relative;}
.n_index_con2 ul li a{display: block; height: 100%;}
.n_index_con2 ul li a img{width: 100%; height: auto; border-radius: 1rem; box-shadow: 0.2rem 0.2rem 0.5rem #640005;}
.con2_tit{position: absolute; z-index: 1; width: 92%; bottom: 0.2rem; background: #000000; opacity: 0.7; padding: 0.8rem 4%; color: #fff; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 1rem; border-radius: 0 0 1rem 1rem;}
.baom{position: absolute; bottom: 1rem; left: 45%; font-size: 0.8rem; color: #aaa;}


.user_foot{position: fixed; z-index: 15; width: 100%; padding-top: 0.2rem; height: 3.125rem; bottom: 0; background: #ffffff; box-shadow: 0px 0px 2px #c8c8c8;}
.user_foot ul li{display: block; width: 25%; height: 3.125rem; float: left; text-align: center;}
.user_foot ul li img{width: auto; height: 45%;}
.user_foot ul li a{text-align: center; display: block; font-size: 0.8rem;}

.cemian{position: fixed; bottom: 4rem; right: 0.3rem; width: 3.5rem; height: 3.5rem; background: #54045a; opacity: 0.6; z-index: 100; border-radius: 3rem;}
.cemian img{width: 100%; height: 100%;}


.show{background: #e72e38; color: #ffffff;}
.show a:hover{color: #ffffff;}
#ceng{position:absolute; z-index:101;background-color:#000;display:none;width:100%;height:100%;text-align:center; bottom: 0; left: 0;pointer-events: none;transition: all 0.3s; opacity: 0.5;}
#close{position:fixed;z-index:102;background-color:#fff; display:none; width:75%; height:100%;left: 0; top:0; overflow: auto;}
.n_login{width: 86%; padding: 1rem 0 2rem 0; margin: 0 7%; border-bottom: #f4f4f4 1px solid;}
.n_login a{display: block; background: url(../img/right1.png) no-repeat right bottom; background-size: auto 15%;}
.n_login a div{width: 30%; height: auto; text-align: center;}
.n_login a img{width: 100%; height: auto; border-radius: 100%; margin-bottom: 1rem;}
.n_login a p{ font-size: 1rem;}
.r_li{width: 86%; margin: 0 7% 1rem 7%;}
.r_li ul li{display: block; padding: 1rem 0 1rem 2.5rem; border-bottom: 1px #f4f4f4 solid; /* background: url(../img/right1.png) no-repeat right center; background-size: auto 35%; */ }
.r_li ul li a{font-size: 0.9rem;}
.ico_1{background: url(../img/icon-nav0.png) no-repeat left center; background-size: auto 65%;}
.ico_2{background: url(../img/icon-nav1.png) no-repeat left center; background-size: auto 65%;}
.ico_3{background: url(../img/icon-nav2.png) no-repeat left center; background-size: auto 65%;}
.ico_4{background: url(../img/icon-nav3.png) no-repeat left center; background-size: auto 65%;}
.ico_5{background: url(../img/icon-nav4.png) no-repeat left center; background-size: auto 65%;}
.ico_6{background: url(../img/icon-nav5.png) no-repeat left center; background-size: auto 65%;}
.ico_7{background: url(../img/icon-nav6.png) no-repeat left center; background-size: auto 65%;}
.ico_8{background: url(../img/icon-nav7.png) no-repeat left center; background-size: auto 65%;}
.ico_9{background: url(../img/icon-nav8.png) no-repeat left center; background-size: auto 65%;}

.n_close img{width: 20%; height: auto; padding-left: 7%;}
/* .tagg{
	position: absolute; z-index: 2; top: 0; left: 4%; font-size: 0.8rem; color: #ffffff; 
	background: #e96509; padding: 2px 2px 12px 2px; background: url(../img/tag.png) no-repeat center center; 
	background-size: 100% 100%; 
} */

.n_index_cona{width: 92%; padding: 1rem 4%; background: #e8202b; margin-top: 1rem;}
.n_index_cona ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.n_index_cona ul li{background-color: #fff;  display: block; width: 48%; margin: 1rem 0; border-radius: 1rem; box-shadow: 0rem 0.1rem 0.4rem #640005;}
.n_index_cona ul li a{display: block; width: 100%;  position: relative;}
.n_index_cona ul li a img{ width: 100%; height: auto; border-radius: 0.5rem 0.5rem 0 0;}
.n_index_cona ul li a h1{padding: 0.5rem; font-size: 1rem; color: #000000; font-weight: normal; text-align: center;}
.n_index_cond{width: 92%; padding: 1rem 4%; background: #e8202b;}

.n_index_conb{width: 92%; padding: 1rem 4%; background: #e8202b; margin-top: 1rem;}
.zhufu{
	width: 100%;
	height: 30rem;
	background-color: #fff;
	border-radius: 0.5rem;
	margin: 1rem 0;
	position: relative;
}

.zhufu .main{
	width: 100%;
}
.zhufu .mod18{width:100%;position:relative;}
.mod18 #prevTop{display:none}
.mod18 #nextTop{display:none}
.zhufu #prev{ background: url(../img/right2.png) no-repeat left center; height: 4rem; width: 10%; position: absolute; z-index: 99; left: 0; top: 0; cursor: pointer; }
.zhufu #next{ background: url(../img/right3.png) no-repeat right center; height: 4rem; width: 10%; position: absolute; z-index: 99; top: 0; right: 0; cursor: pointer; }
.zhufu .bigImgBox{width: 100%; height: auto;}
.mod18 .picBox{width: 100%; height: 24rem; position: relative; overflow: hidden;}
.mod18 .picBox ul{height:24rem;position:absolute; left:0;}
.mod18 .picBox li{height: 24rem; display: block;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:100%;height:24rem;position:absolute;color:#fff;}
.smImgBox{ width: 100%; height: 4rem; margin:1rem auto; position: relative; }
.mod18 .listBox{ width:80%; height: 4rem; margin: 0 auto; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:4rem;position:absolute; padding-left:0px;}
.mod18 .listBox li{ height: 4rem; cursor: pointer; position: relative; padding: 0 0 0 0; }
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:100%;height:4rem; text-align: center; border-radius: 0.5rem;}
.mod18 .listBox li img{width:auto; height: 3rem; border: #e5b1b3 0.4rem solid; margin: 0 auto; border-radius: 1rem; display: block; background-color: #e5b1b3;}
.mod18 .listBox .on img{ width:auto; height:3rem; border: #e8202b 0.4rem solid; margin: 0 auto; border-radius: 1rem; display: block; background-color:#e8202b ;}
.mod18 .listBox .on i{display:block;}


.zhufu_con{
	width: 92%;
	padding: 1rem 4%;
	height: auto;
}
.zhufu_tit{
	width: 92%;
}
.zhufu_tit img{
	width: auto;
	height: 6rem;
	margin-left: 1.4rem;
	border-radius: 100%;
}
.zhufu_tit h1{
	font-size: 1.2rem;
	color: #e8202b;
	font-weight: normal;
	padding-left: 1rem;
	line-height: 3rem;
	
}
.zhufu_tit h2{
	font-size: 1.2rem;
	color: #e8202b;
	font-weight: normal;
	padding-left: 1rem;
	line-height: 3rem;
	text-align: right;
}
.photoanvideo{
	width: 100%;
	height: 6rem;
	overflow: hidden;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.photoanvideo img{width: auto; height: 6rem; border-radius: 0.3rem; }



.n_index_conc{width: 92%; padding: 1rem 4%; background: #e8202b; margin-top: 1rem;}
.n_index_conc ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.n_index_conc ul li{background-color: #fff;  display: block; width: 100%; margin: 1rem 0; border-radius: 1rem; box-shadow: 0rem 0.1rem 0.4rem #640005;}
.n_index_conc ul li a{display: block; width: 100%;  position: relative; text-align: center; padding: 1rem 0;}
.n_index_conc ul li a img{ width: 80%; height: auto; border-radius: 0.5rem 0.5rem 0 0;}
.n_index_conc ul li a h1{padding: 0.5rem 0.5rem 1rem 0.5rem; font-size: 1rem; color: #000000; font-weight: normal; text-align: center;}
.juankuan{
	width: 100%;
	height: 25rem;
	background: #fff;
	margin-bottom: 1rem;
	border-radius: 1rem; box-shadow: 0rem 0.1rem 0.4rem #640005;
}
.baodao{width: 100%; height: 4rem;}
.baodao a{display: block; width: 100%; margin: 1rem auto; text-align: center; height: 3rem; background-color:#fff ; line-height: 3rem; border-radius: 1rem; font-size: 1.2rem; font-weight: bold; color: #e8202b; box-shadow: 0rem 0.1rem 0.4rem #640005;}

.yunyoulan{width: 92%; padding: 1rem 4%; background: #e8202b; margin-top: 1rem;}
.youlan_pho{
	width: 92%;
	height:auto;
	position: relative;
	background: url(../img/you_bg.png) no-repeat bottom center #fff;
	background-size: 100% auto;
	padding: 0.5rem 4% 8rem 4%;
	border-radius: 0.5rem;
	margin: 1rem 0;
	position: relative;
}
.youlan_bg{
	width: 100%;
	height: 30rem;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 0.5rem;
	opacity: 0.6;
}
.yunyou_list{
	width: 60%;
	height: 20rem;
	margin: 1rem auto;
	background-color: #fff;
}


.zhufu_list{
	width: 92%;
	padding: 1rem 4%;
	background-color: #fff;
	margin-top: 1rem;
}
.order{ padding: 0px; height: 3rem; background: #fff;}
.order ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.order ul li{display: block; width: 33%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; }
.order2{ padding: 0px; height: 3rem; background: #fff;}
.order2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.order2 ul li{display: block; width: 49%; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; }
.newon{color:#e8202b ; border-bottom: #EC971F 0.2rem solid; font-weight: bold; }
.hot_list2{ background-color: #ffffff;}
.hot_list2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.hot_list2 ul li{display: block; width: 47%; height: auto; margin-top: 1rem; border-bottom:2px solid #E40003;}
.hot_list2 ul li a{display: block; width: 100%; height: auto; position: relative;}
.hot_list2 ul li div {width: 100%; height: auto; position: relative;}
.hot_list2 ul li a span{font-size: 0.8rem;  background: url(../img/play.png) no-repeat 0.2rem center #000; background-size: auto 48%;  opacity: 0.7; padding: 0.2rem 0.5rem 0.2rem 1rem; position: absolute; right: 2%; bottom: 10%; color: #fff;}
.hot_list2 ul li a i{font-size: 0.8rem;  background: url(../img/play.png) no-repeat 0.2rem center #000; background-size: auto 48%;  opacity: 0.7; padding: 0.2rem 0.5rem 0.2rem 1rem; position: absolute; right: 2%; bottom: 10%; color: #fff;}
.hot_list2 ul li div img{width: 100%; height: auto;}
.hot_list2 ul li p{line-height: 1.8rem;}
.zhuf_con_tit{border-bottom: #EC971F 0.2rem solid; font-size: 1.2rem; font-weight: bold; line-height: 3rem;}
.zhuf_con{width: 100%; padding: 1rem 0;}
.zhuf_con video{display: block; width: 100%; height: 15rem;}
.zhuf_con h1{ font-size: 1.5rem; font-weight: normal;  line-height: 2.5rem; padding-top: 1rem;}
.zhuf_con h2{ font-size: 1.2rem; font-weight: normal;  line-height: 2rem; padding-top: 1rem; text-align: right; padding-bottom: 2rem;}
.zhuf_pho_add{width: 100%; height: auto;}
.zhuf_con p{font-size: 1rem; color: #999; line-height: 2rem; display: flex; justify-content: space-between; flex-wrap: wrap;}

.zhuf_con2{width: 100%; padding: 1rem 0;}
.zhuf_con2 h1{font-size: 1.2rem; font-weight: normal; line-height: 2rem; padding: 1rem; text-align: center;}
.zhuf_con2 img{width: 100%; height: auto; display: block; margin: 0; padding: 0;}
.fbtime{font-size: 1rem; color: #999;  text-align: center; padding-bottom: 1rem;border-bottom: 1px #f4f4f4 solid;}
.text_con{width: 100%; padding: 1rem 0;}
.text_con p{line-height: 2rem;}
.fo a{display: block; line-height: 2rem; width: 100%;}
.fo a span{color:#999 ;}
.zhuf_con3{width: 92%; padding: 1rem 4%;}
.zhuf_con3 p{font-size: 1rem; color: #999; font-weight: bold; line-height: 2rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.zhuf_con4{width: 100%; padding: 1rem 0;}
.zhuf_con4 p{font-size: 1rem; color: #286090; line-height: 2rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.zhuf_con4 span{ width: 33%; display: inline-block;}
.zhuf_con4 span img{width: 20%; height: auto; float: right;}


.liuyan{width: 92%; padding: 1rem 4%;}
.liuyan ul li{display: block; padding-bottom: 2rem;}
.liuyan ul li img{width: 10%; height: auto; border-radius: 0.2rem; float: left;}
.liuyan ul li p{float: right; display: block; width: 86%;}
.liuyan ul li p span{color: #999;}

.plly{ display: none; position:fixed; background-color: #f4f4f4; width: 92%; padding: 0.5rem 4% 1rem 4%; height: 10rem; bottom: 0;left: 0;}
.plly_tit{display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 1rem;}
.plly textarea{width: 94%; padding: 0.5rem 3%; height: 5rem; border: none; background-color: #fff; border-radius: 0.5rem;}
.plly_tit a{font-size: 0.8rem; color: #286090;}
.plly_tit i{font-size: 0.8rem; color: #999; font-weight: bold;}
.plly input{position: absolute; color:#e8202b ; font-size: 0.8rem; bottom: 0.5rem; right: 3%; border: none; background-color: #fff; padding: 0.2rem 1rem; border-radius: 0.2rem;}


.n_index_con8{width: 100%; padding: 1rem 0; background: #e8202b; margin-top: 1rem; position: relative;}
.htmleaf-content{padding: 1rem 0; }

.xiaozhang{padding: 0.5rem; background-color: #fff; margin-top: 1rem; border-radius: 0.5rem; text-align: center;}
.xiaozhang img{width: 100%; height: auto; border-radius: 0.5rem; display: block; margin: 0; padding: 0;}
.youlan_pho h1{font-size: 1.2rem; color:#e8202b ; line-height: 2rem; padding-bottom: 1rem; text-align: center;}
.youlan_pho p{font-size: 1.2rem; color:#e8202b ; line-height: 2rem; padding-bottom: 0.5rem;}