@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.2rem;}
.title{ margin-bottom: .5rem;}
.title h2{font-size: .32rem; color: #2c3845; font-weight: bold;}
.title i{width: 0.92rem; height: 0.94rem; background: url(../images/t_i.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-right: 0.18rem;margin-top: -.2rem;}

/*banner*/
.banner-box{width: 100%;height: 619px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: .75rem; left: -1.08rem;}

/*sec01*/
.sec01-main .hd{width: 3.7rem; display: inline-block; vertical-align: top; margin-right: 0.78rem;}
.sec01-main .hd ul li{width: 1.5rem; height: 1.5rem; font-size: .3rem; color: #fff; font-weight: 600; padding-top: 0.38rem; box-sizing: border-box; line-height: 0.36rem; border-radius: 100%; cursor: pointer;}
.sec01-main .hd ul li:nth-child(1){background: #2679bc; margin-left: 2.16rem;}
.sec01-main .hd ul li:nth-child(2){background: #00cfaf; margin-left: 0.28rem;}
.sec01-main .hd ul li:nth-child(3){background: #f5633f; margin-left: 2.16rem;}
.sec01-main .hd ul li:nth-child(1).on{box-shadow: 0 16px 30px #2679bc30; animation: tiao infinite .5s ease alternate;}
.sec01-main .hd ul li:nth-child(2).on{box-shadow: 0 16px 30px #00cfaf30; animation: tiao infinite .5s ease alternate;}
.sec01-main .hd ul li:nth-child(3).on{box-shadow: 0 16px 30px #f5633f30; animation: tiao infinite .5s ease alternate;}
.sec01-main .bd{width: 6.25rem; display: inline-block; position: relative; margin-top: 0.68rem;}
.sec01-main .bd ul li{width: 5.4rem; height: 3.04rem; background: #fff; padding: .56rem .48rem; box-sizing: border-box; border-radius: .12rem; text-align: left; box-shadow: 0 16px 30px #93939330; position: absolute; right: 0; transform: scale(.8); transition: 1s all;}
.sec01-main .bd ul li p{color: #dadada;}
.sec01-main .bd ul li p span{color: #2679bc;}
.sec01-main .bd ul li:nth-child(2) p span{color: #00cfaf;}
.sec01-main .bd ul li:nth-child(3) p span{color: #f5633f;}
.sec01-main .bd ul li.on{right: 1rem; opacity: 1; transform: scale(1); z-index: 99;}
.sec01-main .bd ul li.on p{ color: #3e3e3e;}
.sec01-main .bd ul li h3{font-size: .27rem; color: #2679bc; font-weight: bold; margin-bottom: 0.22rem;}
.sec01-main .bd ul li:nth-child(2) h3{ color: #00cfaf;}
.sec01-main .bd ul li:nth-child(3) h3{ color: #f5633f;}
.sec01-main .bd ul li i{width: 0.5rem; height: 0.02rem; background: #2679bc; display: block; margin-bottom: 0.22rem;}
.sec01-main .bd ul li:nth-child(2) i{ background: #00cfaf;}
.sec01-main .bd ul li:nth-child(3) i{ background: #f5633f;}
.sec01-main .bd ul li p{font-size: .18rem; line-height: 0.27rem;}
.sec01-main p.tips{font-size: .14rem; color: #7c7c7c; text-align: left; margin-top: 0.5rem; margin-left: 1.76rem;}
.sec01-main p.tips b{font-weight: bold; margin-bottom: 0.04rem; display: block;}
.sec01-main p.tips span{width: 4.04rem; display: inline-block; margin-bottom: 0.01rem;}
@keyframes tiao{
    0%{transform: scale(.9);}
    100%{transform: scale(1);}
}

/*sec02*/
.sec02{background: #f5feff; margin-top: 1.2rem;}
.sec02-main{height: 4.16rem; background: url(../images/s2_mbg.png) no-repeat bottom center; position: relative;}
.sec02-main ul{text-align: left;}
.sec02-main ul li{display: inline-block; vertical-align: top; cursor: pointer; position: absolute;}
.sec02-main ul li:nth-child(1){
    left: 18px;
    top: -2px;
}
.sec02-main ul li:nth-child(2){
    left: 108px;
    top: 236px;
}
.sec02-main ul li:nth-child(3){
    left: 250px;
    top: 88px;
}
.sec02-main ul li:nth-child(4){
    left: 364px;
    top: -1px;
}
.sec02-main ul li:nth-child(5){
    left: 465px;
    top: 235px;
}
.sec02-main ul li:nth-child(6){
    right: 427px;
    top: 2px;
}
.sec02-main ul li:nth-child(7){
    right: 280px;
    top: 169px;
}
.sec02-main ul li:nth-child(8){
    right: 149px;
    top: 4px;
}
.sec02-main ul li:nth-child(9){
    right: 20px;
    top: 233px;
}
.sec02-main ul li h3{width: 1.09rem; height: 1.09rem; line-height: 1.09rem; font-size: .22rem; text-align: center; color: #00313c; font-weight: bold; border: 1px solid #00313c; border-radius: 100%; animation: tiao .8s infinite linear alternate;}
.sec02-main ul li:nth-child(3) h3{background: url(../images/s2_tbg.png) no-repeat top / 100%; border: none; animation: tiao .8s infinite linear alternate .4s;}
.sec02-main ul li:nth-child(6) h3{background: url(../images/s2_tbg.png) no-repeat top / 100%; border: none; animation: tiao .8s infinite linear alternate .4s;}
.sec02-main ul li:nth-child(8) h3{background: url(../images/s2_tbg.png) no-repeat top / 100%; border: none; animation: tiao .8s infinite linear alternate .4s;}
.sec02-main ul li p{width: 1.48rem; background: #fff; border-radius: .12rem; box-shadow: 0 10px 30px #00000020; font-size: .18rem; color: #3e3e3e; padding: .2rem; position: absolute; right: -1.94rem; top: 0; display: none; z-index: 9;}
.sec02-main ul li:hover h3{background: #1c91a9; border: 1px solid #1c91a9; color: #fff; animation: none;}
.sec02-main ul li:hover p{display: block;}
@keyframes tiao{
    0%{transform: scale(.9);}
    100%{transform: scale(1);}
}

/*sec03*/
.sec03-l{width: 4.37rem; height: 4.37rem; display: inline-block; vertical-align: middle; background: #f3fdff; border-radius: 100%; position: relative; margin-right: 0.88rem;}
.sec03-l img{position: absolute;}
.sec03-img01{ left: 36px; top: 48px;;transition: all 0.35s ease-in-out;}
.sec03-img02{width: 3.8rem; left: 0.3rem; top: 0.85rem; opacity: 0;;transition: all 0.35s ease-in-out;}
.sec03-l:hover .sec03-img02{animation: flipInY 1s .5s; transform: scale(1); opacity: 1; transition-delay: .5s}
.sec03-l:hover .sec03-img01{animation: flipOutY 1s; opacity: 0;}
.sec03-r{width: 5.1rem; text-align: left; display: inline-block; vertical-align: middle;}
.sec03-r h3{font-size: .28rem; color: #1c91a9; font-weight: bold; margin-bottom: 0.08rem;}
.sec03-r p{font-size: .2rem; color: #2c3845; line-height: 0.27rem; margin-bottom: 0.25rem;}
.pub-a{width: 1.97rem; height: 0.54rem; line-height: 0.54rem; font-size: .19rem; color: #fff; background: #ff9f41; border-radius: .27rem; display: inline-block; box-shadow: 0 5px 18px #ff942c40; margin-top: 0.46rem;}

/*sec04*/
.sec04-l { width: 5.61rem; display: inline-block; vertical-align: top; position: relative; padding-top: 1.84rem; margin-right: 0.5rem; }
.sec04-l ul li { width: 1.54rem; height: 1.54rem; font-size: 0.2rem; color: rgb(28, 145, 169); font-weight: bold; background: rgb(225, 250, 255); border: 1px solid rgb(45, 153, 176); border-radius: 100%; box-sizing: border-box; padding-top: 0.4rem; position: absolute; animation: 0.8s linear 0s infinite alternate none running tiao; }
.sec04-l ul li:nth-child(1) { padding-top: 0.53rem; left: 0.3rem; top: 0px; }
.sec04-l ul li:nth-child(2) { left: 3.15rem; top: 0px; animation: 0.8s linear 0.8s infinite alternate none running tiao; }
.sec04-l ul li:nth-child(3) { left: 4.04rem; top: 2.62rem; }
.sec04-l img {margin-left: -2rem;width: 397px;margin-top: -22px;}
.sec04-r { width: 4.88rem; display: inline-block; vertical-align: top; }
.sec04-r h3 {width: 4.3rem;height: 0.65rem;line-height: 0.65rem;background: rgb(28, 145, 169);font-size: 0.28rem;color: rgb(255, 255, 255);margin-bottom: 0.55rem;}
.sec04-r h3 span { font-weight: bold; padding: 0px 0.2rem; }
.sec04-r p { text-align: left; font-size: 0.2rem; color: rgb(44, 56, 69); margin-bottom: 0.5rem; }
.sec04-r p img { width: 0.36rem; display: inline-block; vertical-align: top; margin-top: -0.04rem; margin-right: 0.22rem; }

/*sec05*/
.sec05{padding-top: 0.2rem;}
.sec05-main{background: #fff; border-radius: .12rem; box-shadow: 0 16px 30px #93939330; padding: .5rem 0;}
.sec05-title h2{font-size: .28rem; color: #3e3e3e; font-weight: bold; margin-bottom: 0.33rem;}
.sec05-title h2::before{content: ""; width: 0.31rem; height: 0.17rem; background: url(../images/s5_tl.png) no-repeat top / 100%; display: inline-block; margin-right: 0.2rem;}
.sec05-title h2::after{content: ""; width: 0.31rem; height: 0.17rem; background: url(../images/s5_tr.png) no-repeat top / 100%; display: inline-block; margin-left: 0.2rem;}
.form1 input[type=text]{width: 4.18rem; height: 0.6rem; border: 1px solid #1c91a9; font-size: .2rem; padding-left: 0.3rem; box-sizing: border-box; margin: 0 .35rem;}
.form1 input[type=button]{border: none; margin-top: .3rem;}
.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;}

/*sec06*/
.sec06-main ul li{width: 3.33rem; display: inline-block; vertical-align: top; margin-bottom: 0.35rem;}
.sec06-main ul li h3{width: 100%; height: 1.2rem; font-size: 0.25rem; color: #fff; padding-top: 0.29rem; box-sizing: border-box;}
.sec06-main ul li.bg1 h3{background: url(../images/s6_tbg01.png) no-repeat top / 100%;}
.sec06-main ul li.bg2 h3{background: url(../images/s6_tbg02.png) no-repeat top / 100%;}
.sec06-main ul li.bg3 h3{background: url(../images/s6_tbg03.png) no-repeat top / 100%;}
.sec06-main ul li p{font-size: .2rem; color: #000000;margin-top: -.15rem;}

/*sec08*/
.sec08-main ul li{width: 3.4rem; background: #f3fdff; border: 1px solid #1c91a9; border-radius: .1rem; display: inline-block; vertical-align: top; margin-right: 0.4rem; box-sizing: border-box; padding: .52rem 0;}
.sec08-main ul li:last-child{margin-right: 0;}
.sec08-main ul li h3{font-size: .26rem; color: #1c91a9; font-weight: bold; margin-bottom: 0.18rem; margin-top: 0.25rem;}
.sec08-main ul li p{font-size: .18rem; color: #434343; text-align: justify; line-height: 0.27rem; padding: 0 .45rem;}
.sec08-main ul li a{width: 1.74rem; height: 0.41rem; line-height: 0.41rem; margin-top: 0.3rem;}

/*sec09*/
.sec06 h2{ background: url(../images/s6_tbg.png) no-repeat left -.03rem bottom;}
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wrapper .container {
    position: relative;
    margin: 0 auto;
}
.horizontal .container {
    width: 6.42rem;
    height: 2.37rem;
    overflow: inherit;
}
.container .cards-list {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border-radius: 0.12rem;
    transition: 330ms;
    box-shadow: 0 16px 30px #93939330;
}
.horizontal .cards-list {
    width: 100%;
    height: 100%;
}
.main-left{width: 3.58rem; display: inline-block; vertical-align: top; margin-right: 0.4rem;}
.main-left h3{width: 1.47rem; height: 0.42rem; line-height: 0.42rem; background-color: #1c91a9; border-radius: .2rem; font-size: .22rem; color: #fff; font-weight: bold; margin-bottom: 0.14rem; margin-top: 0.46rem;}
.main-left p{font-size: .18rem; color: #434343; line-height: 0.27rem; text-align: left;}
.main-right{width: 1.33rem; display: inline-block; margin-top: 0.26rem;}
.sec09-main .tips{font-size: .14rem; color: #999; text-align: right; margin-top: 0.4rem;}

/*sec10*/
.sec10-main p{background: #eff7f9;font-size: .18rem;color: #343434;line-height: 0.3rem;padding: .28rem 0;margin-bottom: 0.2rem;}
.sec10-main p span{color: #ffffff;font-weight: 600;font-size: .2rem;background: #29ccbb;display: inline-block; padding: 0 10px 0 25px;border-radius: 22px;margin-bottom: .1rem;}
.sec10-main p b{font-weight: 600;}
.sec10-main table tr th{height: 0.74rem; line-height: 0.74rem; font-size: .26rem; color: #fff; font-weight: normal; background: #1c91a9; border-right: 1px solid #a2d2dc;}
.sec10-main table tr th:nth-child(1){width: 1.64rem;}
.sec10-main table tr th:nth-child(2){width: 1.4rem;}
.sec10-main table tr th:nth-child(3){width: 2.14rem;}
.sec10-main table tr th:nth-child(4){width: 4.26rem;}
.sec10-main table tr th:last-child{border-right: none;}
.sec10-main table tr td{font-size: .2rem; color: #343434; border: 1px solid #80c1cf;}
.sec10-main table tr:hover{background: #f3fdff; transform: scale(1.03);}
.sec10-main table tr td:nth-child(4){text-align: left; padding: .45rem .28rem;}
.sec10-main table tr td b{font-weight: bold;}
.sec10-main table tr td a{width: 1.1rem; height: 0.38rem; line-height: 0.38rem; font-size: .16rem; background: #ff9f41; border-radius: .25rem; margin-top: 0.2rem;}
.tips{font-size: .16rem; color: #666; text-align: right; margin-top: 0.3rem;}

/*sec11*/
.sec11-main{background: url(../images/s11_mbg.png) no-repeat top center;}
.sec11-main ul li{width: 2.06rem; display: inline-block; vertical-align: top; margin-right: 1.58rem;}
.sec11-main ul li:nth-child(1){margin-top: 0.7rem;}
.sec11-main ul li:nth-child(2){margin-top: -0.22rem;}
.sec11-main ul li:last-child{margin-right: 0; margin-top: 0.6rem;}
.sec11-main ul li h3{font-size: .2rem; color: #1c91a9; font-weight: bold; margin-top: -0.1rem; animation: tiao .8s infinite linear alternate}
.sec11-main ul li p{font-size: .18rem; color: #464646; text-align: justify; margin-top: 0.14rem;}
.sec11-main ul li a{width: 1.36rem; height: 0.37rem; line-height: 0.37rem; font-size: .16rem; font-weight: 600; margin-top: 0.15rem;}

/* 底部通用 */
.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: 146px;height: 404px;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: 86px;}
.nav-bg{width: 140px;height: 42px;display: block;float:left;clear:both;margin-left: -10px;margin-bottom: 0px;}
.nav-bg a{width: 84.5%;height: 100%;display: block;margin:auto;font: 16px/40px "微软雅黑";color: #fff;text-align: center;margin-left: 10px;}
.nav-bg a:hover{background: #00cfaf;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}