.banner{width: 100%;overflow: hidden;position: relative;} .banner-mix{width: 100%;position: relative;} .banner-img{width: 100%;overflow: hidden;} .banner-img img{width: 100%;} .none-pc{display: none;}.none-pc-pad{display: none;}.none-pc-mb{display: none;}.none-pad{display: block;}.none-pad-mb{display: block;}.none-mb{display: block;} /*.banner-img img.none-pad-mb{height: calc(100vh - 90px)} .banner-img img.none-pc{min-height: 600px;}*/ .banner-control{position: absolute;width: 100%;height: auto;background: transparent;bottom: 44px;right: 0;z-index: 5;} .banner-page{width: 100%;display: flex;align-items: center;justify-content: center;} .banner-page p{width: auto;height: auto;border-radius: 0;opacity: 1;background: transparent !important;margin: 0 14px !important;display: flex;align-items: center;} .banner-page p span{width: 18px;height: 18px;display: block;position: relative;border-radius: 100%;background: transparent;opacity: 1;border: 2px solid transparent;transition: all .4s ease;} .banner-page p span::before{content: "";position: absolute;width: 9px;height: 9px;border-radius: 50%;top: 50%;left: 50%;background: #fff;margin: -5px 0 0 -5px;transition: all .4s ease;} .banner-page p.swiper-pagination-bullet-active span {border-color: #0056b8;} .banner-page p.swiper-pagination-bullet-active span::before {transform: scale(0);} .banner-page p i{display: none;width: 50px;height: 2px;background: #fff;overflow: hidden;position: relative;margin: 0 20px;opacity: .7;} .banner-page p:last-child i{display: none;} @media (max-width: 1151px){ .banner-img img.none-pad-mb {height: auto;} } @media all and (max-width:1000px) { .none-pc{display: block;}.none-pc-mb{display: block;}.none-pad{display: none;}.none-pad-mb{display: none;} } @media (max-width: 640px){ /*.banner-img img.none-pc {min-height: 400px;}*/ .banner-control {bottom: 24px;} .banner-page p {margin: 0 10px !important;} .banner-page p span {width: 12px;height: 12px;} .banner-page p span::before {width: 6px;height: 6px;margin: -3px 0 0 -3px;} .none-pc{display: block;}.none-pc-pad{display: block;}.none-pad{display: block;}.none-pad-mb{display: none;}.none-mb{display: none;} } @font-face{ font-family:'din'; src: url('../font/din.OTF'); } .index-title{text-align:center;} .index-title .en {line-height: 1.1;text-transform: uppercase;font-size: 46px;} .index-title .en span {font-weight: bold;} .index-title .cn {line-height: 1.1;margin-top: 25px;font-size:32px;} .index-title .text {line-height: 1.875;color: #999999;margin-top: 30px;font-size: 16px;} .view-more{display: inline-block;margin-top: 50px;position: relative;font-size: 16px;line-height: 50px;width: 180px;height: 50px;color: #999999;background: #F2F2F2;border-radius: 26px;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;} .view-more a {color: inherit;font-size: inherit;padding-left: 33px;padding-right: 25px;display: block;line-height: inherit;} .view-more a svg {float: right;margin-top: 15px;font-size: 18px;font-weight: bold;} .view-more:hover {color:#fff;background: #001c53;-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);} @media (max-width: 1024px){ .index-title .en{font-size: 36px;} .index-title .cn {line-height: 1.1;margin-top: 10px;font-size:28px;} .view-more {width: 150px;height: 45px;line-height: 45px;} .view-more a {padding: 0 15px 0 25px;} .view-more a svg {margin-top: 14px;} } @media screen and (max-width: 767px){ .index-title .en {font-size: 26px;} .index-title .cn {font-size:20px;} .index-title .text {margin-top: 15px;font-size: 15px;line-height: 1.5;} .view-more{margin-top: 20px;} .view-more a{font-size:15px;} .view-more a svg{margin-top: 13px;} } .product{padding:100px 0 0;overflow: hidden;} .product .pro-ul{margin-top: 50px;} .product .pro-ul li {width:25%; float: left;} .product .pro-ul .proimg {overflow:hidden; position: relative;} .product .pro-ul .proimg img {width:100%;} .product .promask {position:absolute; width:100%; height: 88%; left: 0; bottom: 0; text-align: center;} .product .promask:before { position:absolute; left: 0; top:-100%; background: rgba(0,0,0,0.25); content:""; width: 100%; height: 200%;} .product .promask h3 {font-size: 20px; font-weight: bold; position: relative; z-index: 9; color: #FFFFFF; background: url("../images/line.png") no-repeat bottom center; padding-bottom: 15px;} .product .promask .tit{font-size: 18px;color: #ffffff;margin-top:15px;position: relative; z-index: 9;} .product .promask .intro{font-size: 15px;color: #ffffff;position: relative; z-index: 9;line-height: 1.6;width: 80%;text-align: center;margin:50px auto 0;opacity: 0;} .product .promask i {background:url("../images/icon-pro1.png") no-repeat; width: 41px; height: 41px; display: inline-block;position:absolute; bottom: 20%; left: 50%; margin-left: -20px; z-index: 9;transition: all 0.5s ease;} .product .pro-ul li .promask:after { position:absolute; left: 50%; top:-100%; background: url("../images/mask.png") repeat; content:""; width: 0; height: 200%;} .product .pro-ul li:hover .promask .intro{opacity: 1;} .product .pro-ul li:hover .promask:after {width:100%; left: 0; transition: all 0.4s ease;} .product .pro-ul li:hover .promask:before {display:none;} .product .pro-ul li:hover .promask i {background:url("../images/icon-pro1h.png") no-repeat; -webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);} .product .pro-cate .pa{width:20%;float:left;position:relative;cursor:pointer;text-align:center;} .product .pro-cate .pa:before{content:'';width:1px;height:40px;position:absolute;top:25px;right:0;background:#e9e9e9;} .product .pro-cate .pa:last-child:before{content:none;} .product .pro-cate .pa p{margin:0;text-align:center;font-size:0;-webkit-text-size-adjust:none;} .product .pro-cate .pa p i{display:inline-block;width:50px;height:50px;line-height:50px;background-size:cover;vertical-align:middle;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;overflow:hidden;margin-right:-45px;} .product .pro-cate .pa:nth-child(1) p i{background:url(../images/pro-icon1.png) no-repeat center center;} .product .pro-cate .pa:nth-child(2) p i{background:url(../images/pro-icon2.png) no-repeat center center;} .product .pro-cate .pa:nth-child(3) p i{background:url(../images/pro-icon3.png) no-repeat center center;} .product .pro-cate .pa:nth-child(4) p i{background:url(../images/pro-icon4.png) no-repeat center center;} .product .pro-cate .pa:nth-child(5) p i{background:url(../images/pro-icon5.png) no-repeat center center;} .product .pro-cate .pa p span{margin:0;display:inline-block;height:90px;line-height:90px;color:#333;font-size:18px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;vertical-align:middle;} .product .pro-cate .pa.on p i{opacity:1;margin-right:0;} .product .pro-cate .pa.on p span{margin-left:9px;color:#e60619;} .product .pro-cate .pa.on a{background:#FEAA08;color:#FFF;} .product .pro-box{padding: 80px 0;background: #f2f2f2;overflow: hidden;} .product .pro-box .view-more{color: #BBB;background: #FFFFFF;} .product .pro-box .view-more:hover {color:#fff;background: #001c53;} .product .pro-box .pro-list {display: none;} .product .pro-box .pro-list:after {display: none;} .product .pro-box .pro-list > .item {position: relative;overflow: hidden;z-index: 1;float: left;-webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms;transition: background 250ms,color 250ms,-webkit-transform 250ms;transition: transform 250ms,background 250ms,color 250ms;transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms;-webkit-box-sizing: border-box;box-sizing: border-box;} .product .pro-box .pro-list .item {background: #fff;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;} .product .pro-box .pro-list .item:nth-child(1n+1) {width: 24.25%;margin-right: 1%;margin-top: 0;} .product .pro-box .pro-list .item:nth-child( 4n+4) {margin-right: 0;} .product .pro-box .pro-list .item:nth-child( 1n+5) {margin-top: 2.33333333%;} .product .pro-box .pro-list .item .pic {width: 100%;} .product .pro-box .pro-list .item .pic img{width: 100%;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;width: 100%;} .product .pro-box .pro-list .item .txt {padding: 38px 30px;border-top: 1px solid #f5f5f5;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;background: #fff;} .product .pro-box .pro-list .item h3 {color: #333333;font-weight: bold;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;line-height: 1.5;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;} .product .pro-box .pro-list .item .aside {margin-top: 10px;font-size: 15px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .product .pro-box .pro-list .item .aside span {color: #666666;} .product .pro-box .pro-list .item .aside s {color: #999999;} .product .pro-box .pro-list .item .arrow {position: absolute;margin-top: 15px;width: 0;height: 8px;background-image: url(../images/arrows-pdt.png);background-size: auto 8px;background-position: right bottom;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;} .product .pro-box .pro-list .item:hover {-webkit-box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);box-shadow: 0px 6px 9.4px 0.6px rgba(0, 0, 0, 0.1);} .product .pro-box .pro-list .item:hover .pic img {-webkit-transform: scale(1.025);transform: scale(1.025);} .product .pro-box .pro-list .item:hover h3 {color: #001c53;} .product .pro-box .pro-list .item:hover .arrow {width: 52px;height: 8px;margin-top: 10px;} .product .pro-box .pro-list.on{display: block;} @media (max-width: 1024px){ .product{padding: 80px 0 0;} .product .pro-ul li {width:50%;} .product .pro-box .pro-list .item:nth-child(1n+1) {width: 48.5%;margin-right: 3%;margin-top: 0;} .product .pro-box .pro-list .item:nth-child(2n+2) {margin-right: 0;} .product .pro-box .pro-list .item:nth-child(1n+3) {margin-top: 3%;} .product .pro-cate .pa p i{height:70px;line-height: 70px;width: 30px;background-size: 30px 30px !important;} .product .pro-cate .pa p span{height:70px;line-height: 70px;} .product .pro-cate .pa:before{top:10px;height: 50px;} .product .pro-box {padding:50px 0;} } @media (max-width: 768px){ .product .promask h3 {font-size:18px;padding-bottom: 10px;} .product .promask .tit{font-size:16px;margin-top:10px;} .product .promask .intro{margin-top: 20px;font-size:15px;} .product .promask i {width: 35px;height: 35px;background-size: contain !important;bottom: 15%;} .product .pro-cate .pa{width:33.33%;} .product .pro-cate .pa:nth-child(3n):before{display: none;} } @media (max-width: 767px){ .product{padding: 50px 0 0;} .product .pro-ul li {width:100%;} .product .pro-cate .pa{width:50%;} .product .pro-cate .pa p i{height:50px;line-height: 50px;width: 26px;background-size: 26px 26px !important;} .product .pro-cate .pa p span{height:50px;line-height: 50px;font-size: 15px;} .product .pro-cate .pa:before{top:10px;height: 30px;} .product .pro-cate .pa:nth-child(3n):before{display: block;} .product .pro-cate .pa:nth-child(2n):before{display: none;} .product .pro-box {padding: 30px 0;} .product .pro-box .pro-list .item .txt{padding: 20px 15px;} .product .pro-box .pro-list .item h3{font-size: 16px;} } .industry { position: relative;padding: 100px 0 0;overflow: hidden;} .industry-box{position: relative;} .industry-box .item-a{overflow: hidden;position: relative;z-index: 0;height: 77.5vh;display:block;} .industry-box .item-a .bgImg {background-position: center center;background-repeat: no-repeat;background-size: cover;transition: all 0.5s ease-in-out;position: absolute;height: 100%;width: 100%;left: 0;top: 0;} .industry-box .item-a .bgImg img {transition: all 0.5s ease;display:none!important;} .industry-box .item-clg{bottom: 0;left: 0;right: 0;z-index: 5;background: rgba(0,0,0,0.35);padding: 22px 24px 15px;color: #FFF;position:absolute;transition:all 0.5s ease-in-out;height:100%;} .industry-box .item-a:hover .item-clg{height:205px; background: #001c53;} .industry-box .item-a:hover .item-clg.hmc4_clgList{height:245px; } .industry-box .item-icon{ transform: scale(1)!important; position: absolute; left: 26px; top: 25px; z-index:5; transition:all 0.5s ease-in-out;} .industry-box .item-name {font-size: 28px; line-height: 1.5;display: flex;align-items: center; justify-content: space-evenly; color: #FFF; margin: 0px auto; height: 251px; width: 251px; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 5; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out; } .industry-box .item-clg strong { font-size: 28px; font-weight:normal; line-height: 55px; display: block; height: 55px; overflow: hidden; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(30px); } .industry-box .item-clg p { font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(30px); } .industry-box .item-clg span { font-size: 15px; line-height: 48px; display: block; height: 48px; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(30px); } .industry .prev { background: url(../images/icon-left.png) no-repeat center center; height: 70px; width: 70px; position: absolute; z-index: 15; left: 0px; top: 50%; transform:translateY(-50%);} .industry .next { background: url(../images/icon-left.png) no-repeat center center; height: 70px; width: 70px; position: absolute; z-index: 15; right: 0px; top: 50%;transform:translateY(-50%) rotate(180deg); } .industry .prev:hover,.industry .next:hover{background-color:#000;} .industry-box .item-a:before{content:""; height:4px; transition:all 0.5s ease-in-out; background:#C8C8C8; width:100%; position:absolute; left:0; top:0; z-index:5;} .industry-box .item-a:hover:before{background:#C30031;} .industry-box .item-a:hover .item-icon{opacity:0;} .industry-box .item-a:hover .item-name{opacity:0;} .industry-box .item-a:hover .item-clg strong{opacity:1; transform:translateY(0); transition-delay:0.2s;} .industry-box .item-a:hover .item-clg p{opacity:1; transform:translateY(0); transition-delay:0.3s;} .industry-box .item-a:hover .item-clg span{opacity:1; transform:translateY(0); transition-delay:0.4s;} @media (max-width: 1024px){ .industry{ padding: 80px 0 0;} .industry-box .item-name,.industry-box .item-clg strong{font-size:20px;} .industry-box .item-a{height:500px;} .industry-box .item-clg span{font-size:14px;} } @media (max-width:767px){ .industry{ padding: 50px 0 0;} .industry-box .item-a{height:400px;} } .about{width: 100%;background: #fff url(../images/index-bg.jpg) no-repeat left top;padding: 100px 0px;} .about-box{overflow: hidden;} .about-box h3{float: left;width: 45%;overflow: hidden;font-size: 36px;color: #4c4c4c;font-weight: bold;position: relative;padding-bottom: 26px;} .about-box h3:before{width: 60px;height: 4px;content: "";position: absolute;left: 0px;bottom: 0px;background: #001c53;} .about-intro{float: left;width: 45%;overflow: hidden;} .about-intro p{width: 100%;overflow: hidden;font-size: 16px;color: #666;line-height: 30px;margin-top: 30px;} .about-more{float: left;margin-top: 30px;} .about-more a{width: 160px;height: 50px;text-align: center;line-height: 50px;background: #001c53;font-size: 14px;color: #fff;display: block;} .about-more a:hover{transform: translateY(3px);} .about-pic{float: right;width: 50%;overflow: hidden;position: relative;} .about-pic span,.about-pic span img{float: left;width: 100%;overflow: hidden;height: auto;position: relative;z-index: 12;} .about-pic span img{-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;} .about-pic span:hover img{transform: scale(1.05);} .about ul{width: 100%;overflow: hidden;margin: 35px auto 0px;} .about ul li{width: 25%;float: left;overflow: hidden;text-align: center;} .about ul li span{width: auto;display: block;font-size: 18px;color: #333;} .about ul li span em{font-family: 'din';font-size: 70px;margin-right: 6px;} .about ul li p{width: auto;overflow: hidden;font-size: 15px;color: #999;} .about ul li:hover span em{color: #001c53;text-shadow: 0px 0px 12px rgba(30, 89, 168, 0.3);} @media screen and (max-width: 1024px) { .about{padding:80px 0;} .about-box h3{width:100%;font-size:26px;} .about-intro{width:100%;margin-top:20px} .about-intro p{margin-top:14px;line-height:24px} .about-pic{width:100%;margin-top:20px} .about ul{margin:30px auto 0px;padding:0px 5%;box-sizing:border-box} .about ul li {float:left;box-sizing:border-box} .about ul li span em{font-size:42px;} .about ul li p{font-size:14px;margin-top: 10px;} } @media screen and (max-width:767px){ .about{padding:50px 0;} .about-box h3{font-size:20px;} .about-pic{margin-top:20px} .about-intro{margin-top:10px} .about-intro p{margin-top:12px;font-size: 15px;} .about-more{margin-top:15px;width: 100%;} .about-more a {height:40px;line-height: 40px; font-size:15px;margin: 0 auto;} .about ul{margin:20px auto 0px;} .about ul li{width:50%} .about ul li:nth-child(n+3){margin-top:20px;} .about ul li span{font-size:15px} .about ul li span em{font-size:30px;} .about ul li p{font-size:14px} } .panter {position: relative;background-color: #F2F2F2;padding:0 0 80px;overflow: hidden;} .panter .flex {display: flex;flex-wrap: wrap;align-items: center;} .panter .h2 {line-height: 1.5;color: #2a2a2a;padding-top: 100px;background: url(../images/logo.png) no-repeat top left;letter-spacing: -1px;margin-bottom: 30px;background-size: 80%;} .panter .btn {color: #e60619;display: block;width: 200px;height: 48px;line-height: 48px;text-align: left;position: relative;} .panter .btn::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: #e60619;transition: height .3s cubic-bezier(.165, .84, .44, 1);} .panter .btn span {position: relative;z-index: 1;display: inline-block;transition: all .3s ease-out;} .panter .btn:hover::after {height: 48px;} .panter .btn:hover span {color: #fff;transform: translate3d(39px, 0, 0);} .panter .left {width: 50%;padding-right: 30px;} .panter .right {width: 50%;overflow: hidden;display: inline-block;float: right;} .panter .wrap{width:100%;height:455px;position:relative;overflow:hidden;} .panter .pic{width:428px;height:455px;cursor:pointer;} .panter .pic span{background: #fff;width: 100%;display: block;text-align: center;position: absolute;bottom: 0;padding:15px 0;font-size: 18px;} .panter .pic img{position: absolute;top: 20px;right:20px;width: 70px;} .panter .pic1{background:url('../images/partner3.jpg');position:absolute;top:0;left:0;z-index:3;} .panter .pic2{background:url('../images/partner2.jpg');position:absolute;top:15%;left:20%;z-index:2;filter: brightness(70%);} .panter .pic3{background:url('../images/partner1.jpg');position:absolute;top:30%;left:40%;z-index:1;filter: brightness(50%);} .panter-ul{padding-top:60px;overflow: hidden;} .panter-item,.panter-item .img img,.panter-item .text{transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;width: 100%;} .panter-item{float: left;width: 16%;margin-right: 0.8%;box-sizing: border-box;overflow: hidden;position: relative;height: 7.85vw;background: #fff;cursor:pointer} .panter-item:nth-child(6n){margin-right:0;} .panter-item .img{width: 100%;overflow: hidden;} .panter-item .img img{width: auto;height: auto;max-width: 70%;max-height: 50%;position: absolute;left: 50%;top: 35%;transform: translate(-50%, -40%);} .panter-item:hover .img img { transform: translate(-50%, -40%) scale(1.04); } .panter-item .text{background-color: #fff;width: 100%;padding: 10px;box-sizing: border-box;position: absolute;bottom: 0;} .panter-item .text h5{font-size:16px;line-height: 28px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;font-weight:normal;} @media screen and (max-width: 1366px){ .panter .wrap{height: 400px;} .panter .pic{width: 390px;height:400px;} /* .panter .pic2{top:60px;left:148px;} .panter .pic3{top:120px;left:296px;}*/ } @media screen and (max-width: 1299px){ .panter {padding: 80px 0px;} .panter .left{width: 100%;padding-right:0;} .panter .right{width: 100%;} .panter .h2{background-size: auto;} .panter .pic{width: 33.33%;} .panter .pic1,.panter .pic2,.panter .pic3{position: relative;float:left;top:0;left:0;filter: brightness(100%);} } @media screen and (max-width: 1024px){ .panter .btn{width: 150px;} .panter .wrap{height: 320px;} .panter .pic{height:320px;} .panter .pic span{font-size: 16px;} .panter-item{ width: 32.65%;height: 16.25vw;margin-right: 1%;margin-bottom: 1%;} .panter-item:nth-child(3n){margin-right:0;} .panter-item .text{padding:5px;} .panter-item .text h5{font-size:15px;} } @media screen and (max-width: 767px){ .panter {padding: 50px 0px;} .panter .left{width: 100%} .panter .wrap{height:auto;} .panter .pic{height:200px;background-size: cover;} .panter .h2{padding-top:60px;font-size: 20px;margin-bottom:15px;background-size: 100%;} .panter .pic img{width: 40px;top:10px;right: 10px;} .panter .pic span{font-size: 15px;} .panter .right{width: 100%;} .panter-ul{padding-top:30px;} .panter .btn{width:100px;} .panter-item{ width: 49%;margin-right: 2%;margin-bottom: 2%;height: 25.25vw;} .panter-item:nth-child(3n){margin-right:2%;} .panter-item:nth-child(2n){margin-right: 0;} .panter-item .text{padding:0;} .panter-item .text h5{font-size:15px;} } .index-news{padding:100px 0;overflow: hidden;} .news-list{padding-top:50px;} .news-list a{display:block; overflow: hidden;} .news-cont {background:#F2F2F2;transition: 0.3s;-webkit-transition: 0.3s; padding: 28px 30px 24px 30px;} .news-pic {position:relative; overflow: hidden;} .news-pic img { transition: 0.3s;-webkit-transition: 0.3s; width: 100%;} .newtitle { position:absolute; background: rgba(0,0,0,0.5); padding: 5px 18px; color: #fff;font-size: 16px; z-index: 99;} .news-bot { border-top:1px solid #E1E1E1; margin: 20px 0 0 0; padding-top: 15px; line-height: 25px; overflow: hidden;} .newtime {color: #BDBDBD;display:inline-block; float: left;font-size: 15px;} .news-bot svg { float:right; color: #999999; font-size: 20px;} .news-text {font-size: 18px;font-weight: bold; display: block;color: #333333;line-height: 1.1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news-cont p{font-size: 15px; margin-top: 15px; line-height: 25px; height: 50px;color:#666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news-list a:hover .news-cont {background:#001c53;} .news-list a:hover .news-cont p,.news-list a:hover .news-cont .news-text{ color:#fff;} .news-list a:hover .news-pic img { transform: scale(1.05); } .news-list a:hover .news-cont .newtime{color:#fff;} .news-list a:hover .news-cont .news-bot{border-top:1px solid #FFF;} .news-list a:hover .news-cont .news-bot svg {color:#FFF;} .news-pagination {text-align:center; margin-top: 25px;} .news-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background-color:#ddd;opacity: 1;} .news-pagination .swiper-pagination-bullet-active,.news-pagination .swiper-pagination-bullet:hover {background: #001c53;} @media screen and (max-width: 1024px) { .index-news{padding:80px 0;} .news-list{padding-top:30px;} } @media screen and (max-width: 767px) { .index-news{padding:50px 0;} .news-text{font-size: 16px;} .news-cont p,.news-cont .newtime{font-size: 15px;} } .honor{padding:0 0 100px;} .honor-box{position: relative;} .honor-ul{overflow:hidden;} .honor-ul .honor-li{width:100%;} .honor-ul .honor-li .swiper-slide{width:17.85%;background:#fff;box-shadow:0 8px 30px #ddd;} .honor-ul .honor-li .swiper-slide .honor-img{width:100%;padding-bottom:136%;position:relative;} .honor-ul .honor-li .swiper-slide .honor-img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: "";} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: "";} .honor-box .swiper-button-prev{left:-50px;width:30px;height:40px;background:url(../images/icon-left.png) no-repeat center center;background-size:auto;margin-top:-13px;outline:none;background-color:#e60619;} .honor-box .swiper-button-next{right:-50px;width:30px;height:40px;background:url(../images/icon-left.png) no-repeat center center;background-size:auto;margin-top:-13px;outline:none;background-color:#e60619;transform:rotate(180deg);} @media screen and (max-width:1024px){ .honor{padding:0 0 80px;} .honor-ul .honor-li .swiper-slide{width:26.09%;} .honor-box .swiper-button-prev{left:0;} .honor-box .swiper-button-next{right:0;} } @media screen and (max-width:767px){ .honor{padding:0 0 50px;} .honor-ul .honor-li .swiper-slide{width:38.5%;} .honor-box .swiper-button-prev,.honor-box .swiper-button-next{width:25px;} }