@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;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;}
.nomr{margin-right: 0 !important;}
p{font-size: .18rem !important; text-align: justify;}

/*banner*/
.banner-box{width: 100%;height: 639px; position: relative;}
.banner-box a{ display: block; position: absolute; top: .4rem; z-index: 99;}	
.slideBox .bd ul li{float: left; width: 100%; height: 639px;}
.slideBox .bd ul li:nth-child(1){background: url(../images/banner_bg01.jpg) no-repeat top / 100%;}
.slideBox .bd ul li:nth-child(2){background: url(../images/banner_bg02.jpg) no-repeat top / 100%;}
.slideBox .hd{position: absolute; top: 91%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}
.slideBox .hd ul li{float: left; width: .34rem; height: .06rem; background: #566db6; margin: 0 .04rem;}
.slideBox .hd ul li.on{background: #fff;}

/*公共title*/
.section{padding-top: .8rem;}
.title{ padding-bottom: .5rem;}
.title h2{font-size: .42rem; color: #2f2f2f; font-weight: bold;}
.title h2 span{color: #0667fa;}
.title p{font-size: .2rem; color: #1f1f1f; margin-top: .1rem; text-align: center;}
.title p span{display: inline-block; padding:0 .2rem;}
.title2 h2{color: #fff;}
.title2 h2 span{color: #fac264;}
.title2 p{color: #fff;}

/*sec01*/
.sec01-main ul li{display: inline-block; vertical-align: top; width: 30%; margin-right: 4%;}
.sec01-main ul li img{width: 1.12rem;}
.sec01-main ul li div{background: #fff; box-shadow: 0 0 20px #375fe12e; padding-bottom: .4rem; margin-top: -.6rem;}
.sec01-main ul li div h3{font-size: .28rem; color: #0667fa; font-weight: bold; padding-bottom: .15rem; padding-top: .9rem;}
.sec01-main ul li div p{color: #2f2f2f; line-height: .3rem; padding:0 .27rem;}
.sec01-main a{width: 3.4rem; margin-top: .48rem;}
.publicA{height: .62rem; line-height: .58rem; color: #fff; font-size: .24rem; font-weight: bold; display: inline-block;
background: #ff6c38;
background: -webkit-linear-gradient(right, #ff6c38 , #e40d43); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #ff6c38, #e40d43); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #ff6c38, #e40d43); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #ff6c38 , #e40d43); /* 标准的语法 */
}
.publicA span{display: inline-block; vertical-align: middle;}
.publicA img{display: inline-block; vertical-align: middle; margin-left: .1rem;margin-top: .04rem;}

/*sec02*/
.sec02{background: url(../images/sec02_mbg.jpg) no-repeat top / 100% 100%; margin-top: .8rem; padding-bottom: .8rem;}
.picList li{width: 2.49rem; float: left; margin-left: .07rem; position: relative; cursor: pointer;}
.picList li div{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: .7rem .36rem 0 .36rem; box-sizing: border-box;  background: url(../images/sec02_hbg.png) no-repeat top / 100% 100%;}
.picList li div p{font-size: .21rem; color: #fff; line-height: .3rem;}
.picList li:hover div{display: block;}
.bd2{overflow: hidden;}
.sec02-main a{width: 3.4rem; margin-top: .5rem;}

/*sec03*/
.sec03-main{position: relative;}
.bd3 ul li{width: 100%; height: 677px;}
.bd3 ul li:nth-child(1){width: 100%; background: url(../images/sec03_mbg.jpg) no-repeat left -.5rem top 1.2rem;}
.sec03-book{display: inline-block; width: 50%; vertical-align: middle; padding-right: .4rem; box-sizing: border-box; margin-left: -.35rem;}
.sec03-txt{display: inline-block; width: 50%; vertical-align: middle; padding-left: .3rem; box-sizing: border-box; margin-top: .4rem;}
.bd3-list{margin-bottom: .25rem; text-align: left; position: relative;}
.bd3-list img{ position: absolute; left: 0; top: .04rem; width: .3rem;}
.bd3-list div{text-align: left; display: inline-block; width: 88%; padding-left: .5rem;}
.bd3-list div h3{font-size: .22rem; font-weight: bold; color: #2f2f2f; display: inline-block; vertical-align: middle; padding-right: .1rem;}
.bd3-list div span{font-size: .18rem; color: #393939; display: inline-block; vertical-align: middle;}
.bd3-list03 img{vertical-align: top;}
.bd3-list03 h3{float: left;}
.bd3-list03 p{float: left; font-size: .22rem; color: #393939; line-height: .3rem;}
.bd3-list03 p span{display: block;}
.bd3-list03 p i{float: left;}
.bd3-list03 p b{float: left;}
.bd3-list04 img{width: .2rem; padding: 0 .06rem; top: .02rem;}
.bd3 ul li table{ border:1px solid #c7c7c7; border-top: none;}
.bd3 ul li table th{font-size: .22rem; color: #fff; font-weight: bold; background: #0667fa; height: .5rem; line-height: .5rem; border:1px solid #c7c7c7;}
.bd3 ul li table td{font-size: .2rem; color: #181818; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; line-height: .34rem;}
.bd3 ul li table th:nth-child(1){width: 25%;}
.bd3 ul li table th:nth-child(3){width: 26%;}
.bd3 ul li table th:nth-child(4){width: 26%;}
.taleft{text-align: left; padding: .1rem .3rem; line-height: .25rem !important;}
.hasblue{background: #edf4ff;}
.hd3{position: absolute; bottom: .5rem; left: 50%; transform: translate(-50%,0); z-index: 2;}
.hd3 ul li{width: .1rem; height: .1rem; border-radius: 100%; float: left; margin: 0 .06rem;background: #fff; border: 1px solid #1c192a; box-sizing: border-box;}
.hd3 ul li.on{ background: #1c192a;}
.sec03 a{width: 3.38rem; margin: 0 auto; margin-top: 0; display: block; text-align: center;}

/*sec04*/
.sec04{background: url(../images/sec04_bg.jpg) no-repeat top / 100% 100%; margin-top: .8rem; padding-bottom: 1.08rem;}
.sec04-main ul li{float: left; width: 2.3rem; margin-right: .6rem;}
.sec04-main ul li h3{text-align: left;}
.sec04-main ul li h3 img{width: .18rem; display: inline-block; vertical-align: middle;}
.sec04-main ul li:nth-child(3) h3 img{width: .12rem; }
.sec04-main ul li h3 span{font-size: .24rem; font-weight: bold; color: #fff; padding-left: .1rem; display: inline-block; vertical-align: middle;}
.sec04-main ul li p{ color: #fff; font-size: .16rem !important; line-height: .24rem !important; padding-top: .1rem; margin-left: .3rem;}
.sec04-main ul li:nth-child(1){margin-top: 1.8rem;}
.sec04-main ul li:nth-child(2){margin-top: .5rem;}
.sec04-main ul li:nth-child(3){margin-top: .5rem;}
.sec04-main ul li:nth-child(4){margin-top: 1.8rem; margin-right: 0;}
.sec04-main a{margin-top: .65rem; width: 3.4rem;}

/*sec05*/
.sec05{padding-bottom: .8rem;}
.sec05-left{display: inline-block; vertical-align: top; width: 3.55rem; margin-right: .14rem;}
.sec05-left img{width: 100%;}
.sec05-right{display: inline-block; vertical-align: top; width: 7.3rem;}
.sec05-before img{width: 100%;}
.sec05 a{width: 4rem; margin-top: .36rem;}
.sec05-before{ position: relative;}
.sec05-before:hover img{transition: all 0.6s ease-in-out;opacity: 1;}
.sec05-before:hover img{
transform: rotateY(180deg);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.sec05-before:hover .sec05-after{opacity: 1;
-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	transition-delay: 0.5s;}
.sec05-after{background: url(../images/sec05_mbg.jpg) no-repeat top left / 100% 100%; padding: .3rem .5rem; box-sizing: border-box; position: absolute; top: 0; left: 0;
 width: 100%; height: 100%; opacity: 0;transition: all .2s ease-in-out;}
.sec05-after p{font-size: .2rem; color: #fff; text-align: left !important; line-height: .3rem;}

/*sec06*/
.sec06{background: url(../images/sec06_bg.jpg) no-repeat top / 100% 100%; padding-bottom: .8rem;}
.sec06-main{background: #0667fa; border-radius: 10px; padding: .2rem; box-sizing: border-box;}
.sec06-mbox{ background: #fff; border-radius: 10px; padding: .2rem; box-sizing: border-box;}
.sec06-left{display: inline-block; vertical-align: top; width: 720px;}
.sec06-right{display: inline-block; vertical-align: top; width: 300px;}
.video-menu li{width: 1.41rem; height: .54rem; line-height: .54rem; background: #333333; font-size: .2rem; font-weight: bold; color: #fff;display: inline-block; cursor: pointer;margin-right: 3px;}
.video-menu li.on{
background: #ff6c38;
background: -webkit-linear-gradient(right, #ff6c38 , #e40d43); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #ff6c38, #e40d43); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #ff6c38, #e40d43); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #ff6c38 , #e40d43); /* 标准的语法 */
}
.video-l{ width: 720px; height: 408px; background: #000; margin-top: 7px;}
.sec06-right ul li{display: none; padding: 0 .24rem; box-sizing: border-box;}
.sec06-right ul li img{width: 1.32rem; margin-top: .54rem;}
.sec06-right ul li h3{font-size: .24rem; color: #0667fa; font-weight: bold; padding-top: .22rem;}
.sec06-right ul li p{color: #212121; line-height: .26rem; padding-top: .1rem;}
.sec06-right ul li.on{display: block;}
.sec06-right ul li a{height: .5rem; line-height: .5rem; font-size: .2rem; width: 100%; margin-top: .4rem;}

/*sec07*/
.sec07{background: #f7f7f7; padding-bottom: .8rem;}
.sec07-main ul li{display: inline-block; vertical-align: top; width: 20%; border-right: 1px dashed #9fb8f9; padding: 0 3%;}
.sec07-main ul li:nth-child(1){ padding-left: 0; }
.sec07-main ul li:last-child{ padding-right: 0; border-right: none;}
.sec07-main ul li h3{font-size: .26rem; font-weight: bold; color: #61a4ff; padding-top: .3rem;}
.sec07-main ul li p{padding-top: .1rem; line-height: .3rem; color: #333333; font-size: .17rem !important;}

/*sec08*/
.sec08-main{background: #0667fa;padding: .3rem 0; border-radius: 20px;}
.sec08-table01{position: relative; margin-bottom: .2rem;}
.sec08-main table{text-align: center;background: url(../images/sec08_m_bg.png) no-repeat .25rem -.03rem / 95%;padding-top: .2rem;width: 96%;display: inline-block;}
.sec08-main th{font-weight: normal; background: #fff;}
.sec08-main td{background: #fff;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede; color: #575757; font-size: .15rem;padding: .1rem;}
.sec08-main th:last-child{border-right: none; width: 1.6rem; }
.sec08-main td:last-child{padding: .46rem .1rem !important;}
.sec08-main td b{font-weight: bold;}
.sec08-main tr.nobr td{border-bottom: none;}
.sec08-main .th-list{height: .4rem; line-height: .4rem; font-size: .2rem; color: #0667fa; font-weight: bold; font-style: italic;
border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.ban-name{width: 0.6rem;height: 2.05rem;background: #ef343f;font-size: .25rem;color: rgb(255, 255, 255);font-style: normal;border-radius: 0 20px 20px 0;font-weight: bold;position: absolute;left: 22px;top: .37rem; z-index: 28;line-height: 0.27rem;box-sizing: border-box;letter-spacing: .02rem;padding-top: .07rem;text-align: center;}
.ban-name span.lp{font-size: .18rem;display: block;line-height: 0rem;font-weight: bold;writing-mode: vertical-lr;writing-mode: tb-lr;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;
*writing-mode: tb-rl;position: absolute;right: 17px;top: .6rem;}
.ban-price{width: 3.3rem;border-right: none;background: #f1f3f4 !important;padding: .5rem 0;padding-left: .8rem;padding-right: .2rem;}
.ban-price .price:last-child{padding-bottom: 0; margin-bottom: 0; border: none;}
.price{border-bottom: 1px dashed #575659; padding-bottom: .26rem; margin-bottom: .25rem;}
.price i{font-size: .14rem;color: #575659;border: 1px solid #757476;border-radius: 4px;display:block;font-weight: normal; float: left; width: .32rem; height: .34rem; line-height: .34rem;}
.price p{color: #575659;font-weight: 600;font-style: normal; float: left;margin-top: -.1rem; line-height: .4rem;}
.price p b{font-size: .42rem;vertical-align: middle;font-weight: 600;letter-spacing: -.04rem;}
.price p span{font-size: .26rem;font-weight: normal;}
.price a{display: block;width: .75rem;height: .27rem;border-radius: 50px;text-align: center;line-height: .27rem;color: #fff;margin: 0 auto;font-size: .18rem;margin-top: .08rem;background: #ee4042;float: right;/* margin-right: .2rem; */}
.mk-th{width: 2rem;}
.mk-td{line-height: .26rem; color: #575757; font-size: .16rem;}
.zl-th{width: 2.3rem;}
.zl-td{line-height: .22rem;}
.zl-td span{padding-left: .02rem;font-weight: bold;font-size: .16rem;}
.fw-th{width: 3.4rem;}
.fw-td{text-align: left;padding: .2rem .1rem !important;}
.xy-td{text-align: left;padding: 0 .1rem !important; border-right: none !important;}
.xy-td img{ width: 1.06rem; display: block; margin: 0 auto;}
.bg02{margin-bottom: 0;}

/* 底部通用 */
.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: 168px;height: 486px;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: 91px;}
.nav-bg{width: 161px;height: 40px;display: block;float:left;clear:both;margin-left: -10px;margin-bottom: 0px;}
.nav-bg a{width: 87%;height: 40px;display: block;margin:auto;font: 18px/40px "微软雅黑";color: #fff;text-align: center;border-bottom: 1px solid #5195fc;}
.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);
}
