@charset "utf-8";
*{ margin: 0px; padding: 0px; list-style: none; font-family: "微软雅黑"; text-decoration: none; font-weight: normal;}
.ub
{
	display: -webkit-box !important;
	display: box !important;
	position:relative;
	                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
}
.ub-ac
{
	-webkit-box-align:center;
	box-align:center;
}
.ub-pc
{
	-webkit-box-pack:center;
	box-pack:center;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;
}

.ub-f1
{
	position:relative;
	-webkit-box-flex: 1; 
	box-flex: 1;
	
}
.fl{ float: left;}
.fr{ float: right;}
.banner{ background: url(../images/bannerbg_01.jpg) center top; height: 500px;overflow: hidden;}
/*.nav{ float: right; }
.nav li{ float: left; margin-left: 30px;  line-height: 60px;}
.nav li a{ display: block; overflow: hidden; font-size: 16px; color: #fff;}
.nav li a:hover{font-weight: bold;}*/
.bannerw{width: 1200px; margin: auto;}
.banner_text{ margin-top: 140px;}
.banner_text h1{ font-size: 42px; color: #fff;}
.banner_text i{ display: block; width: 34px; height: 6px; border-radius: 60px; background: #fff; margin: 25px 0 23px;}
.banner_text P{ color: #fff; font-size: 14px;}
.banner_text a{ display: block;border-radius: 60px;  width: 154px; height: 42px; line-height: 42px; text-align: center; border: 2px solid #fff; color: #fff; margin-top: 81px;}
.clear{ clear: both;}
.banner_text a:hover{ background: #fff; color: #eb4944;}
.logo{ float: left; margin-left: 0;  height: 60px;display: flex;align-items: center}
.logo .logoimg{ display: block;align-items: center;}
/*.bannerwtop .logo{ display: block; float: left;}*/
.bannerwtopw { position: fixed; top:0px; width: 100%; left: 0px; right: 0px; height: 60px; background: url(../images/navbg.jpg) repeat-y top center; }
.bannerwtop{ width: 1200px; margin: auto;}
.mian1{ margin: auto; width: 1200px; padding-bottom: 60px;}
.mian1_list{ overflow: hidden;}
.mian1_list ul li{ float: left;  width: 336px; text-align: center; margin-right: 96px; cursor: pointer;}
.mian1_list ul li div{ height: 65px;}
.mian1_list ul li h1{ font-size: 18px; text-align: center; color: #222;margin: 17px 0px;}
.mian1_list ul li p{ font-size: 14px; color: #666;}
.mian1_list ul li:nth-child(1) div span{ width: 48px; height: 65px;margin: auto; display: block; background:url(../images/function_redpacket1_v2.png) no-repeat; background-size: cover}
.mian1_list ul li:nth-child(2) div span{ width: 60px;height: 60px; margin: auto; display: block; background: url(../images/function_playmethod1_v2.png) no-repeat;background-size: cover}
.mian1_list ul li:nth-child(3) div span{ width: 60px;height: 64px; margin: auto; display: block; background: url(../images/function_channel1_v2.png) no-repeat;background-size: cover}

.mian1_list ul li:nth-last-child(1){ margin-right: 0px;}
.mian1_list ul li:hover:nth-child(1) div span{ background: url(../images/function_redpacket2_v2.png) no-repeat;width: 48px; height: 65px;margin: auto; display: block;background-size: cover}
.mian1_list ul li:hover:nth-child(2) div span{ background: url(../images/function_playmethod2_v2.png) no-repeat;width: 60px; height: 60px;margin: auto; display: block;background-size: cover}
.mian1_list ul li:hover:nth-child(3) div span{ background: url(../images/function_channel2_v2.png) no-repeat;width: 60px; height: 64px;margin: auto; display: block;background-size: cover}
.mian2{ overflow: hidden;background: #f9f9f9; padding-bottom: 60px;}
.mian2b{ width: 1200px; margin: auto; overflow:hidden;}
.mian2b dl{ float: left; width: 320px; background: #fff; margin-right: 120px;}
.mian2b dl dt img{ display:block; width: 320px;}
.mian2b dl dd h1{ font-size: 16px; text-align: center; color: #222; margin-top: 15px; margin-bottom: 10px;}
.mian2b dl dd p{ font-size: 14px; text-align: center; margin: 0 20px; height: 80px; color: #666;}
.mian2b dl:nth-last-child(1){ margin-right: 0px;}

.mian3{ background: #e40011; overflow: hidden;padding-bottom: 60px; }
.mian3 .title h1{ font-size: 32px; color: #fff; text-align: center; }
.mian3 .title i{ display: block; height: 4px; border-radius: 50px; background: #fff; width: 40px; margin: 19px auto 49px;}
.mian3 .title{ margin-top: 54px;}
.mian3b{ width: 1200px; margin: auto;overflow: hidden; }
.mian3b img{ display: block; width: 175px; height: 369px; float: left; margin-right: 81px;}
.mian3b img:nth-last-child(1){  margin-right: 0px;}
.mian4b { width: 1200px; margin: auto; overflow: hidden; padding-bottom: 60px;}
.mian4b dl{ width: 448px; }
.mian4b dl:nth-child(1){ float: left;}
.mian4b dl:nth-child(2){ float: right;}
.mian4b dd h1{ font-size: 16px; color: #222px; margin-bottom: 13px;}
.mian4b dl dd,.mian4b dl dt{ float: left;}
.mian4b dd p{ font-size: 14px; color: #666;}
.mian4b dl dt img{ display: block; width: 80px;}
.mian4b dl dd{ width: 337px; margin-left: 15px;}
.mian5{ background: url(../images/bg_02.jpg) no-repeat center; background-size: cover; height: 250px; overflow: hidden;}
.mian5 p{ font-size: 30px; color: #fff; text-align: center; margin-top: 70px;}
.mian5 a{ display: block;  margin:28px auto 0; width: 168px; height: 51px; line-height: 51px; text-align: center; border-radius: 100px; background: #fff; color: #e40011; font-size: 20px;}
.mian5 a:hover{ border: 1px solid #fff; background: none; color: #fff;}

.footer h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.footer{ background: #333538;  height: 360px;font-family: 'Microsoft YaHei'; overflow: hidden;}
.footer .footer-left{ width: 688px; margin-left: 116px; color: #fff;}
.footer .footer-left h5{ margin: 90px 0 50px 0; font-size: 18px; }
.footer .footer-left p{font-size: 14px; margin-bottom: 5px}
.footer .footer-left h3{font-size: 14px; margin-top: 30px}
.footer .footer-left h3>div{ display: block; width: 23px }
.footer .footer-left h3>div img{ display: block; width: 23px }
.footer .footer-riht img{width: 180px; height: 180px; margin-top:90px; display: block;}
.footer-riht p{ font-size: 14px; color: #fff; text-align: center; margin-top: 5px;}
.max1920 {
    
    width: 100%;
    margin: 0 auto;}

.w1100{ width: 1200px; margin: auto;}
.fl{ float: left;}
.fr{ float: right;}


.h_banner{ background: url(../images/h_bannerbg_02.jpg) no-repeat center top; height: 425px; overflow: hidden; background-size: cover; }
.h_banner p:nth-child(1){ font-size: 16px; text-align: center; color: #fff; margin-top: 110px;}
.h_banner p:nth-child(2){ font-size: 30px; text-align: center; color: #fff; margin: 34px 0 79px; line-height: 44px;}
.hbox{height:50px;width:100%; border-bottom: 1px solid #f0f0f0; line-height: 50px; background: #fff;}



/*返回顶部开始*/
/*** guide ***/
/*.guide{width:60px;margin-left:570px;position:fixed;right:2%;bottom:40%;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');display:block;z-index:99999}
.guide a{display:block;width:60px;height:60px;margin-top:0px;text-decoration:none;font:16px/50px "Microsoft YaHei";text-align:center;color:#fff;position:relative; margin-bottom:1px}
.guide a span{display:none;text-align:center; }
.guide a:hover{text-decoration:none;background-color:#e40011;color:#fff;}
.guide a:hover span{display:block;width:60px;background:#e40011;height:60px; line-height:60px}
.guide .find{background:rgba(0,0,0,0.4) url(../images/sprite_v2-2.png) no-repeat; }
.guide .report{background:rgba(0,0,0,0.4) url(../images/sprite_v2-3.png) no-repeat;position:relative}
.guide .edit{background:rgba(0,0,0,0.4) url(../images/sprite_v2-1.png) no-repeat;;position:relative}
.guide .top{background:rgba(0,0,0,0.4) url(../images/sprite_v2-4.png) no-repeat;}
.guide a:nth-child(4){border-bottom:0px}
.weixin{ width:200px;height:200px;background:#e40011; position:absolute;top:0px;right:60px; display:none;overflow:hidden}
.weixin img{ width:100px;height:100px;display:block; margin:20px auto 0; border:10px solid #fff; border-radius:3px}
.weixin p{ color:#fff; font-size:14px; text:center}
.dianhua{ width:200px;height:60px;background:#e40011; position:absolute;top:0px;right:60px; color:#fff; font-size:20px; line-height:60px; display:none }
.qq{ width:200px;background:#e40011; position:absolute;top:0px;right:60px; color:#fff; font-size:20px; line-height:60px; display:none;height:60px}
.find:hover .qq{display:block}
.edit:hover .weixin{display:block}
.report:hover .dianhua{display:block}
*/

/*mobile*/
.mbanner1{ width: 100%; display: block;}
.mbanner2{ background:url(../images/mt2_02.jpg) center top; background-size: cover;padding-bottom: 1rem; }
.mbanner2 h1{ font-size: 0.57rem; font-weight: bold; color: #fff; text-align: center;}
.mbanner2 i{ display: block; height: 0.08rem; width: 0.47rem; border-radius: 1rem; background: #fff; margin:.22rem auto; }
.mbanner2 p{ font-size: 0.22rem; color: #fff; text-align: center;}
.mbanner2 a{ display: block; width: 2rem; height: .56rem; text-align: center; line-height: .56rem; border-radius: 100rem;margin: auto;  color: #fff; border: .03rem solid #fff; font-size: 0.24rem; margin-top: .5rem;}

.se1 h1{ color: #222; font-size: 0.36rem; text-align: center; margin-top: 0.6rem; margin-bottom: 0.4rem;}
.se1{ margin: 0 0.3rem;}
.se1 .se1dl1 dt{ width: 20%;}
.se1 .se1dl1 dt img{ width: 100%; display: block;}
.se1 .se1dl1 dd{ width: 76%; font-size: 0.26rem;color: #666;}
.se1 .se1dl2 dt{ width: 76%; font-size: 0.26rem; color: #666;}
.se1 .se1dl2 dd{ width: 20%;}
.se1 .se1dl2 dd img{ width: 100%; display: block;}
.se1 dl{ width: 70%; margin:0.4rem auto 0;}
.se2{ background: #f9f9f9; margin-top: 0.6rem;}
.se2 .title{ font-size: 0.36rem; color: #222; text-align: center; padding: 0.2rem 0; margin: 0 0.3rem;display: block;}
.se2w{ margin: 0 0.3rem;}
.se2dl1{ background: #fff; overflow: hidden; padding-bottom: 0.5rem;}
.se2dl1 dt span{ display: block; color: #222; font-size: 0.36rem; text-align: center; margin-bottom: 0.15rem;}
.se2dl1 dt i{ display: block; width: 0.5rem; height: 0.06rem; background: #E40011; border-radius: 5rem; margin: auto;}
.se2dl1 dt{ margin-top: 0.3rem;}
.se2dl1 dd img{ display: block; width: 100%; margin: auto;}
.se2dl1 dd h1{ font-size: 0.36rem; text-align: center; color: #222; margin:0.15rem 0 0.15rem;}
.se2dl1 dd { width: 80%; margin: 0.3rem auto 0;}
.se2dl1 dd p{  color: #666666; font-size: 0.24rem; text-align: center;}

.se2dl2{ background: #E40011; padding-top: 0.3rem; overflow: hidden;}
.se2dl2 dt span{ display: block; color: #fff; font-size: 0.36rem; text-align: center; margin-bottom: 0.15rem;}
.se2dl2 dt i{ display: block; width: 0.5rem; height: 0.06rem; background: #fff; border-radius: 5rem; margin: auto;}
.se2dl2 dt{ margin-top: 0.3rem;}
.se2dl2 dd{ overflow-x: auto;  margin-top: 0.2rem;}
.se2dl2 dd img{ display: block; width: 2.3rem; height: 4.93rem; margin: 0 0.1rem;}

.se2_last{ color: #fff; font-size: 0.36rem; font-weight: bold; overflow: hidden; height: 1rem; text-align:center; padding: 0.2rem 0;}
.se2dl2 dl{ overflow: hidden;}

.cang{ font-size: 0.24rem; display: none;  background: #fff; border-top:1px solid #f1f1f1 ; padding:0.3rem  0.3rem; }
.lastm{ width: 100%; border-top: 1px solid #f1f1f1;background: #fff; }
.lastm a,.lastm span{ display: block; width: 50%; float: left; text-align: center;  font-size: 0.3rem;padding: 0.3rem 0; } 
.lastm span{ background: #E40011; color: #fff;}
.lastm a{ color: #222; background: #fff;  }
.last{ position: fixed; bottom: 0px; z-index: 999; width: 100%;  }
.mnone{ height: 1.6rem; width: 100%; background: #E40011;}