@charset "UTF-8";

/* 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:1rem;width:100%;text-align:center;}
.banner .banner-pager span{margin:0 0.75rem;width:0.5rem;height:0.5rem;background:#fff;opacity:1;}
.banner .banner-pager span.swiper-pagination-bullet-active{background:#ffea00;}
.banner .banner-prev,.banner .banner-next{position:absolute;z-index:3;top:50%;cursor:pointer;width:3.125rem;height:3.125rem;border:rgba(255,255,255,0.5) solid 1px;transform:translateY(-50%);}
.banner .banner-prev{left:5%;background:url(../images/banner_prev.png) no-repeat center;}
.banner .banner-next{right:5%;background:url(../images/banner_next.png) no-repeat center;}
@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 */


/* video */
.video {padding: 4rem 2.5% 3.5rem;background: #fff;overflow: hidden;}
.video .video-le { float: left; width: 45%;}
.video .video-le > i { display: none; width: 1rem; height: 1px; margin-bottom: 2.1rem; background: #a9a9a9;}
.video .video-le h2 { font-size: 1.2rem; color: #00a2e9; margin-bottom: 0.75rem; font-weight: bold;}
.video .video-le a {color: #00a2e9;}
.video .video-le p { margin-bottom: 3rem; font-size: 1.2rem; color: #333;}
.video .video-le span { display: block; width: 80%; font-size: 0.8rem; color: #000; line-height: 1.5;}
.video .video-le > a {  color: #000; margin-top: 2rem; font-size:0.8rem;display: block; width: 6.25rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border: 1px solid #000; box-sizing: border-box;}
.video .video-le > a  i { color: #000; display: inline-block; font-size:0.8rem; vertical-align:top; font-family: '宋体'; font-weight: bold;}
.video .video-ri { float: left; width: 55%; position: relative;}
.video .video-ri img { width: 100%;}
.video .video-ri:after { content: ''; display: block; position: absolute; left: 50%; top: 50%;  background: url("../images/video-Player.png") no-repeat center; width: 3.4rem; height: 3.5rem; background-size: 100%; transform: translate(-50%,-50%);}
@media (max-width: 992px) {
    .video { padding: 1.5rem 0 1.6rem;}
    .video .video-le p { margin-bottom: 1rem;}
    .video .video-le span {  width: 100%;}
    .video .video-le { float:none;width: 95%; margin: 0 auto;}
    .video .video-ri { float: none; width: 95%;margin: 0 auto;}
    .video .video-ri { margin-top: 1rem;}
    .video-pop .tk-box .video-pop { width: 100%; height: 100%; }
    .video .tk-box .shipin iframe { width: 100%; height: 100%;}
}
/* video end */

/* -- 视频弹框 -- */
.tk-box { width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 999;}
.tk-box .tk-cont { width:100%; height:100%; background-color: #000;}
.tk-box .close-btn { display: block; width: 60px; height: 60px; line-height: 60px; font-size: 50px; color: #fff; background-color: #222; text-align: center; position: absolute; right: -60px; top: 0px; z-index: 9; cursor: pointer;}
.tk-box .shipin { width: 100%; height: 100%; }
.tk-box .shipin iframe { width: 100%; height: 100%;}
.see-all-video { display: none; width: 100%; text-align: center; font-size: 16px; margin-top: 5%;}
.see-all-video a { color: #666; }
.xc-seeAll-icon01 em { background-color: #666; }

@media screen and (max-width: 900px){
    .shipin { display: block; min-height: 200px; }
}

@media screen and (max-width: 750px){
    .tk-box .tk-cont {  height: 250px;}
    .tk-box .close-btn { font-size: 25px; line-height: 25px; width: 25px; height: 25px; right: 0px; top: 0px;}
    .see-all-video { display: block; }
    .video-img p { font-size: 15px; }
}
/* --end 视频弹框-- */

/* product */
.product { position: relative; overflow: hidden; padding: 3rem 2.5% 5rem; background: #f5f5f5;}
.product-slide { overflow: hidden;}
.product-slide .product-menu { width: 100%; max-width: 420px; height: 3rem; line-height: 3rem; margin: 2.75rem auto 2.2rem; overflow: hidden; }
.product-slide .product-menu li {  background:#fff;position: relative; float: left; width: 48%; margin: 0 1%; text-align: center; font-size: 0.8rem; color: #333;}
.product-slide .product-menu li a { color: #333; display: block;}
.product-slide .product-menu li i { display: inline-block; width: 2.75rem; height: 1.6rem; vertical-align: middle; margin-right: 0.2rem;}
.product-menu li:hover a,.product-menu li.cur a { color: #fff;background:#00a2e9;}
.product-menu li:hover i,.product-menu li.cur i { filter:contrast(0%) brightness(200%) }
.product-main { overflow: hidden;}
.product-main .item {float: left;position: relative;width: 22.5%;margin-bottom: 1%;font-size: 0;overflow: hidden;}
.product-main .item .pic { width: 100%; overflow: hidden;}
.product-main .item:hover  img { transform: scale(1.05);}
.product-main .item img { width:100%; transition: all 1s;}
.product-main .item:nth-of-type(1) {width: 51%;margin-bottom: 0;margin-right: 2%;}
.product-main .item:nth-of-type(even) {margin-right: 2%;}
.product-main .item:nth-of-type(n+4) { margin-bottom: 0;}
.product-main .item p { position:relative;display: block; width: 100%; height: 2.75rem; line-height: 2.75rem; font-size: 0.8rem; color: #333; background: #fff; text-align: center;}
.product-main .item p:after { content:""; display:block;background: url("../images/next.png") no-repeat right; width: 0.8rem; height: 0.8rem; position: absolute; right: 0.8rem; top: 1rem;}
.product-main .item:nth-of-type(1) p { position:relative;display: block; width: 100%; height: 3.2rem; line-height: 3.2rem; font-size: 0.8rem; color: #333; background: #fff; text-align: center;}
.product-main .item:nth-of-type(1) p:after { content:""; display:block;background: url("../images/next.png") no-repeat right; width: 0.8rem; height: 0.8rem; position: absolute; right: 1.5rem; top: 1.2rem;}
.product-main .item:hover p { background: #00a2e9; color: #fff;}
@media (max-width: 1400px) {
    .product-main .item { margin-bottom: 2%;}
    .product-main .item p { height: 2.3rem; line-height: 2.3rem;}
    .product-main .item p:after {top: 0.8rem; right: 0.4rem;}

}
@media (max-width: 992px) {
    .product-main .item:nth-of-type(1) { width: 49%; margin-bottom: 2%;}
    .product-main .item:nth-of-type(1) p { height: 2.3rem; line-height: 2.3rem;}
    .product-main .item:nth-of-type(1) p:after { top: 0.8rem; right: 0;}
    .product-main .item p:after {  top: 0.8rem; right: 0;}
    .product-main .item { width: 49%; margin-right: 2%;}
    .product-main .item p { padding:0 8%; box-sizing:border-box;white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
    .product-main .item:nth-of-type(even) { margin-right: 0;}
    .product-main .item:nth-of-type(n+5) { display: none;}
    .product { padding: 3rem 2.5%;}
}
/* product end */


/* server */
.server { overflow: hidden; padding: 3.6rem 2.5% 3.6rem; background: #00a2e9;}
.server .wrap-tit a { color: #fff;}
.server .wrap-tit p { color: #fff;}
.server .wrap-tit .line-l,.server .wrap-tit .line-r { background: #fff;}
.server .wrap-tit .line-l:after,.server .wrap-tit .line-r:after { background: #a5a5a5;}
.server-con { overflow: hidden; padding-top: 4rem;}
.server-con .item { float: left; width: 24%; margin: 0 0.5%;}
.server-con .item span { position: relative; z-index: 2; display: block; margin: 0 auto; width: 8.25rem; height: 8.25rem; border-radius: 50%; background: #fff; overflow: hidden;}
.server-con .item span img { width: 100%;}
.server-con .item .tit { position:relative;margin-top:-4.125rem;text-align: center; width: 100%;  height: 13rem; border: 1px solid #99d5ef; box-sizing: border-box;}
.server-con .item .tit h2 { font-size: 1.3rem; color: #fff; font-weight: bold; padding-top: 6.5rem;}
.server-con .item .tit p { font-size: 1.3rem; color: #fff; margin-top: 0.1rem;}
.server-con .item .tit em { position:absolute; left:10%; top:50%;width: 80%;color: #333; display: block; line-height: 1.5; transition: all 0.25s; opacity: 0;}
.server-con .item:hover .tit { background: #fff; border: 1px solid #fff;}
.server-con .item:hover .tit h2,.server-con .item:hover .tit p{ color: #222;}
.server-con .item:hover .tit em { opacity: 1;}
.server-con .item:hover .tit h2,.server-con .item:hover p { display: none;}

@media (max-width: 992px) {
    .server { padding: 3.2rem 2.5% 3.2rem;}
    .server-con .item { width: 49%; margin-bottom: 2rem;}
    .server-con .item span { width: 7.25rem; height: 7.25rem;}
    .server-con .item .tit { margin-top: -3.625rem; height: 20rem;}
    .server-con .item .tit h2 { padding-top: 5.5rem; }
    .server-con .item .tit em {width: 90%;margin: 1.25rem auto 0;}
}
/* server end */


/* case */
.case {position: relative;overflow: hidden;padding: 2.85rem 2.5% 4rem;background: #f5f5f5;}
.case-menu { display: block; width: 100%; overflow: hidden; text-align: center; margin-top: 50px;}
.case-menu li{display: inline-block;text-align: center;margin: 0 20px;}
.case-menu li a {padding: 0.7rem 1.5rem;background: #fff;display: inline-block;font-size: 0.9rem;}
.case-menu li:hover a { color: #fff; background: #00a2e9;}
.case-con { margin-top: 3rem; overflow: hidden;  width: 100%;}
.case-con .item {float: left;width: 25%;height: 440px;position: relative;}
.case-con .item .pic {width: 100%;font-size: 0;position: absolute;left: 0;top: 0;}
.case-con .item:nth-of-type(odd) .pic:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; background: url("../images/case-bf.png") no-repeat center; width: 0.55rem; height: 0.3rem;background-size: 100%;}
.case-con .item:nth-of-type(even) .pic:after { content: ''; display: block; position: absolute; left: 50%; top: 0; background: url("../images/case-bf.png") no-repeat center; width: 0.55rem; height: 0.3rem; transform: rotate(180deg);background-size: 100%;}
.case-con .item .pic img { width: 100%;}
.case-con .item .tit { position:absolute; left:0; top:11rem;width: 100%; padding: 0 1.25rem; height: 220px; background: #fff; display: block;}
.case-con .item .tit h2 { font-size: 0.9rem; padding-top: 1.5rem; color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.case-con .item .tit p {font-size: 0.9rem;color: #333;margin-top: 1rem;}
.case-con .item .tit:after { content: ''; display: block; position: absolute; left: 1.5rem; bottom: 1.5rem; background: url("../images/case-next.png") no-repeat center; width: 2.35rem; height: 0.35rem;}
.case-con .item:nth-of-type(even) .pic { top: 11rem;}
.case-con .item:nth-of-type(even) .tit { top: 0;}

@media (max-width: 1400px) {
    .case-con .item .tit { height: 9.45rem; top: 9.45rem;}
    .case-con .item:nth-of-type(even) .pic { top: 9.45rem;}
}


@media (max-width: 992px) {
    .case-con .item {width: 50%;overflow: hidden; height: 25rem;}
    .case-con .item .tit {width: 100%;top: 12.5rem;height: 12.5rem;}
    .case-con .item:nth-of-type(even) .pic { top:12.5rem;}
}

@media (max-width: 750px) {
    .case { padding: 2.85rem 2.5%  2.85rem;}
    .case-con .item .tit h2 {padding-top: 0.25rem;font-size: 1.2rem;}
    .case-con .item .tit:after { display: none;}
    .case-con .item {height: 19.6rem;background: #fff;}
    .case-con .item .tit {height: 9.3rem;top: 50%;padding:0 0.5rem;}
    .case-con .item:nth-of-type(even) .pic {top: 50%;}
}
@media (max-width: 375px) {
    .case-con .item {height: 18.1rem;}
    .case-con .item .tit { height: 9.05rem;}
}

/* case end */



/* indexMap */
.indexMap { position: relative; overflow: hidden; background: url("../images/indexMap-bg.jpg") no-repeat center; width: 100%; height: 29rem; background-size: cover;}
.indexMap .wrap-tit { margin-top: 3rem;}
.indexMap .wrap-tit a { color: #fff;}
.indexMap .wrap-tit p { color: #fff;}
.indexMap .wrap-tit .line-l,.server .wrap-tit .line-r { background: #fff;}
.indexMap .wrap-tit .line-l:after,.server .wrap-tit .line-r:after { background: #a5a5a5;}
.indexMap .indexMap-img { display: block; position: absolute; left: 0; top: 0; background: url("../images/indexMap-bf.png") no-repeat center; width: 100%; height: 29rem;animation: fadeinT 2s ease-out backwards; background-size: cover;}

@media (max-width: 992px) {
    .indexMap .wrap-tit { margin-top: 1rem;}
    .indexMap { background: url("../images/m-indexMap-bg.jpg") no-repeat center; width: 100%; height: 18rem; background-size: 100%;}
    .indexMap .indexMap-img { background: url("../images/m-indexMap-bf.png") no-repeat center; width: 100%; height: 18rem; background-size: 100%;}
}
/* indexMap end */


/* indexHonor */
.indexHonor { position: relative; overflow: hidden; padding: 2.5rem 2.5%; background: #f5f5f5;}
.indexHonor-con { margin-top: 2.75rem; overflow: hidden;}
.indexHonor-con .indexHonor-tab {  position:relative;float: left; width: 61%; padding: 3.16rem 2rem; background: #fff; overflow: hidden;}
.indexHonor-con .indexHonor-tab .swiper-slide {float: left;border: 3px solid #f2f2f2;padding: 3% 3% 0 3%;box-sizing: border-box;}
.indexHonor-con .indexHonor-tab .swiper-slide p { display: block; font-size: 0.8rem; color: #666; text-align: center; padding: 1rem 0;}
.indexHonor-tab .indexHonor-pager { position: absolute; left: 0; top: 50%;  z-index: 33; background: url("../images/indexHonor-prev.png") no-repeat center;  background-color:rgba(0,0,0,0.6);width: 3.3rem; height: 3.3rem;transform: translateY(-50%);}
.indexHonor-tab .indexHonor-next { position: absolute; right: 0; top: 50%;  z-index: 33; background: url("../images/indexHonor-next.png") no-repeat center;  background-color:rgba(0,0,0,0.6);width: 3.3rem; height: 3.3rem;transform: translateY(-50%);}
.indexHonor-tab .indexHonor-pager:hover,.indexHonor-tab .indexHonor-next:hover { background-color: #00a2e9;}
.indexHonor-img { float: left; width: 39%; font-size: 0; position: relative;}
.indexHonor-img img { width: 100%;}
.indexHonor-img .tit { position: absolute; left: 6%; top: 8%; z-index: 3;}
.indexHonor-img .tit p { font-size: 0.8rem; color: #fff; line-height: 2rem;}
.indexHonor-img .tit a { margin-top: 1rem; display: block;  width: 7.5rem; height: 2.5rem; line-height:2.5rem;border: 1px solid #fff; box-sizing: border-box; text-align: center; font-size: 0.75rem; color: #fff;}
@media (max-width: 1400px) {
    .indexHonor-con .indexHonor-tab { padding: 2.73rem 2rem;}
    .indexHonor-img .tit p { line-height: 1.5rem;}
}
@media (max-width: 992px) {
    .indexHonor-con .indexHonor-tab { width: 100%;}
    .indexHonor-img { width: 100%;}
    .indexHonor-img .tit p { line-height: 2;}
}
/* indexHonor end */


/* photos */
.photos { position: relative; overflow: hidden; padding: 3.5rem 2.5% 2.7rem; background: #fff;}
.photos-con { padding-top: 2.5rem; overflow: hidden;}
.photos-con .photos-le { float: left;  width: 50%; font-size: 0; overflow: hidden;}
.photos-con .photos-le img { width: 100%; transition: all 1s;}
.photos-con .photos-le:hover img { transform: scale(1.05);}
.photos-con .photos-ri { float: left; width: 50%; padding-left: 2%;}
.photos-con .photos-ri h2 { font-size: 1.2rem; color: #333; font-weight: bold; padding: 0.5rem 0;}
.photos-con .photos-ri p { margin-top:0.8rem;font-size: 0.8rem; color: #666; line-height: 1.75;}
.photos-con .photos-ri > a { margin-top: 1.5rem; display: block; width: 6.75rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.8rem; color: #fff; background: #00a2e9;}
.photos-con .photos-ri .photos-group { width: 100%; overflow: hidden; margin-top: 1.9rem;}
.photos-con .photos-ri .photos-group .item { float: left; width: 32.333%; margin-right: 1.5%; overflow: hidden;}
.photos-con .photos-ri .photos-group .item:last-of-type { margin-right: 0;}
.photos-con .photos-ri .photos-group .item img { width: 100%; transition: all 1s;}
.photos-con .photos-ri .photos-group .item:hover img { transform: scale(1.05);}
@media (max-width: 1400px) {
    .photos-con .photos-ri h2 { padding: 0.25rem 0; font-size: 1rem;}
    .photos-con .photos-ri p {  margin-top: 0.8rem;}
    .photos-con .photos-ri .photos-group { margin-top: 1.83rem;}
}

@media (max-width: 992px) {
    .photos-con .photos-le { width: 100%;}
    .photos-con .photos-ri { width: 100%; padding-left: 0;}
    .photos-con .photos-ri h2 { padding: 1rem 0; font-size: 1.3rem;}
    .photos-con .photos-ri p { font-size: 0.8rem; margin-top: 0;}
}

/* photos end */


/* indexData */
.indexData { overflow: hidden; padding:0 0 4rem; background: #fff; }
.indexData .item { float: left; width: 25%; text-align: center; position: relative;}
.indexData .item:after { content:''; display:block; position:absolute;top: 0; right: 0; background: url("../images/indexData-icon.png") no-repeat center; width: 1px; height: 6.9rem;}
.indexData .item:last-of-type:after { display: none;}
.indexData .item  h2 { font-size: 3.75rem; font-family: 'DIN Regular'; display: inline-block; position: relative;}
.indexData .item p { font-size: 0.8rem; color: #666;}
.indexData .item h2 i { position: absolute; right: -5%; top: 22%; background: #00a2e9; width: 1.05rem; height: 1.05rem; line-height: 1.05rem; border-radius: 50%; text-align: center; font-size: 0.6rem; color: #fff;}
@media (max-width: 992px) {
    .indexData .item { width: 50%; margin-bottom: 2rem;}
    .indexData .item:nth-of-type(even):after { display: none;}
}
/* indexData end */


/* indexForm */
.indexForm { position: relative;  width: 100%; height: 14rem; padding: 0 2.5%; background: #00a2e9;}
.indexForm:after {content: '';display: block;position: absolute;left: 42%;top: -23%;background: url("../images/indexForm-bf.png") no-repeat center;width: 17.5rem;height: 17.25rem;}
.indexForm .indexForm-hot { float: left; width: 10.5rem;}
.indexForm .indexForm-hot h2 {  font-size: 1.2rem; color: #fff; font-weight: bold; padding-top: 3rem; padding-bottom: 1rem;}
.indexForm-hot .indexForm-phone { width: 10.5rem; height: 2.4rem; line-height: 2.4rem; border-radius: 1.2rem; background: #fff; font-size: 1rem; color: #00a2e9; text-align: center; font-family: "DIN Medium"; margin: 0.35rem 0;}
.indexForm-hot .indexForm-phone i { display: inline-block; vertical-align:middle; width: 1.25rem; margin-right: 0.25rem; }
.indexForm-hot .indexForm-phone i img { width: 100%;}
.indexForm-code { float: left; margin-left: 7.5rem; width: 8rem;}
.indexForm-code span { display: block; width: 100%; font-size: 0; padding-top: 3rem;}
.indexForm-code span img { width: 100%;}
.indexForm-code p { font-size: 0.7rem; color: #fff; line-height: 1.5rem; text-align: center;}
.indexForm-input { float: right; width: 20.25rem;  height:14rem;background: #f5f5f5;}
.indexForm-input .inputName { width: 90%; height:2.5rem; margin: 0.9rem auto 5px;}
.indexForm-input .inputName span { float: left; width: 20%; height:2.5rem; line-height: 2.5rem; font-size: 0.7rem; color: #828080; text-align: center; border-right: 1px solid #efeeee; box-sizing: border-box; background: #fff;}
.indexForm-input .inputName input { float: left; width: 80%; height: 2.5rem; line-height: 2.5rem; font-size: 0.7rem; border: none; outline: none; padding-left: 5%;}
.indexForm-input .inputNumber { width: 90%; height:2.5rem; margin: 0 auto;}
.indexForm-input .inputNumber span { float: left; width: 20%; height:2.5rem; line-height: 2.5rem; font-size: 0.7rem; color: #828080; text-align: center; border-right: 1px solid #efeeee; box-sizing: border-box; background: #fff;}
.indexForm-input .inputNumber input { float: left; width: 80%; height: 2.5rem; line-height: 2.5rem; font-size: 0.7rem; border: none; outline: none; padding-left: 5%;}
.indexForm-input textarea { display: block; margin: 5px auto 0; width: 90%; height: 4rem; font-size: 0.7rem; padding-top: 3%; padding-left: 4%; border: none;}
.indexForm-input a { display: block; width: 90%; margin: 5px auto 0; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.8rem; color: #fff; background: #00a2e9; }
@media (max-width: 1400px) {
    .indexForm-code { margin-left: 3.5rem;}
    .indexForm:after { left: 39%;}
}

@media (max-width: 1024px) {
     .indexForm-input a { font-size: 1.2rem;}
    .indexForm { padding: 2rem 2.5%; height: auto; overflow: hidden;}
    .indexForm-hot { display: none;}
    .indexForm-code { display: none;}
    .indexForm:after { display: none;}
    .indexForm-input{ width: 100%; float: none; padding: 2rem 0; height: auto;}
    .indexForm-input textarea { height: 5rem;}
}
/* indexForm end */


/*--news--*/
.news{ padding:3.75rem 2.5%;overflow:hidden;background:#f5f5f5;}
.news-tab{overflow:hidden; margin-top: 3rem;}
.news-menu{margin-bottom:2rem;text-align:center;overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{margin:0 1%;width:30%;max-width:190px;height:3rem;line-height:3rem;}
.news-menu li a{display:block;font-size:0.8rem;color:#333;background:#fff;}
.news-menu li.cur a{color:#fff; background: #00a2e9;}
.news-top{float:left;width:50%;}
.news-top .pic{display:block;overflow:hidden;}
.news-top .pic img{display:block;width:100%;transition:all 0.5s;}
.news-top .textBox{position:relative;z-index:3;display:block;margin: -3.5rem 1rem 0;padding:1.75rem 0;overflow:hidden;background:#fff;}
.news-top .date{float:left;width:6rem;height: 4rem;font-family:"DIN Medium";color:#666;text-align:center;border-right:#ebebeb solid 1px;}
.news-top .date em{display:block;font-size:2.6rem;line-height:1;}
.news-top .date small{display:block;font-size:0.7rem;line-height:1; font-family: "DIN Medium";}
.news-top .text{padding:0 1.875rem;overflow:hidden;}
.news-top .text h3{font-size:0.8rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-top .text p{margin-top:0.75rem;font-size:0.7rem;color:#666;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-top:hover img{transform:scale(1.1);}
.news-top:hover .textBox{ background: #00a2e9;}
.news-top:hover .textBox *{color:#fff;}
.news-list{float:right;padding-left:2.5rem;width:50%;overflow:hidden;}
.news-list .item{display:block;overflow:hidden;margin-bottom:1.73rem;}
.news-list .item:last-of-type { margin-bottom: 0;}
.news-list .item .date{float:left;padding:1.1rem 0;width:5.25rem;font-family:"DIN Medium";color:#666;text-align:center;background:#fff;}
.news-list .item .date em{display:block;font-size: 2.3rem;line-height:1;}
.news-list .item .date small{display:block;font-size:0.7rem;line-height:1;}
.news-list .item .text{padding:0 1.85rem;overflow:hidden;}
.news-list .item .text h3{font-size:0.8rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .item .text p{margin-top:1.1rem;font-size:0.7rem;color:#666;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-list .item:hover .date{color:#fff; background: #00a2e9;}
.news-list .item:hover .text h3{color:#00a2e9;}
.news .more{clear:both;padding-top:1.875rem;text-align:center;}
.news .more a{display:inline-block;padding:0.2rem 1.5rem;line-height:1.875rem;font-size:0.8rem;border-radius:4.25rem;}
.news .more a:after{display:inline-block;content:"";margin-left:0.3rem; vertical-align: middle; width:0.75rem; height:0.75rem;background:url(../images/all-next.png) no-repeat;background-size:100%;}
.news .more a:hover{color:#fff; background: #00a2e9;}
.news .more a:hover:after{filter:contrast(0) brightness(2);}
@media (max-width:1400px){
    .news-list .item{margin-bottom: 1.6rem;}
    .news-list .item .date{padding: 0.4rem 0;width: 4.5rem;height: 4.5rem;}
}
@media (max-width:1200px){
    .news-top .textBox{margin:0;}
}
@media (max-width:992px){
    .news-tab { margin-top: 2rem;}
    .news{padding:2rem 0.625rem;}
    .news-top .textBox {padding:1.6rem 0;}
    .news-top .date { width: 7.5rem; height: 5rem;}
    .news-top .date em { font-size: 3.5rem;}
    .news-top .text h3 { font-size: 1.2rem;}
    .news-top .text p { font-size: 0.9rem;}
    .news-list .item .text h3 { font-size: 1.2rem;}
    .news-list .item .text p { font-size: 0.9rem;}
    .news-top .date small { font-size: 1.2rem;}
    .news-list .item .date em { font-size: 3.5rem;}
    .news-list .item .date small { font-size: 1.2rem;}
    .news-top { float: none; width: 100%; margin-bottom: 1.73rem;}
    .news-list{float:none;width:100%;}
    .news-list{padding-left:0;}
    .news-list .item{padding:1.6rem 0;background:#fff;}
    .news-list .item .date{padding:0;width:7.5rem;height:5rem;border-right:#ebebeb solid 1px;}
    .news-list .item:hover{ background: #00a2e9;}
    .news-list .item:hover .text *{color:#fff !important;}
    .news-list .item:hover .date{background:transparent;}
    .news .more a { font-size: 0.9rem;}
    .news-menu li a { font-size: 1.2rem;}

}

.wrap-tit .line-l,.wrap-tit .line-r{display: none;}