@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;width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.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;}
.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;}

.sec5{background: url(../images/s5Bg.jpg) no-repeat center top;background-size: auto 1715px; height: 1300px;}
.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 */
.kuang{
	width:100%; clear: both; float: left; margin-top: 77px;
	background: url(../images/title-img01.png) no-repeat center top;
	background-size: auto .48rem;
	position: relative;
}
.kuangLine::before{
	content: '';width: 100%; height: 1.33rem; display: block;
	background: url(../images/part-line.png) no-repeat center;
	background-size: auto 100%;
	position: absolute; left: 0; top: -1.09rem;
}
.secTit{
	width:100%; clear:both; float: left;margin-top: -.77rem;
	height: 1.45rem;
	background: url(../images/title-bg01.png) no-repeat center;
	background-size: auto 100%;
	position: relative;
	
}

.secTit h2{
	font-size: .52rem; line-height: .62rem; font-weight: bold; margin-top: .27rem;
	width: 100%; float: left;
	/* color: #f9ff9a; */
	background: linear-gradient( #ffffff, #f9ff9a);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
		color: transparent;
}
.secTit p{
	width: 100%; clear: both;
	font-size: .24rem; line-height: .4rem; color: #fff;
}
.secTit::before,.secTit::after{
	content: '';width: .68rem; height: 1.34rem; display: inline-block;
	position: absolute; top: .1rem;
}
.secTit::before{
	background: url(../images/title-icon01.png) no-repeat center;
	background-size: 100%;
	left: 3rem;
}
.secTit::after{
	background: url(../images/title-icon02.png) no-repeat center;
	background-size: 100%;
	right: 3rem;
}

.mainbox{
	width:100%; clear:both; float: left; min-height: 1rem; margin-top: -.25rem;
	background: #fff;
	border-radius: .15rem;
}
.mainbox .box{
	width: 10.2rem; float: left; margin: .37rem .4rem .4rem;
	background: #7dbbff;
	min-height: 1rem;
	border-radius: .15rem;
	box-shadow: 0 0 .15rem rgba(21,80,171,.8) inset;
}
.mainbox .box .sub{
	width: 9.6rem; float: left; margin: .2rem .3rem .12rem;
}
.mainbox .box .sub a{
	width: 2.15rem; display:inline-block;
	font-size:.24rem; line-height:.5rem; color: #fff;
	cursor: pointer;
}
.mainbox .box .sub a.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);
}
.main{
	width: 9.6rem; float: left; clear: both;
	margin: 0 .3rem .3rem;
	background: #fff;
	border-radius: 8px;
}
.s1-main .main .left{
	float: left; margin-top: .39rem; margin-left: .2rem; width: 7.3rem;
}
.s1-main .main .left .yyxq{
	display: inline-block;width: 2.19rem;height: 2.56rem;margin: 0 0.12rem;float: left;
}
.s1-main .main .left .yxq1{background: url(../images/s1img1.png) no-repeat center top;background-size: 100% 100%;}
.s1-main .main .left .yxq2{background: url(../images/s1img2.png) no-repeat center top;background-size: 100% 100%;}
.s1-main .main .left .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;}
.s1ts{font-size: .16rem;color: #d63a3a;display: inline-block; float: left;margin-top: .1rem; margin-left: .2rem;}
.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);}
}
.s1-main .main .right{
	float: right; margin-right: -.72rem;  margin-top: .3rem; margin-bottom: .3rem;
	width: 2.41rem;
	background: #fff;
	border-radius: .2rem 0 0 .2rem;
	box-shadow: 0 .06rem .27rem rgba(21,80,171,.3);
	padding-bottom: 0.53rem;
}
.s1-main .main .right .s1xq{
	width:100%; float:left; display: none;
}
.s1-main .main .right .s1xq.cur{display: block;}
.s1-main .main .right .s1xq ul{
	width: 100%; float: left; margin-top: .24rem;margin-bottom: .05rem;
}
.s1-main .main .right .s1xq ul li{
	width:100%; clear:both; float:left;
	margin-bottom: .07rem;
}
.s1-main .main .right .s1xq ul li img{
	width: 1.06rem; display: none;margin-bottom: .15rem;
}
.s1-main .main .right .s1xq ul li.cur img{display:inline-block}
.s1-main .main .right .s1xq ul li 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;
}

.s1-main .main .right .s1xq ul li.cur a{
	background: url(../images/s1btn2.png) no-repeat center top;
	background-size: 100% 100%
}


/* sec2 */
.sec2 .kuang{
	margin-top: 1.1rem;
}
.sec2 ul.tab{
	width: 9.6rem; float: left; margin: .2rem .3rem .12rem;
}
.sec2 ul.tab li{
	display: inline-block;
	width: 3.84rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .24rem;font-weight: bold;color: #2669e7;	
	margin: 0 .3rem;
	border-radius: .12rem;
	box-shadow:inset 0 .07rem .08rem rgba(38,105,231,.8);
	cursor: pointer;
}
.sec2 ul.tab 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 0.05rem 0.04rem rgb(121 144 243);
}
.sec2 ul.tab li img{margin-left:.1rem;}
.sec2 .itembox{
	width: 9.6rem;
	float: left;
	clear: both;
	margin: 0 0.3rem 0.3rem;
	background: #fff;
	border-radius: 8px;
}
.sec2 .itembox .item{display: none;}
.sec2 .itembox .item.show{display: inline-block;}
.sec2 .itembox .s2L{
	float:left;
	width: 5.28rem;
}
.sec2 .itembox .item1 .s2L{
	margin-top: .4rem;
}
.sec2 .itembox .item2 .s2L{
	margin-top: .4rem;
}
.sec2 .itembox .s2L img{margin-bottom: .24rem;}
.sec2 .itembox .s2R{
	width: 4.46rem;
	float: right;
	margin-right:-.3rem; margin-top: .3rem;
}
.sec2 .itembox .item2 .s2R{margin-top: .3rem;}



/* section5 */
.sec5 .kuang{
	margin-top: 1.1rem;
}
.sec5 .main{
	margin: .3rem .3rem .3rem;
}

.sec5 ul {
    float: left;
    margin-top: .47rem;
    margin-left:.45rem;
    width: 8.7rem;
}

.sec5 ul li {
    clear: both;
    float: left;
    border-bottom: 1px dashed #6397f8;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 18px;
    box-sizing: unset;
}
.sec5 ul li:last-child{border-bottom: none;}
.sec5 ul li font {
	font-size: 24px;
	line-height: 36px;
	float: left;
	color: #3877ec;
	font-weight: 700;
}

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

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

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

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

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

.sec5 ul li.rul05 font::before {
    background: url(../images/s5icon05.png) no-repeat 50%;
    background-size: 100%
}

.sec5 ul li p {
	font-size: .18rem; line-height: .3rem;
    color: #333;
    text-align: left;
    width: 740px; margin-left: .7rem;
    clear: both
}
.sec5 ul li p span{
	display: inline-block;
	color: #3877ec;
	margin-right: 2px;
}