@charset "UTF-8";
@import url(animate.css);
/* 
    author:PengJin;
    date:2020-04-22;
*/
/* banner */
.banner { position: relative;}
.banner .item { overflow: hidden; }
.banner .item img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.banner .banner-pager{position:absolute;z-index:3;left:0;bottom:2rem;width:100%;text-align:center;}
.banner .banner-pager span{  width: 12px; height: 12px;   background:#fff;opacity:1; box-sizing: border-box;}
.banner .banner-pager span.swiper-pagination-bullet-active{background:#fbbe00;  opacity: 1;}
.banner .banner-prev,.banner .banner-next{position:absolute;z-index:3;top:50%;cursor:pointer; width:4rem; height:4rem; border-radius: 50%; opacity: 0;transition: all 0.5s;}
.banner .banner-prev{left:5%;background:url(../images/Index/banner-prev.png) no-repeat center;  background-size: 100%; }
.banner .banner-next{right:5%;background:url(../images/Index/banner-next.png) no-repeat center; background-size: 100%;}
.banner:hover .banner-prev, .banner:hover .banner-next { opacity: 0.5; background-color: #fbbe00;}
.banner .banner-prev:hover , .banner .banner-next:hover  { opacity: 1;}
@media (max-width:1024px){
    .banner .item img{display:block;left:0;width:100%;transform:translateX(0);}
    .banner .banner-prev,.banner .banner-next{display:none;}
}
/* banner end */
/*--banner--*/
/*.banner{position:relative;z-index:1;max-height:calc(100vh - 5.75rem);overflow:hidden;background:#000;}
.banner .videoBg{position:relative;z-index:1;width:100%;object-fit:fill;}
.banner .text{position:absolute;z-index:999;top:50%;left:50%;width:90%;text-align:center;transform:translate(-50%,-50%);}
.banner .text h2{font-size:3rem;color:#fff;font-weight:bold;}
.banner .text p{font-size:2.5rem;color:#fff;}
.banner .text em{display:block;margin-top:2rem;font-size:1rem;color:#fff;}
.banner .pc{display:block;}
.banner .pc img{display:block;width:100%;}
.banner .pic{display:none;}
.banner .pic img{display:block;width:100%;}
@media (max-width:1400px){
.banner .text h2{font-size:2rem;}
.banner .text p{font-size:1.5rem;}
}
@media (max-width:1200px){
.banner .text,.banner .videoBg{display:none;}
.banner .pic{display:block;}
.banner .pc{display:none;}
}*/
/*--end banner--*/

/*--adv--*/
.adv{position:relative;padding:5.625rem 0;height:43.25rem;overflow:hidden;background:#f9f9f9 url(../images/Index/adv_bg.jpg) no-repeat center bottom;}
.adv-list{position:relative;margin-top:2rem;height:20rem;}
.adv-list .item{position:absolute;top:0;}
.adv-list .item .con{position:relative;margin:0 auto;width:11rem;height:11rem;border:#f0f0f0 solid 1px;border-radius:50%;background:#fff;}
.adv-list .item .circle{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;border-radius:50%;}
.adv-list .item .con:after{display:block;position:absolute;z-index:3;left:1.25rem;top:1.25rem;width:0.75rem;height:0.75rem;content:"";background:#fbbe00;border-radius:50%;}
.adv-list .item .con p{position:relative;top:50%;left:0;text-align:center;width:100%;font-size:1.375rem;color:#333;font-weight:bold;transform:translateY(-50%);}
.adv-list .item .con p span{display:block;font-size:1.5rem;}
.adv-list .item:hover .circle{animation:circle 3s linear infinite;}
.adv-list .item-1{left:2.5rem;animation:fadeInLeft 2s;}
.adv-list .item-2{left:18.75rem;animation:fadeInLeft 1s;}
.adv-list .item-3{right:18.75rem;animation:fadeInRight 1s;}
.adv-list .item-4{right:2.5rem;animation:fadeInRight 2s;}
@media (max-width:1400px){
.adv-list .item .con{width:9.35rem;height:9.35rem;}
.adv-list .item .con:after{left:1.06rem;top:1.06rem;}
.adv-list .item .con p{font-size:1.2rem;}
.adv-list .item .con p span{font-size:1.3rem;}
.adv-list .item-1{left:2rem;}
.adv-list .item-2{left:16rem;}
.adv-list .item-3{right:16rem;}
.adv-list .item-4{right:2rem;}
}
@media (max-width:768px){
.adv{padding:3rem 0.625rem;background:url(../images/Index/adv_bg_m.jpg) no-repeat center;background-size:cover;}  
.adv-list{display:flex;flex-wrap:wrap;justify-content:space-between;height:auto;}
.adv-list .item{position:relative;top:unset;right:unset;left:unset;margin:1rem 0;width:48%;}
}
@keyframes circle{
0%{transform:rotate(0);opacity:0;}
50%{transform:rotate(180deg);opacity:1;}
100%{transform:rotate(360deg);opacity:0;}
}
@keyframes wave{
0%{width:0;height:0;opacity:1;}
50%{width:500px;height:500px;opacity:0.5;}
100%{width:1000px;height:1000px;opacity:0;}
}
/*--end adv--*/

/*--plan--*/
.plan{padding-top:5.625rem;overflow:hidden;background-repeat:no-repeat;background-position:center 0;background-size:cover;transition:all 1s;}
.plan-tab{position:relative;height:33.75rem;}
.plan-menu{position:absolute;left:0;bottom:0;width:100%;height:7.25rem;overflow:hidden;background:#fff;}
.plan-menu li{float:left;width:20%;text-align:center;border-right:#d6d7d9 solid 1px;}
.plan-menu li:first-child{border-left:#d6d7d9 solid 1px;}
.plan-menu li a{display:block;position:relative;top:50%;font-size:1.5rem;transform:translateY(-50%);}
.plan-menu li i{display:inline-block;margin-right:1.25rem;width:3.25rem;height:3.25rem;vertical-align:middle;border:#000 solid 1px;border-radius:50%;opacity:0.5;}
.plan-menu li span{color:#000;}
.plan-menu li:hover,.plan-menu li.cur{background:#fbbe00;}
.plan-menu li:hover i,.plan-menu li.cur i{opacity:1;}
.plan-main{overflow:hidden;}
.plan-main .item{overflow:hidden;}
.plan-main .pic{display:none;overflow:hidden;}
.plan-main .pic img{display:block;width:100%;}
.plan-main .text{padding:2rem;width:100%;max-width:30.625rem;overflow:hidden;background:rgba(0,0,0,0.5);}
.plan-main .text h3{font-size:1.875rem;color:#fff;overflow:hidden;}
.plan-main .text h3 a{color:#fff;}
.plan-main .text em{display:block;font-family:"DIN Medium";font-size:0.875rem;color:#fff;opacity:0.5;}
.plan-main .text .summary{margin-top:1rem;height:6.5rem;line-height:1.625rem;color:#fff;font-size:0.875rem;overflow:hidden;}
.plan-main .text .btns{margin-top:2.5rem;overflow:hidden;}
.plan-main .text .btns a{display:block;width:6.375rem;line-height:2.5rem;text-align:center;font-size:1rem;color:#fff;border:#fff solid 1px;}
.plan-main .text .btns a:hover{color:#000;background:#fbbe00;border-color:#fbbe00;}
@media (max-width:1200px){
.plan-menu{height:5rem;}
.plan-menu li i{display:none;}
}
@media (max-width:768px){
.plan{padding:3rem 0.625rem;}
.plan-tab{height:auto;}
.plan-menu{position:static;height:4rem;}
.plan-menu li a{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.plan-main .text{max-width:100%;}
}
/*--end plan--*/

/*--select--*/
.select{padding:5.625rem 0;overflow:hidden;background:url(../images/Index/select_bg.png);}
.select .leftCon{float:left;width:51.86%;}
.select .rightCon{float:right;width:46.14%;}
.select .item{position:relative;margin-bottom:5%;overflow:hidden;}
.select .item:last-child{margin-bottom:0;}
.select .pic{overflow:hidden;transition:all 1s;}
.select .pic img{display:block;width:100%;transition:all 1s;}
.select .text{position:absolute;z-index:3;color:#fff;line-height:1.5;overflow:hidden;}
.select .text .hd{position:relative;overflow:hidden;}
.select .text .hd img{display:block;position:absolute;right:0;top:0;width:2.5rem;height:2.5rem;}
.select .leftCon .text{left:2.5rem;top:2.5rem;right:2.5rem;bottom:2.5rem;}
.select .leftCon .text .hd{overflow:hidden;}
.select .leftCon .text .hd h3{font-size:2.25rem;}
.select .leftCon .text .hd em{font-family:"DIN Medium";font-size:0.875rem;color:#fff;opacity:0.5;}
.select .leftCon .text .bd{padding-top:2.5rem;font-size:1rem;overflow:hidden;}
.select .leftCon .item:hover .pic img{transform:scale(1.1);}
.select .rightCon .text{left:1.875rem;top:1.875rem;right:1.875rem;bottom:1.875rem;}
.select .rightCon .text:after{display:block;position:absolute;left:0;bottom:0;width:15px;height:1px;content:"";background:#fbbe00;}
.select .rightCon .text .hd{overflow:hidden;}
.select .rightCon .text .hd h3{font-size:1.875rem;}
.select .rightCon .text .hd em{font-family:"DIN Medium";font-size:0.875rem;color:#fff;opacity:0.5;}
.select .rightCon .text .bd{display:none;padding-top:1.25rem;font-size:1rem;overflow:hidden;}
.select .rightCon .item:hover{background:#fbbe00;}
.select .rightCon .item:hover .text:after{background:#333;}
.select .rightCon .item:hover .text *{color:#333;opacity:1;}
.select .rightCon .item:hover .text .hd img{filter: contrast(0);}
.select .rightCon .item:hover .text .bd{display:block;}
.select .rightCon .item:hover .pic{opacity:0;}
.select .leftCon .item{animation:fadeInLeft 1s;}
.select .rightCon .item:nth-child(1){animation:fadeInUp 1s;}
.select .rightCon .item:nth-child(2){animation:fadeInUp 2s;}
.select .rightCon .item:nth-child(3){animation:fadeInUp 3s;}
@media (max-width:768px){
.select{padding:3rem 0.625rem;}
.select .leftCon,.select .rightCon{float:none;width:100%;}
}
/*--end select--*/

/*--team--*/
.team{padding:5.625rem 0;overflow:hidden;background:#fff;}
.team .wrapper{position:relative;}
.team .wrap-title{position:absolute;z-index:3;left:0;top:1.25rem;text-align:left;}
.team .wrap-title p{color:#666;}
.team-tab{position:relative;overflow:hidden;}
.team-menu{position:absolute;top:0;right:0;width:45.75rem;height:45.75rem;}
.team-menu .item,.team-menu .more{position:absolute;width:15.25rem;height:15.25rem;overflow:hidden;transition:all 0.5s;}
.team-menu .item-1{top:0;left:0;}
.team-menu .item-2{top:0;left:30.5rem;}
.team-menu .item-3{top:15.25rem;left:15.25rem;}
.team-menu .item-4{top:30.5rem;left:30.5rem;}
.team-menu .item img{display:block;width:100%;cursor:pointer;}
.team-menu .item.cur{border:#fbbe00 solid 0.5rem;}
.team-menu .more{top:30.5rem;left:15.25rem;}
.team-menu .more a{display:inline-block;position:relative;top:50%;left:50%;padding-right:1.25rem;text-align:center;transform:translate(-50%,-50%);background:url(../images/Index/team_more.png) no-repeat right center;}
.team-main{padding-top:15.25rem;width:57rem;overflow:hidden;}
.team-main .item{height:30.5rem;overflow:hidden;background:#212121;}
.team-main .pic{float:left;width:30.5rem;}
.team-main .pic img{display:block;width:100%;transition:all 1s;}
.team-main .text{position:relative;height:30.5rem;overflow:hidden;}
.team-main .text .con{position:absolute;top:5rem;right:3.75rem;bottom:5rem;left:3.75rem;}
.team-main .text h3{font-weight:normal;font-size:1.5rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.team-main .text h3 a{color:#fff;}
.team-main .text span{display:block;margin-top:1rem;font-size:1rem;color:#fff;}
.team-main .text .summary{margin-top:2.25rem;font-size:0.875rem;line-height:1.5;color:#fff;opacity:0.5;overflow:hidden;}
.team-main .text .btns{position:absolute;left:0;bottom:0;}
.team-main .text .btns a{font-size:0.875rem;color:#fff;text-transform:uppercase;}
@media (max-width:1400px){
.team-menu{width:38.8875rem;height:38.8875rem;}
.team-menu .item,.team-menu .more{width:12.9625rem;height:12.9625rem;}
.team-menu .item-1{top:0;left:0;}
.team-menu .item-2{top:0;left:25.925rem;}
.team-menu .item-3{top:12.9625rem;left:12.9625rem;}
.team-menu .item-4{top:25.925rem;left:25.925rem;}
.team-menu .more{top:25.925rem;left:12.9625rem;}
.team-main{padding-top:12.9625rem;width:49.05rem;}
.team-main .item{height:25.925rem;}
.team-main .pic{width:25.925rem}
.team-main .text{height:25.925rem;}
}
@media (max-width:1200px){
.team .wrap-title{position:static;text-align:center;}
.team-menu{display:none;}
.team-main{padding-top:0;width:100%;}
}
@media (max-width:768px){
.team{padding:3rem 0.625rem;}
.team-main .item{height:auto;}
.team-main .pic,.team-main .text{float:none;width:100%;height:auto;}
.team-main .text .con{position:static;padding:2rem;}
.team-main .text .btns{position:static;margin-top:2rem;}




}
/*--end team--*/

/*--case--*/
.case{padding:2.625rem 0;overflow:hidden;background:url(../images/Index/case_bg.jpg) no-repeat center 0;background:cover;}
.case-list{overflow:hidden;}

.case-list .pli{float:left;padding:0.1rem;width:23.5%;border-radius: 10px; background-color:#FFF; border:1px solid  #CCC;border-top:dotted 1px #999; margin-right:1.5%; height:22rem;box-shadow:4.30963px 5.516075px 9px rgb(153, 153, 153);}

.case-list .item{padding:1.25rem 0.5rem;width:98%; margin:0 auto; background-color:#F60; border-radius: 10px; height:8rem}
.case-list .pic{position:relative;overflow:hidden; width:30%; margin: 0 auto;}
.case-list .pic a{position:relative;display:block;}
.case-list .plist{width:90%; margin:0 auto;font-size:1.05rem; text-align:center}

/*
.case-list .pic a:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(../images/Index/player_btn.png) no-repeat center;background-size:3.25rem;}
*/
.case-list .pic img{display:block;width:100%;transition:all 0.5s;　vertical-align:middle; height:3.5rem; padding-top:0.5rem}
.case-list .tit{overflow:hidden;border-bottom:#d6d6d6 solid 0px;transition:all 0.5s;text-align:center; color:#FFF}
.case-list .tit a{font-size:1.3rem; font-weight:bold; color:#FFF;text-align:center; t}

/*
.case-list .tit a{display:block;padding:1.25rem 2rem 1.25rem 0;font-size:1rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/Index/case_read.png) no-repeat right center;}
.case-list .item:hover a:after{background-color:rgba(0,0,0,0.25);} */
.case-list .item:hover .tit{padding:0 0rem;}





.case .more{margin-top:1.25rem;text-align:center;}
.case .more a{display:inline-block;padding-right:1rem;font-size:1rem;color:#333;background:url(../images/Index/more.png) no-repeat right center;}

/*.fw{padding:2.625rem 0;overflow:hidden;background:url(../images/Index/case_bg.jpg) no-repeat center 0;background:cover; background-color:#F9F9F9}*/
.fw{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#F9F9F9}
.fuwu{display:block; position:relative; }
.fuwu-left{ width:60%;float:left; margin-right:5% }
.fuwu-left h2{text-align:center; font-size:1.2rem; font-weight:bold;line-height:200%}
.fuwu-left h3{text-align:left; font-size:1.05rem; line-height:200%}
.fuwu-right{ width:35%;float:left; }
.fuwu-right .ren{border-radius:25px; width:80%; background-color:#F60; text-align:center}
.fuwu-right .ren h2{font-size:1rem; color:#FFF; line-height:2.3rem; height:2.3rem}
.ren-li{ padding:5px}
.ren-li li{ background-color:#C60; color:#FFF; font-size:1.5rem; margin-bottom:1rem; }


.kehu{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#FF9326}
.kehu{display:block; position:relative; }
.kehu-left{ width:30%;float:left; margin-right:5% }
.kehu-left h2{text-align:center; font-size:1.2rem; font-weight:bold;line-height:200%}
.kehu-left h3{text-align:left; font-size:1.05rem; line-height:200%}
.kehu-right{ width:65%;float:left; }
.kehu-right .kf{width:100%; text-align:center}
.kehu-right .kf h2{font-size:1.5rem; color:#FFF; line-height:2.3rem; height:2.3rem; display:block}
.kehu-right .kf h3{font-size:1rem; color:#FFF; line-height:2.3rem; height:7.2rem; border-bottom:1px #FFF solid; display:block}
.kehu-li{ padding:5px; width:100%; display:block; margin-top:1rem}
.kehu-li li{color:#FFF; font-size:1.1rem; margin-bottom:1rem; width:15%; margin-right:1%; float:left}
.kehu-li li span{color:#FFF; font-size:1.5rem; font-weight:bold; display:block}

.xx{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#f9f9f9}
.xuxiao{display:block; position:relative; }
.xuexiao-li{ padding:5px; width:100%; display:block; margin-top:1rem}
.xuexiao-li li{color:#FFF; font-size:1.1rem; margin-bottom:0.5rem; width:24%; margin-right:1%; float:left}
.xuexiao-li li span{color:#FFF; font-size:1.5rem; font-weight:bold; display:block}



.fa{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#fff}
.fangan{display:block; position:relative; }
.fangan-li{ padding:5px; width:100%; display:block; margin-top:1rem}
.fangan-li li{color:#FFF; font-size:1rem; margin-bottom:2rem; width:19%; margin-right:8%; float:left; background-color:#ff;border-radius:25px;text-align:center;box-shadow:4.30963px 5.516075px 9px rgb(153, 153, 153); border:1px #FC6 solid; padding:2rem}

.fangan-li li:nth-child(4n+0){margin-right:0}
.fangan-li li img{color:#FFF; font-size:1.5rem; font-weight:bold; display:block; height:8rem; height:8rem}

.index_news{padding:2.625rem 0;overflow:hidden;background:cover;}
.index_news-left{ width:48%;float:left; margin-right:4% }
.index_news-left h2{width:100%; color:#F00; text-align:center; font-size:1.5rem; line-height:3rem; height:3rem; margin-bottom:1rem}

.index_news-right{ width:48%;float:left; }

.newstab{
	width:100%}


@media (max-width:768px){
.case{padding:3rem 0.625rem;}
.case-list .item{padding:0.5rem;width:50%;}
.case-list .tit a{padding:1rem  1.5rem 1rem 0;}
.case-list .item:hover .tit{padding:0 0.5rem;}



.case-list .pli{float:left;padding:0.1rem;width:48%;border-radius: 10px; background-color:#FFF; border:1px solid  #CCC;border-top:dotted 1px #999; margin-right:1.5%; height:26rem;box-shadow:4.30963px 5.516075px 9px rgb(153, 153, 153); margin-bottom:1rem}

.case-list .item{padding:1.25rem 0.5rem;width:98%; margin:0 auto; background-color:#F60; border-radius: 10px; height:8rem}
.case-list .pic{position:relative;overflow:hidden; width:30%; margin: 0 auto;}
.case-list .pic a{position:relative;display:block;}
.case-list .plist{width:90%; margin:0 auto;font-size:1.05rem; text-align:center}


.fuwu-left{ width:90%;margin-left:5% }
.fuwu-left h2{text-align:center; font-size:1.8rem; font-weight:bold;line-height:200%}
.fuwu-left h3{text-align:left; font-size:1.5rem; line-height:200%}
.fuwu-right{ width:90%;margin-left:5%; margin-top:1rem}
.fuwu-right .ren{border-radius:25px; width:100%; background-color:#F60; text-align:center}
.fuwu-right .ren h2{font-size:1rem; color:#FFF; line-height:2.3rem; height:2.3rem}
.ren-li{ padding:5px}
.ren-li li{ background-color:#C60; color:#FFF; font-size:1.5rem; margin-bottom:1rem; }



.kehu{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#FF9326}
.kehu{display:block; position:relative; }
.kehu-left{ width:90%;margin-left:5% }
.kehu-left h2{text-align:center; font-size:1.8rem; font-weight:bold;line-height:200%}
.kehu-left h3{text-align:left; font-size:1.05rem; line-height:200%}
.kehu-right{width:90%;margin-left:5% }
.kehu-right .kf{width:100%; text-align:center}
.kehu-right .kf h2{font-size:1.8rem; color:#FFF; line-height:2.3rem; height:2.3rem; display:block}
.kehu-right .kf h3{font-size:1.38rem; color:#FFF; line-height:2.5rem; height:16.2rem; border-bottom:1px #FFF solid; display:block}
.kehu-li{ padding:5px; width:100%; display:block; margin-top:1rem; }
.kehu-li li{color:#FFF; font-size:1.1rem; margin-bottom:1rem; width:31%; margin-right:1%; float:left;border-radius:10%; background-color:#F30}
.kehu-li li span{color:#FFF; font-size:1.5rem; font-weight:bold; display:block}


.xx{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#f9f9f9}
.xuxiao{display:block; position:relative; }
.xuexiao-li{ padding:5px; width:100%; display:block; margin-top:1rem}
.xuexiao-li li{color:#FFF; font-size:1.1rem; margin-bottom:0.5rem; width:48%; margin-right:1%; float:left}
.xuexiao-li li span{color:#FFF; font-size:1.5rem; font-weight:bold; display:block}




.fa{padding:2.625rem 0;overflow:hidden;background:cover; background-color:#fff}
.fangan{display:block; position:relative; }
.fangan-li{ padding:5px; width:96%; display:block; margin-top:1rem; margin-left:2%}
.fangan-li li{color:#FFF; font-size:1rem; margin-bottom:2rem; width:46%; margin-right:8%; float:left; background-color:#ff;border-radius:25px;text-align:center;box-shadow:4.30963px 5.516075px 9px rgb(153, 153, 153); border:1px #FC6 solid; padding:2rem; overflow:hidden; height:16.2rem}

.fangan-li li:nth-child(2n+0){margin-right:0}
.fangan-li li img{color:#FFF; font-size:1.5rem; font-weight:bold; display:block; height:8rem; height:8rem}

.index_news{padding:2.625rem 0;overflow:hidden;background:cover;}
.index_news-left{ width:100%;float:left; margin-right:4% }
.index_news-left h2{width:100%; color:#F00; text-align:center; font-size:1.5rem; line-height:3rem; height:3rem; margin-bottom:1rem}

.index_news-right{ width:100%;float:left; }




}
/*--end case--*/


/*--news--*/
.news{padding:1rem 0;overflow:hidden;background:url(../images/Index/news_bg.png);}
.news-tab{overflow:hidden;}
.news-menu{margin-bottom:1.5rem;text-align:center;overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{margin:0 1%;width:25%;max-width:220px;line-height:1.5;}
.news-menu li a{position:relative;display:inline-block;padding-bottom:0.5rem;font-size:1.25rem;color:#666;}
.news-menu li a:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:0.3125rem;content:"";background:#fbbe00;transition:all 0.5s;transform:scale(0,1);}
.news-menu li.cur a{color:#171717;}
.news-menu li.cur a:after{transform:scale(1);}
.news-main{overflow:hidden;}

.news-list{width:100%}
.news-list .item{float:left;margin-bottom:1rem;width:100%;background:#fff;}
.news-list .pic{overflow:hidden; float:left; width:30%; margin-right:3%}
.news-list .pic img{transition:all 0.5s; width:100%}
.news-list .text{overflow:hidden;  float:left; width:65%}
.news-list .text h3{line-height:2;font-size:1rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news-list .text h3 a{color:#000; font-weight:bold}
.news-list .text em{display:block;font-family:Arial;font-size:0.75rem;color:#999;}
.news-list .text p{margin-top:.25rem;height:4.5rem;line-height:1.5rem;font-size:0.8rem;color:#CCC;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{color:#2a2a2a;}


.news-list2 .item{float:left;width:100%;background:#fff; border-bottom:1px #CCC dotted; margin:0 auto}
.news-list2 .item h3{line-height:2.5rem;font-size:0.8rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; float:left; margin-left:0.8rem; width:80%}
.news-list2 .item h3 a{color:#333; }
.news-list2 .item em{display:block;font-family:Arial;font-size:0.75rem;color:#999; float:left}



.news .more{margin-top:1.25rem;text-align:center;}
.news .more a{display:inline-block;padding-right:1rem;font-size:1rem;color:#333;background:url(../images/Index/more.png) no-repeat right center;}



@media (max-width:1400px){
.news-list{width:76.5rem;}
.news-list .item{margin-right:2.125rem;width:23.375rem;}
}
@media (max-width:1200px){
.news-list{width:100%;}
.news-list .item{margin:0 1% 2rem;width:31.33%;}
}
@media (max-width:992px){
.news{padding:2rem 0.625rem;}
.news-menu{margin-bottom:1rem;}
.news-menu li a{font-size:1.5rem;}
.news-list{width:100%;}
.news-list .item{float:none;margin-bottom:1rem;margin-right:0;width:100%;}
.news-list .text{padding:1rem;}
.news-list .text em{font-size:0.875rem;}
.news-list .text p{-webkit-line-clamp:2;height:3rem;font-size:1rem;}
}
/*--end news--*/

/*--service--*/
.service{position:relative;padding-bottom:0.625rem;overflow:hidden;background:url(../images/Index/news_bg.png);}
.service:before,.service:after{display:block;position:absolute;bottom:0;left:0;height:0.625rem;content:"";}
.service:before{width:100%;background:#2ea7e0;}
.service:after{width:0;background:#e9ab25;animation:lines linear 8s infinite;}
.service-list{overflow:hidden;}
.service-list .item{position:relative;float:left;width:33.33%;text-align:center;overflow:hidden;background:#fff;border-right:#e0e0e0 solid 1px;}
.service-list .item:last-child{border-right:none;}
.service-list .pic{overflow:hidden;}
.service-list .pic img{display:block;width:100%;opacity:0;transition:all 0.5s;}
.service-list .text{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.service-list .text i{display:block;margin:0 auto;width:4.75rem;height:4.75rem;border:#e4e4e4 solid 1px;border-radius:50%;}
.service-list .text h3{margin-top:1rem;font-weight:normal;font-size:1.5rem;color:#333;}
.service-list .text em{display:block;margin-top:0.5rem;font-size:0.875rem;font-family:"DIN Medium";color:#999;text-transform:uppercase;}
.service-list .item:hover .pic img{opacity:1;}
.service-list .item:hover .text i{filter:contrast(0) brightness(2);}
.service-list .item:hover .text *{color:#fff;}
@keyframes lines{
  0%{width:0;}
  100%{width:100%;}
}

@media (max-width:992px){
.service{display:none;}
}
/*--end service--*/

