@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;}
.sections{ padding-top: 1.5rem;}
.title{ margin-bottom: .5rem;}
.title h2{font-size: .44rem; color: #676767; font-weight: bold; background: url(../images/t_bg.png) no-repeat top center; padding-top: .28rem;}
.title h2 span{color: #ff8936;}
.title h2::before{content: ''; width: 1.12rem; height: 0.01rem; background: #013d95; display: inline-block; vertical-align: middle; margin-right: 0.2rem;}
.title h2::after{content: ''; width: 1.12rem; height: 0.01rem; background: #013d95; display: inline-block; vertical-align: middle; margin-left: 0.2rem;}
.title i{width: 2.34rem; height: 0.17rem; display: inline-block; background: url(../images/t_i.png) no-repeat; margin-top: 0.22rem;}
.pub-a{width: 2.72rem; height: 0.52rem; line-height: 0.52rem; font-size: .18rem; color: #fff; background: linear-gradient(to right, #ff972c , #fe6a30); border-radius: .25rem; display: inline-block; box-shadow: 0 8px 18px #f8aa5740; transition: all .5s;}
.pub-a:hover{transform: scale(1.1);}

/*banner*/
.banner-box{width: 100%;height: 804px;position: relative;font-size: 0;}
.banner-box .wrap{position: absolute; left: 50%; margin-left: -500px; height: 100%;}
.banner-box .logo{width: 1.34rem;height: 1.34rem;position: absolute;top: 0;left: -1.6rem;z-index: 9;}
.banner-box .logo img{width: 100%; height: 100%;}
.banner-box .bd ul li{width: 100%; height:804px; position: relative;}
.banner-box .bd ul li.li01{background: url(../images/banner01.jpg) no-repeat;}
.banner-box .bd ul li.li02{background: url(../images/banner01.jpg) no-repeat;}
.banner-box .hd{ position: absolute; left: 20%; bottom:1.5rem;}
.banner-box .hd ul li{width: .1rem;height: .1rem;background: #fbc07a;margin: 0 .05rem;border-radius: 100%;display: inline-block;transition: all .8s;}
.banner-box .hd ul li.on{width: .65rem;height: .1rem; border-radius: 10px;}

/*sec01*/
.sec01{margin-top: -1.4rem; background: url(../images/s1_lbg.jpg) no-repeat top 3.82rem left; padding-bottom: 0.5rem;}
.sec01-l{display: inline-block; vertical-align: middle; margin-right: 1.37rem;}
.sec01-r{display: inline-block; vertical-align: middle;}
.sec01-r ul li{margin-bottom: 0.36rem;}
.sec01-r ul li:last-child{margin-bottom: 0;}
.sec01-r ul li i{width: 0.91rem; height: 0.91rem; display: inline-block; vertical-align: middle; margin-right: 0.22rem;}
.sec01-r ul li:nth-child(1) i{ background: url(../images/s1_ri01.png) no-repeat top;}
.sec01-r ul li:nth-child(2) i{ background: url(../images/s1_ri02.png) no-repeat top;}
.sec01-r ul li:nth-child(3) i{ background: url(../images/s1_ri03.png) no-repeat top;}
.sec01-r ul li:nth-child(1):hover i{ background: url(../images/s1_ri01_h.png) no-repeat;}
.sec01-r ul li:nth-child(2):hover i{ background: url(../images/s1_ri02_h.png) no-repeat;}
.sec01-r ul li:nth-child(3):hover i{ background: url(../images/s1_ri03_h.png) no-repeat;}
.sec01-r ul li div{width: 4.75rem; display: inline-block; vertical-align: middle; text-align: left;}
.sec01-r ul li div h3{font-size: .24rem; color: #2e55b2; font-weight: bold; margin-bottom: 0.04rem;}
.sec01-r ul li div p{font-size: .18rem; color: #373737;}
.sec01-r ul li div p span{display: block; font-size: .12rem; color: #676767; display: block; margin-top: 0.05rem;}
.sec01 a{margin-top: 0.8rem;}

/*sec02*/
.sec02{background: url(../images/s2_bg.png) no-repeat right bottom;}
.sec02 .wrap{width: 1200px;}
.sec02-main ul li{width: 2.98rem; height: 4.4rem; background: url(../images/s2_lbg.png) no-repeat; display: inline-block; vertical-align: top; animation: move1 1s infinite linear alternate;}
.sec02-main ul li:nth-child(2n){background: url(../images/s2_lbg_h.png) no-repeat; margin-top: 1.06rem; animation: move2 1s infinite linear alternate;}
.sec02-main ul li img{margin: .44rem 0 .15rem 0;}
.sec02-main ul li p{width: 1.84rem; margin: 0 auto; line-height: 0.3rem; font-size: .18rem; color: #373737; text-align: justify;}
.sec02-main a{margin-top: 0.8rem;}
@keyframes move1{
    0%{transform: translateY(-8px);}
    100%{transform: translateY(0);}
}
@keyframes move2{
    0%{transform: translateY(0);}
    100%{transform: translateY(-8px);}
}

/*sec03*/
.sec03{background: url(../images/s3_bg.jpg) no-repeat top 1rem center;}
.sec03-t{position: relative;}
.sec03-tleft{width: 7.9rem;}
.sec03-tleft ul{text-align: left;}
.sec03-tleft ul li{width: 2.04rem; height: 0.59rem; line-height: 0.59rem; text-align: center; font-size: .18rem; color: #373737; background: #e4efff; border-radius: .1rem;display: inline-block; vertical-align: top; margin-right: 0.46rem; margin-bottom: 0.35rem;} 
.sec03-tleft ul li:nth-child(1){margin-left: 0.35rem;}
.sec03-tleft ul li:nth-child(2){background: #ffe1cb; margin-top: 0.34rem;}
.sec03-tleft ul li:nth-child(4){background: #ffe1cb;}
.sec03-tleft ul li:nth-child(5){background: #f0f0f0; margin-top: 0.35rem; margin-left: 1.56rem;}
.sec03-tleft ul li:nth-child(6){display: block; margin-left: 1.2rem; margin-top: -0.2rem;}
.sec03-tright{ position: absolute; right: -0.5rem; top: -.45rem;}
.sec03-tright img{ animation: move2 1s infinite linear alternate;}
.sec03-b{background: #fff; border-radius: .2rem; box-shadow: 0 0 50px #e4efff80; margin-top: 0.6rem; padding: .5rem 0;}
.sec03-b input[type=text]{width: 2.25rem; height: 0.4rem; font-size: .16rem; border: 1px solid #8a8a8a; padding-left: 0.15rem; box-sizing: border-box; margin: 0 .14rem;}
.sec03-b input[type=button]{width: 1.54rem; height: 0.52rem; line-height: 0.52rem; cursor: pointer; border: none; margin-top: 0.2rem;}
.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 move3{
    0%{transform: translateY(0);}
    100%{transform: translateY(-8px);}
}

/*sec04*/
.sec04{background: url(../images/s4_bg.jpg) no-repeat left -1.16rem top 2.87rem;}
.sec04-main ul li{width: 9rem; margin: 0 auto;}
.sec04-main ul li div{width: 4.75rem; text-align: left; margin-top: 0.95rem;}
.sec04-main ul li div h3{font-size: .3rem; color: #2e55b2; font-weight: bold; margin-bottom: 0.15rem;}
.sec04-main ul li div p{font-size: .18rem; color: #373737; line-height: 0.3rem;}

/*sec05*/
.sec05{background: url(../images/s5_bg.jpg) no-repeat right;}
.sec05-l{width: 1.58rem; margin-top: 0.18rem;}
.sec05-l ul li{width: 1.58rem; height: 0.5rem; line-height: 0.5rem; font-size: .22rem; color: #bababa; background: #f8f8f8; border-radius: 0 .24rem .24rem 0; margin-bottom: 0.06rem; cursor: pointer;}
.sec05-l ul li.on{ color: #658be6; background: #f1f5fe;}
.sec05-l a{width: 1.8rem; margin-top: 0.58rem;}
.sec05-r{width: 7.34rem; height: 4.42rem; background: url(../images/s5_pc.png) no-repeat top / 100%;}
.sec05-r .video-box{width: 5.5rem;height: 3.44rem;margin: .5rem 0 0 .92rem;}

/*sec06*/
.sec06{background: url(../images/s6_bg.jpg) no-repeat bottom; padding-bottom: 1rem;}
.sec06-main{margin-top: 1.6rem;}
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wrapper .container {
    position: relative;
    margin: 0 auto;
}
.horizontal .container {
    width: 4.66rem;
    height: 2.84rem;
    overflow: inherit;
}
.container .cards-list {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border-radius: 0.2rem;
    transition: 330ms;
    box-shadow: 0 0 30px #e4efff60;
}
.horizontal .cards-list {
    width: 100%;
    height: 100%;
}
.cards-list{width: 4.66rem; height: 2.84rem; display: inline-block; vertical-align: top; margin-right: 0.4rem; text-align: left; padding: .64rem 0; box-sizing: border-box; position: relative;}
.cards-list h3{width: 2.04rem; height: 0.6rem; line-height: 0.6rem; background: linear-gradient(to right, #3c5df9 , #79a0fc); border-radius: .3rem; font-size: .26rem; color: #fff; font-weight: 600; text-align: center; margin: 0 auto; margin-bottom: 0.36rem;}
.cards-list p{width: 2.88rem; font-size: .18rem; color: #3e3e3e; line-height: 0.3rem; text-align: center; margin: 0 auto;}
[data-empile-slide-index="2"]{margin-top: -1.04rem;}

/*sec07*/
.sec07{background: #eef4ff; padding-top: 0.4rem;}
.sec07-main{background: #fff; border-radius: .2rem; box-shadow: 0 0 32px #e4efff75; padding: .34rem 0;}
.sec07-main ul li{width: 33.33%; display: inline-block; vertical-align: top;}
.sec07-main ul li h3{font-size: .2rem; color: #2e55b2; font-weight: bold; margin-bottom: 0.16rem; margin-top: 0.15rem;}
.sec07-main ul li p{width: 2.16rem; font-size: .18rem; color: #373737; line-height: 0.3rem; margin: 0 auto;}
.sec07-main ul li img{animation: fd 1s infinite alternate;}
@keyframes fd{
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}
}

/*sec08*/
.sec08{background: #eef4ff; padding-bottom: .3rem;}
.sec08-main{background: #fff; border-radius: .2rem; box-shadow: 0 0 32px #e4efff75; padding: .46rem .4rem; box-sizing: border-box;}
.sec08-main table tr th{height: 0.62rem; line-height: 0.62rem; font-size: .18rem; color: #6b6b6b; font-weight: bold; background: #f7f7f7; border-right: 1px solid #efefef;}
.sec08-main table tr th:nth-child(1){width: 1.44rem;}
.sec08-main table tr th:nth-child(2){width: 1.72rem;}
.sec08-main table tr th:nth-child(3){width: 2.14rem;}
.sec08-main table tr th:last-child{width: 1.5rem; border-right: none;}
.sec08-main table tr td{font-size: .17rem; color: #6b6b6b; line-height: 0.3rem; padding: .24rem 0; border-right: 1px solid #efefef;  border-bottom: 1px solid #efefef;}
.sec08-main table tr td:nth-child(4){text-align: left; padding: .24rem .35rem;}
.sec08-main table tr td:last-child{border-right: none;}
.sec08-main table tr td b{font-weight: bold;}
.sec08-main table tr:last-child td{border-bottom: none;}
.sec08-main table tr td a{width: 1rem; height: 0.3rem; line-height: 0.3rem; font-size: .14rem; margin-top: 0.1rem;}
.tips2{font-size: .16rem; color: #888; text-align: right; margin-top: .2rem;}

/* 底部通用 */
.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: 140px;height: 427px;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: 104px;}
.nav-bg{width: 161px;height: 32px;display: block;float:left;clear:both;margin-left: -22px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 36px;display: block;margin:auto;font: 16px/34px "微软雅黑";color: #fff;text-align: center;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}