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

*{ margin:0; padding:0; border:0;}
html,
body {
  height: 100%;

}
body {
  font-family: "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";
  font-size: 0.21875rem;
  width: 100%;
  max-width: 10rem;
  margin:0 auto;
  background-color:#f8f8f8;
}
li{ list-style:none;}
a { color:#333; text-decoration:none;}
a:hover {color: #115D8F; text-decoration:none;}

.nav_box { width:100%; height:100%; background-color:#333; position:fixed; top:0; left:0; z-index:1000; opacity: 0.9; display:none;}
.esc_box { overflow:hidden; position:relative;}
.esc_box img { visibility:hidden;}
.esc_box img.esc { position:absolute; left:4%; top:0; visibility:inherit; z-index:1001;}
.nav_list { width:100%; overflow:hidden;}
.nav_list li { padding-left:18%; font-size:0.47rem; line-height:1.1rem; color:#FFF;}
.nav_list li a { color:#FFF;}
.nav_list li:nth-child(1) { background:url(../images/nav1.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(2) { background:url(../images/nav2.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(3) { background:url(../images/nav3.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(4) { background:url(../images/nav4.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(5) { background:url(../images/nav5.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(6) { background:url(../images/nav6.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(7) { background:url(../images/nav7.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(8) { background:url(../images/nav8.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(9) { background:url(../images/nav9.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(10) { background:url(../images/nav10.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li:nth-child(11) { background:url(../images/nav11.png) 10% center no-repeat; background-size:4.2% auto;}
.nav_list li.b { width:8%; padding-left:0; margin-top:0.2rem; padding-top:0.6rem; font-size:0.36rem; float:left; margin-left:20%; text-align:center;}
.nav_list li:nth-child(12) { background:url(../images/nav12.png) no-repeat; background-size:100% auto;}
.nav_list li:nth-child(13) { background:url(../images/nav13.png) no-repeat; background-size:100% auto;}
.nav_list li:nth-child(14) { background:url(../images/nav14.png) no-repeat; background-size:100% auto;}
.nav_list li:nth-child(15) { background:url(../images/nav15.png) no-repeat; background-size:100% auto;}
.nav_list li:nth-child(16) { background:url(../images/nav16.png) no-repeat; background-size:100% auto;}

.main { width: 10rem; margin: 0 auto; position:relative; overflow:hidden;}

.banner { overflow:hidden; position:relative;}
.more { position:absolute; left:4%; top:0; z-index:100}
.banner span { position:absolute; left:0; top:0; width:100%; color:#FFF; text-align:center; line-height:1.5rem; font-size:0.56rem; z-index:99}

.swiper_box { width:100%; overflow:hidden; height:6rem; background-color:#313333; padding-top:0.3rem;}
.swiper-container { width:140%; cursor:pointer; position:absolute; left:-20%;}
.swiper-container .swiper-slide span { text-align:center; display:block; font-size:0.45rem; line-height:0.6rem; padding:0.2rem 0;}
.swiper-container .swiper-slide a { color:#FFF;}
.f_left { width:9%; height:100%; position:absolute; left:14%; top:0; z-index:9; background:url(../images/f_left.png) left top repeat-y; background-size:100% auto;}
.f_right { width:9%; height:100%; position:absolute; right:14%; top:0; z-index:9; background:url(../images/f_right.png) left top repeat-y; background-size:100% auto;}

.hot_list { width:96%; margin-left:2%; overflow:hidden; padding-top:0.4rem; margin-bottom:0.3rem; border-bottom:solid 1px #cccccc;}
.hot_list li { overflow:hidden; font-size:0.4rem; margin-bottom:0.4rem; line-height:0.6rem;}
.hot_list li b { width:13%; font-weight:normal; padding-right:1%; color:#c13234; display:block; float:left;}
.hot_list li span { width:86%; float:left; display:block;}
.hot_list li.gd { text-align:center; color:#999999; font-size:0.34rem;}

.wap_title { overflow:hidden; width:93.5%; padding-left:6.5%; font-weight:bold; background:url(../images/jian.png) center center no-repeat; background-size:96% auto;}
.wap_title a { display:block; color:#c13234; font-size:0.48rem; line-height:1.4rem;}
.swiper-container2 { width:160%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container2 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container2 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.swiper-container3 { width:160%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container3 .swiper-slide { width:100%; border-radius:5px; display:block; position:relative;}
.swiper-container3 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}
.swiper-container3 span { position:absolute; left:0; top:0;}

.swiper-container4 { width:160%; margin:0 2%; overflow:hidden; margin-bottom:0.6rem;}
.swiper-container4 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container4 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.swiper-container5 { width:160%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container5 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container5 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.shangbiao_list { width:96%; margin-left:2%; overflow:hidden;}
.shangbiao_list li { width:32%; margin-right:2%; margin-bottom:0.3rem; float:left;}
.shangbiao_list li:nth-child(3) { margin-right:0;}
.shangbiao_list li:nth-child(6) { margin-right:0;}
.shangbiao_list li:nth-child(9) { margin-right:0;}
.shangbiao_list li:nth-child(12) { margin-right:0;}
.shangbiao_list li:nth-child(15) { margin-right:0;}
.shangbiao_list li:nth-child(18) { margin-right:0;}

.wap_title2 { overflow:hidden; width:93.5%; padding-left:6.5%; font-weight:bold; background:url(../images/jian2.png) center center no-repeat; background-size:96% auto;}
.wap_title2 a { display:block; color:#c13234; font-size:0.48rem; line-height:1.4rem;}

.wap_title3 { width:20%; margin:0 auto; text-align:center; color:#FFF; font-size:0.4rem; line-height:0.8rem; border-radius: 1rem; margin-bottom:0.3rem; background-color:#c13234;}
.swiper-container6 { width:120%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container6 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container6 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.swiper-container7 { width:120%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container7 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container7 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.swiper-container8 { width:120%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container8 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container8 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.swiper-container9 { width:120%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem;}
.swiper-container9 .swiper-slide { width:100%; border-radius:5px; display:block;}
.swiper-container9 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}

.swiper-container10 { width:96%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem; padding-bottom:0.8rem; position:relative;}
.swiper-container10 .swiper-slide { width:100%; display:block; overflow:hidden;}
.swiper-container10 .swiper-slide h5 { width:100%; height:100%; text-align:center; font-size:0.4rem; line-height:1rem; margin:0; font-weight:normal; background:url(../images/meng.png) no-repeat; background-size:100% 100%; position:absolute; top:0; left:0;}
.swiper-container10 .swiper-slide h5 a { width:94%; padding-left:3%; display:block; text-align:center; color:#FFF; padding-top:5.4rem;}
.swiper-container10 .swiper-pagination { bottom:0.2rem; color:#999999;}

.swiper-container11 { width:96%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem; padding-bottom:0.8rem; position:relative;}
.swiper-container11 .swiper-slide { width:100%; display:block; overflow:hidden;}
.swiper-container11 .swiper-slide h5 { width:100%; height:100%; text-align:center; font-size:0.4rem; line-height:1rem; margin:0; font-weight:normal; background:url(../images/meng.png) no-repeat; background-size:100% 100%; position:absolute; top:0; left:0;}
.swiper-container11 .swiper-slide h5 a { width:94%; padding-left:3%; display:block; text-align:center; color:#FFF; padding-top:5.4rem;}
.swiper-container11 .swiper-pagination { bottom:0.2rem; color:#999999;}

.swiper-container12 { width:96%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem; padding-bottom:0.8rem; position:relative;}
.swiper-container12 .swiper-slide { width:100%; display:block; overflow:hidden;}
.swiper-container12 .swiper-slide h5 { width:100%; height:100%; text-align:center; font-size:0.4rem; line-height:1rem; margin:0; font-weight:normal; background:url(../images/meng.png) no-repeat; background-size:100% 100%; position:absolute; top:0; left:0;}
.swiper-container12 .swiper-slide h5 a { width:94%; padding-left:3%; display:block; text-align:center; color:#FFF; padding-top:5.4rem;}
.swiper-container12 .swiper-pagination { bottom:0.2rem; color:#999999;}

.swiper-container13 { width:96%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem; padding-bottom:0.8rem; position:relative;}
.swiper-container13 .swiper-slide { width:100%; display:block; overflow:hidden;}
.swiper-container13 .swiper-slide h5 { width:100%; height:100%; text-align:center; font-size:0.4rem; line-height:1rem; margin:0; font-weight:normal; background:url(../images/meng.png) no-repeat; background-size:100% 100%; position:absolute; top:0; left:0;}
.swiper-container13 .swiper-slide h5 a { width:94%; padding-left:3%; display:block; text-align:center; color:#FFF; padding-top:5.4rem;}
.swiper-container13 .swiper-pagination { bottom:0.2rem; color:#999999;}

.swiper-container14 { width:96%; margin:0 2%; overflow:hidden; margin-bottom:0.3rem; padding-bottom:0.8rem; position:relative;}
.swiper-container14 .swiper-slide { width:100%; display:block; overflow:hidden;}
.swiper-container14 .swiper-slide h5 { width:100%; height:100%; text-align:center; font-size:0.4rem; line-height:1rem; margin:0; font-weight:normal; background:url(../images/meng.png) no-repeat; background-size:100% 100%; position:absolute; top:0; left:0;}
.swiper-container14 .swiper-slide h5 a { width:94%; padding-left:3%; display:block; text-align:center; color:#FFF; padding-top:5.4rem;}
.swiper-container14 .swiper-pagination { bottom:0.2rem; color:#999999;}

.swiper-container15 { width:160%; margin:0 2%; margin-bottom:0.3rem; position:relative;}
.swiper-container15 .swiper-slide { width:100%; border-radius:5px; display:block; position:relative;}
.swiper-container15 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}
.swiper-container15 .swiper-slide span { display:block;}
.swiper-container15 .swiper-slide span a { position:absolute; left:0; top:0; width:100%; text-align:center;}
.swiper-container15 .swiper-pagination { left:47%; width:20%; bottom:auto; top:-0.9rem; color:#999999;}

.swiper-container16 { width:160%; margin:0 2%; margin-bottom:0.3rem; position:relative;}
.swiper-container16 .swiper-slide { width:100%; border-radius:5px; display:block; position:relative;}
.swiper-container16 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}
.swiper-container16 .swiper-slide span { display:block;}
.swiper-container16 .swiper-slide span a { position:absolute; left:0; top:0; width:100%; text-align:center;}
.swiper-container16 .swiper-pagination { left:47%; width:20%; bottom:auto; top:-0.9rem; color:#999999;}

.swiper-container17 { width:160%; margin:0 2%; margin-bottom:0.3rem; position:relative;}
.swiper-container17 .swiper-slide { width:100%; border-radius:5px; display:block; position:relative;}
.swiper-container17 .swiper-slide h5 { text-align:center; font-size:0.4rem; line-height:0.7rem; margin:0; font-weight:normal;}
.swiper-container17 .swiper-slide span { display:block;}
.swiper-container17 .swiper-slide span a { position:absolute; left:0; top:0; width:100%; text-align:center;}
.swiper-container17 .swiper-pagination { left:47%; width:20%; bottom:auto; top:-0.9rem; color:#999999;}

.footer { width:100%; background-color:#333333; overflow:hidden;}
.foot_left { float:left; padding:0.5rem 3%; font-size:0.35rem; line-height:0.6rem; color:#FFF;}
.foot_right { width:20%; padding:0.5rem 3%; float:right;}

.list_box { overflow:hidden;}
.list_box li { padding:0 4%; margin-bottom:0.6rem; overflow:hidden;}
.list_box li img { width:38%; float:left;}
.list_box li p { width:59%; padding-left:3%; float:left; font-size:0.4rem; line-height:0.6rem;}
.list_box li p span { color:#c13234;}

.video_box { overflow:hidden;}
.video_box h1 { font-size:0.46rem; padding:0 2%; line-height:0.8rem; font-weight:normal;}
.video_box span { font-size:0.4rem; padding:0 2% 0.4rem; line-height:0.6rem; color:#808080; display:block;}

.lianmeng_box { overflow:hidden;}
.lianmeng_box ul { padding:0 0 0 3%;}
.lianmeng_box li { height:3.2rem; margin-right:4%; margin-bottom:0.6rem; overflow:hidden; float:left;}

.qushi_box { overflow:hidden;}
.qushi_box h5 { font-size:0.46rem; padding:0 2%; line-height:0.8rem; font-weight:normal;}
.qushi_box span { font-size:0.4rem; padding:0 2% 0.4rem; line-height:0.6rem; color:#808080; display:block; margin-bottom:0.4rem;}

.chanpin_box { overflow:hidden;}
.chanpin_box ul { padding:0 0 0 4%;}
.chanpin_box li { width:46%; margin-right:4%; margin-bottom:0.6rem; overflow:hidden; float:left;}
.chanpin_box span { font-size:0.4rem; padding:0 2%; text-align:center; line-height:0.6rem; color:#808080; display:block;}

.nav_wap { position:absolute; left:0; top:2rem; width:100%;}
.nav_wap li { float:left; color:#FFF; font-size:0.42rem; width:17%; line-height:1rem; margin:0 4%; text-align:center;}
.nav_wap li.hover { font-weight:bold; color:#c13234; border-bottom:solid 0.1rem #c13234;}
.zhiku_nav { overflow:hidden; padding-left:3%; display:none;}
.zhiku_nav.hover { display:block;}
.zhiku_nav p { overflow:hidden; margin-bottom:0.6rem;}
.zhiku_nav p img { float:left; margin-right:3%;}
.zhiku_nav p b { padding-top:0.1rem; line-height:0.8rem; font-size:0.5rem; margin-bottom:0.2rem; display:block; font-weight:normal;}
.zhiku_nav p span { font-size:0.4rem; line-height:0.6rem;}

.zhuanjia_img { width:28%; margin:0 auto; }
.zhuanjia_img img { border-radius: 3rem;}
.zhuanjia_right { position:relative; width:100%; overflow:hidden; margin-bottom:0.6rem;}
.zhuanjia_right .back { width:100%; height:100%; background:url(../images/meng2.png) no-repeat; background-size:100% 100%; padding:0.7rem 0;}
.zhuanjia_right .text { width:94%; padding:0 3%;}
.zhuanjia_right .text b { font-size:0.44rem; line-height:0.8rem; text-align:center; display:block; font-weight:normal; margin:0.1rem 0; color:#000000;}
.zhuanjia_right .text span { font-size:0.4rem; line-height:0.6rem; display:block; color:#808080;}