@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: 1.2rem;}
.title{ margin-bottom: .7rem; display: inline-block; position: relative;}
.title h2{font-size: .44rem; color: #333333; font-weight: normal; letter-spacing: .01rem; position: relative; z-index: 9;}
.title h2 b{font-weight: bold;}
.title i{width: 1.59rem; height: 0.1rem; background: #329efa; display: inline-block; position: absolute; right: -.04rem; top: 0.46rem;}

/*banner*/
.banner-box{width: 100%;height: 725px;position: relative;background: url(../images/banner_bg.jpg) no-repeat top center;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: .52rem;}
.banner-img{position: absolute; right: -2.6rem; top: 1.7rem; animation: move 1s infinite ease-in-out alternate;}
@keyframes move{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}

/*sec01*/
.sec01-main ul li{width: 33.3%; display: inline-block; vertical-align: top; padding: 0 .5rem; border-right: 1px solid #e6e6e6; box-sizing: border-box;}
.sec01-main ul li:last-child{border-right: none;}
.sec01-main ul li h3{font-size: .22rem; color: #333333; margin-bottom: 0.14rem; margin-top: 0.24rem;}
.sec01-main ul li p{font-size: .16rem; color: #666666; line-height: 0.26rem; text-align: left;}
.sec01-main ul li p span{font-size: .12rem; color: #b2b2b2; display: block; line-height: 0.18rem; margin-top: 0.04rem;}
.pub-a{width: 2.7rem; height: 0.64rem; line-height: 0.64rem; background: linear-gradient(to right, #248fea , #3bb2e9); border-radius: .08rem; font-size: .26rem; color: #fff; display: inline-block; margin-top: 0.6rem; transition: all .4s;}
.pub-a:hover{transform: translateY(-6px);}

/*sec02*/
.sec02-img{position: absolute; left: -166px;}
.sec02-r{width: 7.67rem; float: right; margin-top: 0.54rem;}
.sec02-r i{width: 0.02rem; height: 2.08rem; background: url(../images/s2_line.png) no-repeat top / 100%; display: inline-block; vertical-align: top;margin-top: .19rem;}
.sec02-r ul{display: inline-block; vertical-align: top; margin-left: -.1rem;}
.sec02-r ul li{margin-bottom: 0.35rem;}
.sec02-r ul li:hover p{transform: scale(1.05);}
.sec02-r ul li:last-child{margin-bottom: 0;}
.sec02-r ul li img{display: inline-block; vertical-align: top; margin-right: 0.16rem;}
.sec02-r ul li p{width: 7.27rem; font-size: .16rem; line-height: 0.26rem; text-align: left; display: inline-block; vertical-align: top; margin-top: -3px; transition: all .5s;}
.sec02-r a{float: left; margin-left: .34rem; margin-top: 0.42rem;}

/*sec03*/
.sec03-main{margin-top: .68rem;}
.sec03-l{width: 1.4rem; display: inline-block; vertical-align: top; margin-top: 2.2rem;}
.sec03-m{width: 6.5rem; display: inline-block; vertical-align: top; position: relative;}
.sec03-m p{font-size: .28rem; color: #218eed; font-weight: bold; position: absolute;}
.sec03-m p:nth-child(2){left: 2.2rem; bottom: .9rem;}
.sec03-m p:nth-child(3){top: 1.53rem; right: 1.28rem;}
.sec03-r{width: 3.1rem; display: inline-block; vertical-align: top; margin-top: -.24rem;}
.sec03-main ul li i{width: 0.48rem; height: 0.48rem; line-height: 0.48rem; background: #258fea; border-radius: .48rem; font-size: .28rem; color: #fff; font-weight: bold; display: inline-block; vertical-align: top;}
.sec03-main ul li span{font-size: .16rem; color: #666666; text-align: left; display: inline-block; vertical-align: top;}
.sec03-l ul li{margin-bottom: 0.8rem;}
.sec03-l ul li i{vertical-align: middle; margin-left: 0.18rem;}
.sec03-l ul li span{vertical-align: middle;}
.sec03-r ul li{margin-bottom: 0.34rem;}
.sec03-r ul li:nth-child(1){margin-bottom: .54rem;}
.sec03-r ul li:nth-child(2){margin-bottom: .6rem;}
.sec03-r ul li:nth-child(2){margin-bottom: .72rem;}
.sec03-r ul li span{width: 2.3rem; margin-left: 0.1rem;}
.sec03-r ul li:nth-child(1) span{margin-top: -.34rem;}
.sec03-r ul li:nth-child(2) span{margin-top: -.09rem;}
.sec03-r ul li:nth-child(3) span{margin-top: -.38rem;}
.sec03-r ul li:nth-child(3) span font{font-size: .12rem; color: #999; display: block; margin-top: 0.05rem;}
.scr03-con01{animation: scr03-con01 3s ease-in-out infinite;}
@keyframes scr03-con01 {
    0%{
        transform: scale(0.9);
    }
    50%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(0.9);
    }
}

/*sec04*/
.sec04{background: url(../images/s4_bg.jpg) no-repeat; padding: .66rem 0; margin-top: 1.2rem;}
.sec04 i{width: 3rem; right: -0.12rem;}
.sec04-main form input[type=text]{width: 4.6rem; height: 0.6rem; border-radius: .04rem; font-size: .2rem; padding-left: 0.48rem; box-sizing: border-box; border: none; margin: .09rem .15rem;}
.sec04-main form input[type=button]{border: none; margin-top: .2rem;}
.sec04-main form .input01{background: #fff url(../images/s4_i01.png) no-repeat left .16rem center; }
.sec04-main form .input02{background: #fff url(../images/s4_i02.png) no-repeat left .16rem center; }
.sec04-main form .input03{background: #fff url(../images/s4_i03.png) no-repeat left .16rem center; }
.sec04-main form .input04{background: #fff url(../images/s4_i04.png) no-repeat left .16rem center; }
.form_bot {width: 94%; margin: 20px auto 0; text-align: center; font-size: .16rem; color: #666666; line-height:.26rem;}
.form_bot span a {color: #666666;}
.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;}

/*sec05*/
.sec05{background: url(../images/s5_bg.jpg) no-repeat right;}
.sec05-l{text-align: left; margin-top: 1.5rem;}
.sec05-l h3{font-size: .22rem; color: #329efa; font-weight: 600; margin-bottom: 0.15rem;}
.sec05-l p{font-size: .18rem; color: #666666; margin-bottom: 0.65rem;}
.sec05-r{margin-right: -2.3rem;}
.sec05-r img{cursor: pointer;}
.sec05-main .jt a{width: 0.9rem; height: 0.46rem; display: inline-block;}
.sec05-main .jt a.prev{background: url(../images/prev.png) no-repeat top / 100%;}
.sec05-main .jt a.next{background: url(../images/next.png) no-repeat top / 100%;}
.sec05-main .jt a.prev:hover{background: url(../images/prev_h.png) no-repeat top / 100%;}
.sec05-main .jt a.next:hover{background: url(../images/next_h.png) no-repeat top / 100%;}
.blackbg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 998; display: none;}
.sec04-pop{width: 1030px; position: fixed; top: 30%; left: 50%; margin-left: -515px; z-index: 999;}
.video-box{width: 730px; height: 410px; background: #000; display: none; }
.video-list{width: 300px; height: 410px; background-color: #3e6ca8; padding: .2rem; display: none; box-sizing: border-box;}
.video-list ul li{display: none;}
.video-list a{font-size: .15rem; color: #fff; line-height: 0.3rem; text-align: left; display: block;}
.video-list a span{width: 2.08rem;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle;}
.video-list a i{width: .48rem;height: .22rem;line-height: 0.22rem;text-align: center;font-size: .14rem;background: #f26c24;border-radius: .05rem;display: inline-block; margin-left: 0.04rem;}
.close2{position: fixed;top: 75%;left: 50%; display: none; z-index: 999;}

/*sec06*/
.sec06-main ul li{margin-bottom: 0.4rem; text-align: left; transition: all .5s;}
.sec06-main ul li:hover{transform: scale(1.05);}
.sec06-main ul li img{display: inline-block; vertical-align: middle; margin-right: 0.48rem;}
.sec06-main ul li div{display: inline-block; vertical-align: middle; text-align: left;}
.sec06-main ul li div h3{font-size: .22rem; color: #333333; font-weight: bold; margin-bottom: 0.22rem;}
.sec06-main ul li div p{font-size: .18rem; color: #666666;}
.sec06-main a{width: 2.7rem; height: 0.64rem; line-height: 0.64rem; background: linear-gradient(to right, #258fea , #3bb2e9); border-radius: .08rem; margin-top: 0;}
.sec06-main a span{display: inline-block; vertical-align: middle;}
.sec06-main a i{width: 0.29rem; height: 0.33rem; background: url(../images/s6_zx.png) no-repeat top / 100%; display: inline-block; vertical-align: middle; margin-left: 0.05rem;}

/*sec07*/
.sec07-main .bd{width: 4.85rem; display: inline-block; vertical-align: top; margin-right: 0.9rem;}
.sec07-main .bd ul li .book-img{display: inline-block; vertical-align: top; margin-right: 0.32rem;}
.sec07-main .bd ul li .book-img span{font-size: .12rem; color: #999999; display: block;}
.sec07-main .bd ul li .book-info{display: inline-block; vertical-align: top; margin-top: 0.8rem;}
.sec07-main .bd ul li .book-info i{width: .14rem; height: 0.88rem; background: url(../images/s7_line.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-right: 0.14rem;}
.sec07-main .bd ul li .book-info p{font-size: .18rem; color: #4c4c4c; display: inline-block; vertical-align: top; text-align: left; margin-top: -0.03rem;}
.sec07-main .bd ul li .book-info p b{font-weight: bold;display: block; margin-bottom: 0.45rem;}
.sec07-main .hd{width: 4.7rem; display: inline-block; vertical-align: top;}
.sec07-main .hd ul li{width: 100%; height: 1rem; border: 1px solid #e5e5e5; background: #fff;}
.sec07-main .hd ul li h3{width: 0.86rem; height: 100%; font-size: .22rem; color: #333333; line-height: 0.3rem; font-weight: 600; display: inline-block; vertical-align: top; border-right: 1px solid #e5e5e5; box-sizing: border-box; padding-top: 0.18rem;}
.sec07-main .hd ul li p{width: 3.32rem; font-size: .16rem; color: #666666; text-align: left; display: inline-block; vertical-align: top; padding: .18rem .26rem;} 
.sec07-main .hd ul li.on{background: #3bb2e9; border: 1px solid #3bb2e9;}
.sec07-main .hd ul li.on h3{border-right: 1px solid #fff; color: #fff;}
.sec07-main .hd ul li.on p{ color: #fff;}
.sec07-main .jt{margin-top: 0.32rem;}
.sec07-main .jt a{width: 0.11rem; height: 0.19rem; display: inline-block;}
.sec07-main .jt a.prev02{background: url(../images/prev02.png) no-repeat top / 100%; margin-right: 0.25rem;}
.sec07-main .jt a.next02{background: url(../images/next02.png) no-repeat top / 100%;}
.sec07-main .jt a.prev02:hover{background: url(../images/prev_h02.png) no-repeat top / 100%;}
.sec07-main .jt a.next02:hover{background: url(../images/next_h02.png) no-repeat top / 100%;}

/*sec08*/
.sec08{background: url(../images/s8_bg.png) no-repeat right -86px bottom; padding-bottom: 1.15rem;}
.sec08-main ul li{width: 2.64rem; height: 3.25rem; margin: 0 .2rem; display: inline-block; vertical-align: top; padding-top: 0.58rem; box-sizing: border-box; cursor: pointer;}
.sec08-main ul li h3{font-size: .24rem; color: #2490ea; font-weight: bold; margin-top: 0.15rem; margin-bottom: 0.14rem;}
.sec08-main ul li p{font-size: .18rem; color: #666666; line-height: 0.3rem;}
.sec08-main ul li:hover{ background: linear-gradient(to bottom, #50b1e0 , #2990e9);}
.sec08-main ul li:hover h3{color: #fff;}
.sec08-main ul li:hover p{color: #fff;}

/*sec09*/
.sec09 i{width: 7.2rem; right: -0.12rem;}
.sec09-main{background: #fff; border-radius: 10px; box-shadow: 0 2px 8px #329efa24; padding: .4rem; box-sizing: border-box;}
.sec09-main table{ border: 1px solid #329efa;}
.sec09-main table tr th{height: 0.68rem; line-height: .68rem; font-size: .26rem; color: #fff; font-weight: 600; background: #329efa; border-right: 1px solid #fff;}
.sec09-main table tr th:last-child{border-right: none;}
.sec09-main table tr td{ font-size: .18rem; color: #343434; line-height: .34rem; padding: .4rem .28rem; border: 1px solid #329efa;}
.sec09-main table tr td:last-child{border-right: 0;}
.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; font-size: .16rem; color: #fff; background: #329efa; border-radius: 26px; display: block;  margin: 0 auto; margin-top: .05rem; margin-bottom: .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: 150px;height: 388px;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: 49px;}
.nav-bg{width: 161px;height: 39px;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);
}