@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: "Source Han Sans CN";color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ padding-top: 1rem;}
.others .section{ padding-top: 0;}
.title{ margin-bottom: .5rem; background: url(../images/t_bg.png) no-repeat top center; padding-top: 0.3rem;}
.others .title{padding-top: 0;background: transparent;}
.title h2{font-size: .46rem; color: #626262; font-weight: 600; letter-spacing: .01rem;}
.title h2 span{color: #8158b2;}
.title h2::before{content: ""; width: 0.79rem; height: 0.02rem; background: linear-gradient(to right, #ba9de1 , #ba9de1); display: inline-block; vertical-align: .16rem; margin-right: 0.22rem;}
.title h2::after{content: ""; width: 0.79rem; height: 0.02rem; background: linear-gradient(to right, #ba9de1 , #ba9de1); display: inline-block; vertical-align: .16rem; margin-left: 0.22rem;}
.title i{width: 2.08rem; height: 0.18rem; background: url(../images/t_bi.png) no-repeat top / 100%; display: inline-block; margin-top: 0.1rem;}
.pub-a{width: 2.97rem; height: 0.52rem; line-height: 0.52rem; font-size: .2rem; color: #fff; font-weight: 600; text-align: center; display: inline-block;background: linear-gradient(to right, #d64635 , #b52a2d); border-radius: .26rem; box-shadow: 5px 5px 8px #d6463544; transition: all .5s;}
.pub-a:hover{transform: scale(1.05);}

/*banner*/
.banner-box{width: 100%;height: 798px;position: relative;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: .4rem;}
.banner-box{width: 100%;height: 622px;position: relative;font-size: 0;}
.banner-box .wrap{position: absolute; left: 50%; margin-left: -500px; height: 100%;}
.banner-box .logo{width: 1.6rem;height: 0.39rem;position: absolute;top: 0.92rem;left: -2.12rem;z-index: 9;}
.banner-box a{width: 100%; height: 100%;}
.banner-box .bd ul li{width: 100%; height:798px; position: relative;}
.banner-box .bd ul li.li01{background: url(../images/banner_bg.jpg) no-repeat;}
.banner-box .bd ul li.li02{background: url(../images/banner_bg02.jpg) no-repeat;}
.banner-box .hd{ position: absolute; left: 50%; bottom:.5rem; margin-left: -50px;}
.banner-box .hd ul li{width: .1rem;height: .07rem;background: #6f59ae;margin: 0 .05rem;border-radius: .03rem;display: inline-block;transition: all .8s;}
.banner-box .hd ul li.on{width: .3rem; background: #cfbeff;}

/*sec01*/
.sec01 ul li{width: 3.36rem; height: 3.77rem; background-color: #fff; border-radius: .25rem; box-shadow: 0 0 50px #e3cbff30; display: inline-block; vertical-align: top; margin-right: 0.44rem; padding: .36rem .32rem; box-sizing: border-box; text-align: left; position: relative; transition: all .5s;}
.sec01 ul li:last-child{margin-right: 0;}
.sec01 ul li h3{font-size: .22rem; color: #3a58ad; font-weight: bold;}
.sec01 ul li i:nth-child(3){width: 0.47rem; height: 0.04rem; background: linear-gradient(to right, #ac7be6 , #dcbfff); border-radius: .02rem; display: block; margin-top: 0.18rem;}
.sec01 ul li p{font-size: .17rem; color: #404040; line-height: 0.28rem; margin-top: 0.4rem; text-align: justify;}
.sec01 ul li img{position: absolute; right: 0.32rem; top: 0.26rem;}
.sec01 ul li span{ background: #fafafa;height: 0.27rem; line-height: 0.27rem; text-align: center; font-size: .12rem; color: #626262; background: #fafafa; padding-left: 0.04rem; display: block; margin-top: 0.2rem;}
.sec01 a{margin-top: 0.35rem;}

/*sec02*/
.sec02{background-color: #f3eefa; padding: .42rem 0; margin-top: 0.8rem;}
.form1-l{width: 3.6rem; position: relative; text-align: left; margin-top: 0.16rem;}
.form1-l h3{font-size: .43rem; color: #8158b2; line-height: 0.6rem; margin-bottom: 0.35rem;}
.form1-l img.sec02-pt{position: absolute; right: 0; top: 1.4rem;}
.form1-r{width: 6.11rem; background: #e2d5f3; border-radius: .2rem; padding: .32rem 0;}
.form1-r input[type=text]{width: 2.53rem; height: 0.41rem; font-size: .16rem; color: #626262; background-color: #fff; padding-left: 0.15rem; box-sizing: border-box; margin: .1rem .2rem; border: none;}
.form1-r input[type=button]{width: 1.75rem; border: none; cursor: pointer; background: linear-gradient(to right, #ba9ce1 , #684c90); box-shadow: 5px 5px 8px #ba9ce144;}
.agreement{margin: 20px auto; text-align: center;}
.agreement input[type = checkbox]{display: inline-block;vertical-align: middle;width: .16rem;height: .16rem; margin: 0 .1rem 0 0; position: relative; padding: 0; margin-bottom: 0; border: none; border-radius: 2px; -webkit-appearance: checkbox; box-sizing: border-box;}
.agreement input[type = checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #f1f6ff; width: 100%;  height: 100%; border: 1px solid #d9d9d9; border-radius: 2px; box-sizing: border-box;}
.agreement input[type=checkbox]:checked::before {position: absolute;content: "\2713";background-color: #006eff;top: 0;left: 0;width: 100%;border: 1px solid #006eff;border-radius:2px;color: #fff;font-size: .14rem;font-weight: bold;text-align: center;line-height: .14rem;box-sizing: border-box;}
.agreement label{display: inline-block;vertical-align: middle;}
.agreement span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #808080;}
.agreement a{display: inline-block;vertical-align: middle;font-size: .14rem;color: #d45b4f;}

/*sec03*/
.txt-box{width: 6.74rem; height: 1.65rem; background-color: #fff; border-radius: .25rem; box-shadow: 0 0 40px #ba9ce130; text-align: left; margin-top: 0.9rem;padding: .4rem .3rem .4rem .6rem; box-sizing: border-box;}
.txt-box h3 i{width: 0.23rem; height: 0.17rem; background: url(../images/s3_i.png) no-repeat top / 100%; display: inline-block; vertical-align: middle;}
.txt-box h3 span{font-size: .22rem; color: #8158b2; font-weight: bold; padding-left: 0.06rem; display: inline-block; vertical-align: middle;}
.txt-box p{width: 5.43rem; font-size: .18rem; color: #404040; line-height: 0.32rem; margin-top: 0.23rem; padding-left: 0.3rem;}
.sec03 a{width: 2.19rem; margin-top: .6rem;}

/*sec04*/
.sec04 .wrap{width: 1200px;}
.sec04-main ul li{width: 3.75rem; height: 2.48rem; display: inline-block; vertical-align: top; text-align: left; padding-top: 0.5rem; padding-left: 0.4rem; box-sizing: border-box; position: relative; overflow: hidden;}
.sec04-main ul li:nth-child(1){background: url(../images/s4_lbg01.png) no-repeat center / 100% 100%;}
.sec04-main ul li:nth-child(2){background: url(../images/s4_lbg02.png) no-repeat center / 100% 100%;}
.sec04-main ul li:nth-child(3){background: url(../images/s4_lbg03.png) no-repeat center / 100% 100%;}
.sec04-main ul li h3{font-size: .24rem; color: #fff; font-weight: bold;}
.sec04-main ul li h4{ font-size: .16rem; color: #fff; padding-top: 0.14rem;}
.sec04-main ul li .tea-txt{width: 3.5rem;height: 90%;font-size: .16rem;color: #fff;line-height:  0.3rem;background: rgba(0, 0, 0, 0.658);position: absolute;top: -223px;left: .09rem;padding: .3rem;box-sizing: border-box;border-radius: .07rem;}
.sec04 a{margin-top: 0.53rem;}

/*sec05*/
.sec05{background: #f3eefa; padding: .68rem 0; padding-bottom: 1.6rem; margin-top: 1rem;}
.video-menu{margin-bottom: 0.18rem;}
.video-menu ul li{width: 25%; height: 0.94rem; line-height: 0.94rem; font-size: .26rem; color: #a48ac8; background: #e5daf5; display: inline-block; cursor: pointer;}
.video-menu ul li.on{background: #c5abe8; color: #fff;}
.video-l{width: 7.83rem;height: 4.4rem; background-color: #000; display: inline-block; vertical-align: top; margin-right: 0.09rem;}
.video-r{width: 3.08rem;height: 4.4rem; display: inline-block; vertical-align: top; position: relative;}
.video-r ul li{display: none;}
.video-r .nav-a{height: 0.4rem; line-height: 0.4rem; position: relative;}
.video-r .nav-a a{font-size: .16rem; color: #333333; text-align: left; display: block; padding-left: 0.08rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 66%;}
.video-r .nav-a a.on{color: #8158b2; font-weight: bold;}
.video-r .nav-a i{width: 0.89rem; height: 0.19rem; background: url(../images/s5_tips.png) no-repeat top / 100%; display: inline-block; position: absolute; right: 0; top: 0;}
.more{position: absolute; bottom: 0;}
.more a{width: 1.54rem; height: 0.61rem; line-height: 0.61rem; font-size: .2rem; color: #fff; background: #30323d; display: inline-block;}
.more a:nth-child(1){background: #d54735;font-weight: bold;}

/*sec06*/
.sec06{background-color: #fff; border-radius: .3rem; box-shadow: 0 0 40px #ba9ce130; padding: .46rem 0; margin-top: -1.2rem;}
.sec06 h3{font-size: .26rem; color: #8158b2; font-weight: 600; margin-bottom: 0.32rem;}
.sec06 input[type=text]{width: 2.83rem; height: 0.45rem; font-size: .18rem; color: #333333; border: 1px solid #707070; border-radius: .06rem; margin: 0 .28rem; padding-left: 0.12rem; box-sizing: border-box;}
.sec06 input[type=button]{width: 1.75rem; border: none; cursor: pointer; background: linear-gradient(to right, #ba9ce1 , #684c90); box-shadow: 5px 5px 8px #ba9ce144;}
.sec06 .tips{text-align: center;}

/*sec07*/
.sec07{position: relative;}
.sec07-bg{position: absolute; right: 0; top: -2rem;}
.sec07-l{width: 4.3rem; display: inline-block; vertical-align: top;}
.sec07-l ul li{width: 3.79rem; height: 1.1rem; padding: .27rem 0; background-color: #fff; cursor: pointer; box-sizing: border-box; position: relative;}
.sec07-l ul li i{ width: 0.58rem; height: 0.39rem; display: inline-block; vertical-align: middle; margin-right: 0.14rem;}
.sec07-l ul li:nth-child(1) i{background: url(../images/s4_n01.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(2) i{background: url(../images/s4_n02.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(3) i{background: url(../images/s4_n03.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(4) i{background: url(../images/s4_n04.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(5) i{background: url(../images/s4_n05.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(6) i{background: url(../images/s4_n06.png) no-repeat center / 100% 100%;}
.sec07-l ul li h3{width: 1.96rem; font-size: .16rem; color: #999999; display: inline-block; text-align: left; vertical-align: middle;}
.sec07-l ul li h3 span{ font-size: .24rem; font-weight: bold;}
.sec07-l ul li p{width: 0.39rem; height: 0.39rem; background: url(../images/s7_jt.png) no-repeat top / 100%; display: inline-block; vertical-align: middle;}
.sec07-l ul li.on{ height: 1.34rem; background: linear-gradient(to right, #67468c, #362a5f); box-shadow: 0 0 40px #67468c44; padding-top: 0.4rem; z-index: 999;}
.sec07-l ul li:nth-child(1).on i{background: url(../images/s4_n01_h.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(2).on i{background: url(../images/s4_n02_h.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(3).on i{background: url(../images/s4_n03_h.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(4).on i{background: url(../images/s4_n04_h.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(5).on i{background: url(../images/s4_n05_h.png) no-repeat center / 100% 100%;}
.sec07-l ul li:nth-child(6).on i{background: url(../images/s4_n06_h.png) no-repeat center / 100% 100%;}
.sec07-l ul li.on h3{color: #fff;}
.sec07-l ul li.on p{ background: url(../images/s7_jt_h.png) no-repeat top / 100%;}
.sec07-l ul .on::after{content: ""; width: 0.08rem; height: 0.97rem; background: #fbb667; display: block; position: absolute; right: -.5rem; top: .22rem;}
.sec07-r{width: 6.69rem;height: 5.88rem;/* background: #fff url(../images/s4_rbg.png) no-repeat bottom; */box-shadow: 0 0 30px #bbd7ff30;display: inline-block;border-radius: .25rem;padding: .3rem 0 0 .8rem;box-sizing: border-box; text-align: left;}
.sec07-r ul li{margin-top: 0.4rem; display: none;}
.sec07-r ul li.on{display: block;}
.sec07-r div{margin-bottom: 0.42rem;}
.sec07-r div i{width: 0.3rem; height: 0.3rem; background: url(../images/s7_yuan.png) no-repeat top / 100%; margin-right: 0.28rem; float: left;}
.sec07-r div .zl-box{width: 5rem; float: left; margin-top: 0.04rem;}
.sec07-r h3{ font-size: .18rem; color: #8158b2; font-weight: bold; margin-bottom: 0.16rem;}
.sec07-r p{ font-size: .18rem; color: #404040;}
.sec07-r p span{font-size: 0.12rem; color: #b6b6b6; transform: translateY(-.05rem);display: inline-block;}
.sec07-r img{margin-top: 0.4rem;}
.sec07 a{margin-top: 0.7rem;}

/*sec08*/
.kcfx{font-size: .26rem; color: #626262; margin-bottom: 0.38rem;}
.kcfx b{font-weight: bold;}
.sec08 table tr th{height: 0.94rem;font-size: .22rem; color: #fff; font-weight: 600; background-color: #64458b; border-right: 1px solid #fff;}
.sec08 table tr th:nth-child(1){width: 3.26rem;}
.sec08 table tr th:nth-child(2){width: 1.89rem;}
.sec08 table tr th:nth-child(3){width: 2.36rem;}
.sec08 table tr th:last-child{width: 3.52rem; border-right: none;}
.sec08 table tr.ban-m{ box-shadow: 0 0 30px #8f61c920; border-radius: 20px;}
.sec08 table tr td{ line-height: 0.26rem; font-size: .18rem; color: #404040;}
.sec08 table tr td:nth-child(1){width: 0.71rem; font-size: .26rem; line-height: 0.3rem; font-weight: bold; color: #fff; background:#64458b url(../images/s8_bg.png) no-repeat left -.02rem top / 100% 100%; border-radius: .25rem 0 0 .25rem;}
.sec08 table tr td:nth-child(3){font-size: 0.22rem; line-height: 0.38rem; background: #64458b; color: #fff;}
.sec08 table tr td:nth-child(4){border-right: 1px solid #e9e9e9;}
.sec08 table tr td:nth-child(5){border-right: 1px solid #e9e9e9;}
.sec08 table tr td:last-child{text-align: left; padding: .85rem .4rem;}
.sec08 table tr td b{font-weight: 600;}
.sec08 table tr td a{width: 1.39rem; height: 0.35rem; line-height: 0.34rem; margin-top: 0.2rem;}
.h50{ height: .12rem !important; box-shadow: none !important; display: block; margin-bottom: 0;}
.tips{font-size: .16rem; color: #888; text-align: right; margin-top: .2rem;}

/*sec09*/
.sec09 .wrap{width: 1108px;}
.sec09-main ul li{display: inline-block; vertical-align: top; text-align: left; margin-right: 0.5rem;}
.sec09-main ul li:last-child{margin-right: 0;}
.sec09-main ul li img{display: inline-block; vertical-align: middle; margin-right: 0.16rem;}
.sec09-main ul li div{display: inline-block; vertical-align: middle;}
.sec09-main ul li div h3{font-size: .22rem; color: #3a58ad; font-weight: bold; margin-bottom: 0.1rem;}
.sec09-main ul li div p{font-size: .16rem; color: #404040; line-height: .22rem;}
.sec09-main a{width: 2.19rem; margin-top: 0.6rem;}
.scale1 {
    -webkit-animation-name: scale1;
    animation-name: scale1;
}
@keyframes scale1{
    0%{ transform: scale(1.5); opacity: 0;}
    100%{ transform: scale(1); opacity: 1;}
}

/* 底部通用 */
.sec17{width: 100%; display: block; clear: both; padding-bottom: 0;}
.s14-cont{ background: #1459c1; width: 100%;}
.s14-cont ul{width: 825px; margin: 0 auto;}
.s14-cont ul li{width: 275px; float:left; display: block; position: relative; height: 451px;}
.s14-cont ul li.item1{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img02.png) no-repeat center;}
.s14-cont ul li.item2{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img03.png) no-repeat center;}
.s14-cont ul li.item3{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img04.png) no-repeat center;}
.s14-cont ul li .item-show{width: 100%; padding: 60% 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.s14-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s14-cont .item-img img{display: block;margin: auto;}
.s14-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }
.s14-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.s14-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase;
padding-top: 42%;text-align: justify; height: 150px;}
.s14-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff; border: 1px solid #fff; text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.s14-cont .info a:hover {background: #fff; color: #e72d1b;}
.s14-cont ul li:hover .item-show {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;}
.s14-cont ul li:hover .info {visibility: visible; opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}

/*侧边导航*/
.lfNav{position: fixed;width: 155px;height:448px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;bottom: 3px;right: 69px;height:32px;width:32px;}
.mt185{margin-top: 50px;}
.nav-bg{width: 161px;height: 46px;display: block;float:left;clear:both;margin-left: -10px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 36px;display: block;margin:auto;font: 18px/34px "微软雅黑";color: #fff;text-align: center;/* border-bottom: 1px solid #0d1026; */}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-grow-shadow2{
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow2:hover, .hvr-grow-shadow2:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}