html,body,form,p,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0; padding:0; list-style:none;}
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:url(http://images.china.cn/images1/ch/2019042301/css/images/bg.jpg) no-repeat;
  background-size:100% auto;
}
a { color:#666666; text-decoration:none;}
a:hover { color:#666666; text-decoration:none;}
.main {
  width: 10rem;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.logo_di { width:100%; background-color:#fff; overflow:hidden;}
.logo_di .logo_left { width:8%; padding:0.1rem 0 0.1rem 5%; float:left;}
.logo { width:100%; position:fixed; z-index:1111; background-color:#fff; left:0; top:0;}
.logo .logo_left { width:10%; padding:0.1rem 0 0.1rem 5%; float:left;}
.logo .logo_right { width:6%; padding:0.3rem 0 0.1rem 0; margin-right:5%; float:right; display:block;}
.logo .logo_right .on { display:block;}
.logo .logo_right .off { display:none;}
.ment_right { float: right; line-height: 1.2rem; padding-right: 2%;}
.logo .logo_list { float:left; width:100%; overflow:hidden; display:none;}
.logo .logo_list.hover { display:block;}
.logo .logo_list b { display:block; font-size:0.4rem; font-weight:normal; line-height:0.8rem; padding-left:5%; margin-bottom:1px; color:#FFF;background:url(../images/jiah.png) 94% center #5cb171 no-repeat;background-size:auto 60%;}
.logo .logo_list b.hover {background:url(../images/jian.png) 94% center #5cb171 no-repeat;background-size:auto 60%;}
.logo .logo_list strong { display:block; font-size:0.4rem; font-weight:normal; line-height:0.8rem; padding-left:5%; padding-left:5%; margin-bottom:1px; background:url(../images/you.png) 94% center #5cb171 no-repeat;background-size:auto 60%;}
.logo .logo_list strong a { color:#FFF; display:block;}
.logo .logo_list p { display:none;}
.logo .logo_list span { display:block; font-size:0.36rem; font-weight:normal; line-height:0.7rem; margin-bottom:1px;}
.logo .logo_list span a { display:block; padding-left:5%;}
.logo .logo_list span a:hover { background-color:#19a078; color:#fff;}

.swiper-container { width: 100%; overflow: hidden; position:relative;}
.swiper-container .swiper-pagination { position:absolute; left:0; top:0;}

.banner_li { width:100%; overflow:hidden; padding:0.2rem 0 0.3rem;}
.banner_li li { width:20%; float:left;}

.title { width:100%; font-size:0.5rem; line-height:1rem; color:#5a5a5a; font-weight:bold; text-align:center; background:url(../images/title.jpg) center bottom no-repeat; background-size:6% auto; margin:0.5rem 0;}

.swiper-container2 { width: 100%; overflow: hidden; position:relative; padding-top:1rem; margin-bottom:0.3rem;}
.swiper-container2 .swiper-pagination { position:absolute; left:0; top:0; font-size:0.4rem; height:1rem;}
.swiper-container2 .swiper-pagination-bullet { width:30%; height:auto; background:none; color:#4f4f4f; opacity:1; border-radius:0;}
.swiper-container2 .swiper-pagination-bullet-active { color:#5cb171; border-radius:0;}
.list2 { overflow:hidden; background-color:#f7f7f7; margin-bottom:0.1rem;}
.list2 img { width:37%; padding-right:4%; float:left;}
.list2 b { display:block; width:56%; float:left; font-size:0.38rem; line-height:0.6rem; height:0.6rem; margin:0.3rem 0 0.2rem 0; overflow:hidden;}
.list2 span { display:block; width:56%; float:left; font-size:0.32rem; line-height:0.6rem; height:1.2rem; overflow:hidden;}

.swiper-container3 { width: 100%; height:5rem; margin-bottom:0.1rem; overflow: hidden; position:relative;}
.swiper-container3 .swiper-pagination { position:absolute; left:0; top:auto;}
.swiper-container3 .swiper-pagination-bullet { width:6%; height:0.1rem; border-radius:0; background-color:#f1f1f1; opacity:1;}
.swiper-container3 .swiper-pagination-bullet-active { background-color:#cbcbcb; border-radius:0;}
.left3 { width:37%; padding:0.4rem 3%; float:left; margin-left:3%; border:solid 1px #d7d7d7; border-radius:5px;}
.left3 b { background:url(../images/title2.jpg) left bottom no-repeat; display:block; font-size:0.4rem; line-height:0.6rem; padding-bottom:0.2rem; font-weight:normal; background-size:15% auto; margin-bottom:0.2rem;}
.left3 span { height:2.3rem; overflow:hidden; font-size:0.3rem; line-height:0.6rem; display:block;}
.left3.right3 { float:right; margin-right:3%;}

.swiper-container4 { width: 100%; overflow: hidden; position:relative; padding-top:1rem; margin-bottom:0.3rem;}
.swiper-container4 .swiper-pagination { position:absolute; left:0; top:0; font-size:0.4rem; height:1rem;}
.swiper-container4 .swiper-pagination-bullet { width:30%; height:auto; background:none; color:#4f4f4f; opacity:1; border-radius:0;}
.swiper-container4 .swiper-pagination-bullet-active { color:#5cb171; border-radius:0;}
.list4 { overflow:hidden; background-color:#f7f7f7; margin-bottom:0.1rem;}
.list4 img { width:37%; padding-right:4%; float:left;}
.list4 b { display:block; width:56%; float:left; font-size:0.38rem; line-height:0.6rem; height:1.2rem; margin:0.3rem 0 0.2rem 0; overflow:hidden;}
.list4 span { display:block; width:56%; float:left; text-align:right; font-size:0.32rem; line-height:0.6rem; height:0.6rem; overflow:hidden;}

.block4 { width: 100%; overflow: hidden; margin-bottom:0.5rem;}
.left4 { width:43%; float:left; margin-left:3%; border-radius:5px;}
.left4 img {  display:block; border-radius:5px 5px 0 0;}
.left4 span { overflow:hidden; font-size:0.4rem; line-height:0.6rem; padding:0.4rem 8%; display:block; background-color:#5cb171; border-radius:0 0 5px 5px;}
.left4 span a { color:#FFF;}
.left4.right4 { float:right; margin-right:3%;}

.swiper-container5 { width:100%; overflow:hidden; margin-bottom:0.5rem;}
.swiper-container5 .swiper-slide { width:58%; position:relative;}
.swiper-container5 .swiper-slide p { width:90%; padding:0 5%; display:block; overflow:hidden;}
.swiper-container5 .swiper-slide p img { width:100%; border-radius:5px 5px 0 0; display:block;}
.swiper-container5 .swiper-slide p b { display:block; background-color:#f6f6f6; color:#666666; font-size:0.4rem; line-height:0.6rem;width:90%; padding:0.6rem 5% 0.2rem;}
.swiper-container5 .swiper-slide p span { display:block; border-radius:0 0 5px 5px; background-color:#f6f6f6; color:#666666; font-size:0.32rem; line-height:0.6rem; width:90%; padding:0.1rem 5%;  }
.swiper-container5 .swiper-slide .jia { position:absolute; width:20%; left:40%; top:2.3rem;}

.footer { background-color:#55af72; text-align:center; font-size:0.32rem; line-height:0.8rem; padding:0.5rem 0;}
.footer p { width:100%; margin:0 auto; color:#fff;}

.more { width:22%; text-align:center; line-height:0.8rem; background-color:#58b26e; color:#FFF; margin:0.8rem auto; border-radius:1rem;}
.hide { display:none;}
.hide.show { display:block;}
.more_hover { width:22%; text-align:center; line-height:0.8rem; background-color:#f4f4f4; color:#666; margin:0.8rem auto; border-radius:1rem; display:none;}

.photo_box { overflow:hidden;}
.photo_list { width:50%; margin-bottom:0.5rem; position:relative; float:left;}
.photo_list p { width:90%; height:5.4rem; padding:0 5%; display:block; overflow:hidden;}
.photo_list p img { width:100%; border-radius:5px 5px 0 0; display:block;}
.photo_list p b { height:1.2rem; display:block; background-color:#f6f6f6; color:#666666; font-size:0.4rem; line-height:0.6rem;width:90%; padding:0.6rem 5% 0.6rem; border-radius:0 0 5px 5px;}
.photo_list p span { display:none; background-color:#f6f6f6; color:#666666; font-size:0.32rem; line-height:0.6rem; width:90%; padding:0.1rem 5%;  height:1.8rem;  }
.photo_list .jia { position:absolute; width:20%; left:40%; top:2.3rem;}

.banner_box { overflow:hidden; position:relative; margin-bottom:0.2rem;}
.banner_box b { width:88%; position:absolute; left:6%; top:70%; font-size:0.42rem; line-height:0.8rem;}
.banner_box b a { color:#fff;}
.banner_box span { width:88%; position:absolute; left:6%; top:92%; color:#fff; font-size:0.32rem;}

.center_box { width:88%; margin:0 auto; font-size:0.36rem; line-height:0.7rem;}
.center_box b { font-size:0.42rem; line-height:0.8rem;}

.video_banner { overflow:hidden; position:relative; padding-bottom:2rem; margin-bottom:0.5rem;}
.video_banner .play { width:10%; position:absolute; left:45%; top:30%;}
.video_text { width:83%; padding:0.4rem 6%; position:absolute; left:2.5%; bottom:0; background-color:#FFF; border-radius:0.1rem;}
.video_text b { display:block; font-size:0.42rem; line-height:0.8rem;}
.video_text span { display:block; font-size:0.32rem; line-height:0.6rem;}

.list3 { overflow:hidden; background-color:#f7f7f7; margin-bottom:0.1rem; background-color:#FFF; position:relative;}
.list3 img { width:37%; padding-right:4%; float:left;}
.list3 b { display:block; width:56%; float:left; font-size:0.38rem; line-height:0.6rem; height:1.2rem; margin:0.3rem 0 0.3rem 0; overflow:hidden;}
.list3 span { display:block; width:26%; padding-right:4%; float:right; font-size:0.32rem; line-height:0.6rem; height:0.6rem; overflow:hidden; text-align:right;}
.list3 .play { width:24%; position:absolute; left:2%; bottom:0.2rem;}
.list3 strong { width:16%; float:left; text-align:center; background-color:#5bb170; color:#FFF; font-size:0.32rem; line-height:0.6rem; height:0.6rem; border-radius:1rem; font-weight:normal;}

.video_box { width:90%; margin:0.2rem auto 0.4rem; overflow:hidden; border-bottom:solid 1px #dadada; padding-bottom:0.3rem;}
.video_box b { display:block; width:100%; float:left; font-size:0.42rem; line-height:0.8rem; margin:0.3rem 0 0.3rem 0; overflow:hidden;}
.video_box span { display:block; width:50%; padding-right:4%; float:left; font-size:0.32rem; line-height:0.6rem; height:0.6rem; overflow:hidden;}
.video_box strong { width:16%; float:right; text-align:center; background-color:#5bb170; color:#FFF; font-size:0.32rem; line-height:0.6rem; height:0.6rem; border-radius:1rem; font-weight:normal;}

.Month { width:290px; margin-top:50px; float:left; position:relative;}
.Month b { font-weight:normal; width:280px; height:33px; line-height:33px; background:url(../images/xiala.png) no-repeat; display:block; padding-left:10px;}
.Month dl { width:286px; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; display:none; position:absolute; left:0; top:33px; z-index:1111; background-color:#FFF;}
.Month dl a { display:block; padding-left:10px;}
.Month dl a:hover { background-color:#CCC;}
.right { width:310px; margin-top:50px; float:right; overflow:hidden; padding-bottom:1rem}
.right img { float:left; margin-left:10px; margin-right:0;}

.Month {width:98%;float:none;margin-right:0;padding-left:2%;margin-top:0.5rem}
.Month b {width:93%;background-size:100% auto;height:1.1rem;line-height:1.02rem;padding-left:5%}
.Month dl {width:95.2%;top:1.01rem;left:2%}
.Month dl dd { line-height:1.02rem;}
.Month dl a {padding-left:5%}
.right {width:98%;float:none;margin-right:0;padding-left:2%;margin-top:0.8rem}
.right img {width:35%;height:auto;margin-left:0;margin-right:5%}