@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.5rem;}
.title{ margin-bottom: .7rem;}
.title h2{font-size: .46rem; color: #343434; font-weight: normal; text-align: left;}

/*banner*/
.banner-box{width: 100%;height: 798px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center;font-size: 0;}
.banner-box a{ display: block; position: absolute; top: 0.88rem; left: -1.7rem;}
.banner-box ul{position: absolute; left: -.83rem; top: 5.82rem;}
.banner-box ul li{width: 2.75rem; height: 0.58rem; line-height: 0.58rem; background-color: #65bafc; border-radius: .28rem; font-size: .24rem; color: #fff; display: inline-block; vertical-align: top;}
.banner-box ul li:nth-child(1){margin-right: 0.52rem;}
.swing{animation: swing infinite 1.5s;}

/*sec01*/
.sec01{padding-top: 0.65rem;}
.sec01-lbg{position: absolute; left: -0.9rem; top: -.6rem;}
.sec01-rbg{position: absolute; right: -0.76rem; top: 1.4rem;}
.sec01 h2{font-size: .42rem; color: #1e2b5a; font-weight: normal; letter-spacing: .01rem; background: url(../images/s1_tbg.png) no-repeat left 1.14rem bottom ; text-align: left; padding-bottom: 0.4rem;}
.sec01 h2 span{font-size: .8rem; color: #65bafc;}
.sec01-l{width: 6.55rem; display: inline-block; vertical-align: top; margin-right: 0.52rem;}
.sec01-l ul li{width: 100%; height: 1.46rem; line-height: 1.46rem; background-color: #fff; box-shadow: 0 8px 50px #d4e7f795; border-radius: .25rem; margin-bottom: 0.33rem;}
.sec01-l ul li p{font-size: .22rem; color: #1e2b5a; display: inline-block; vertical-align: middle; margin-left: 0.6rem;}
.sec01-r{width: 3.93rem; display: inline-block; vertical-align: top;}
.sec01-r ul li{width: 100%; height: 1.46rem; background-color: #65bafc; margin-bottom: 0.33rem; border-radius: .25rem; padding-top: 0.38rem; box-sizing: border-box;}
.sec01-r ul li p{width: 2.37rem; height: 0.68rem; line-height: 0.68rem; font-size: .2rem; color: #fff; font-weight: 600; background-color: rgba(255, 255, 255, 0.10); display: inline-block; vertical-align: middle; border-radius: .1rem; margin-right: 0.14rem;}

/*sec02*/
.sec02 h2{ background: url(../images/s2_tbg.png) no-repeat left -.4rem bottom;}
.title h2{font-size: .32rem; color: #1e2b5a; padding-bottom: 0.45rem; padding-left: 0.35rem;padding-top: 0.1rem; margin-left: -0.35rem;}
.title h2 span{font-size: .66rem; color: #1e2b5a; padding-right: 0.3rem;}
.sec02-main ul li{width: 2.53rem; height: 1.41rem; background: #fff url(../images/s2_i01.png) no-repeat center; box-shadow: 0 8px 51px #dfedf969; display: inline-block; vertical-align: top; margin-right: 0.28rem; margin-bottom: 0.54rem; border-radius: .25rem; cursor: pointer; overflow: hidden; transition: all 1s;position: relative;}
.sec02-main .hd ul li:nth-child(4n){margin-right: 0;}
.sec02-main .hd ul li:nth-child(2){ background: #fff url(../images/s2_i02.png) no-repeat center;}
.sec02-main .hd ul li:nth-child(3){ background: #fff url(../images/s2_i03.png) no-repeat center;}
.sec02-main .hd ul li:nth-child(4){ background: #fff url(../images/s2_i04.png) no-repeat center;}
.sec02-main .hd ul li:nth-child(5){ background: #fff url(../images/s2_i05.png) no-repeat center;}
.sec02-main .hd ul li:nth-child(6){ background: #fff url(../images/s2_i06.png) no-repeat center;}
.sec02-main .hd ul li:nth-child(7){ background: #fff url(../images/s2_i07.png) no-repeat center;}
.sec02-main .hd ul li:nth-child(8){ background: #fff url(../images/s2_i08.png) no-repeat center;}
.sec02-main .hd ul li p{font-size: .2rem; color: #1e2b5a; line-height: 1.41rem; letter-spacing: .01rem; transition: all .4s;}
.sec02-main .hd ul li:hover{background: #65bafc;}
.sec02-main .hd ul li:hover p{transform: translateY(-100px);}
.sec02-main .hd ul li:hover .sec01-hide{bottom: 0;}
.sec02-main .hd ul li .sec01-hide{position: absolute;bottom: -1.42rem; text-align: center; transition: all .8s; box-sizing: border-box;}
.sec02-main .hd ul li .sec01-hide a{width: 2.53rem; height: 1.41rem; display: block;padding-top: 32px; box-sizing: border-box;}
.sec02-main .hd ul li .sec01-hide h3{font-size: .22rem; color: #ffffff; font-weight: bold; margin-bottom: 0.2rem;}
.sec02-main .hd ul li .sec01-hide i{width: 1.16rem; height: 0.29rem; line-height: 0.29rem; font-size: .18rem; color: #fff; background-color: #f88282; border-radius: .15rem; display: inline-block;}
.picBtnTop{position: relative;}
.bd{ background: url(../images/s3_bg.jpg) no-repeat center;}
.bd ul{width: 6.5rem; height: 4.37rem; margin: 0 auto; overflow: hidden; margin-top: 0.32rem; position: relative;}
.bd ul li{width: 6.5rem !important; height: 4.37rem; background: #f6f7fa;}
.bd ul li img{width: 100%; height: 100%;}
.bd .tempWrap{width: 6.5rem !important; margin: 0 auto;}
.bd .label2{width: 1.89rem; height: 0.41rem; line-height: 0.41rem; font-size: .18rem; color: #fff; background: #65bafc; border-radius: .15rem; margin: 0 auto; margin-top: 0.2rem;}
.jt{width: .86rem; height: .86rem; position: absolute; bottom: 1.75rem; display: none;}
.prev{background: url(../images/prev.png) no-repeat; left: 1rem;}
.next{background: url(../images/next.png) no-repeat; right: 1rem;}

/*sec04*/
.sec04 h2{ background: url(../images/s4_tbg.png) no-repeat left -.03rem bottom; padding-bottom: 0.5rem;}
.video-box{width:800px; margin: 0 auto;}

/*sec05*/
.sec05 h2{ background: url(../images/s5_tbg.png) no-repeat left -.03rem bottom; padding-bottom: 0.6rem;}
.sec05-main ul li{margin-bottom: 0.9rem;}
.sec05-main ul li:last-child{margin-bottom: 0;}
.sec05-main ul li div{width: 4.52rem; height: 2.05rem; background-color: #fff; box-shadow: 0 9px 50px #bfdcf459; border-radius: .2rem; margin-top: 0.45rem; padding-top: 0.5rem; box-sizing: border-box;}
.sec05-main ul li div h3{font-size: .24rem; color: #65bafc; font-weight: 600; margin-bottom: 0.16rem;}
.sec05-main ul li div p{font-size: .2rem; color: #1e2b5a;}

/*sec06*/
.sec06 h2{ background: url(../images/s6_tbg.png) no-repeat left -.03rem bottom; padding-bottom: 0.6rem;}
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wrapper h3 {
    position: absolute;
    left: 4rem;
    top: 4rem;
    z-index: 1000;
    padding: 0 1rem;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 400;
    color: #222;
    border-radius: 1.4rem;
}

.wrapper .container {
    position: relative;
    margin: 0 auto;
}

.horizontal .container {
    width: 3.11rem;
    height: 4.66rem;
    overflow: inherit;
}
.container .cards-list {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border-radius: 0.3125rem;
    transition: 330ms;
    box-shadow: 0 9px 50px #bfdcf459;
}

.demo4 .cards-list {
    transition: 440ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

.horizontal .cards-list {
    width: 100%;
    padding-bottom: 0.55rem;
}

.horizontal .img{width: 86%; margin: 0 auto;}

/* 前后按钮 */
.btn-direct {
    position: absolute;
    top: 60%;
    z-index: 100000;
    width: .86rem;
    height: .86rem;
    transform: translateY(-50%);
    cursor: pointer;
    transition: .2s;
    display: none;
}
.sec03-main:hover .btn-direct{display: block;}
.btn-direct.btn-left {
    left: .9rem;
}

.btn-direct.btn-right {
    right:.9rem;
}

.btn-left>span {
    position: absolute;
    left: calc(50% - .6rem);
    top: calc(50% - .6rem);
    width: .86rem;
    height: .86rem;
    background: url(../images/prev.png) no-repeat;
}
.btn-right>span {
    position: absolute;
    left: calc(50% - .6rem);
    top: calc(50% - .6rem);
    width: .86rem;
    height: .86rem;
    background: url(../images/next.png) no-repeat;
}
/* 第三屏切换样式 */
.demo4 .container {
    width: 5rem;
    height: 3.54rem;
    overflow: inherit;
}
.demo4 .img{width: 100%;}
.demo4 .container .cards-list{
    background: #f6f7fa;
    box-shadow: none;
    border-radius: 0px;
}
.demo4 .container .label2{width: 1.89rem; height: 0.41rem; line-height: 0.41rem; font-size: .18rem; color: #fff; background: #65bafc; border-radius: .15rem; margin: 0 auto; margin-top: 0.2rem;}

.img>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 1s;
}
.img>img:hover{transform: scale(3);}

.main-con {
    padding: 0 .22rem;
    box-sizing: border-box;
}

.main-con .name {
    padding-top: .5rem;
    font-size: .22rem;
    font-weight: 600;
    color: #1e2b5a;
}

.main-con .content {
    padding-top: .12rem;
    padding-bottom: 0.26rem;
    height: .5rem;
    font-size: .18rem;
    color: #65bafc;
    text-align: center;
    line-height: .24rem;
}

.label {
    width: 86%;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #f6f7fa;
    font-size: 0.14rem;
    color: #757987;
    margin: 0 auto;
    margin-top: 0.28rem;
}

/* 底部通用 */
.sec17{width: 100%; display: block; clear: both; padding-bottom: 0;}
.sec17-title h2{text-align: center; 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: 110px;height: 298px;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: 58px;}
.nav-bg{width: 161px;height: 31px;display: block;float:left;clear:both;margin-left: -30px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 36px;display: block;margin:auto;font: 14px/34px "微软雅黑";color: #fff;text-align: center;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}