@charset "utf-8";
/* CSS Document */
.cont{position:relative; width: 100%; overflow: hidden;}
.mar1{ width:300px; height: 300px; position: absolute; left: 50%; top:1020px; margin-left: -750px; background: url("img/mark.png") no-repeat; background-size: 300px; background-position: 0 0}
.mar2{ width:300px; height: 250px; position: absolute; right: 50%;bottom:1300px; margin-right: -750px; background: url("img/mark.png") no-repeat; background-size: 300px; background-position: 0 -300px}
.mar3{ width:300px; height: 250px; position: absolute; left: 50%; bottom:750px; margin-left: -800px; background: url("img/mark.png") no-repeat; background-size: 300px; background-position: 0 -550px}
.bgT{ position:relative; width: 100%; height: 420px; margin-bottom: -130px; overflow: hidden; background: url("img/bgT.jpg") no-repeat top center; background-size: 1920px;}

.bgB{ position:relative; width: 100%; height: 330px; overflow: hidden; background: url("img/bgB.jpg") no-repeat bottom center; background-size: 1920px;}


.tit{ width:550px; height: 150px; position: relative; z-index: 3; overflow: hidden; margin: 0 auto; background: url("img/latter.png") no-repeat; background-position: 0 0; background-size: 550px;}
.tit p{ font-size:38px; color: #333; line-height: 150px; text-align: center; font-weight: bold;}
.tit p em{ color:#ffa800;}

.tit2{ background-position: 0 -150px; margin-top: 40px; height: 90px;}
.tit2 p{ line-height:90px; margin-top: -23px;}
.tit3{ background-position: 0 -240px; height: 160px;}
.tit3 p{ line-height:160px; font-size: 40px;}

.box_1200{ width:1200px; position: relative; margin: 0 auto; overflow: hidden;}
.bor_20{border-radius:20px;}
.col_fa0{ background-color:#ffd952; box-shadow: 0 5px 30px rgba(142,65,2,0.2)}
.hot_pp{ width:1026px; height: 420px; cursor: pointer; padding: 65px 70px; background-color: #ffd952; margin: 0 auto; position: relative; border-radius:10px }
.hot_pp:before{ position:absolute; left: 0;top: 0; background: #ffd952; content: ''; z-index: 5; width: 70px; height: 100%;}
.hot_pp:after{ position:absolute; right: 0;top: 0; background: #ffd952; content: ''; z-index: 5; width: 70px; height: 100%;}
.hot_pp ul li img{ border-radius:10px}
.hot_pp ul li{background:rgba(255,255,255,0.5); box-sizing: border-box; padding: 25px;border-radius:10px;}
.hot_pp_bor{ width:976px; height: 370px; position: absolute; left:45px; top: 40px; border: 25px solid rgba(255,255,255,0.5); z-index: 10; border-radius: 10px; }
.hot_pp_back{width:976px; height: 370px; left: 70px; top: 65px; background: rgba(255,255,255,0.5); position: absolute;}

.left_prev{ width:40px; height: 80px; background: url("img/poin.png") no-repeat; left: 25px; margin-top: -40px; background-size: 80px; background-position: 0 0}
.right_next{ width:40px; height: 80px; background: url("img/poin.png") no-repeat; right: 25px; margin-top: -40px; background-size: 80px; background-position: -40px 0}
.left_prev:after{ opacity: 0}
.right_next:after{ opacity: 0}


.theme_p{width:1218px; margin: 0 auto; height: 1320px; overflow: hidden; position: relative}
.theme_p ul li{ float:left; width: 388px; margin:10px 9px;}
.theme_p ul li .pic_b{ width: 388px; background-color: #f0d29f; height: 220px; overflow: hidden;}


.theme_p ul li .pic_b img{float:left; width: 100%; height: 100%;}
.theme_p ul li p{ text-align:center; font-size: 22px; margin-top: 10px; line-height: 42px; color: #282828; font-weight: bold}
.theme_p ul li span{ text-align:center; display: block; font-size: 18px; line-height: 38px; color: #282828;}
.mor_css{ width:200px; height: 44px; cursor: pointer;line-height: 44px; font-size: 24px;margin: 20px auto; color: #282828; background-color: #ffd952; text-align: center;}
a:hover{  text-decoration: none;}


.theme_b{width:1224px; margin: 0 auto; overflow: hidden; position: relative}
.theme_b ul li{ float:left; width: 384px; margin: 12px;}
.theme_b ul li .pic_b{ width: 384px; height: 202px; overflow: hidden;}
.theme_b ul li .pic_b img{float:left; width: 100%; height: 100%;}
.theme_b ul li p{ text-align:center; font-size: 26px; margin-top: 10px; line-height: 46px; color: #ffa800; font-weight: bold}
.theme_b ul li span{ text-align:center; display: block; font-size: 18px; line-height: 38px; color: #282828;}
.mor_css{ width:200px; height: 44px; line-height: 44px; font-size: 24px;margin: 20px auto; color: #282828; background-color: #ffd952; text-align: center;}

.pc_hot{display:block}
.wap_hot{display:none}


@media (max-width: 320px){html{font-size: 106.6666px;} }
@media (min-width: 320px){html{font-size: 106.6666px;} }
@media (min-width: 360px){html{font-size: 120px;} }
@media (min-width: 375px){html{font-size: 125px;} }
@media (min-width: 384px){html{font-size: 128px;} }
@media (min-width: 414px){html{font-size: 138px;} }
@media (min-width: 448px){html{font-size: 149.3333px;} }
@media (min-width: 480px){html{font-size: 160px;} }
@media (min-width: 512px){html{font-size: 170.6666px;} }
@media (min-width: 544px){html{font-size: 181.3333px;} }
@media (min-width: 576px){html{font-size: 192px;} }
@media (min-width: 600px){html{font-size: 200px;} }
@media (min-width: 768px){html{font-size: 100px;} }
@media (max-width: 768px){
.cont{position:relative; width: 100%; overflow: hidden; background-color: #fff;}
.mar1{ width:1rem; height: 1rem; position: absolute; margin: 0; z-index: 1; left: -0.26rem; top:1rem; background: url("img/mark_m.png") no-repeat; background-size: 1rem; background-position: 0 0}
.mar2{ width:1rem; height: 0.6rem; position: absolute; margin: 0; right: -0.2rem;bottom:4rem;  background: url("img/mark_m.png") no-repeat; background-size: 1rem; background-position: 0 -1rem}
.mar3{ width:1rem; height: 0.8rem; position: absolute; margin: 0; left: -0.3rem; bottom:3.5rem;  background: url("img/mark_m.png") no-repeat; background-size: 1rem; background-position: 0 -1.6rem}
.bgT{ width: 100%; height: 1.2rem; margin-bottom: -0.28rem; background: url("img/bnTop.jpg") no-repeat top center; background-size: 3rem;}
.bgT img{display: block; width: 100%;}
.bgB{ width: 100%; height: 1.2rem; margin-top: -0.6rem; background: url("img/bnBottom.jpg") no-repeat bottom center; background-size: 3rem;}
.bgB img{display: block; position: absolute; left: 0; bottom: 0; width: 100%;}

.tit{ width:1.8rem; height: 0.48rem; position: relative; z-index: 3; overflow: hidden; margin: 0 auto; background: url("img/latter_m.png") no-repeat; background-position: 0 0; background-size: 1.8rem;}
.tit p{ font-size:0.12rem; color: #333; line-height: 0.48rem; text-align: center; font-weight: bold;}
.tit p em{ color:#ffa800; font-weight: bold;}

.tit2{ background-position: 0 -0.48rem;}
.tit2 p{margin-top: 0; }
.tit3{ background-position: 0 -0.96rem;}
.tit3 p{  font-size: 0.128rem;}

.box_1200{ width:2.76rem; position: relative; z-index: 2; margin: 0 auto; overflow: hidden;}
.bor_20{border-radius:0.06rem;}
.col_fa0{ background-color:#ffd952; height: 1.25rem; box-shadow: 0 0.04rem 0.1rem rgba(142,65,2,0.2)}
.hot_pp{ width:2.56rem; height: 1.04rem;  margin: 0 auto; margin-top: 0.08rem; padding: 0; padding-bottom: 0.1rem; overflow: hidden; position: relative; border-radius:0.03rem}
.hot_pp ul li img{ border-radius:0.03rem; display: block; width: 100%}
.hot_pp ul li{ box-sizing:border-box; padding: 0.05rem; background: rgba(255,255,255,0.5);border-radius:0.03rem;}
.hot_pp .cir_css{ bottom: 0; font-size: 0}
.hot_pp .cir_css span{ width:0.05rem; height: 0.05rem; background-color: #fff; margin:0 0.025rem; opacity: 0.4;}
.hot_pp .cir_css span.swiper-pagination-bullet-active{ opacity:0.7;}
.hot_pp:before{ position:absolute; left: 0;top: 0; background: #ffd952; content: ''; z-index: 5; width: 0; height: 0;}
.hot_pp:after{ position:absolute; right: 0;top: 0; background: #ffd952; content: ''; z-index: 5; width: 0; height: 0;}
.pc_hot{display:none}
.wap_hot{display:block}
	
.theme_p{width:2.84rem; margin: 0 auto; height: 7.08rem; overflow: hidden; position: relative}
.theme_p ul li{ float:left; width: 1.34rem; margin: 0.04rem;}
.theme_p ul li .pic_b{ width: 1.34rem; height: 0.74rem; overflow: hidden;}

	
	
	
	.theme_p ul li .pic_b img{float:left; width: 100%; height: 100%;}
.theme_p ul li p{ text-align:center; font-size: 0.104rem; margin-top: 0.04rem; line-height: 0.164rem; height: 0.164rem; overflow: hidden; color: #282828; font-weight: bold}
.theme_p ul li span{ text-align:center; display: block; font-size: 0.096rem; line-height: 0.156rem;height: 0.156rem; overflow: hidden;  color: #282828;}
.mor_css{ width:0.62rem; height: 0.16rem; line-height: 0.16rem; font-size: 0.072rem;margin: 0.08rem auto; color: #282828; background-color: #ffd952; text-align: center;}
a:hover{  text-decoration: none;}


.theme_b{width:2.84rem; margin: 0 auto; overflow: hidden; position: relative; z-index: 2}
.theme_b ul li{ float:left; width:1.34rem; margin: 0.04rem;}
.theme_b ul li .pic_b{ width: 1.34rem; height: 0.68rem; overflow: hidden;}
.theme_b ul li .pic_b img{float:left; width: 100%; height: 100%;}
.theme_b ul li p{ text-align:center; font-size: 0.112rem; margin-top: 0.04rem; line-height: 0.172rem;height: 0.172rem; overflow: hidden; color: #ffa800; font-weight: bold}
.theme_b ul li span{ text-align:center; display: block; font-size: 0.096rem; line-height: 0.156rem;height: 0.156rem; overflow: hidden; color: #282828;}
}




.s1,.flo_nav,.foot_s{display:none;}@media (max-width:320px){html{font-size:106.6666px;}}@media (min-width:320px){html{font-size:106.6666px;}}@media (min-width:360px){html{font-size:120px;}}@media (min-width:375px){html{font-size:125px;}}@media (min-width:384px){html{font-size:128px;}}@media (min-width:414px){html{font-size:138px;}}@media (min-width:448px){html{font-size:149.3333px;}}@media (min-width:480px){html{font-size:160px;}}@media (min-width:512px){html{font-size:170.6666px;}}@media (min-width:544px){html{font-size:181.3333px;}}@media (min-width:576px){html{font-size:192px;}}@media (min-width:600px){html{font-size:200px;}}@media (min-width:768px){html{font-size:100px;}}@media (max-width:768px){#htop_box{display:none;}.s1{display:block;}.t_top,.header,.newnav{ display:none;}.footer{display:none;}.foot_s{display:block;width:100%;max-width:600px;margin:0.2rem auto;overflow:hidden;background-color:#fff;}.foot_s .num_gl{width:100%;overflow:hidden;text-align:center;font:13px/30px "microsoft yahei";color:#999;}.foot_s .num_gl a{color:#666;margin:auto 8px;}.foot_s .cop_st{text-align:center;font:13px/30px "microsoft yahei";color:#666;margin-top:3px;}.foot_s .cop_st a{color:#666;}.foot_s .num_c{text-align:center;font:13px/24px "microsoft yahei";color:#666;}.foot_s .num_c i{font-style:normal;margin:auto 5px;font-size:9px;color:#999;}.foot_s .num_c a{color:#666;}.foot_s .num_c span{margin:auto 10px;}}