@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}
i,em{ font-style:normal;}
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%;font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #fafafa;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{width: 1100px; height:100%; display: block; margin: 0 auto;font-size: 0;text-align: center;}
.wp1{position: relative;}
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
.section{display: inline-block;width: 100%;}
.section .title{width: 100%; clear: both; margin-top: 65px;display: inline-block;background: url(../images/title_001.png) no-repeat center top;}
.section .s1-title{margin-top: 95px;}
.section .s2-title{background: url(../images/title_002.png) no-repeat center top;}
.section .s3-title{background: url(../images/title_003.png) no-repeat center top;}
.section .s4-title{background: url(../images/title_004.png) no-repeat center top;}
.section .s5-title{background: url(../images/title_005.png) no-repeat center top;}
.section .s6-title{background: url(../images/title_006.png) no-repeat center top;}
.section .title img{display: inline-block; margin: auto; clear: both;}
.section .title h2{font-size: 44px; line-height: 88px; font-weight: bold; color: #4e40da;}
.section .title h2::before{
	content: '';
	display: inline-block;
	width: .17rem;
	height: .17rem;
	background: url(../images/titL.png) no-repeat left center;
	background-size: 100%;
	margin-right: .22rem;
	vertical-align: middle;
}
.section .title h2::after{
	content: '';
	display: inline-block;
	width: .18rem;
	height: .18rem;
	background: url(../images/titR.png) no-repeat right center;
	background-size: 100%;
	margin-left: .22rem;
	vertical-align: super;
}
.main{
	display: inline-block;
	width: 100%;
	margin-top: 7px;
}
.s3xq{
	display: inline-block;
	width: 97.6%;
	height: 3.84rem;
	padding: 1.2%;
	background: url(../images/s3img3.png) no-repeat center center;
	position: relative;
}

/*banner */
.banner-box{width: 100%;height: 428px; background: url(../images/banner.jpg) no-repeat center top;background-size: 100% 100%;position: relative;z-index: 0;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}
.nav{width: 1100px; display: inline-block;height: 78px;background-color: #fff;border-radius:10px;position: absolute;transform: translate(-50%,0); margin-left: 0;bottom: -39px;box-shadow: 0 0.02rem 0.1rem 0 rgb(103 103 103 / 34%);}
.nav ul{display: inline-block;width: 100%;}
.nav ul li{display: inline-block;width: 183px;height: 78px;float: left;cursor: pointer;}
.nav ul li p{border-right:1px solid #848484; line-height: 48px;margin-top: 15px;}
.nav ul li p.nd{border-right:none;}
.nav ul li p a{display: inline-block;width: 100%;font-size: 24px;color: #333;}
.nav ul li:last-of-type p{border-right:none;}
.nav ul li.cur{
	border-radius: 10px;
	color: #fff;
	background: #ff9c00;
	background: -webkit-linear-gradient(top, #ff9c00 , #ff3400);
	background: -o-linear-gradient(bottom, #ff9c00, #ff3400);
	background: -moz-linear-gradient(bottom, #ff9c00, #ff3400);
	background: linear-gradient(to bottom, #ff9c00 , #ff3400);
}
.nav ul li.cur p{border-right:none;}
.nav ul li.cur a{color: #fff;}

/* section01 */
.s1mi {
    width: 95.8%;
    background: #fff;
    border: 0.13rem solid #3c35c6;
    margin: 0.16rem auto 0;
    padding: 0.2rem 0.1rem 0.2rem 0.1rem;
	padding-right: 0;
}
.two_t {width: 100%; margin: 0 auto; text-align: center;}
.two_tp {width: 2.18rem; height:.92rem; float: left; font-size: .24rem; line-height:.8rem; margin-right:.12rem; color: #4e40da; font-weight:bold; border-radius: 6px; cursor: pointer; background: url(../images/spTb1.png) no-repeat center top;background-size: 100%;}
.two_tp.on {background: url(../images/spTb2.png) no-repeat center top;background-size: 100%;color: #fff;}
.two_tp:nth-of-type(3){margin-right: 0;}
/* .two_tp:hover {background: #ffd443; color: #ff4100;} */
.two_m {width: 100%; margin: 0 auto 0;}
.two_ml {float: left; margin: 0; width: 66%; /* margin-right: .28rem; */}
.two_mr {
	width: 3.36rem;
	height: auto;
	background: url(../images/bflist.png) no-repeat center top;
	background-size: 100%;
	box-shadow: 0 0rem 0.2rem 0rem rgb(118 118 118 / 60%);
	float: left;
	border-radius: .1rem;
	padding-bottom: .25rem;
}
.two_mrp {width: 100%; line-height:.58rem; margin: 0 auto; text-align: center; font-size: .24rem; color: #fff; font-weight: bold; border-radius: 9px 9px 0 0;}
.two_rtxt {width: 78%; margin: 0 auto;}
.two_rtxt ul {width: 100%; margin: 0 auto; display: none;}
.two_rtxt ul.act {display: block;}
.two_rtxt ul li {width: 100%; margin: 0 auto; font-size: .17rem; color: #574ae2; line-height: .55rem; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px dashed #766be7;}
.two_rtxt ul li:last-child{border-bottom: none;}
.two_rtxt ul li.on {color: #ff4100;}
.splay{width: 94.5%; height: auto;padding: .1rem;margin-top: -0.11rem;padding-top:.14rem;
	background: #4a6feb;
	background: -webkit-linear-gradient(top, #4a6feb , #3c32c4);
	background: -o-linear-gradient(bottom, #4a6feb, #3c32c4);
	background: -moz-linear-gradient(bottom, #4a6feb, #3c32c4);
	background: linear-gradient(to bottom, #4a6feb , #3c32c4);
}
.two_rtxt ul li::before{
	display: inline-block;
	content: '';
	width: .22rem;
	height: .22rem;
	background: url(../images/BFBtn1.png) no-repeat left top;
	background-size: 100%;
	vertical-align: text-bottom;
}
.two_rtxt ul li.on::before{
	background: url(../images/BFBtn2.png) no-repeat left top;
	background-size: 100%;
}
.s1Gg{
	width: 100%;
	height: 266px;
	background: url(../images/s1Gg.png) no-repeat center top;
	background-size: 100%;
	margin-top: .55rem;
	position: relative;
}
.s1Gg{transition: .3s;}
.s1Gg:hover {
    transform: translateY(-6px);
}
.s1Gg a{
	display: inline-block;
    position: absolute;
    width: 1.83rem;
    height: 1.35rem;
    border-radius: 1rem;
    font-size: .3rem;
    right: 0.46rem;
    top: 0.43rem;
    color: #fff;
    padding-top: 0.48rem;
}

/* section02 */
.bkpxUl{
	display: inline-block;
	width: 100%;
	height: 86px;
}
.bkpxUl li{
	display: inline-block;
	float: left;
	width: 157px;
	line-height: 78px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	background: #4c76f0;
	background: -webkit-linear-gradient(top, #4c76f0 , #3c30c2);
	background: -o-linear-gradient(bottom, #4c76f0, #3c30c2);
	background: -moz-linear-gradient(bottom, #4c76f0, #3c30c2);
	background: linear-gradient(to bottom, #4c76f0 , #3c30c2);
}
.bkpxUl li.cur{
	height: 86px;
	background: url(../images/bktb3.png) no-repeat center top;
	background-size: 100%;
}
.bkpxXq{
	display: inline-block;
	width: 97%;
	min-height: 443px;
	background: url(../images/bkBg.jpg) no-repeat center top;
	background-size: 100%;
	margin-top: 11px;
	padding-top: 40px;
	padding-left: 3%;
}
.bkpxXq .bknr{display: none;}
.bkpxXq .cur{display: inline-block;}
.bknr .bkL{
	display: inline-block;
	width: 48%;
	float: left;
	margin-right: 23px;
}
.bknr .bkR{
	display: inline-block;
	width: 518px;
	float: left;
}
.bknr .bkR img{width: 100%;}
.bkT{
	display: block;
	width: 277px;
	height: 49px;
	line-height: 49px;
	background: url(../images/bktit.png) no-repeat center top;
	background-size: 100%;
	font-size: 22px;
	color: #305cd9;
	float: left;
}
.bkB{
	display: inline-block;
	width: 94%;
	background: url(../images/bktb2.png) no-repeat left .2rem;
	float: left;
	margin-top: 28px;
	margin-left: 16px;
}
.bkB>div{
	display: inline-block;
	float: left;
	position: relative;
	padding-left: 35px;
	margin-bottom: 48px;
}
.bkB>div:last-child{margin-bottom: 0;}
.pxlb span{
	display: inline-block;
	width: 29px;
	height: 31px;
	line-height: 31px;
	padding-left: 5px;
	font-size: 18px;
	color: #0f55e4;
	font-weight: bold;
	background: url(../images/bktb1.png) no-repeat center top;
	background-size: 100%;
	text-align: left;
	position: absolute;
	top: 0;
	left: -0.15rem;
}
.pxlb label{
	display: inline-block;
	width: 100%;
	float: left;
	font-size: 17px;
	color: #fff;
	text-align: left;
	line-height: 30px;
}
/* section03 */
.s3mi{
	display: inline-block;
	width: 100%;
	height: 474px;
	background: #3c35c6;
	
}
.s3L{
	display: inline-block;
	width: 277px;
	float: left;
	margin-top: 32px;
	margin-left: 40px;
	margin-right: 132px;
}
.s3L ul li{
	display: inline-block;
	float: left;
	width: 116px;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	color: #5549dd;
	font-weight: bold;
	border: 1px solid #5549dd;
	margin-right: 41px;
	margin-bottom: 33px;
	cursor: pointer;
}
.s3L ul li:nth-of-type(2n){margin-right: 0;}
.s3L ul li:nth-of-type(7){margin-bottom: 0;}
.s3L ul li:nth-of-type(8){margin-bottom: 0;}
.s3L ul li.cur{
	color: #fff;
	border: 1px solid #ff9700;
	background: #ff9700;
	background: -webkit-linear-gradient(top, #ff9700 , #ff4a00);
	background: -o-linear-gradient(bottom, #ff9700, #ff4a00);
	background: -moz-linear-gradient(bottom, #ff9700, #ff4a00);
	background: linear-gradient(to bottom, #ff9700 , #ff4a00);
}
.s3R{
    display: inline-block;
    width: 54%;
    margin-top: 25px;
	float: left;
}
.s3R .s3nr{display: none;}
.s3R .cur{display: inline-block;}
.s3nr>div>p{
	width: 100%;
	font-size: 17px;
	color: #333;
	text-align: left;
	line-height: 26px;
	font-weight: bold;
}
.s3nr>div .p1{
	color: #5549dd;
	border-bottom: 1px dashed #5549dd;
	line-height: 35px;
}
.s3nr>div .p2{margin-top: 6px;}
.kxd1{margin-bottom: 20px;}
.s3Btn{
position: absolute;
    width: 135px;
    height: 134px;
    background: url(../images/s3img1.png) no-repeat center top;
    background-size: 100%;
    right: 33px;
    bottom: -55px;
	animation:mymove 3s infinite; -webkit-animation:mymove 3s infinite; animation-direction:alternate; animation-timing-function: ease-in-out; -webkit-animation-direction:alternate; -webkit-animation-timing-function: ease-in-out;
}
.s3Btn a {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-top: 66px;
    height: 68px;
    border-radius: 1rem;
}
@keyframes mymove {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-webkit-keyframes mymove {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
.s3Btn{transition: .3s;}
.s3Btn:hover {
    transform: translateY(-6px);
}
.s3ts {
    display: inline-block;
    width: 90%;
    height: 56px;
    font-size: 18px;
    color: #fff;
    background: url(../images/s3img2.png) no-repeat left top;
    background-size: 0.74rem;
    text-align: left;
    float: left;
    margin-left: 1.2%;
    line-height: 48px;
    padding-left: 87px;
}
/* section4 */
.s4mi{
	display: inline-block;
	width: 100%;
	height: 528px;
	background: #3c35c6;
	margin-top: 10px;
	
}
.s4xq {
    display: inline-block;
    width: 97.7%;
    padding: 1.15% 1.15%;
}
.s4xq>div{
	height: 5rem;
	background: #fff;
	border-radius: 12px;
	display: inline-block;
	float: left;
}
.s4xq .s4L{
	width: 457px;
	margin-right: 10px;
}
.s4xq .s4R{
	width: 607px;
}
.s4List{
	display: inline-block;
	width: 90%;
	margin: 0 5%;
}
.s4List li{
	display: inline-block;
	width: 100%;
	height: 105px;
	padding-top: 22px;
	border-bottom: 1px dashed #b0b0b0;
}
.s4List li>div{
	display: inline-block;
	float: left;
}
.s4List li .s4LL{
	width: 167px;
}
.s4LR{
	padding-left: 9px;
	margin-top: 9px;
}
.s4LR .p1{
	width: 160px;
	height: 55px;
	line-height: 45px;
	background: url(../images/s4Icon4.png) no-repeat left top;
	font-size: .24rem;
	color: #fff;
}
.s4LR .p2{
	width: 100%;
	text-align: left;
	font-size: 18px;
	color: #333;
	margin-top: 8px;
}
.s4LBtn{
	display: inline-block;
	width: 100%;
	margin: 30px auto 0;
}
.s4LBtn a{
	display: inline-block;
	width: 290px;
	line-height: 59px;
	border-radius: 30px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	background: #ff9400;
	background: -webkit-linear-gradient(top, #ff9400 , #ff5000);
	background: -o-linear-gradient(bottom, #ff9400, #ff5000);
	background: -moz-linear-gradient(bottom, #ff9400, #ff5000);
	background: linear-gradient(to bottom, #ff9400 , #ff5000);
	box-shadow: 0 2px 12px 2px rgb(226 185 121 / 86%);
}
.s4LBtn{transition: .3s;}
.s4LBtn:hover {
    transform: translateY(-6px);
}
.s4RT{
	display: block;
	width: 292px;
	height: 50px;
	line-height: 50px;
	background: url(../images/s4Icon5.png) no-repeat left top;
	margin-top: 14px;
	font-size: 22px;
	color: #fff;
	float: left;
}
.s4RZ{
	display: inline-block;
	width: 100%;
	margin-top: 24px;
}
.s4RZ>div{
	display: inline-block;
	float: left;
	width: 33.2%;
	padding-top: 15px;
	border-right: 1px dashed #bbb5fc;
}
.s4RZ>div:last-child{border-right:none;}
.s4X{
	width: 100%;
	background: url(../images/s4Icon9.png) no-repeat center top;
	margin-top: 12px;
}
.s4X .p1{
	font-size: 22px;
	color: #333;
	padding-top: 32px;
}
.s4X .p2{
	width: 156px;
	height: 46px;
	line-height: 42px;
	background: url(../images/s4Icon10.png) no-repeat center top;
	font-size: 22px;
	color: #fff;
	margin: 22px auto 0;
}
.s4X .p2 a{display: inline-block;width: 100%;}
.s4X .p2{transition: .3s;}
.s4X .p2:hover {
    transform: translateY(-6px);
}
.s4RB{
	display: inline-block;
	width: 100%;
	margin: 30px auto 0;
}
.s4RB a{
	display: inline-block;
	width: 290px;
	line-height: 59px;
	border-radius: 30px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	background: #ff9400;
	background: -webkit-linear-gradient(top, #ff9400 , #ff5000);
	background: -o-linear-gradient(bottom, #ff9400, #ff5000);
	background: -moz-linear-gradient(bottom, #ff9400, #ff5000);
	background: linear-gradient(to bottom, #ff9400 , #ff5000);
	box-shadow: 0 2px 12px 2px rgb(226 185 121 / 86%);
}
.s4RB{transition: .3s;}
.s4RB:hover {
    transform: translateY(-6px);
}
.s4Gg{
	display: inline-block;
	width: 100%;
	height: 231px;
	background: url(../images/s4Gg.png) no-repeat center top;
	background-size: 100% 100%;
	position: relative;
	margin-top: 64px;
}
.s4Gg img{
	position: absolute;
	top: 14px;
	right: 122px;
}
/* section6 */
.s5mi{
    display: inline-block;
    width: 100%;
    height: 628px;
    background: #3c35c6;
    margin-top: 10px;	
}
.s5xq{
	width: 634px;
	height: auto;
	padding-bottom: 16px;
	border: 1px solid #4e40da;
	border-radius: 8px;
	background:#fff url(../images/s6img3.png) repeat-x left top;
	margin-bottom: 20px;
}
.s5nr{
	display: inline-block;
	width: 93.5%;
	height: 600px;
	float: left;
	background: #fff;
	padding: 0 1.15%;
	margin-top: 1.15%;
	margin-left: 3%;
}
.s5p{
	display:block;
	float: left;
	width: 264px;
	height: 47px;
	line-height: 43px;
	padding-left: 36px;
	background: url(../images/s6img4.png) no-repeat left top;
	background-size: 100% 100%;
	font-size: 22px;
	color: #fff;
	text-align: left;
	margin-top: 14px;
}
.s5nr>div{
	display: inline-block;
	float: left;
}
.s5nr .s5L{margin-top: -40px;margin-left: -27px;}
.s5nr .s5R{margin-left: 50px;margin-top: 20px;}

.s5Ul{
	display: inline-block;
	width: 100%;
	margin-top: 14px;
}
.s5Ul li{
	font-size: 18px;
	color: #333;
	padding-left:84px;
	text-align: left;
	line-height: 30px;
	position: relative;
	width: 69%;
}
.s5Ul li:before{
	display: inline-block;
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/s6img2.png) no-repeat left center;
	position: absolute;
	left: 54px;
	top: 6px;
}
/* section6 */
.nine_m {width: 91%; margin: 3% 4.5%; background: #fff; border-radius: 10px;}
.nine_ml {width: 290px; height:344px; float: left; background: url(../images/botton_bg2.png) center repeat-x; background-size: auto 101%; border-radius: 10px; text-align: center;}
.nine_mlimg {width: 100%; margin: 8px auto 0;}
.nine_mlp {width: 100%; margin: 10px auto 0; font-size: 17px; color: #fff; line-height: .3rem;}
.nine_mr {float: right;}
.nine_mc {width: 36%; float: left; margin: 30px 0 0; background: url(../images/nine_007.png) center no-repeat; background-size: 100% 100%; text-align: center; padding: 0 2.2%;}
.nine_mcli {width: 50%; float: left; margin: 0; padding: 4% 0;}
.nine_mclip {width: 36.5%; margin: 0 auto;}
.nine_mclip2 {width: 100%; margin: 10px auto 0; font-size: 18px; color: #3c35c6; line-height: .3rem;}
.s6mi{
	display: inline-block;
	width: 100%;
	height: 438px;
	background: #3c35c6;
}
.s6xq {
    display: inline-block;
    width: 97.6%;
    margin: 1.2%;
	background: #fff;
}