@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: .8rem;}
.title{ margin-bottom: .5rem;}
.title h2{font-size: .46rem; color: #3a3a3a; font-weight: bold; display: inline-block; position: relative;}
.title h2 span{color: #690bc9;}
.title h2::before{content: "";width: 1rem;height: 0.74rem;background: url(../images/t_l.png) no-repeat center / 100%;display: block;position: absolute;left: -.9rem;top: .05rem;}
.title h2::after{content: ""; width: 1rem; height: 0.74rem; background: url(../images/t_r.png) no-repeat center / 100%; display: block; position: absolute; right: -.9rem;top: .05rem;}

/*banner*/
.banner-box{width: 100%;position: relative;font-size: 0;}
.banner-box .bd ul li{width: 100%; height:700px; position: relative;}
.banner-box .bd ul li.li01{background: url(../images/banner01.jpg) no-repeat top center;}
.banner-box .bd ul li.li01 img{margin-top: -1.15rem; animation: shan .8s infinite alternate;}
.banner-box .bd ul li.li02{background: url(../images/banner02.jpg) no-repeat top center;}
.banner-box .hd{ position: absolute; left: 50%; bottom: 0.4rem; margin-left: -17px;}
.banner-box .hd ul li { width: 0.08rem; height: 0.08rem; background: rgb(218, 218, 218); margin: 0px 0.1rem; border-radius: 0.03rem; display: inline-block; transition: all 0.8s ease 0s; }
.banner-box .hd ul li.on {background: rgb(255 255 255);}
@keyframes shan{
    0%{opacity: 1;}
    100%{opacity: 0;}
}

/*sec01*/
.sec01-l{height: 6.88rem; background: url(../images/s1_pc.png) no-repeat top right / 6.27rem 6.88rem;padding-top: .23rem;padding-left: .07rem;}
.sec01-l ul li{font-size: .18rem; line-height: 0.36rem; font-weight: bold; text-align: left;} 
.sec01-l ul li p{width: 3.78rem;display: inline-block;vertical-align: top;margin-top: 1.33rem;margin-right: 1.1rem;}
.sec01-l ul li img{display: inline-block;vertical-align: top;}
.sec01-l ul li span{color: #690bc9;}
.sec01-l .hd{width: 0.86rem;height: 0.12rem;background: #fff;border-radius: .06rem;margin-left: 6.94rem;margin-top: .2rem;}
.sec01-l .hd ul li{width: 0.32rem; height: 0.12rem; background-color: #fff; border-radius: .06rem; display: inline-block;}
.sec01-l .hd ul li:nth-child(1){margin-right: .22rem;}
.sec01-l .hd ul li.on{background-color: #eb9dbd;}

/*sec02*/
.sec02{background: #f4f4f4; padding: 1.3rem 0; margin-top: 0.8rem;}
.sec02-title h2{color: #fff;}
.sec02-main{ background: url(../images/s2_mbg.png) no-repeat top center; padding: .7rem 0;}
.sec02-main .bd ul li{width: 5.92rem !important; height: 3.46rem; padding: .7rem .62rem; box-sizing: border-box; border-radius: .2rem; margin-right: .66rem;}
.sec02-main .bd ul li.list01{background: #fff url(../images/s2_lbg01.png) no-repeat center;}
.sec02-main .bd ul li.list02{background: #fff url(../images/s2_lbg02.png) no-repeat center;}
.sec02-main .bd ul li.list03{background: #fff url(../images/s2_lbg03.png) no-repeat center;}
.sec02-main .bd ul li h3{font-size: .28rem; color: #2f2f2f; font-weight: 600; margin-bottom: 0.45rem;}
.sec02-main .bd ul li h3 i{width: 0.55rem; height: 0.37rem; background: url(../images/s2_i.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-top: -0.01rem; margin-right: 0.26rem;}
.sec02-main .bd ul li p{font-size: .18rem; color: #494949; line-height: 0.26rem; text-align: left;}
.sec02 .tempWrap{width: 100% !important; margin: 0 auto;}
.sec02 .hd{width: 1.2rem; margin: 0 auto; margin-top: 0.36rem;}
.sec02 .hd ul li{width: 0.2rem; height: 0.2rem; background: #995caa; border-radius: 1rem; font-size: 0; display: inline-block; margin: 0 .1rem;}
.sec02 .hd ul li.on{background: #fff;}
.pub-a{width: 4.08rem; height: 0.66rem; line-height: 0.66rem; font-size: .22rem; color: #fff; font-weight: 600; text-align: center; background: linear-gradient(to bottom, #ea0e6f , #b6359c); border-radius: .23rem; box-shadow: 0 5px 15px #00000020; display: block; margin: 0 auto; margin-top: -0.4rem;}

/*sec03*/
.sec03-main{height: 6.35rem; background: url(../images/s3_mbg.png) no-repeat right top;}
.sec03-l{width: 39%; display: inline-block; vertical-align: top; margin-top: 0.72rem;}
.sec03-l .bd{width: 4.34rem; float: right;}
.sec03-r{width: 60%;display: inline-block;vertical-align: top;margin-top: 100px;}
.sec03-r ul{padding: .42rem 0 !important;}
.sec03-r ul li{width: 4.98rem !important;height: 2.86rem;background: #fff;border-radius: .2rem;padding: .3rem .2rem;box-sizing: border-box;box-shadow: 0 20px 20px #3e697420;margin-right: 0.6rem;}
.sec03-r ul li h3{font-size: .2rem; color: #674c6b; font-weight: 600; margin-bottom: 0.18rem;}
.sec03-r ul li p{font-size: .17rem; color: #999999; line-height: 0.26rem; text-align: left;}
.sec03-r .tempWrap{width: 100% !important;padding: .2rem .32rem;}
.sec03 a{position: relative; left: 0; top: -.29rem;}

/*sec04*/
.sec04-title{margin-bottom: 1rem;}
.sec04-main{height: 8.67rem; background: url(../images/s4_mbg.png) no-repeat top center; position: relative;}
.sec04-main ul li{width: 1.73rem; height: 1.73rem; font-size: .18rem; color: #fff; line-height: 0.26rem; border-radius: 100%; box-sizing: border-box; padding: 0 .26rem; position: absolute; animation: scale1 infinite alternate 1s ease-in;}
.sec04-main ul li:nth-child(1){ top: -0.48rem; left: 2.89rem; background: linear-gradient(207deg, #ce72ee , #f272d4); padding: .5rem .26rem;}
.sec04-main ul li:nth-child(2){ top: -0.48rem; right: 2.89rem; background: linear-gradient(207deg, #00d0ff , #0092ff); padding: .4rem .2rem;}
.sec04-main ul li:nth-child(3){ top: 1.44rem; right: 1.18rem; background: linear-gradient(207deg, #fd4373 , #ffa49a); padding: .38rem .26rem;}
.sec04-main ul li:nth-child(4){ top: 3.75rem; right: 1.25rem; background: linear-gradient(207deg, #8773ec , #dc77b6); padding: .35rem .26rem;}
.sec04-main ul li:nth-child(5){ top: 5.57rem; right: 3.09rem; background: linear-gradient(207deg, #ff7cac , #ff7591); padding: .5rem .26rem;}
.sec04-main ul li:nth-child(6){ top: 5.57rem; left: 3.09rem; background: linear-gradient(207deg, #fb9d45 , #f07776); padding: .6rem .26rem;}
.sec04-main ul li:nth-child(7){ top: 3.75rem; left: 1.25rem; background: linear-gradient(207deg, #60d8d4 , #28a3fa); padding: .6rem .26rem;}
.sec04-main ul li:nth-child(8){ top: 1.44rem; left: 1.18rem; background: linear-gradient(207deg, #f54dca , #fe9f9d); padding: .38rem .26rem;}
.sec04-main ul li:nth-child(2n){ animation: scale2 infinite alternate 1s ease-in;}
@keyframes scale1{
    0%{transform: scale(.9);}
    100%{transform: scale(1);}
}
@keyframes scale2{
    0%{transform: scale(1);}
    100%{transform: scale(.9);}
}

/*sec05*/
.sec05{background: url(../images/s5_bg.jpg) no-repeat bottom center; padding-bottom: 0.85rem;}
.sec05-main .tips{font-size: .18rem; color: #3a3a3a; margin-bottom: 1.12rem;}
.sec05-main img{box-shadow: 0 0 30px #ffffff8a;}
.sec05-t{margin-bottom: 0.36rem; text-align: left;}
.sec05-t img{display: inline-block; vertical-align: middle; margin-right: 0.52rem;}
.sec05-t ul{width: 4.2rem; display: inline-block; vertical-align: middle;}
.sec05-t ul li{font-size: .18rem; color: #fff; font-weight: 600; margin-bottom: 0.3rem;} 
.sec05-t ul li i{width: 0.19rem; height: 0.18rem; background: url(../images/s5_i.png) no-repeat; display: inline-block; vertical-align: top; margin-right: 0.06rem;}
.sec05-t ul li span{width: 3.9rem; display: inline-block; vertical-align: top;}
.sec05-b p{font-size: .18rem; color: #fff; font-weight: 600; margin-top: 0.25rem; text-align: left;}

/*sec06*/
.sec06-main{position: relative;}
.sec06-main .hd {margin-top: -0.4rem; position: relative; z-index: 9;}
.sec06-main .hd ul li{width: 1.76rem; height: 1.55rem; display: inline-block; vertical-align: top;}
.sec06-main .hd ul li:nth-child(1){background: url(../images/s6_pic01.png) no-repeat top / 100%;}
.sec06-main .hd ul li:nth-child(2){background: url(../images/s6_pic02.png) no-repeat top / 100%;}
.sec06-main .hd ul li:nth-child(3){background: url(../images/s6_pic03.png) no-repeat top / 100%;}
.sec06-main .hd ul li:nth-child(4){background: url(../images/s6_pic04.png) no-repeat top / 100%;}
.sec06-main .tempWrap{width: 7.16rem !important; margin: 0 auto;background: linear-gradient(207deg, #f772d1 , #c872f2); border-radius: .1rem;}
.sec06-main .bd ul li{width: 7.16rem !important; height: 4.16rem; }
.sec06-main .bd ul li div{width: 3.74rem; display: inline-block; vertical-align: top; text-align: left; margin-right: 0.4rem; margin-top: 0.8rem;} 
.sec06-main .bd ul li div h3{font-size: .26rem; color: #fff; font-weight: bold; margin-bottom: 0.2rem;}
.sec06-main .bd ul li div p{font-size: .18rem; color: #fff; line-height: 0.32rem;}
.sec06-main .bd ul li img{display: inline-block; vertical-align: top; margin-top: 0.45rem;}
.sec06 .jt{position: absolute;}
.sec06 .prev{left: 1.05rem; top: 1.9rem;}
.sec06 .next{right: 1.05rem; top: 1.9rem;}

/*sec07*/
.sec07-main{ background: linear-gradient(to right, #5c0e89 , #d2407d); border-radius: .1rem; padding: .25rem;}
.sec07-table01 h3{width: 2.99rem; height: 0.51rem; line-height: 0.51rem; font-size: .3rem; color: #fff; font-weight: bold; background: linear-gradient( to bottom, #7015b4 , #9728eb); border-radius: .1rem .1rem 0 0;}
.sec07-table02 h3{ background: linear-gradient( to bottom, #ee0b6a , #b7349b);}
.sec07-table03 h3{ background: linear-gradient( to bottom, #97daeb , #44b0f6);}
.sec07-table01 table{background: #fff;}
.sec07-table01 table tr th{height: 0.5rem; line-height: 0.54rem; font-size: .22rem; color: #6c14cf; font-weight: bold; border-right: 1px solid #dedede;  border-bottom: 1px solid #f0f0f0;}
.sec07-table02 table tr th{ color: #c414cf;}
.sec07-table03 table tr th{ color: #1fb9ee;}
.sec07-table01 table tr th:nth-child(1){width: 2.38rem;}
.sec07-table01 table tr th:nth-child(2){width: 2.35rem;}
.sec07-table01 table tr th:nth-child(3){width: 3.8rem;}
.sec07-table01 table tr th:nth-child(4){width: 2.34rem;}
.sec07-table01 table tr td{font-size: .16rem; color: #3a3a3a; line-height: 0.26rem; border-right: 1px solid #dedede;}
.sec07-table01 table tr td:nth-child(1){font-size: 0.2rem; font-weight: 600;}
.sec07-table01 table tr td:nth-child(3){ text-align: left; padding: .2rem;}
.sec07-table01 table tr td b{font-weight: bold;}
.sec07-table01 table tr td span{font-size: .3rem; font-weight: bold;}
.sec07-table01 table tr td a{width: 1.1rem; height: 0.34rem; line-height: 0.34rem; font-size: .2rem; color: #fff; font-weight: 600; background: linear-gradient( to right, #ffa769 , #ea5460); border-radius: .05rem; display: inline-block; margin-top: 0.1rem;}
.tips{font-size: .18rem; color: #666; text-align: right; margin-top: .2rem;}

/*sec08*/
.sec08-title p{font-size: .4rem; color: #690bc9; font-weight: 600; margin-top: 0.15rem;}
.sec08-main{background: url(../images/s8_mbg.jpg) no-repeat top / 100% 100%; padding: .25rem 0;}
.sec08-item{width: 3.4rem; display: inline-block; vertical-align: top; margin: 0 .08rem;}
.sec08-item h3{width: 3.4rem; height: 0.51rem; line-height: 0.51rem; font-size: .3rem; color: #fff; font-weight: bold; background: linear-gradient( to bottom, #7015b4 , #9728eb); border-radius: .1rem .1rem 0 0;}
.sec08-item2 h3{ background: linear-gradient( to bottom, #d50a84 , #51127f);}
.sec08-item3 h3{ background: linear-gradient( to bottom, #97daeb , #44b0f6);}
.sec08-item div{width: 100%; background: #d5d3ff; padding: .2rem .15rem; box-sizing: border-box;}
.sec08-item div ul li{height: 1.77rem; margin-bottom: 0.1rem;}
.sec08-item div ul li h4{width: 0.46rem; height: 100%; line-height: .46rem; background: #6c14cf; text-align: center; font-size: .24rem; color: #fff; font-weight: bold; border-radius: .1rem 0 0 .1rem; display: inline-block; vertical-align: top;
writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl;}
.sec08-item div ul li p{width: 2.64rem; height:100%; font-size: .16rem; color: #3a3a3a; line-height: 0.3rem; text-align: left; background: #fff; border-radius: 0 .1rem .1rem 0; display: inline-block; vertical-align: top; padding: .15rem .15rem .15rem .26rem; box-sizing: border-box;}
.sec08-item div ul li:nth-child(3){height: 3.34rem;}
.sec08-item2 div{background: #fcc7ff;}
.sec08-item2 div ul li h4{background: #c414cf;}
.sec08-item2 div ul li:nth-child(2){height: 2.95rem;}
.sec08-item2 div ul li:nth-child(3){height: 6.92rem;}
.sec08-item div ul li span.zs{color: #c414cf;}
.sec08-item div ul li span.ls{color: #1fb9ee;}
.sec08-item3 div{background: #d3fbff;}
.sec08-item3 div ul li h4{background: #1fb8ee;}
.sec08-item3 div ul li:nth-child(2){height: 3.6rem;}
.sec08-item3 div ul li:nth-child(3){height: 8.4rem;}
.sec08-item div ul li:last-child{margin-bottom: 0;}

/*sec09*/
.sec09-main{background: url(../images/s9_bg.jpg) no-repeat top center; position: relative;}
.sec09-main .wrap{height: 100%;}
.sec09-main img{width: 5.13rem; display: block; margin-left: 2.5rem; padding-top: 2.32rem; padding-bottom: 2.42rem;}
.sec09-main ul li{width: 3.55rem; height: 2.21rem; border: 1px solid #6953d9; border-radius: .2rem; padding: .3rem .22rem; box-sizing: border-box; font-size: .22rem; color: #fff; font-weight: 600; text-align: left; position: absolute;}
.sec09-main ul li:nth-child(1){ top: 0.6rem; left: 0.44rem;}
.sec09-main ul li:nth-child(2){width: 2.83rem; height: 2.21rem; border: 1px solid #7a5aa9; right: 1.08rem; top: 1.9rem;}
.sec09-main ul li:nth-child(3){width: 2.68rem; height: 2.21rem; border: 1px solid #b95f7a; left: 0; top: 4.5rem;}
.sec09-main ul li:nth-child(4){width: 3.55rem; height: 3.03rem; border: 1px solid #be38a9; right: 0; top: 5.02rem;}
.sec09-main ul li i{width: 0.49rem; height: 0.49rem; text-align: center; line-height: 0.49rem; font-size: .24rem; font-weight: 600; color: #58e3f4; border: 1px solid #fff; border-radius: 100%; display: inline-block; vertical-align: top; margin-right: 0.15rem; margin-top: -0.1rem;}
.sec09-main ul li:nth-child(2) i{color: #58f472;}
.sec09-main ul li:nth-child(3) i{color: #fffc00;}
.sec09-main ul li:nth-child(4) i{color: #ff5a5a;}
.sec09-main ul li p{font-size: .18rem; color: #fff; line-height: 0.28rem; margin-top: 0.26rem;}

/* 底部通用 */
.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: 168px;height: 432px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;bottom:0; right:67px; height:32px; width:32px; }
.mt185{margin-top: 94px;}
.nav-bg{width: 161px;height: 36px;display: block;float:left;clear:both;margin-left: 3px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 31px;display: block;margin:auto;font: 18px/34px "微软雅黑";color: #fff;text-align: center;}
.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);
}