@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;}
.agreement{margin: .2rem auto;}
.agreement input[type = checkbox]{display: inline-block;vertical-align: middle;width: .16rem;height: .16rem;margin: 0 .1rem 0 0;}
.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: #f00;}
/*banner*/
.banner-box{width: 100%;height: 720px;position: relative;background: url(../images/banner_bg.jpg) no-repeat top center;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: 2rem; left: -3.5rem;}
.banner-box .wrap{height: 720px;}
.ban-people{position: absolute;left: -1.58rem;bottom: -.2rem;z-index: 1;}
.ban-piao{position: absolute;width: 102%; top: 198px; animation: move 1s linear forwards;}
@keyframes move{
	0%{ transform: rotate(-80deg) translateX(5000px); opacity: 0; }
	50%{ transform: rotate(-30deg) translateX(2000px); opacity: 0;}
	100%{ transform: rotate(0) translateX(0); opacity: 1;}
}

/*公共title*/
.sections{margin-top: .9rem;}
.sections .title{margin-bottom: .6rem; background: url(../images/t_bg.png) no-repeat center; padding: .15rem 0;}
.title h2{font-size: .36rem; color: #333333; letter-spacing: .01rem;}
.title h2 span{ font-weight: 600;}
.title h2 b{padding: 0 .04rem;}

/*sec01*/
.sec01{margin-top: 1.4rem;}
.sec01-img{width: 3.77rem; display: inline-block; vertical-align: middle; margin-right: 1.08rem;}
.sec01-txt{width: 6.15rem; display: inline-block; vertical-align: middle; text-align: left;}
.sec01-txt h3{font-size: .35rem; font-weight: bold; color: #2e54a3;}
.sec01-txt p{font-size: .18rem; color: #616161; line-height: .24rem; margin: .2rem 0;}
.sec01-txt i{display: block; width: 100%; font-size: .14rem; color: #4e75c5; line-height: .24rem; padding: .12rem .2rem; box-sizing: border-box; background: #f1f6ff;}
.pub-a{display: block; width: 1.72rem; height: .5rem; line-height: .5rem; text-align: center; font-size: .18rem; color: #fff; background: #3cb4ee; border-radius: 25px; margin-top: .25rem;}
.sec01-main .hd{margin-top: .7rem;}
.sec01-main .hd ul li{width: .06rem; height: .06rem; background: #bababa; border-radius: 100%; margin: 0 .06rem; display: inline-block; transition: all 1s;}
.sec01-main .hd ul li.on{width: .34rem; border-radius: 3px;}

/*sec02*/
.sec02{background: #f8faff; padding: .5rem 0;}
.sec02-title{ margin-bottom: .36rem;}
.form1-i{display: inline-block; vertical-align: middle; margin-right: .36rem; margin-bottom: .1rem;}
.form1-i span{font-size: .18rem; color: #747474; display: inline-block; vertical-align: middle; margin-right: .1rem;}
.form1-i input{width: 1.65rem; height: .3rem; border: 1px solid #666769; font-size: .18rem; color: #747474; display: inline-block; vertical-align: middle; box-sizing: border-box; background: none;}
.form1-i04{margin-right: 0;}
.form1 .pub-a{width: 2.35rem; border: none; margin: 0 auto;}
.sec02 p{font-size: .14rem; color: #929292; margin-top: .14rem;}

/*sec03*/
.sec03-main{position: relative;}
.sec03-left{display: inline-block; vertical-align: middle;}
.sec03-left p{font-size: .2rem; color: #616161; line-height: .6rem;}
.sec03-left img:nth-of-type(1){ animation: move1 1s infinite ease-out;}
.sec03-left img:nth-of-type(2){ animation: move2 1s infinite ease-out;}
.sec03-left ul{background: url(../images/s3_txtbg.png) no-repeat top / 100% 100%; width: 7.73rem; height: 2.02rem; margin: .3rem 0; padding-top: .38rem; box-sizing: border-box;}
.sec03-left ul li{display: inline-block; vertical-align: top; margin-right: 1.85rem;}
.sec03-left ul li h3{font-size: .32rem; color: #fff; padding-bottom: .2rem;}
.sec03-left ul li p{font-size: .18rem; color: #fff; line-height: .28rem;}
.sec03-left ul li:last-child{margin-right: 0;}
.sec03-left ul li:last-child h3{ color: #1d6dbc;}
.sec03-left ul li:last-child p{ color: #1d6dbc;}
.sec03 a{width: 2.43rem; margin: 0 auto; margin-top: .96rem;}
@keyframes move1{
	from{transform: translateX(.3rem);}
	to{transform: translateX(0);}
}
@-ms-keyframes move1{
	from{transform: translateX(.3rem);}
	to{transform: translateX(0);}
}
@-webkit-keyframes move1{
	from{transform: translateX(.3rem);}
	to{transform: translateX(0);}
}
@-moz-keyframes move1{
	from{transform: translateX(.3rem);}
	to{transform: translateX(0);}
}
@keyframes move2{
	from{transform: translateX(-.3rem);}
	to{transform: translateX(0);}
}
@-ms-keyframes move2{
	from{transform: translateX(-.3rem);}
	to{transform: translateX(0);}
}
@-webkit-keyframes move2{
	from{transform: translateX(-.3rem);}
	to{transform: translateX(0);}
}
@-moz-keyframes move2{
	from{transform: translateX(-.3rem);}
	to{transform: translateX(0);}
}

/*sec04*/
.sec04{background: linear-gradient(to right, #2950a3 , #0a2b6f); padding: .96rem 0; position: relative;}
.sec04 .title{margin-bottom: .4rem;}
.sec04 h2{color: #fff;}
.sec04-main ul li{width: 4.7rem;height: 2.6rem !important;background: #fff;border-radius: 10px;padding-top: .16rem;box-sizing: border-box;display: inline-block; vertical-align: top; transition: 1s all; transform: scale(.9);}
.sec04-main ul li:hover{transform: scale(1);}
.zl-img{display: inline-block;vertical-align: top;width: 1.7rem;padding-left: .2rem;box-sizing: border-box; position: relative; margin-top: 0.18rem;}
.zl-img img:nth-child(1){width: 91%; box-shadow: 0px 6px 10px #0000002b;}
.zl-img img.qipao{position: absolute;left: 1.14rem;top: -.06rem;}
.zl-txt{display: inline-block;vertical-align: top;text-align: left;width: 2.7rem;margin-left: .2rem;}
.pua-txts h3{font-size: .2rem; color: #333333; font-weight: 600;}
.pua-txts i{ font-size: .16rem; color: #456cc0; display: inline-block; margin-left: .08rem;}
.pua-txts i::after{content: ''; display: block; width: 100%; height: .07rem; background: #e8efff; border-radius: 3.5rem; margin-top: -.1rem;}
.pua-txts em{font-size: .12rem;}
.pua-txts p{font-size: .15rem; color: #929292; line-height: .18rem; margin-top: .02rem; width: 97%; text-align: justify;}
.txt01{margin-bottom: 0.1rem;}

/*sec05*/
.sec05{background: #f8faff; padding: .88rem 0; margin-top: 0;}
.sec05 .form2 input[type=text]{width: 3.32rem;  height: .45rem; border: 1px solid #b3b3b3; box-sizing: border-box; font-size: .18rem; color: #616161; padding-left: .42rem; margin-right: .45rem;}
.sec05 .form2 input[name=clueUsername]{background: url(../images/s5_user.png) no-repeat .16rem center;}
.sec05 .form2 input[name=clueMobile]{background: url(../images/s5_phone.png) no-repeat .16rem center;}
.sec05 .form2 input[type=button]{width: 1.78rem; height: .44rem; line-height: .44rem; border: none; margin-top: 0; display: inline-block;}
.sec05 p{font-size: .16rem; color: #929292; margin-top: .38rem;}

/*sec06*/
.video-box{width: 6.26rem; height: 3.51rem; background: #000; display: inline-block; vertical-align: top;}
.tea-txt{width: 4.59rem; margin-left: .14rem; display: inline-block;}
.tea-txt .bd ul li{width: 100%; height: 2.58rem; background: #f9f9f9; padding: .45rem .3rem; box-sizing: border-box; text-align: left; display: none;}
.tea-txt .bd ul li.on{display: block;}
.tea-txt .bd ul li h3{font-size: .24rem; color: #616161; font-weight: 600; padding-bottom: .06rem;}
.tea-txt .bd ul li h4{font-size: .18rem; color: #616161;}
.tea-txt .bd ul li p{font-size: .16rem; color: #616161; line-height: .28rem; padding-top: .25rem;}
.tea-zx{width: 100%; margin-top: .12rem;}
.tea-zx a{display: inline-block; width: 50%; height: .8rem; line-height: .8rem; text-align: center; font-size: .2rem; color: #fff; font-weight: 600; background: #3cb4ee;}
.tea-zx a:nth-child(2){ background: #f1fbff; color: #7abddf;}
.sec06 .hd{margin-top: .5rem;}
.sec06 .hd ul li{display: inline-block; width: 1.24rem; margin-right: .36rem; cursor: pointer;}

/*sec07*/
.sec07-left{ position: absolute; left: -2.27rem; top: .6rem;}
.sec07-right{padding-top: .8rem; position: relative; z-index: 9;}
.sec07-right ul{margin-bottom: .86rem;}
.sec07-right ul li{display: inline-block; vertical-align: top; width: 1.47rem; height: 1.77rem; border: 1px solid #dcdcdc; border-radius: 5px; padding-top: .4rem; box-sizing: border-box; margin: 0 .21rem; cursor: pointer;}
.sec07-right ul li img{width: .34rem; margin-bottom: .2rem;}
.sec07-right ul li h3{font-size: .18rem; color: #333333; line-height: .24rem;}
.sec07-right .sec07-ewm{text-align: left; margin-left: .21rem;}
.sec07-right .sec07-ewm span{ font-size: .16rem; color: #333333; padding-left: .26rem;}
.sec07-left ul{position: absolute; top: 1.32rem; right: 2.84rem;}
.sec07-left ul li{display: none;}
.sec07-left ul li.on{display: block;}

/*sec08*/
.sec08{margin-top: 1rem;}
.sec08-main ul li{display: inline-block; width: 2.02rem; margin-right: 2.46rem; position: relative;}
.sec08-main ul li:last-child{margin-right: 0;}
.sec08-main ul li div{border: 1px solid #999999; border-radius: 100px; width: 1.35rem; height: 1.35rem; box-sizing: border-box; padding-top: .28rem; margin: 0 auto; margin-bottom: .26rem; transition: .5s all;}
.sec08-main ul li div i{width: .43rem; height: .43rem; display: inline-block;}
.sec08-main ul li:nth-child(1) div i{background: url(../images/s8_i01.png) no-repeat top / 100% 100%;}
.sec08-main ul li:nth-child(2) div i{background: url(../images/s8_i02.png) no-repeat top / 100% 100%;}
.sec08-main ul li:nth-child(3) div i{background: url(../images/s8_i03.png) no-repeat top / 100% 100%;}
.sec08-main ul li div h3{font-size: .18rem; color: #333333; margin-top: .1rem;}
.sec08-main ul li h4{font-size: .18rem; color: #929292; margin-bottom: .1rem;}
.sec08-main ul li p{font-size: .16rem; color: #929292; line-height: .3rem; margin-bottom: .64rem; height: .9rem;}
.sec08-main ul li a{width: 1.56rem; height: .48rem; line-height: .48rem; border: 1px solid #d7d7d7; border-radius: .24rem; display: block; font-size: .16rem; color: #929292; margin: 0 auto; transition: .5s all;}
.sec08-main ul li:hover div{border: 1px solid #3256a3;}
.sec08-main ul li:hover div h3{color: #254b9d;}
.sec08-main ul li:hover h4{color: #254b9d;}
.sec08-main ul li:hover p{color: #254b9d;}
.sec08-main ul li:nth-child(1):hover div i{background: url(../images/s8_i01h.png) no-repeat top / 100% 100%;}
.sec08-main ul li:nth-child(2):hover div i{background: url(../images/s8_i02h.png) no-repeat top / 100% 100%;}
.sec08-main ul li:nth-child(3):hover div i{background: url(../images/s8_i03h.png) no-repeat top / 100% 100%;}
.sec08-main ul li:hover a{color: #fff; background: #3cb4ee; border: 1px solid #3cb4ee;}
.sec08-main ul li:nth-child(1) img{position: absolute;left: .2rem;bottom: -1.75rem;width: 1.6rem;}

/*sec09*/
.sec09 table tr th{ height: .77rem; line-height: .77rem; background: #254b9d; font-size: .18rem; color: #fff; border-right: 1px solid #6db0ec;}
.sec09 table tr th:last-child{border-right: 0; width: 1.91rem;}
.sec09 table tr th:nth-child(1){width: 1.47rem;}
.sec09 table tr th:nth-child(2){width: 1.52rem;}
.sec09 table tr th:nth-child(3){width: 2.2rem;}
.sec09 table tr.ban-m{ box-shadow: 0 0 30px #3684ca20; border-radius: 20px;}
.sec09 table tr td{font-size: .16rem; color: #4e4e4e; background: #fff; border-right: 1px solid #e7e7e7; line-height: .26rem;}
.sec09 table tr td:first-child{border-radius: 25px 0 0 25px;}
.sec09 table tr td:last-child{border-radius: 0 25px 25px 0; border-right: 0;}
.sec09 table tr td:nth-child(4){text-align: left; padding: .34rem;}
.sec09 table tr td b{font-weight: 600;}
.sec09 table tr td a{width: 100px;height: .3rem;font-size: .14rem;color: #fff;text-align: center;line-height: .3rem;border-radius: 27px;box-shadow: 5px 5px 12px #3cb4ee52;background: #3cb4ee;display: inline-block;margin-top: .2rem;}
.he16{ height: .16rem; box-shadow: none !important; display: block; margin-bottom: 0;}
.tips{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: 172px;height: 244px;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: 11px;}
.nav-bg{width: 116px;height: 33px;border: 1px solid #929292;margin-bottom: .1rem;display: block;float:left;clear:both;margin-left: 7px;background: #fff;}
.nav-bg a{width: 100%;display: block;margin:auto;font: 16px/33px "微软雅黑";color: #000000;text-align: center;}
.nav-bg:hover{background: #f5b47a; border: 1px solid #f5b47a;}
.nav-bg:hover a{color: #fff;}
.left_top{width:150px; height:100px;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);
}