@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #fff; font-size: 12px;min-width: 1100px!important; font-family:"Microsoft YaHei",-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Helvetica,Arial,"PingFang SC",'Noto Sans',"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color: #444;}
a[title="站长统计"]{display: none;}
.m-hide{display:inline-block !important;}
.pc-hide{display:none !important;}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1102px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{display: inline-block;width: 100%;float: left;}
.title{ margin-bottom: .45rem;}
.title h2{ text-align: left; border-bottom: 1px solid #dfdfdf; padding-bottom: 0.4rem;}
.cot{display: inline-block;width: 100%;}
/*侧边导航*/
.lfNav{position: fixed;width: 186px;height: 424px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:0; height:38px; width:38px; }
.mt185{margin-top: 152px;}
.scys{display: inline-block;width: 100%;}
.nav-bg{width: 60%;height: 38px;display: block;float:left;clear:both;border-bottom: 1px dashed #c70404;margin-left: 12%;}
.nav-bg:last-of-type{border-bottom: none;}
.nav-bg a{width: 100%;height: 38px;line-height: 38px; display: block;margin:auto;font-size: 18px; color: #fff;text-align: center;}
.nav-bg a:hover{font-weight: bold;color: #f9ff9b;}
.left_top {width: 34%;height: 60px;display: block;float: left;margin-left: 26%;margin-top: 16px;}
.sec1{background: url(../images/s1Bg.jpg) no-repeat center top;background-size: auto 100%; height: 676px;}
.sec2{background: url(../images/s2Bg.jpg) no-repeat center top;background-size: auto 100%; height: 858px;}
.sec3{background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 100%; height: 858px;}
.sec4{background: url(../images/s4Bg.jpg) no-repeat center top;background-size: auto 100%; height: 858px;}
.sec5{background: url(../images/s5Bg.jpg) no-repeat center top;background-size: auto 100%; height: 1311px;}
.scys1{background: url(../images/sCimg1.png) no-repeat center top;background-size: auto 100%; height: 676px;}
.scys2{background: url(../images/sCimg2.png) no-repeat center top;background-size: auto 100%; height: 859px;}
.scys3{background: url(../images/sCimg2.png) no-repeat center top;background-size: auto 100%; height: 859px;}
.scys4{background: url(../images/sCimg4.png) no-repeat center top;background-size: auto 100%; height: 859px;}
.scys5{background: url(../images/sCimg5.png) no-repeat center top;background-size: auto 100%; height: 1179px;}
.tit{display: inline-block;width: auto;margin-top: .54rem;position: relative;}
.tit::before{display: inline-block;content: ''; width: .68rem;height: .2rem;background: url(../images/titL.png) no-repeat center top;background-size: 100% 100%;position: absolute;left: -1.25rem;top: .32rem;}
.tit::after{display: inline-block;content: ''; width: .68rem;height: .2rem;background: url(../images/titR.png) no-repeat center top;background-size: 100% 100%;position: absolute;right: -1.25rem;top: .32rem;}
.tit h2{font-size: .52rem;font-weight: bold;color: #f9ff9a;}
.tit .p1{font-size: .24rem;color: #fff;}
/*banner*/
.banner-box {
  position: relative;
  height: 7.2rem;
  overflow: hidden;
  width: 100%;
  text-align: center;
  background: url(../images/banner.jpg) no-repeat center top;
  background-size: auto 100%
}

.banner-box .wrap {
  height: auto
}
.banner-box .logo {
    width: 1.5rem;
    position: absolute;
    left: -0.3rem;
    top: 0.3rem;
    cursor: pointer;
    display: block;
}
.banImg1{
	width: .98rem;
	position: absolute;
	top: 1rem;left: 21%;
	animation: swing2 ease-in-out 1s infinite alternate;
}
.banImg2 {
    position: absolute;
    bottom: .5rem;
    left: .5rem;
	animation: xie 1.5s forwards ease-in-out;
}
.banImg3{
	position: absolute;
	bottom: -.8rem;right: -.3rem;
	animation: xie2 1.5s forwards ease-in-out;
}
@keyframes xie{
	0%{transform: translateY(0) translateX(0); opacity: 0;}
	100%{transform: translateY(-100px) translateX(100px); opacity: 1;}
}
@keyframes xie2{
	0%{transform: translateY(0) translateX(0); opacity: 0;}
	100%{transform: translateY(-200px) translateX(-200px); opacity: 1;}
}
@keyframes swing2 {
	0% { transform: rotate(3deg); }
	100% { transform: rotate(-3deg); }
}
/* section1 */
.s1tit{margin-top: .2rem;}
.s1U{display: inline-block;width: 86%;margin: .6rem 7% 0;}
.s1U li{
    font-size: .22rem;
    color: #e82b2b;
    line-height: .5rem;
    display: inline-block;
    width: auto;
    float: left;
    position: relative;
    cursor: pointer;
    padding: 0 .19rem;
}
.s1U li::before{display: inline-block;content: '';width: .01rem;height: .16rem;background: #e82b2b;position: absolute;right: 0;top: .16rem;}
.s1U li:last-child::before{display: none;}
.s1U li.cur{font-weight: bold;color: #6a2608;border-radius: 0.08rem;margin-left: -0.01rem;
	background: #f9ff9a;
	background: -webkit-linear-gradient(top, #fff, #f9ff9a);
	background: -o-linear-gradient(bottom, #fff, #f9ff9a);
	background: -moz-linear-gradient(bottom, #fff, #f9ff9a);
	background: linear-gradient(to bottom, #fff, #f9ff9a)
}
.s1U li.cur::before{display: none;}
.s1nr{display: inline-block;width: 100%;margin-top: .37rem;}
.s1nr>div{display: inline-block;float: left;}
.s1nr .s1L{margin-top: .1rem;margin-left: 0.95rem;}
.s1nr .s1R{width: 2.41rem;float: right;background: #fff;border-top-left-radius: .2rem;border-bottom-left-radius: .2rem;}
.s1R>div{width: 100%;/* height: 3.11rem; */min-height: 2.4rem; box-shadow: -.08rem 0 .27rem rgba(255, 140, 109, .25);border-top-left-radius: .2rem;border-bottom-left-radius: .2rem;padding-top: .24rem;padding-bottom: 0.24rem;position: relative;z-index: 1; display: none;}
.s1R>div.cur1{display: inline-block;}
.yymk>div{
	display: inline-block;width: 2.19rem;height: 2.56rem;margin: 0 0.12rem;float: left;
}
.yymk .yxq1{background: url(../images/s1img1.png) no-repeat center top;background-size: 100% 100%;}
.yymk .yxq2{background: url(../images/s1img2.png) no-repeat center top;background-size: 100% 100%;}
.yymk .yxq3{background: url(../images/s1img3.png) no-repeat center top;background-size: 100% 100%;}
.yyxq .p1{font-size: .21rem;font-weight: bold;color: #f9ff9a;margin-top: 0.12rem;line-height: .24rem;}
.yyxq .p2{font-size: .2rem;font-weight: bold;color: #000;margin-top: 1.2rem;}
.yyxq .p3{font-size: .18rem;color: #000;}
.s1xq>div{margin-bottom: .07rem;}
.s1xq div a{display: inline-block;width: 1.65rem;height: .46rem;background: url(../images/s1btn1.png) no-repeat center top;background-size: 100% 100%;font-size: .18rem;color: #fff;line-height: .38rem;cursor: pointer;}
.s1xq .cur a{background: url(../images/s1btn2.png) no-repeat center top;background-size: 100% 100%;}
.s1xq div .ewm{display: none;width: 80%;margin: 5% 10% 0;}
.s1xq .cur .ewm{display: inline-block;}
.s1xq div .ewm img{width: 100%;}
.s1ts{font-size: .16rem;color: #d63a3a;display: inline-block;margin-top: .1rem;}
.s1ts img{margin-left: .12rem;margin-top: .1rem;vertical-align: sub;animation: iMove 1.2s infinite alternate ease-in-out;}
@keyframes iMove{
	0%{transform: translateX(0px);}
	100%{transform: translateX(-20px);}
}
/* sec2 */
.s2U{display: inline-block;width: 100%;margin-top: 0.55rem;}
.s2U li{display: inline-block;width: 3.84rem;height: .5rem;line-height: .5rem;border-radius: .12rem;font-size: .24rem;font-weight: bold;color: #e72626;	margin: 0 .3rem;box-shadow:inset 0 .07rem .08rem rgba(231,38,38,1);cursor: pointer;}
.s2U li img{margin-left: .08rem;}
.s2U li.cur{
	color: #6a2608;
	background: #f9ff9a;
	background: -webkit-linear-gradient(top, #fff, #f9ff9a);
	background: -o-linear-gradient(bottom, #fff, #f9ff9a);
	background: -moz-linear-gradient(bottom, #fff, #f9ff9a);
	background: linear-gradient(to bottom, #fff, #f9ff9a);
	box-shadow:inset 0 .05rem .04rem rgba(242,167,69,1);
}
.s2nr>div{display: none;}
.s2nr>div.cur{display: inline-block;margin-top: 0.52rem;}
.s2xq>div{display: inline-block;float: left;}
.s2xq .s2L{width: 5.28rem;margin-left: 0.18rem;}
.s2xq .s2L img{width: 100%; margin-bottom: .24rem;}
.s2xq .s2R{width: 4.46rem;}
.s2xq .s2R img{width: 100%;}
.s2It{margin-top: .64rem;}

/* section3 */
.cot3>div{display: inline-block;float: left;}
.s3L{margin-left: 1rem;margin-top: 1rem;}
.s3R{margin-left: -1rem;margin-top: 1.8rem;}

/* section4 */
.cot4{width: 75%;margin: 0 12.5%;}
.cot4>div{display: inline-block;float: left;width: 3.55rem;height: 3.92rem;margin: 1.36rem .27rem 0;}
.cot4 .s4L{background: url(../images/s4img1.png) no-repeat center top;background-size: 100% 100%;}
.cot4 .s4R{background: url(../images/s4img2.png) no-repeat center top;background-size: 100% 100%;}
.s4U>p{font-size: .28rem;font-weight: bold;color: #f9ff9a;line-height: .48rem;margin-bottom: 0.3rem;}
.s4U>li{font-size: .2rem;color: #fff;width: 2.32rem;height: .82rem;line-height: .78rem;margin: 0 auto .13rem;}
.s4L .s4U>li{background: url(../images/s4img3.png) no-repeat center top;background-size: 100% 100%;}
.s4R .s4U>li{background: url(../images/s4img4.png) no-repeat center top;background-size: 100% 100%;}
.s4ts{font-size: .16rem;color: #333;display: inline-block;width: 100%;margin-top: .5rem;}

/* section5 */
.cot5 ul {
    float: left;
    margin-top: 115px;
    margin-left: 194px;
    width: 718px;
}

.cot5 ul li {
    clear: both;
    float: left;
    border-bottom: 1px dashed #fb2c2c;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 18px;
    box-sizing: unset;
	padding-right: 10%;
}
.cot5 ul li:last-child{border-bottom: none;}
.cot5 ul li font {
    font-size: 22px;
    line-height: 36px;
    float: left;
    color: #fe4d01;
    font-weight: 700
}

.cot5 ul li font::before {
    content: "";
    width: 47px;
    height: 47px;
    display: block;
    float: left;
    margin-left: -70px
}

.cot5 ul li.rul01 font::before {
    background: url(../images/s5icon01.png) no-repeat 50%;
    background-size: 100%
}

.cot5 ul li.rul02 font::before {
    background: url(../images/s5icon02.png) no-repeat 50%;
    background-size: 100%
}

.cot5 ul li.rul03 font::before {
    background: url(../images/s5icon03.png) no-repeat 50%;
    background-size: 100%
}

.cot5 ul li.rul04 font::before {
    background: url(../images/s5icon04.png) no-repeat 50%;
    background-size: 100%
}

.cot5 ul li.rul05 font::before {
    background: url(../images/s5icon05.png) no-repeat 50%;
    background-size: 100%
}
.cot5 ul li font {
    font-size: 24px;
    line-height: 36px;
    float: left;
    color: #fb2c2c;
    font-weight: 700;
}
.cot5 ul li p {
    font: 18px/30px microsoft yahei;
    color: #333;
    text-align: left;
    width: 100%;
    clear: both
}
.cot5 ul li p span{
	display: inline-block;
	color: #fb4242;
	margin-right: 2px;
}