@charset "UTF-8";
@import url(../css/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:3.125rem;width:100%;text-align:center;}
.banner .banner-pager span{margin:0 1rem !important;width:1rem;height:1rem;background:#fff;opacity:1;}
.banner .banner-pager span.swiper-pagination-bullet-active{background:#f0b405;}
.banner .banner-prev,.banner .banner-next{position:absolute;z-index:3;top:50%;cursor:pointer;width:3.125rem;height:3.125rem;transform:translateY(-50%);border-radius:50%;}
.banner .banner-prev{left:5%;background:rgba(255,255,255,0.1) url(../images/Index/banner_prev.png) no-repeat center;}
.banner .banner-next{right:5%;background:rgba(255,255,255,0.1) url(../images/Index/banner_next.png) no-repeat center;}
.banner .banner-prev:hover,.banner .banner-next:hover{background-color:rgba(255,255,255,0.5);}
@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 .banner-pager{bottom:1rem;}
.banner .banner-pager span{margin:0 0.25rem !important; width:6px !important;height:6px !important;}
}
/*--end banner--*/

/*--system--*/
.system{padding:5rem 0.625rem;}
.system-inner{position:relative;height:20.75rem;}
.system-inner:before,.system-inner:after{display:block;position:absolute;top:50%;width:calc(50% - 11.875rem);height:1px;content:"";background:url(../images/Index/system_line.png) repeat-x;}
.system-inner:before{left:0;}
.system-inner:after{right:0;}
.system-menu{position:absolute;top:50%;left:50%;width:20.75rem;height:20.75rem;transform:translate(-50%,-50%);}
.system-menu li{position:absolute;width:10.25rem;height:10.25rem;cursor:pointer;transition:all 0.5s;}
.system-menu li:hover{z-index:4;filter:contrast(1.5);}
.system-menu li:nth-child(1){top:0;left:0;animation:fadeInDown 1s;}
.system-menu li:nth-child(2){top:0;right:0;animation:fadeInRight 1s;}
.system-menu li:nth-child(3){bottom:0;left:0;animation:fadeInLeft 1s;}
.system-menu li:nth-child(4){bottom:0;right:0;animation:fadeInUp 1s;}
.system-menu .icon{position:absolute;z-index:5;top:50%;left:50%;width:8.625rem;height:8.625rem;transform:translate(-50%,-50%);}
.system-list .item{position:absolute;width:calc(50% - 10.375rem);}
.system-list .item:nth-child(1){top:0;left:0;}
.system-list .item:nth-child(2){top:0;right:0;}
.system-list .item:nth-child(3){bottom:0;left:0;}
.system-list .item:nth-child(4){bottom:0;right:0;}
.system-list .item .icon{margin-top:0.875rem;width:4.5625rem;height:4.5625rem;transition:all 0.5s;border-radius:50%;}
.system-list .item .text{padding:0 1.5625rem;width:calc(100% - 4.5625rem);}
.system-list .item .text h3{font-weight:bold;font-size:1.375rem;color:#212121;}
.system-list .item .text p{margin-top:1rem;min-height:4.6875rem;line-height:1.5625rem;font-size:1rem;color:#444;}
.system-list .item:nth-child(odd) .icon,.system-list .item:nth-child(even) .text{float:left;}
.system-list .item:nth-child(even) .icon,.system-list .item:nth-child(odd) .text{float:right;}
.system-list .item:hover .icon{transform:rotate(360deg);}
@media (max-width:992px){
.system{padding:2rem 0.625rem;}
.system-list{display:none;position:absolute;top:50%;left:50%;width:20.75rem;height:20.75rem;border-radius:50%;transform:translate(-50%,-50%);}
.system-list .item{display:none;position:absolute;top:50% !important;left:50% !important;width:100%;text-align:center;transform:translate(-50%,-50%);}
.system-list .item .icon{float:none !important;margin:0 auto;border:rgba(255,255,255,0.25) solid 1px;}
.system-list .item .text{float:none !important;padding:1rem 3rem 0;width:100%;}
.system-list .item .text h3{color:#fff;}
.system-list .item .text p{color:#fff;}
}
/*--end system--*/

/*--product--*/
.product{padding:5.625rem 0.625rem;overflow:hidden;background:#f0f0f0;}
.product-query{padding:1rem 1.25rem;overflow:hidden;background:#3694e9}
.product-query .label{float:left;font-size:1rem;height:2.5rem;line-height:2.5rem;color:#fff;}
.product-query .form{float:right;overflow:hidden;}
.product-query .form li{float:left;}
.product-query .form li.selectBox{position:relative;margin-right:0.625rem;padding-right:2.5rem;width:26.25rem;overflow:hidden;background:#fff url(../images/Index/select_list.png) no-repeat 97% center;}
.product-query .form li.selectBox:after{display:block;position:absolute;z-index:2;top:0;right:2.5rem;width:1px;height:100%;content:"";background:#ddd;}
.product-query .form li.selectBox select{position:relative;display:block;padding:0.3125rem 1.25rem;width:100%;height:2.5rem;border:none;background:#fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.product-query .form li.btnBox{width:10rem;height:2.5rem;text-align:center;line-height:2.5rem;}
.product-query .form li.btnBox a{display:block;color:#fff;background:#f0b405;}
.product-query .form li.btnBox a:hover{background:#324687;}
.product-class{padding-top:0.625rem;overflow:hidden;}
.product-class .item{margin-top:0.625rem;height:4.375rem;line-height:4.375rem;overflow:hidden;background:#fff;}
.product-class .item dt{float:left;width:8.75rem;font-size:1.125rem;color:#fff;text-align:center;}
.product-class .item dt .more{display:none;float:right;font-size:1rem;color:#fff;}
.product-class .item dd{padding:0 1.25rem;overflow:hidden;}
.product-class .item dd .list{padding-right:2rem;overflow:hidden;}
.product-class .item dd .list a{display:inline-block;padding:0 1.25rem;font-size:1rem;color:#777;}
.product-class .item dd .list a:hover,.product-class .item dd .list a.cur{color:#3694e9;}
.product-class .item dd .more{float:right;cursor: pointer;}
.product-class .item:nth-child(1){animation:fadeInUp 1s;}
.product-class .item:nth-child(1) dt{background-color:#f0b405;}
.product-class .item:nth-child(1) dd a:hover,.product-class .item:nth-child(1) dd a.cur,.product-class .item:nth-child(1) dd .more:hover{color:#f0b405;}
.product-class .item:nth-child(2){animation:fadeInUp 1.5s;}
.product-class .item:nth-child(2) dt{background-color: #000;}
.product-class .item:nth-child(2) dd a:hover,.product-class .item:nth-child(2) dd a.cur,.product-class .item:nth-child(2) dd .more:hover{font-weight: bold;color:#1e1e1e;}
.product-class .item:nth-child(3){animation:fadeInUp 2s;}
.product-class .item:nth-child(3) dt{background-color:#3694e9;}
.product-class .item:nth-child(3) dd a:hover,.product-class .item:nth-child(3) dd a.cur,.product-class .item:nth-child(3) dd .more:hover{color:#3694e9;}
.product-class .item:nth-child(4){display:none;animation:fadeInUp 2.5s;}
.product-class .item:nth-child(4) dt{background-color:#f0b405;}
.product-class .item:nth-child(4) dd a:hover,.product-class .item:nth-child(4) dd a.cur,.product-class .item:nth-child(1) dd .more:hover{color:#f0b405;}
.product-list{margin-top:1.5625rem;display:block/9;display:flex;flex-wrap:wrap;justify-content:space-between;}
.product-list .item{margin:0.5rem 0;width:24.2%;text-align:center;overflow:hidden;border:#ddd solid 1px;background:#ddd;transition:all 0.5s;}
.product-list .item:nth-child(odd){animation:fadeInUp 1.5s;}
.product-list .item:nth-child(even){animation:fadeInUp 2s;}
.product-list .pic{overflow:hidden;}
.product-list .pic img{display:block;width:100%;transition:all 0.5s;}
.product-list .tit{height:3.125rem;line-height:3.125rem;text-align:center;font-size:1.0625rem;}
.product-list .tit a{display:block;padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .item:hover{background:#f0b405;transform:translateY(-1.25rem);box-shadow:0 0 1.25rem rgba(0,0,0,0.1);}
.product-list .item:hover .tit a{color:#fff;}
.product-list #nodata{background-color: transparent;}
@media (max-width:1200px){
.product-query .label,.product-query .form{float:none;width:100%;}
.product-query .form li.selectBox{margin-right:1.5%;width:40%;}
.product-query .form li.btnBox{width:17%;}
}
@media (max-width:992px){
.product{padding:2rem 0.625rem;}
.product-query .form li.selectBox{float:none;margin-right:0;margin-bottom:1.5%;width:100%;}
.product-query .form li.btnBox{width:100%;}
.product-class{position:relative;margin-top:0.625rem;padding-top:0;overflow: visible;height: 3rem;}
.product-class .item{float:left;margin-top:0;width:33.3333%;height:auto;line-height:3rem;overflow:visible;}
.product-class .item dt{text-align: left;padding: 0 1rem;line-height:3rem;font-size:0.875rem;background-image:url(../images/Index/select_Down.png);background-repeat:no-repeat;background-position: calc(100% - 1rem) center;background-size:0.875rem;}
.product-class .item dt.cur{background-image:url(../images/Index/select_Up.png);}
.product-class .item dt,.product-class .item dd{float:none;width:100%;cursor: pointer;}
.product-class .item dd{display:none;position:absolute;z-index: 9999;top:100%;left:0;width:100%;padding:1rem 0;overflow:hidden;background:#fff;box-shadow:0 0 2rem rgba(0,0,0,0.15);}
.product-class .item dd .list{padding:0;line-height:2;}
.product-class .item dd .more{display:none;}
.product-list{margin-top:0.25rem;}
.product-list .item{width:48%;}
}
/*--end product--*/

/*--made--*/
.made{padding:5.625rem 0.625rem 3.75rem;overflow:hidden;background:url(../images/Index/made_bg.jpg) no-repeat center 0;background-size:cover;background-attachment:fixed;}
.made-list .item{width:185px;overflow:hidden;background:#fff;border-radius:10rem;}
.made-list .pic{border-radius:50%;overflow:hidden;}
.made-list .pic img{display:block;border-radius:50%;}
.made-list .text{padding:2.5rem 0.75rem;text-align:center;height:15.25rem;}
.made-list .text h3{font-weight:bold;font-size:1.25rem;color:#212121;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.made-list .text h3:after{display:block;margin:1rem auto;width:20px;height:2px;content:"";background:#3694e9;}
.made-list .text p{font-size:0.9375rem;color:#555;line-height:1.5;}
.made-list .item:hover{background:#f0b405;}
.made-list .item:hover h3,.made-list .item:hover p{color:#fff;}
.made-list .item:hover h3:after{background:#fff;}
.made-list .item:hover .pic img{transform:rotate(360deg);transition:all 1s;}
.made .more{clear:both;padding-top:3.125rem;text-align:center;}
.made .more a{display:inline-block;padding:0 1.5rem;line-height:3.125rem;font-size:1rem;color:#292b28;background:#fff;border-radius:10rem;}
.made .more a:hover{color:#fff;background:#f0b405;}
@media (max-width:992px){
.made{padding:2rem 0.625rem;}
}
/*--end made--*/

/*--case--*/
.case{position:relative;padding:5.625rem 0.625rem 3.75rem;overflow:hidden;background:#fff;}
.case .wrapper{position:relative;z-index:2;}
.case-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.case-list .item{position:relative;display:block;margin:0.4375rem 0;width:24.17%;}
.case-list .pic{position:relative;overflow:hidden;}
.case-list .pic:before{display:block;position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.case-list .pic:after{display:block;position:absolute;z-index:1;top:0.3125rem;left:0.3125rem;bottom:0.3125rem;right:0.3125rem;content:"";opacity:0;border:#e0b11a solid 2px;transform:scale(0);transition:all 0.5s;}
.case-list .pic img{display:block;width:100%;transition:all 0.5s;}
.case-list .item:hover .pic:before{background:rgba(54,148,233,0.85);}
.case-list .item:hover .pic:after{transform:scale(1);opacity:1;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case-list .text{position:absolute;z-index:33;top:50%;left:0;width:100%;text-align:center;font-size:1.125rem;color:#fff;transform:translateY(-50%);}
.case .more{clear:both;padding-top:3.125rem;text-align:center;}
.case .more a{display:inline-block;padding:0 1.5rem;line-height:3.125rem;font-size:1rem;color:#fff;background:#3694e9;border-radius:10rem;}
.case .more a:hover{color:#fff;background:#f0b405;}
.case-bg{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden;}
@media (max-width:992px){
.case{padding:2rem 0.625rem;}
.case-list .item{width:48%;}
}
/*--end case--*/

/*--honor--*/
.honor{position:relative;padding:5.625rem 0.625rem 3.75rem;overflow:hidden;background:#f8f8f8;}
.honor .wrapper{position:relative;z-index:2;}
.honor-slide{position:relative;overflow:hidden;}
.honor-slide .prev,.honor-slide .next{position:absolute;z-index:33;top:50%;width:3.75rem;height:3.75rem;cursor:pointer;border-radius:50%;transform:translateY(-50%);} 
.honor-slide .prev{left:0;background:#3694e9 url(../images/index/honor_prev.png) no-repeat center;}
.honor-slide .next{right:0;background:#3694e9 url(../images/index/honor_next.png) no-repeat center;}
.honor-slide .prev:hover,.honor-slide .next:hover{background-color:#f0b405;}
.honor-slide .item{width:20rem;}
.honor-slide .pic{overflow:hidden;border:#1f0604 solid 0.25rem;border-radius:0.25rem;}
.honor-slide .pic img{display:block;width:100%;}
.honor-slide .tit{display:none;padding-top:1.5625rem;text-align:center;font-size:1.125rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.honor-slide .tit a{color:#333;}
.honor-slide .item.swiper-slide-active .tit{display:block;}
.honor-bg{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden;}
@media (max-width:992px){
.honor{padding:2rem 0.625rem;}
.honor-slide .item{width:12rem;}
.honor-slide .prev,.honor-slide .next{display:none;}
}
/*--end honor--*/

/*--aboutus--*/
.aboutus{padding:5.625rem 0.625rem;overflow:hidden;background:url(../images/Index/aboutus_bg.jpg) no-repeat center 0;background-size:cover;background-attachment:fixed;}
.stats-counter{padding-bottom:3.75rem;overflow:hidden;border-bottom:#e8e8e8 solid 1px;}
.stats-counter .item{position:relative;float:left;padding:0.625rem;width:25%;text-align:center;}
.stats-counter .item:after{display:block;position:absolute;top:0;right:0;width:1px;height:100%;content:"";background:rgba(255,255,255,0.2);}
.stats-counter .item:last-child:after{display:none;}
.stats-counter .item dt{height:4rem;}
.stats-counter .item dt em{display:inline-block;line-height:4rem;font-size:3.75rem;font-family:"DIN Medium";color:#fff;}
.stats-counter .item dt sup{display:inline-block;width:1.25rem;height:1.25rem;line-height:1.25rem;font-size:0.875rem;color:#fff;vertical-align:top;background:#f0b405;border-radius:50%;}
.stats-counter .item dd{padding-top:0.375rem;font-size:1.125rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aboutus .summary{padding:2.8125rem 0;font-size:1rem;line-height:1.75;color:#fff;overflow:hidden;animation:lightSpeedIn 1s;}
.aboutus .summary p{text-indent:2em;}
.photos{overflow:hidden;}
.photos-slide{position:relative;float:left;margin-top:1rem;width:50%;overflow:hidden;}
.photos-slide .item{position:relative;}
.photos-slide .item .pic{overflow:hidden;}
.photos-slide .item .pic img{display:block;width:100%;transition:all 0.5s;}
.photos-slide .item .tit{position:absolute;left:0;bottom:0;padding:1.25rem 2.5rem;width:100%;font-size:1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.6);}
.photos-slide .item .tit a{position:relative;z-index:1;color:#fff;}
.photos-slide .item:hover .pic img{transform:scale(1.1);}
.photos-slide .photos-pager{position:absolute;z-index:4;left:unset;right:2rem;bottom:1.35rem;width:50%;text-align:right;}
.photos-slide .photos-pager span{background:#fff;opacity:1;}
.photos-slide .photos-pager span.swiper-pagination-bullet-active{background:#f0b405;}
.photos-list{float:right;width:50%;overflow:hidden;}
.photos-list .item{position:relative;float:left;margin-top:1.1rem;margin-left:1rem;width:calc(50% - 1rem);}
.photos-list .item .pic{overflow:hidden;}
.photos-list .item .pic img{display:block;width:100%;transition:all 0.5s;}
.photos-list .item .tit{position:absolute;left:0;bottom:0;padding:1rem 2.5rem;width:100%;font-size:1rem;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.6);}
.photos-list .item .tit:after{display:block;position:absolute;z-index:0;left:0;top:0;width:0;height:100%;content:"";background:#f0b405;transition:all 1s;}
.photos-list .item .tit a{position:relative;z-index:1;color:#fff;}
.photos-list .item:hover .pic img{transform:scale(1.1);}
.photos-list .item:hover .tit:after{width:100%;}
@media (max-width:992px){
.aboutus{padding:2rem 0.625rem;}
.aboutus .wrap-title h2 em{width:10%;}
.stats-counter{padding-bottom:1.875rem;}
.stats-counter .item{width:50%;}
.stats-counter .item dt em{font-size:2.5rem;}
.stats-counter .item dd{font-size:0.75rem;}
.photos-slide,.photos-list{float:none;width:100%;}
.photos-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photos-list .item{margin:1rem 0 0;width:49%;}
}
/*--end aboutus--*/

/*--partner--*/
.partner{padding:5rem 0.625rem;overflow:hidden;background:#fff;}
.partner-list{padding-top:1px;padding-right:1px;overflow:hidden;background:#f0f0f0;}
.partner-list .item{float:left;margin-left:1px;margin-bottom:1px;width:calc(20% - 1px);background:#fff;}
.partner-list .item img{display:block;width:100%;transition:all 0.5s;}
.partner-list .item:hover img{transform:scale(1.1);}
@media (max-width:992px){
.partner{padding:2rem 0.625rem;}
.partner-list .item{width:calc(33.33% - 1px);}
}
/*--end partner--*/

/*--indexForm--*/
.indexForm{padding:4.0625rem 0.625rem;overflow:hidden;background:#3694e9;}
.indexForm .hd{padding-left:1.25rem;color:#fff;font-size:1.125rem;background:url(../images/Index/indexForm_hd.png) no-repeat 0 center;}
.indexForm .bd{padding-top:1.75rem;overflow:hidden;}
.indexForm .tel{position:relative;float:left;width:25%;}
.indexForm .tel:after{display:block;position:absolute;top:0;right:0;width:1px;height:10rem;content:"";background:rgba(255,255,255,0.2);}
.indexForm .tel li{padding-left:3.5rem;min-height:2.5rem;overflow:hidden;}
.indexForm .tel li:nth-child(1){margin-bottom:0.625rem;line-height:2.5rem;background:url(../images/Index/indexForm_tel01.png) no-repeat 0 center;background-size:2.5rem;}
.indexForm .tel li:nth-child(2){background:url(../images/Index/indexForm_tel02.png) no-repeat 0 center;background-size:2.5rem;}
.indexForm .tel li em{display:block;font-family:"DIN Medium";font-size:1.25rem;color:#fff;}
.indexForm .QRcode{position:relative;float:left;padding:0 5.83%;width:36.67%;overflow:hidden;}
.indexForm .QRcode:after{display:block;position:absolute;top:0;right:0;width:1px;height:10rem;content:"";background:rgba(255,255,255,0.2);}
.indexForm .QRcode dt{float:left;padding:0.3125rem;width:6.625rem;background:#fff;}
.indexForm .QRcode dt img{display:block;width:100%;}
.indexForm .QRcode dd{position:relative;padding-left:1.25rem;height:6.625rem;overflow:hidden;}
.indexForm .QRcode dd:before{display:block;position:absolute;left:1.25rem;bottom:0;width:7.5rem;height:1px;content:"";background:#fff;}
.indexForm .QRcode dd i{display:block;width:2.75rem;height:1px;background:#fff;}
.indexForm .QRcode dd p{margin-top:1.25rem;font-size:0.9375rem;color:#fff;}
.indexForm .form{float:right;padding-left:5%;width:38%;}
.indexForm .form ul{position:relative;padding-right:6.375rem;}
.indexForm .form li.iptBox{margin-bottom:0.625rem;}
.indexForm .form li.iptBox input{display:block;padding:0.625rem 1rem;width:100%;height:3rem;font-size:0.875rem;border:none;background:#fff;}
.indexForm .form li.btnBox{position:absolute;right:0;top:0;width:5.625rem;height:6.625rem;text-align:center;line-height:1.75rem;}
.indexForm .form li.btnBox a{display:block;padding:1.65rem;width:5.625rem;height:6.625rem;font-size:0.875rem;color:#333;background:#f0b405;}
.indexForm .form li.btnBox a:hover{color:#fff;}
@media (max-width:992px){
.indexForm{padding:2rem 0.625rem;}  
.indexForm .QRcode{display:none;}
.indexForm .tel{width:45%;}
.indexForm .form{width:55%}
}
@media (max-width:500px){
.indexForm .tel{display:none;}
.indexForm .form{float:none;padding-left:0;width:100%;}
.indexForm .form ul{padding-right:0;}
.indexForm .form li.btnBox{position:static;width:100%;height:auto;line-height:3rem;}
.indexForm .form li.btnBox a{padding:0;width:100%;height:auto;}
}
/*--end indexForm--*/

/*--news--*/
.news{padding:5.625rem 0.625rem;overflow:hidden;background:#f8f8f8;}
.news-tab{overflow:hidden;}
.news-menu{text-align:center;overflow:hidden;}
.news-menu ul{margin:0 auto;width:100%;max-width:420px;overflow:hidden;border:#ddd solid 1px;border-radius:5px;}
.news-menu li{float:left;width:33.33%;line-height:3.75rem;font-size:1.125rem;}
.news-menu li a{display:block;color:#333;border-right:#ddd solid 1px;background:#fff;}
.news-menu li:last-child a{border-right:none;}
.news-menu li.cur a{color:#fff;background:#f0b405;}
.news-top{float:left;margin-top:2.5rem;padding:1.25rem;width:43.33%;background:#fff;}
.news-top .pic{overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 0.5s;}
.news-top .text{padding-top:1.5625rem;overflow:hidden;}
.news-top .text h3{line-height:1.875rem;font-weight:normal;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text h3 a{color:#212121;}
.news-top .text p{margin-top:0.625rem;font-size:0.875rem;height:2.75rem;line-height:1.375rem;color:#999;font-size:0.875rem;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-top .text p a{color:#999;}
.news-top:hover{background:#3694e9;}
.news-top:hover .pic img{transform:scale(1.1);}
.news-top:hover .text *{color:#fff;}
.news-list{float:right;width:53.333%;overflow:hidden;}
.news-list .item{display:block;padding:2.5rem 0;overflow:hidden;border-bottom:#ddd dashed 1px;}
.news-list .item:last-child{padding-bottom:0;border-bottom:none;}
.news-list .item .date{float:left;padding:0.5rem 0;width:6.25rem;height:6.25rem;font-family:"DIN Medium";text-align:center;background:#ddd;border-radius:10px;}
.news-list .item .date em{display:block;font-size:2.875rem;color:#444;line-height:1;}
.news-list .item .date em:after{display:block;margin:0.5rem auto;width:10px;height:1px;content:"";background:#b1b1b1;}
.news-list .item .date small{display:block;font-size:1.125rem;color:#898989;line-height:1;}
.news-list .item .text{padding-left:1.25rem;overflow:hidden;}
.news-list .item .text h3{font-size:1rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .item .text p{margin-top:0.75rem;font-size:0.875rem;color:#666;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.news-list .item:hover .date{background:#3694e9;}
.news-list .item:hover .date *{color:#fff;}
.news-list .item:hover .date em:after{background:#fff;}
.news-list .item:hover .text h3{color:#3694e9;}
@media (max-width:992px){
.news{padding:2rem 0.625rem;}
.news-menu li{line-height:3rem;font-size:1rem;}
.news-top{margin-top:1rem;}
.news-top,.news-list{float:none;width:100%;}
.news-list{padding-left:0;}
.news-list .item{padding:1.875rem 0;}
.news-list .item .text{padding-left:0.625rem;}
.news-list .item .date em{font-size:2.5rem;}
.news-list .item:last-child{padding-bottom:1.875rem;}
}
/*--end news--*/