body{background:#F2F5FA;}
.banner{display:block;width:15rem; height: 8.8rem; box-sizing: border-box;}
/* .banner a{font-weight: bold;display: block;width:6rem;height:1.2rem;line-height:1.2rem;background:linear-gradient(18deg,rgba(251,255,127,1) 0%,rgba(253,255,190,1) 100%);
border-radius:0.7rem;margin:0 auto; text-align: center;font-size:0.6rem;color:rgba(51,51,51,1);} */
.banner img,.banner a{width:15rem; height:8.8rem;}
#swiper-container-banner .swiper-pagination-bullet{width:0.3rem; height: 0.3rem; border-radius: 0.3rem;}
#swiper-container-banner .swiper-pagination-bullet-active{ width:0.6rem; border-radius: 5px;}
.titles{height:1.4rem;line-height:1.4rem; color: #222937; font-size: 0.64rem; font-weight: bold; padding:0.3rem 0;}
.titles .line{ display: inline-block;width:0.1rem;height:0.5rem;background:#498DFC; float: left; margin: 0.45rem 0.3rem 0 0;}
.titles .more{ font-size: 0.56rem; float: right; color: #666; font-weight: normal;}
.ctitles{font-weight: bold; text-align: center;padding:1rem 0 0.8rem; color: #333333;font-size: 0.64rem;}
.ctitles2{ color: #fff;}
.hotbox{ position: relative; height:28rem; overflow: hidden;}
.hotbox_tg{ height:14rem;}
.hotlist{ position: absolute;}

.hot1{left:0; top:0; width:6.76rem; height: 6.76rem;}
.hot2{left:7.04rem; top:0; width:3.24rem; height: 3.24rem;}
.hot3{left:10.56rem; top:0; width:3.24rem; height: 3.24rem;}
.hot4{left:7.04rem; top:3.52rem; width:6.76rem; height: 3.24rem;}

.hot5{left:0; top:7.04rem; width:3.24rem; height: 3.24rem;}
.hot6{left:3.52rem; top:7.04rem;width:3.24rem; height: 3.24rem;}
.hot7{left:7.04rem; top:7.04rem;width:6.76rem; height: 6.76rem;}
.hot8{left:0; top:10.56rem; width:3.24rem; height: 3.24rem;}
.hot9{left:3.52rem; top:10.56rem; width:3.24rem; height: 3.24rem;}

.hot10{left:0; top:14.08rem;  width:6.76rem; height: 3.24rem;}
.hot11{left:7.04rem; top:14.08rem; width:3.24rem; height: 3.24rem;}
.hot12{left:10.56rem; top:14.08rem; width:3.24rem; height: 3.24rem;}

.hot13{left:0; top:17.6rem; width:6.76rem; height: 6.76rem;}
.hot14{left:7.04rem; top:17.6rem; width:6.76rem; height: 3.24rem;}
.hot15{left:7.04rem; top:21.12rem; width:3.24rem; height: 3.24rem;}
.hot16{left:10.56rem; top:21.12rem; width:3.24rem; height: 3.24rem;}

.hot17{left:0; top:24.62rem;  width:3.24rem; height: 3.24rem;}
.hot18{left:3.52rem; top:24.62rem; width:6.76rem; height: 3.24rem;}
.hot19{left:10.56rem; top:24.62rem; width:3.24rem; height: 3.24rem;}
.hidebg{ position: absolute; left:0; bottom: 0; width:100%; height:3.5rem;background-image: linear-gradient(to bottom, rgba(255,255,255,0.8) , rgba(255,255,255,1))}
.lookmore{font-weight: bold;font-size: 0.52rem; width:6rem;height:1.4rem;line-height: 1.4rem;text-align: center; border-radius: 1.4rem; border:1px solid #498DFC; color: #498DFC;margin:0.6rem auto 0;}
.elists{margin-left: -0.4rem;}
.elists li{ float: left;margin-left: 0.4rem;margin-bottom: 0.4rem; color: #fff;padding-top: 0.6rem; box-sizing: border-box; position: relative;}
.elists li .tag{ display: inline-block; height: 1.2rem; line-height:1.2rem; border-radius: 0 1.2rem 1.2rem 0;background:#3e6bae; padding:0 0.4rem; font-size: 0.64rem; }
.elists li .dec{padding:0.6rem 0 0 0.7rem; line-height: 1.7;}
.elists li .dec span{ display: block; color: #c6c8cc;letter-spacing: 0.02rem;}
.elists li .dec strong{ display: block; font-weight: bold;line-height: 1rem;letter-spacing: 0.04rem;}
.elists li a{ position: absolute;right:0.4rem; bottom: 0.4rem;font-size: 0.52rem; display: inline-block;width:3rem;height:1rem;line-height: 1rem;text-align: center; border-radius: 1rem; border:1px solid #fbff89; color: #fbff89;}
.elists .sm{ width:6.7rem; height: 7.6rem;}
.elists .li1{background: url(../images/15.png) no-repeat center top;background-size:6.7rem 7.6rem;}
.elists .li2{background: url(../images/16.png) no-repeat center top;background-size:6.7rem 7.6rem;}
.elists .li3{background: url(../images/17.png) no-repeat center top;background-size:6.7rem 7.6rem;}
.elists .li4{background: url(../images/18.png) no-repeat center top;background-size:6.7rem 7.6rem;}
.elists .li5{background: url(../images/19.png) no-repeat center top;background-size:13.8rem 5.2rem; width:13.8rem; height:5.2rem;}
.clists{ margin-left: -0.4rem;padding-bottom: 0.5rem;}
.clists li{width:6.7rem; float: left; margin-left: 0.4rem;}
.clists li .pic{height: 4rem; border-radius: 3px; overflow: hidden;}
.clists li .pic img{ height: 4rem;}
.clists li .main{padding:0.3rem 0 0.5rem 0;}
.clists li .main .tit a{    white-space: nowrap;text-overflow: ellipsis; overflow: hidden; display: block; margin-bottom: 0.2rem;}
.clists li .main .num{color: #666; font-size: 0.52rem;}
.clists li .main .num i{display: inline-block;width:0.44rem;height:0.48rem; background: url(../images/14.png) no-repeat center top; background-size: 0.44rem 0.48rem; float: left;margin:0.1rem 0.2rem 0 0;}
.clists li .main .score{ color: #FF6565; font-size: 0.52rem;}
.tecbox{background: url(../images/9.jpg) no-repeat center top;background-size: 15rem 15rem;height:15rem; }
.tecbox ul{ padding-top: 0.5rem;}
.tecbox li{ float: left; width:6.9rem; text-align: center;margin-bottom: 1.7rem;}
.tecbox li div{ width:3.32rem; margin:0 auto;}
.tecbox li p{ color: #fff; font-size: 0.6rem; padding-top: 0.5rem;}
.scrollbox .ins{overflow-x: scroll; width: 100%; overflow-y:hidden; padding-bottom: 0.5rem;}
.certlist{ height: 6rem;}
.certlist li{ width: 8.1rem; height: 7.5rem; margin-right: 0.6rem; float: left; text-align: center; }
.certlist li img{width: 8.1rem; height: 5.7rem;  }
.certlist li .name{height: 1.8rem;line-height: 1.8rem;overflow: hidden;font-weight: bold;font-size: 0.48rem;}

.picbox{ background: #CED5E1;padding-bottom: 1.6rem;}
.picbox .pics{ width:8.1rem; margin:0 auto; padding:0.7rem 0 0 0;}
.picbox .pics p{ padding-top: 0.4rem;color: #222937; font-size: 0.48rem;font-weight: bold;}
#swiper-container-lec { width: 13.76rem;padding-bottom: 2.5rem;}
#swiper-container-lec .swiper-slide {background-position: center;background-size: cover; width: 6.68rem;height: 8.64rem; position: relative;}
#swiper-container-lec .swiper-slide img{ width: 100%;height: 100%;}
#swiper-container-lec .swiper-slide p{ position: absolute;left:0; bottom: 0; width:100%; height: 1rem; line-height: 1rem; text-align: center; color: #fff; font-size: 0.6rem; background: rgba(0,0,0,.2);}
#swiper-container-lec .swiper-container-horizontal>#swiper-container-lec .swiper-pagination{ bottom: 1rem;}
#swiper-container-lec .swiper-pagination-bullet{width:0.3rem; height: 0.3rem; border-radius: 0.3rem;}
#swiper-container-lec .swiper-pagination-bullet-active{ width:0.6rem; border-radius: 5px;}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(right,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(right,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -o-linear-gradient(right,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: linear-gradient(to left,rgba(255,255,255,.5),rgba(255,255,255,0));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: linear-gradient(to right,rgba(255,255,255,.5),rgba(255,255,255,0));
}
.white_pr{padding: 0 0 0 0.6rem;}