@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 {
	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;}

/*banner*/
.banner-box{width: 100%;height: 951px;position: relative;font-size: 0;}
.banner-box .bd ul li{width: 100%; height:951px; position: relative;}
.banner-box .bd ul li.li01{background: url(../images/banner_bg01.jpg) no-repeat top center;}
.banner-box .bd ul li.li02{background: url(../images/banner_bg02.jpg) no-repeat top center;}
.banner-box .bd ul li.li03{background: url(../images/banner_bg03.jpg) no-repeat top center;}
.banner-box .bd ul li .wrap{text-align: left; height: 650px;}
.banner-box .bd ul li .wrap a img{width: 1.6rem;position: absolute;left: 0;top: .8rem;}
.banner-box .bd ul li.li02 .wrap a img.dw{position: absolute;width: 1.05rem;bottom: 1.22rem;left: 4.97rem;top: auto; animation: move 1s infinite alternate ease-in-out;}
.banner-box .hd{position: absolute;left: 50%;bottom: .9rem;margin-left: -.5rem;}
.banner-box .hd ul li{width: .1rem;height: .1rem;background: #d1e1ff;margin: 0 .05rem;border-radius: 100%;display: inline-block;transition: all 1s;}
.banner-box .hd ul li.on{background: #578cf4;width: .6rem;border-radius: 50px;}
.img-box ul{width: 1100px; margin: 0 auto;}
.img-box li{position: absolute; top: 4.2rem; display: none;}
.addYs{ animation: scale 1s ease forwards; display: block !important;}
@keyframes scale{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}

/*公共*/
.sections{ padding-top: 1.6rem;}
.title{ margin-bottom: .7rem;}
.title h2{font-size: .32rem; color: #091928; font-weight: bold;}
.title h2 span{ color: #0c68ff;}

/*sec01*/
.sec01{padding-top: 0; margin-top: -.4rem; background: url(../images/s1_bg.jpg) no-repeat;}
.sec01-main ul li{width: 3.47rem; background: #fff; border-radius: 5px; box-shadow: 0 0 40px #bbbbbb30; display: inline-block; vertical-align: top; margin-right: .28rem; padding: .58rem 0;}
.sec01-main ul li:last-child{margin-right: 0;}
.sec01-main ul li p{height: 2rem; font-size: .16rem; color: #383838; line-height: .26rem; text-align: justify; padding: 0 .4rem; margin-top: -.2rem;}
.sec01-main ul li p span{font-size: .12rem; color: #797979;}
.sec01-main a{width: 3.05rem; margin-top: .6rem;}
.pua{ height: 0.6rem; line-height: 0.6rem; font-size: 0.2rem; text-align: center; color: #fff; background: #ffb350; border-radius: 29px; display: inline-block; box-shadow: 0 8px 20px #ffb35040;}

/*sec02*/
.sec02{background: url(../images/s2_bg.jpg) no-repeat bottom center;}
.sec02-main{background: #fff; box-shadow: 0 22px 46px #00183e10; padding: .5rem 0;}
.sec02-item{position: relative;}
.sec02-b{margin-top: -0.5rem;}
.sec02-item div{position: absolute;}
.sec02-t div{ top: 0.1rem; left: .43rem;}
.sec02-b div{ top: 0.36rem; right: .67rem;}
.sec02-item ul li{margin-bottom: 0.26rem;}
.sec02-t ul li{text-align: right;}
.sec02-t ul li:nth-child(1){margin-right: -.34rem;}
.sec02-t ul li:nth-child(2){margin-right: 0.09rem;}
.sec02-t ul li:nth-child(3){margin-right: .17rem;}
.sec02-b ul li{text-align: left;}
.sec02-b ul li:nth-child(1){margin-left: -21px;}
.sec02-b ul li:nth-child(2){margin-left: 3px;}
.sec02-b ul li:nth-child(4){margin-left: -31px;}
.sec02-main h3{width: 2.5rem; height: 2.5rem; background: #2384f2; border-radius: 100%; font-size: .2rem; color: #fff; font-weight: bold; line-height: 0.26rem;padding-top: 0.96rem; box-sizing: border-box; margin: 0 auto;}
.sec02-b h3{background: rgba(255, 255, 255, 0.158); border: 2px solid #2384f2; color: #2384f2;}
.sec02-main ul li i{width: 0.14rem; height: 0.14rem; background: #fff; border: 3px solid #31c7ff; border-radius: 100%; display: inline-block; vertical-align: middle; box-sizing: border-box; margin-left: 0.1rem;}
.sec02-b ul li i{ margin-left: 0; margin-right: 0.1rem;}
.sec02-main ul li h4{width: 0.96rem; height: 0.28rem; line-height: 0.28rem; text-align: center; background: #2384f2; border-radius: .14rem; font-size: .18rem; color: #fff; display: inline-block; vertical-align: middle; margin-left: 0.16rem;}
.sec02-b ul li h4{ margin-left: 0; margin-right: 0.16rem;}
.sec02-main ul li p{font-size: .18rem; color: #383838; display: inline-block; vertical-align: middle;}
.shan{ animation: shan 1s ease-in-out;}
@keyframes shan{
    0%{ transform: scale(.9); opacity: 1;}
    100%{ transform: scale(1.4); opacity: 0;}
}

/*sec03*/
.sec03 .title{margin-bottom: .5rem;}
.sec03-main{position: relative;}
.sec03-main .tempWrap{width: 1086px !important;}
.sec03-main ul{padding: .4rem 0 !important;}
.sec03-main ul li img{width: 4.97rem; display: inline-block; vertical-align: middle; margin-right: .67rem; box-shadow: 0 0 23px #0000002e;}
.sec03-main ul li div{width: 5.2rem; display: inline-block; vertical-align: middle; text-align: left;}
.sec03-main ul li div h3{font-size: .26rem; color: #383838; font-weight: bold;}
.sec03-main ul li div h3 i{width: 0.29rem; height: 0.02rem; background: #0064ff; display: block; margin-top: .26rem;}
.sec03-main ul li div h4{font-size: .2rem; color: #383838; font-weight: 600; margin-top: .28rem;}
.sec03-main ul li div p{font-size: .18rem; color: #383838; line-height: .26rem; margin-top: .08rem;}
.sec03-main a{width: 0.37rem; height: 0.37rem; position: absolute; bottom: 1.3rem; right: 2.13rem; cursor: pointer; z-index: 9;}
.prev{right: 2.66rem !important; background: url(../images/s3_prev.png) no-repeat;}
.next{ background: url(../images/s3_next.png) no-repeat;}
.prev:hover{ background: url(../images/s3_prev_h.png) no-repeat;}
.next:hover{ background: url(../images/s3_next_h.png) no-repeat;}

/*sec04*/
.sec04{padding-top: 1.2rem; background: url(../images/s4_bg.jpg) no-repeat bottom;}
.sec04-top{background: #fff; box-shadow: 0 10px 22px #0000000d; padding: .58rem 0; margin-bottom: .76rem;}
.sec04-top ul li{width: 1.42rem; display: inline-block; margin-right: 1.2rem;}
.sec04-top ul li:last-child{margin-right: 0;}
.sec04-top ul li h3{font-size: .2rem; color: #383838; font-weight: bold; margin-top: .28rem; border-bottom: 1px solid #ececec; padding-bottom: .18rem; position: relative;}
.sec04-top ul li i{width: 0.26rem; height: 0.04rem; background: #0064ff; display: inline-block; position: absolute; bottom: -.02rem; left: 0; animation: mymove 1.5s infinite linear;}
.sec04-top ul li p{font-size: .16rem; color: #383838; line-height: .22rem; margin-top: .16rem;}
.sec04-bottom .bd ul li{width: 3.46rem; margin-right: .3rem;}
.sec04-bottom .bd ul li img{width: 100%;}
.sec04-bottom .tempWrap{width: 1100px !important;}
@keyframes mymove{
    0%{ left: 0;}
    100%{ left: 85%;}
}

/*sec05*/
.sec05{background: url(../images/s5_bg.jpg) no-repeat top;}
.video-menu{margin-bottom: .56rem;}
.video-menu ul li{width: 2.51rem; height: 0.53rem; line-height: .53rem; font-size: .24rem; color: #333333; font-weight: 600; background: #ecede7; border-radius: 3px; display: inline-block; margin-right: .32rem; cursor: pointer;}
.video-menu ul li:last-child{margin-right: 0;}
.video-menu ul li.on{background: #0064ff; color: #fff;}
.video-box{width: 8.76rem; box-shadow: 0 0 48px #0066ff12;; border-radius: 3px; margin: 0 auto; margin-bottom: .62rem;}
.sec05-main a{width: 2.75rem; height: 0.6rem;}

/*sec06*/
.sec06{background: url(../images/s6_bg.jpg) no-repeat top;}
.sec06-main{background: #fff; box-shadow: 0 22px 46px #00183e10; padding: .28rem;}
.sec06-main table{ border: 1px solid #4f8fe6;}
.sec06-main table tr th{height: 0.62rem; line-height: 0.62rem; background: #0660dc; font-size: .24rem; color: #fff; font-weight: 600; border-right: 1px solid #fff;}
.sec06-main table tr th:nth-child(1){width: 1.4rem;}
.sec06-main table tr th:last-child{border-right: none; width: 1.34rem;}
.sec06-main table tr td{font-size: .18rem; color: #383838; border: 1px solid #4f8fe6;}
.sec06-main table tr td:last-child{border-right: none;}
.sec06-main table tr td:nth-child(3){text-align: left; padding: .14rem .18rem;}
.sec06-main table tr td:nth-child(2){text-align: left; padding: .14rem .18rem;}

/* sec09 */
.sec09{background: url(../images/s9_bg.jpg) no-repeat top center;}
.sec09 .title{margin-bottom: 0.8rem;}
.sec09-t{margin-bottom: 0.4rem; position: relative;}
.sec09-t .sec09-tips{ position: absolute; top: -23px; left: 405px; animation: move 1s infinite alternate ease-in-out;}
.sec09-ibook{display: inline-block; vertical-align: middle; margin-right: 0.88rem;}
.sec09-t div{ display: inline-block; vertical-align: middle; text-align: left;}
.sec09-t div h3{font-size: .22rem; color: #383838; font-weight: bold;}
.sec09-t div p{font-size: .18rem; color: #797979; line-height: 0.42rem;margin-left: 0.15rem; margin-top: 0.22rem;}
.sec09-b input[type=text]{width: 3.26rem; height: 0.44rem; border: 1px solid #797979; box-sizing: border-box; font-size: .18rem; color: #797979; padding-left: 0.18rem; margin-right: 0.44rem;}
.sec09-b input[type=button]{width: 1.98rem; height: 0.5rem; line-height: 0.5rem; background: #f2f2f3;font-size: .18rem; color: #797979; border: none; border-radius: .24rem;}
.form_bot {width: 94%; margin: 20px auto 0; text-align: center; font-size: .16rem; color: #808080; line-height:.26rem;}
.form_bot span a {color: #f1522b;}
.form_bot label {display: inline-block;}
.form_bot label input {display: inline-block; width: .14rem; height: .14rem; border: none; vertical-align: top; margin: .06rem 0 0; position: relative;}
.form_bot label input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%; height: 100%; border: 1px solid #888; border-radius: 2px;}
.form_bot label input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background: #f1522b; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #f1522b; border-radius: 2px; color: #fff; line-height: .14rem; font-weight: bold; text-align: center;}
@keyframes move{
    0%{transform: translateY(-4px);}
    100%{transform: translateY(0);}
}

/*sec07*/
.sec07-main{position: relative; height: 5.14rem;}
.sec07-left{position: absolute; left: -3.5rem;text-align: right;}
.sec07-right{width: 10.89rem; background: url(../images/s7_rbg.png) no-repeat right; height: 3.89rem; padding-top: .65rem; box-sizing: border-box; position: relative;}
.sec07-right .bd ul{padding: .3rem 0 !important;}
.sec07-right .bd ul li{width: 6.32rem !important; height: 2.1rem; background: #fff url(../images/s7_pc.png) no-repeat right .58rem top .7rem; border-radius: 10px; box-shadow: 0 0 20px #00000020; box-sizing: border-box; margin: 0 .2rem;}
.sec07-right .bd ul li h3{font-size: .26rem; color: #1e1e1e; font-weight: bold; margin-bottom: .25rem; padding-left: .46rem; padding-top: .64rem;}
.sec07-right .bd ul li p{font-size: .2rem; color: #5b5b5b; padding-left: .46rem;}
.sec07-right .tempWrap{ width: 6.55rem !important;}
.sec07-right a{width: 0.37rem; height: 0.37rem; position: absolute; bottom: .1rem; left: 3.53rem; cursor: pointer; z-index: 9;}
.sec07-right a.prev{ left: 3rem;}
.sec07 .pua{width: 3.05rem; position: absolute; bottom: 0; left: 50%; margin-left: -1.525rem;}

/*sec08*/
.sec08-main{background: #fff; border-radius: 30px; box-shadow: 0 0 30px #00000020; padding: .42rem; box-sizing: border-box;}
.sec08-main table{ border: 1px solid #508fe6;}
.sec08-main table tr th{height: 0.68rem; line-height: .68rem; font-size: .26rem; color: #fff; font-weight: 600; background: #0660dc; border-right: 1px solid #fff;}
.sec08-main table tr td{ font-size: .18rem; color: #343434; line-height: .34rem; padding: .4rem .28rem; border: 1px solid #508fe6;}
.sec08-main table tr td:last-child{border-right: 0;}
.sec08-main table tr td:nth-child(4){text-align: left;}
.sec08-main table tr td a{ width: 1.04rem;height: 0.32rem; font-size: .16rem; color: #fff; background: linear-gradient(to right,#ffcc2d,#ff9a3a); border-radius: 26px; display: block; box-shadow: 0 6px 10px #ffcc2d30; margin: 0 auto; margin-top: .05rem; margin-bottom: .15rem;}
.tips{font-size: .16rem; color: #888; text-align: right; margin-top: .2rem; display: flex; justify-content: space-between;}
/* .tips3 */

/* 底部通用 */ 
.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: 135px;height: 415px;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:32px; width:32px; }
.mt185{margin-top: 103px;}
.nav-bg{width: 161px;height: 35.4px;display: block;float:left;clear:both;margin-left: -13px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 36px;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);
}