@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;}
.title{ margin-bottom: .7rem;}
.title img{display: inline-block;vertical-align: top;margin-right: 0.22rem;}
.title h2{font-size: .32rem;color: #2c3845;font-weight: bold;display: inline-block;vertical-align: top;margin-top: 18px;}
.pub-a{width: 2.16rem; height: 0.41rem; line-height: 0.41rem; font-size: .16rem; color: #fff; background: linear-gradient(to right, #ff5f6b , #f76a4d); border-radius: .2rem; display: inline-block; box-shadow: 0 6px 10px #ff5f6b40; transition: .5s all;}
.pub-a:hover{ transform: translateY(-4px);}

/*banner*/
.banner-box{width: 100%;height: 718px;position: relative;font-size: 0;}
.banner-box .wrap{position: absolute; left: 50%; margin-left: -500px; height: 100%; text-align: left;}
.banner-box .wrap a{width: 1.73rem;height: 0.58rem; position: absolute;top: 1rem;left: -2rem;z-index: 9;}
.banner-box .wrap a img{width: 100%; height: 100%;}
.banner-box .bd ul li{width: 100%; height:1014px; position: relative;}
.banner-box .bd ul li.li01{background: url(../images/banner_bg01.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: .47rem;height: .06rem;background: #dadada;margin: 0 .05rem;border-radius: .03rem; display: inline-block;transition: all .8s; cursor: pointer;}
.banner-box .hd ul li.on{background: #9ae7c5;}

/*sec01*/
.sec01-l{margin-top: 0.64rem;}
.sec01-title img{vertical-align: middle;}
.sec01-title h2{line-height: 0.52rem; vertical-align: middle; margin-top: 0;}
.sec01-r{width: 7.78rem; height: 2.26rem; position: relative;}
.sec01-r ul{height: 2.22rem;}
.sec01-r ul li{width: 5.07rem; height: 2.22rem; background-color: #fff; font-size: .16rem; color: #a8a8a8; line-height: 0.35rem; text-align: left; box-shadow: 0 10px 30px #00000008; padding: .4rem; box-sizing: border-box; position: absolute; right: 0; opacity: .8; transform: scale(.8); transition: 1s all;}
.sec01-r ul li.on{color: #3e3e3e; right: 1.76rem; opacity: 1; transform: scale(1); box-shadow: 0 10px 30px #00000020; z-index: 99;}
.jt a{width: 0.37rem; height: 0.37rem; display: block; position: absolute; top: .92rem;}
.jt a.prev{background: url(../images/prev.png) no-repeat; left: 0;}
.jt a.next{background: url(../images/next.png) no-repeat; right: -.4rem;}
.sec01 .pub-a{margin-top: 0.5rem;}

/*sec02*/
.sec02{padding-top: 2rem; background: url(../images/s2_bg.jpg) no-repeat top 1.5rem center;}
.sec02-main p{font-size: .16rem; color: #3e3e3e; line-height: 0.26rem; text-align: left;}
.sec02-main .sec02-l{width: 3.04rem; height: 3.85rem; background-color: #fff; box-sizing: border-box; padding: 0 .3rem; padding-top: 0.7rem; box-shadow: 0 10px 30px #00000020; margin-right: 1rem;}
.sec02-main .sec02-m{width: 2.94rem; position: relative; margin-top: 0.85rem;}
.sec02-main .sec02-r{width: 3.04rem; height: 3.85rem; background-color: #fff; padding: 0 .3rem; padding-top: 0.5rem; box-shadow: 0 10px 20px #00000030; box-sizing: border-box; margin-top: 0.66rem;}
.sec02-main .sec02-m .s2-ci01{position: absolute; left: -1.15rem; top: .8rem;}
.sec02-main .sec02-m .s2-ci02{position: absolute; right: -1.15rem; top: 1.4rem;}
.s2-cirbg{ position: relative; z-index: 9;}
.s2-cir{ position: absolute; top: 0.75rem; left: 50%; margin-left: -0.71rem; z-index: 99; animation: zhuan1 5s infinite linear;}
.s2-ctxt{position: absolute;top: .35rem;left: .35rem;z-index: 99; animation: zhuan 5s infinite linear;}
.sec02 a{ margin-top: 0.54rem;}
@keyframes zhuan{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@keyframes zhuan1{
    0%{transform: rotate(360deg);}
    100%{transform: rotate(0);}
}

/*sec03*/
.sec03{position: relative;}
.sec03-bg{position: absolute; left: -0.2rem; top: 3rem;}
.sec03-main{position: relative;}
.sec03-r{text-align: left;}
.sec03-main ul li h3{font-size: .3rem; color: #2eceb7; font-weight: bold; margin-bottom: 0.4rem;}
.sec03-main ul li h3::after{content: ""; width: 0.26rem; height: 0.27rem; background: url(../images/s3_jt.png) no-repeat; display: inline-block; margin-left: 0.15rem;}
.sec03-r p{width: 5.6rem; font-size: .2rem; color: #2c3845; line-height: 0.35rem; text-align: left; margin-bottom: 0.42rem;}
.sec03-r p i{color: #ff5f6b; margin-right: 0.1rem;}
.sec03-r p b{font-weight: 600;}
.sec03-main ul li:nth-child(1) .sec03-l img{ margin-top: 0.5rem;}
.sec03-main ul li:nth-child(3) .sec03-l{margin-top: 1.5rem; padding-left: 1.3rem;}
.sec03-main ul li:nth-child(3) .sec03-r{padding-right: 1.2rem;}
.sec03-main .hd{ position: absolute; left: 50%; bottom:-.5rem; margin-left: -78px;}
.sec03-main .hd ul li{width: .26rem; height: .06rem; background: #d9d9d9; margin: 0 .13rem; border-radius: .3rem; display: inline-block; transition: all 1s;}
.sec03-main .hd ul li.on{background: #25cac1;}

/*sec04*/
.sec04-main{background-color: #fff; border-radius: .12rem; box-shadow: 0 15px 30px #72626230; padding: .6rem 0;}
.sec04-main input[type=text]{width: 4.3rem;height: 0.65rem;font-size: .18rem; border: 1px solid #35cec4; padding-left: 0.3rem; box-sizing: border-box;  margin: 0 .24rem; margin-bottom: 0.36rem;}
.sec04-main input[type=button]{width: 1.6rem; height: 0.4rem; line-height: 0.4rem; border: none; cursor: pointer;}
.agreement{margin: 20px auto; margin-top: 0; 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;}

/*sec05*/
.sec05-l{margin-top: 1.3rem;}
.sec05-l a{width: 1.69rem; height: 0.41rem; line-height: 0.41rem; margin-left: 1rem;}
.sec05-r{width: 7.52rem; background: url(../images/s5_rbg.png) no-repeat right bottom -.1rem; padding-right: 0.8rem; box-sizing: border-box;}
.sec05-r h3{width: 2.4rem; height: 0.48rem; line-height: 0.48rem; background-color: #26cbbf; font-size: .21rem; color: #fff; margin: 0 auto; margin-bottom: 0.14rem;}
.video-box{width: 7.12rem; background-color: #000; box-shadow: 0 15px 30px #26cbbf20;}

/*sec10*/
.sec10 ul li{text-align: left; margin-bottom: 1rem;}
.sec10 ul li:last-child{margin-bottom: 0;}
.sec10 ul li img{display: inline-block; vertical-align: middle; animation: move2 1s infinite alternate;}
.sec10 ul li:nth-child(1) img{margin-left: -0.3rem;}
.sec10 ul li div{width: 5.72rem; display: inline-block; vertical-align: middle;}
.sec10 ul li h3{font-size: .3rem; color: #2eceb7; font-weight: bold;}
.sec10 ul li h3 i{width: 0.26rem; height: 0.27rem; background: url(../images/s10_jt.png) no-repeat top / 100%; display: inline-block; vertical-align: -0.01rem; margin-left: 0.15rem;}
.sec10 ul li h4{font-size: .2rem; color: #2c3845; font-weight: bold; margin-top: 0.4rem; margin-bottom: 0.3rem;}
.sec10 ul li p{font-size: .2rem; color: #2c3845; line-height: 0.35rem;}
.sec10 ul li p i{width: 0.06rem; height: 0.06rem; background: #ff5f6b; border-radius: 100%; display: inline-block; vertical-align: .05rem; margin-right: 0.1rem;}
.sec10 ul li a{width: 1.8rem; text-align: center; margin-top: 0.2rem;}
@keyframes move2{
    0%{ transform: translateY(-5px);}
    100%{ transform: translateY(0);}
}

/*sec06*/
.sec06-main .hd{margin-bottom: 0.34rem;}
.sec06-main .hd span{font-size: .24rem; color: #2eceb7; font-weight: 600; display: block; margin-right: 0.2rem; margin-bottom: 0.2rem;}
.sec06-main .hd ul li{width: 2.72rem; height: 0.5rem; line-height: 0.5rem; background: #f2fffd; font-size: .22rem; color: #2eceb7; margin-right: 0.03rem; display: inline-block; vertical-align: top; cursor: pointer; transition: all .5s;}
.sec06-main .hd ul li.on{background: #2eceb7; color: #fff;}
.sec06-main .hd ul li:last-child{margin-right: 0;}
.sec06-main .bd{background-color: #fff; border-radius: .3rem; box-shadow: 0 0 30px #00000020; padding: .42rem; box-sizing: border-box;}
.sec06-main .bd ul li{width: 1016px !important;}
.sec06-main table{border: 1px solid #27cbc0;}
.sec06-main tr th{height: 0.68rem;line-height: 0.68rem;background-color: #27cbc0; font-size: .26rem; color: #fff; font-weight: 600; border-right: 1px solid #fff;}
.sec06-main table tr th:nth-child(1){width: 1.6rem;}
.sec06-main tr th:last-child{border-right: none;  width: 1.34rem;}
.sec06-main tr td{font-size: .18rem; color: #343434; line-height: .3rem; padding: .1rem; border-right: 1px solid #27cbc0; border-bottom: 1px solid #27cbc0;}
.sec06-main tr td:first-child{font-weight: bold;}
.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;}
.sec06 a{margin-top: 0.3rem;}

/*sec07*/
.sec07{position: relative;}
.sec07-bg{position: absolute;right: -0.6rem;top: -1.8rem;}
.sec07-l{display: inline-block; vertical-align: middle; margin-right: 1.13rem;}
.sec07-l img:nth-child(1){ transform: scale(.9);}
.sec07-l img:nth-child(2){ margin-left: -.49rem;transform: scale(1);}
.sec07-r{display: inline-block; vertical-align: middle; text-align: left;}
.sec07-r h3{font-size: .26rem; color: #25cac1; font-weight: bold; margin-bottom: 0.35rem;}
.sec07-r p{font-size: .21rem; color: #5b5b5b; margin-bottom: 0.26rem;}
.sec07-r p i{color: #ff5f6b; margin-right: 0.15rem;}
.sec07-r span{font-size: .12rem; color: #5b5b5b; float: right; margin-top: 0.2rem;}
.sec07-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;}
.sec07-b input[type=button]{width: 2.16rem; height: 0.44rem; line-height: 0.44rem; font-size: .16rem; color: #fff; background: linear-gradient(to right, #ff5f6b , #f76a4d); border-radius: .2rem; display: inline-block; box-shadow: 0 6px 10px #ff5f6b40; transition: .5s all; border: none;}
.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);}
}

/*sec08*/
.sec08-main{width: 1080px; background: url(../images/s8_mbg.png) no-repeat left top; padding: .6rem; position: relative; z-index: 9;}
.sec08-main ul li{width: 3.24rem; background-color: #fff; padding: .5rem .35rem; box-sizing: border-box; box-shadow: 0 12px 20px #00000014; margin-right: 0.34rem; display: inline-block; vertical-align: top; position: relative; padding-top: 1.8rem;}
.sec08-main ul li h3{font-size: .2rem; color: #3e3e3e; font-weight: bold; margin-top: 0.2rem; margin-bottom: 0.15rem;}
.sec08-main ul li p{height: 0.74rem; font-size: .17rem; color: #3e3e3e; line-height: .28rem; text-align: left; margin-bottom: 0.3rem;}
.sec08-ibg{position: absolute; top: 0.6rem; left: 50%; margin-left: -0.7rem; animation: zhuan 5s infinite linear;}
.sec08-i{position: absolute; top: 1.08rem; left: 50%;}
.sec08-i01{margin-left: -0.2rem;}
.sec08-i02{margin-left: -0.2rem; top: 1.1rem;}
.sec08-i03{margin-left: -0.19rem; top: 1.12rem;}
.sec08 .pub-a{width: 1.5rem;}

/*sec09*/
.sec09-main{background: #fff; border-radius: 30px; box-shadow: 0 0 30px #00000020; padding: .42rem; box-sizing: border-box;}
.kk{font-size: .2rem; color: #383838; margin-bottom: 0.2rem;}
.sec09-main table{ border: 1px solid #25cac1;}
.sec09-main table tr th{height: 0.68rem; line-height: .68rem; font-size: .26rem; color: #fff; font-weight: 600; background: #25cac1; border-right: 1px solid #fff;}
.sec09-main table tr th:nth-child(4){width: 3.5rem;}
.sec09-main table tr td{ font-size: .18rem; color: #343434; line-height: .34rem; padding: .4rem .2rem; border: 1px solid #25cac1;}
.sec09-main table tr td:last-child{border-right: 0;}
.sec09-main table tr td:nth-child(3){text-align: left;}
.sec09-main table tr td:nth-child(3) b{padding-left: 0.1rem;}
.sec09-main table tr td:nth-child(4){text-align: left;}
.sec09-main table tr td b{font-weight: bold;}
.sec09-main table tr td a{ width: 1.04rem;height: 0.32rem;line-height: 0.32rem;}
.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: 142px;height: 417px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9999;}
.lfNav .close{position:absolute;top:0; right:0; height:32px; width:32px; }
.mt185{margin-top: 117px;}
.nav-bg{width: 161px;height: 34.5px;display: block;float:left;clear:both;margin-left: -16px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 28px;display: block;margin:auto;font: 16px/32px "微软雅黑";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);
}