@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;}
#hdr_mn > h1 > span{font-size: .16rem; color: #e12d27; font-weight: normal;}
#hdr_mn > div{width: 644px; margin-right: 104px;}
#hdr_mn > div > ul > li{background: none; font-size: 15px;width: 85px;}

/*banner*/
.banner-box{width: 100%;height: 770px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center;font-size: 0;}
.banner-box .wrap{height: 100%;}
.banner-box a{ display: block; position: absolute; top: .88rem; left: -1.6rem;}
.banner-box ul{ position: absolute; bottom: 0;}
.banner-box ul li{display: inline-block; vertical-align: top; width: 1.92rem; height: 1.81rem; margin-right: .35rem; background: #fff; border-radius: 10px; box-shadow: 0 0 28px #0000001f; padding: .15rem 0; box-sizing: border-box;}
.banner-box ul li:last-child{margin-right: 0;}
.banner-box ul li h4{font-size: .2rem; color: #383838; margin-top: .05rem;}

/*公共title*/
.section{ padding-top: 1.4rem;}
.title{ margin-bottom: .6rem;}
.title h2{font-size: .32rem; color: #091928; font-weight: bold;}

/*sec01*/
.sec01{background: url(../images/s1_bg.jpg) no-repeat bottom center;}
.sec01 .wrap{width: 11.44rem;}
.sec01-left{display: inline-block; vertical-align: top;}
.sec01-img{display: inline-block; vertical-align: top;}
.sec01-right{display: inline-block; vertical-align: top;}
.sec01-main ul li{margin-bottom: .39rem; position: relative;}
.sec01-main ul li .t-show{font-size: .15rem; color: #383838; line-height: .22rem; width: 5.57rem; height: 1.31rem; text-align: left; padding-top: .32rem; box-sizing: border-box; cursor: pointer;}
.sec01-main ul li .t-show p{width: 4.2rem; margin-left: .55rem;}
.sec01-left ul li .t-show{background: url(../images/s1_lbgl.png) no-repeat;}
.sec01-right ul li .t-show{background: url(../images/s1_lbgr.png) no-repeat;}
.sec01-right ul li .t-show p{margin-left: .78rem;}
.sec01-main b{font-weight: bold;}
.sec01-right{margin-top: .88rem;}
.sec01-main ul li:hover .t-hide{ display: block;}
.sec01-main ul li .t-hide{font-size: .14rem;color: #333;width: 4.89rem;background: #fff;border-radius: 9px;box-shadow: 0 0 20px #00000020;position: absolute;z-index: 9;left: .24rem;top: 1.05rem; transition: 1s all; display: none;}
.sec01-main ul li .t-hide p{text-align: left;width: 89%;margin: 0 auto;padding: .2rem 0;}
.sec01-main ul li .t-hide p a{color: #000; font-size: .14rem;}
.sec01-right ul li .t-hide{left: .44rem;}

/*sec02*/
.sec02{background: url(../images/s2_bg.jpg) no-repeat top center; padding-top: .8rem; padding-bottom: 1.3rem;}
.sec02 .wrap{width: 11.24rem;}
.sec02-left{margin-bottom: .32rem;}
.txt-box{width: 5.3rem; text-align: left; margin-top: .85rem;}
.txt-box h3{font-size: .25rem; color: #091928; font-weight: bold; margin-bottom: .1rem;}
.txt-box p{font-size: .15rem; color: #383838; line-height: .24rem;}
.txt-box p span{font-size: .13rem;}
.pub-a{width: 1.55rem; height: .42rem; line-height: .42rem; background: #ffb350; border-radius: 50px; box-shadow: 0 6px 20px #ffb35059; font-size: .16rem; color: #fff; text-align: center; display: block; margin: 0 auto;}
.txt-box .pub-a{margin-top: .22rem; margin-bottom: .5rem;}
.sec02-right .txt-box{margin-top: .4rem;}

/*sec03*/
.sec03{ padding-top: 0;}
.sec03-main{background: url(../images/s3_mbg.jpg) no-repeat; padding: .7rem 0;}
.sec03-list{width: 6.08rem;}
.sec03-list ul li{display: inline-block; vertical-align: top; background: #fff; border-radius: 2px; width: 2.92rem; height: 2.59rem; margin-right: .24rem; margin-bottom: .4rem; padding: .6rem 0; box-sizing: border-box; box-shadow: 0 0 20px #0000000f; position: relative;}
.sec03-list ul li:nth-child(2n){margin-right: 0;position: relative; top: .32rem;}
.sec03-list ul li h4{font-size: .2rem; color: #091928; font-weight: 600; margin-top: .22rem;}
.s3-hide{background: url(../images/s3_hbg.png) no-repeat; padding: .5rem; width: 4.1rem; height: 3.45rem; text-align: left; box-sizing: border-box; position: absolute; right: -3.3rem;top: -.6rem; z-index: 3; display: none;}
.s3-hide h5{font-size: .2rem; color: #091928; font-weight: 600; margin-bottom: .08rem;}
.s3-hide p{font-size: .14rem; color: #595959; line-height: .2rem;}
.s3-hide p b{font-weight: bold;}
.sec03-list ul li:nth-child(3) .s3-hide{padding-top: .4rem;}
.sec03-list ul li:hover .s3-hide{display: block;}
.sec03-rimg{position: absolute; right: -.92rem; top: 1.22rem;}
.sec03-main .pub-a{margin-top: .28rem; width: 2.07rem;}

/*sec04*/



/*sec05*/
.sec05 .sec-box{background: #fff; border-radius: 12px; box-shadow: 0 0 30px #0000000f; padding: .56rem 0;}
.sec05 .title{margin-bottom: .4rem;}
.form1 input[type=text]{width: 2.98rem; height: .6rem; border: 1px solid #1569de; box-sizing: border-box; margin-right: .42rem; padding-left: .65rem; font-size: .18rem; color: #515151;}
.form1 input[name=clueUsername]{background: url(../images/s5_user.png)no-repeat .18rem center;}
.form1 input[name=clueMobile]{background: url(../images/s5_phone.png)no-repeat .18rem center;}
.form1 input[type=button]{width: 2.67rem; height: .59rem; border: none; display: inline-block; font-size: .2rem; cursor: pointer;}
.agreement{margin-top: .2rem;}
.agreement input[type = checkbox]{display: inline-block;vertical-align: middle;width: .14rem;height: .14rem; 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: #fff; 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: #0660dc; top: 0; left: 0; width: 100%; border: 1px solid #0660dc; border-radius:2px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: .12rem; box-sizing: border-box;}
.agreement label{display: inline-block;vertical-align: middle;}
.agreement span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;}
.agreement a{display: inline-block;vertical-align: middle;font-size: .14rem;color: #0660dc;}
.agreement2 span{color: #fff;}
.agreement2 a{color: #fff;}

/*sec06*/
.sec06-main{background: url(../images/s6_mbg.jpg) no-repeat right; padding: .68rem 0;}
.sec06-left{position: absolute; left: -1.1rem;}
.sec06-right{margin-right: 1.15rem;}
.sec06-main .bd .tempWrap{width: 600px !important;}
.sec06-main .bd ul{padding: .2rem !important;}
.sec06-main .bd ul li{width: 5.8rem !important; height: 2.68rem; border-radius: 20px; background: #fff; box-shadow: 0 0 20px #00000014; text-align: left; padding: .42rem .38rem; box-sizing: border-box; margin-right: .5rem; position: relative;}
.sec06-main .bd ul li h3{font-size: .24rem; font-weight: 600; color: #1e1e1e; margin-bottom: .1rem;}
.sec06-main .bd ul li p{height: 1rem; font-size: .16rem; color: #5b5b5b; line-height: .23rem; margin-bottom: .1rem;}
.sec06-main .bd ul li::after{content: ''; display: block; width: .39rem; height: .34rem; background: url(../images/s6_i.png) no-repeat; position: absolute; top: .4rem; right: .5rem;}
.sec06-main .hd{margin-left: .2rem;}
.sec06-main .hd a{display: inline-block; width: .37rem; height: .37rem; margin: 0 .08rem;}
.prev{background: url(../images/prev.png) no-repeat;}
.next{background: url(../images/next.png) no-repeat;}
.prev:hover{background: url(../images/prev_h.png) no-repeat;}
.next:hover{background: url(../images/next_h.png) no-repeat;}

/*sec07*/
.sec07-main ul li{width: 4.91rem; height: 3.21rem; display: inline-block; vertical-align: top; background: #fff url(../images/s7_lbg.png) no-repeat left bottom; box-shadow: 0 10px 30px #0000000f; margin-right: .4rem; border-radius: 20px; padding: .54rem 0; box-sizing: border-box;}
.sec07-main ul li:last-child{margin-right: 0;}
.sec07-main ul li .sec07-img{display: inline-block; vertical-align: middle; margin-right: .42rem;}
.sec07-main ul li .sec07-img span{font-size: .14rem;color: #808080;display: block;margin-top: -.2rem;margin-left: .2rem;}
.sec07-main ul li .sec07-txt{display: inline-block; vertical-align: middle; text-align: left;}
.sec07-main ul li h3{font-size: .22rem; font-weight: bold; color: #091928; margin-bottom: .15rem;}
.sec07-main ul li p{font-size: .16rem; color: #5b5b5b; line-height: .23rem; padding-left: .12rem;}
.sec07 i{display: inline-block; font-size: .14rem; color: #afafaf; margin: .4rem 0;}
.sec07 .pub-a{width: 2.67rem; height: .6rem; line-height: .6rem; font-size: .2rem;}
.sec07 .wrap{width: 1590px !important;}
.sec07 .tempWrap{width: 1590px !important;margin: 0 auto;padding: .2rem !important; box-sizing: border-box !important;}
.sec07 ul{overflow: initial !important;}

/*sec08*/
.sec08-main{position: relative;}
.sec08-main ul li{width: 4.31rem; height: 3.41rem; background: linear-gradient(to right, #5594e9 , #0660dc); border-radius: 20px; display: inline-block; margin:.52rem;
padding: .56rem .5rem; box-sizing: border-box; text-align: left; position: relative; z-index: 1;}
.sec08-main ul li i{width: .97rem; height: .97rem; line-height: .97rem; background: #fff; border-radius: 50px; font-size: .44rem; color: #0761dc; display: block; margin-bottom: .3rem; text-align: center;}
.sec08-main ul li h3{font-size: .25rem; color: #ffffff; font-weight: 600; margin-bottom: .02rem;}
.sec08-main ul li p{font-size: .17rem; color: #ffffff; line-height: .26rem;}
.sec08-main ul li:nth-child(3){margin-bottom: 0;}
.sec08-main ul li:nth-child(4){margin-bottom: 0;}
.sec08-jt{position: absolute; top: 2.04rem; left: 2.65rem; animation: 5s rotate1 ease infinite;}
@keyframes rotate1{
	0%{transform: rotate(0deg);}
	25%{transform: rotate(90deg);}
	50%{transform: rotate(180deg);}
	75%{transform: rotate(270deg);}
	100%{transform: rotate(360deg);}
}

/*sec09*/
.sec09-main{background: #fff; box-shadow: 0 0 30px #0000000f; border-radius: 20px; padding: .36rem; box-sizing: border-box;}
.sec09-main table{ border-left: 1px solid #508fe6;}
.sec09-main table th{height: .68rem; line-height: .68rem; background: #0660dc; border-right: 1px solid #fff; font-size: .26rem; color: #fff; font-weight: 600;}
.sec09-main table th:nth-child(3){width: 2rem;}
.sec09-main table th:nth-child(4){width: 3.2rem;}
.sec09-main table th:last-child{border-right: 0;}
.sec09-main table td{font-size: .18rem; color: #343434; min-height: 2.53rem; line-height: .34rem; border-right: 1px solid #508fe6; border-bottom: 1px solid #508fe6; padding: .64rem .2rem;}
.sec09-main table td:first-child{font-size: .2rem; font-weight: 600;}
.sec09-main table td:nth-child(4){ text-align: left;}
.sec09-main table td b{font-weight: bold;}
.sec09-main table td a{width: 1.03rem; height: .32rem; line-height: .32rem; margin-top: .1rem;}
.sec09-main p{font-size: .16rem; color: #999; text-align: left; margin-top: 0.2rem;}

/*sec10*/
.sec10-main{background: url(../images/s10_mbg.jpg) no-repeat top center; padding-top: 1.3rem;}
.sec10-main ul li{display: inline-block; vertical-align: top; width: 2.88rem; height: 4.18rem; background: #fff; border-radius: 20px; box-shadow: 0 20px 40px #001d4630; margin: 0 .19rem; padding: .46rem .36rem; box-sizing: border-box;}
.sec10-main ul li h3{ font-size: .2rem; color: #091928; font-weight: bold; padding-bottom: .15rem; margin-top: .24rem;}
.sec10-main ul li p{ font-size: .16rem; color: #5b5b5b; line-height: .24rem; text-align: left;}
.sec10-main ul li a{width: 1.77rem; height: .42rem; line-height: .42rem; margin-top: .25rem;}

/* 底部通用 */
.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: 176px;height: 412px;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: 46px;}
.nav-bg{width: 161px;height: 40px;display: block;float:left;clear:both;margin-left: -6px;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);
}