/*
    author:PengJin;
    date:2021-04-02;
*/
body{background:#f1f1f1;}
@media(max-width:1200px){
body{padding-bottom:60px;}
}


/*--banner--*/
.banner{position:relative;z-index:1;width:100%;overflow:hidden;clear:both;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;position:relative;left:50%;width:1920px;transform:translateX(-50%);}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:125px;width:100%;text-align:center;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:65px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 7px !important;width: 7px;height: 7px;background:#fff;opacity:1;border-radius: 0;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:#005bac;}
.banner .prev,.banner .next{position:absolute;z-index:9;top:50%;width:60px;height:60px;line-height:58px;color:#fff;text-align:center;cursor:pointer;outline:none; background: #005bac ;transform:translateY(-50%);opacity:0.3;}
.banner .prev{left:5%;}
.banner .next{right:5%;}
.banner .prev:hover,.banner .next:hover{color:#fff;background:#005bac;border-color:#005bac;opacity:1;}
@media(max-width:1366px){
.banner .swiper-slide img {width:1700px;}
}
@media(max-width:1200px){
.banner{margin-top:0;}
.banner .prev,.banner .next{display:none;}
.banner .swiper-slide img{position:static;width:100%;left: 0;transform:translate(0);}
.banner .swiper-pager{left:0;width:100%;bottom:30px;text-align:center;width:100%;transform:translateX(0);}
.banner .swiper-pager span{margin:0 2px;width:7px;height:7px;border-radius:50%;}
}
/*--end banner--*/

/* indexInfo */
.indexInfo {display: block; overflow: hidden; background: #fff;}
.indexInfo .text { padding-top: 150px; float: left; width: 710px;}
.indexInfo .text > h2 { font-size: 36px; color: #000;}
.indexInfo .text > h2 a { color: #000; font-weight: bold;}
.indexInfo .text > span { margin: 5px 0 50px; display: block; font-size: 18px; color: #010101;}
.indexInfo .text > p { font-size: 15px; color: #666; line-height: 1.75; padding-right: 100px;}
.indexInfo .text ul { display: flex; padding: 25px 0; margin-top: 90px; background: #005bac; width: 100%;height: 113px;} 
.indexInfo .text li { flex: 1; text-align: center; border-right: 1px solid #80add6;}
.indexInfo .text li:last-child { border-right: none;}
.indexInfo .text li span {font-size: 36px;color: #fff;font-family: "DIN Medium";font-weight: bold;line-height: 1;}
.indexInfo .text li p { font-size: 16px; color: rgba(255,255,255,.5);}
.indexInfo .video { position: relative; float: left; width: 690px;}
.indexInfo .video[data-index="false"]::after {content: '';display: block;position: absolute;left: 75%;top: 50%;background: url(../image/player.png) no-repeat center;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.indexInfo .video video { width: 960px; height: 809px; object-fit:fill;}
@media (max-width:1440px) {
    .indexInfo .text { width: 610px; padding-top: 70px;}
    .indexInfo .text > p  { padding-right: 50px;}
    .indexInfo .text > span { margin:10px 0 30px;}
    .indexInfo .video { width: 590px;}
    .indexInfo .video video { width:655px; height: 630px;}
    .indexInfo .video[data-index="false"]::after { left: 56%;}
    .indexInfo .text ul  {margin-top:60px;}
}
@media (max-width:1200px) {
    .indexInfo .text { padding-top: 40px; float: none; width: 100%;}
    .indexInfo .text { text-align: center;}
    .indexInfo .text > h2 { font-size: 24px; text-align: center;}
    .indexInfo .text > span { margin: 5px 0 20px; font-size: 16px;}
    .indexInfo .text > p { padding: 0 10px; font-size: 14px;}
    .indexInfo .text ul { margin-top: 20px; height: auto; padding: 15px 0;}
    .indexInfo .text li span { font-size: 24px;}
    .indexInfo .text li p {font-size: 14px;padding: 0 15px;}
    .indexInfo .video  { margin-top: 10px; float: none; width: 100%;}
    .indexInfo .video video  { width: 100%; height: 350px;}
    .indexInfo .video[data-index="false"]::after { left:50%}
}
/* indexInfo end */ 

/* indexPhotos */
.indexPhotos {padding: 50px 15px; overflow: hidden; background: #fff;}
.indexPhotos .photos-slide { position: relative; overflow: hidden;}
.indexPhotos .pic { overflow: hidden;}
.indexPhotos .pic img { transition: all 1s;}
.indexPhotos p { display: block; width: 100%; height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; text-align: center; background: #f3f3f3; font-size: 18px; color: #333;}
.indexPhotos .swiper-slide:hover img { transform: scale(1.1);}
.indexPhotos .swiper-slide:hover p { background: #005bac; color: #fff;}
.indexPhotos .prev,.indexPhotos .next{position:absolute;z-index:9;top:50%;width: 60px;height: 60px;line-height: 60px;color: #333;border-radius: 50%;text-align:center;cursor:pointer;outline:none;background: #e0e0e0;transform:translateY(-50%);}
.indexPhotos .prev i,.indexPhotos .next i { font-size: 20px;}
.indexPhotos .prev{left: 0;}
.indexPhotos .next{right: 0;}
.indexPhotos .prev:hover,.indexPhotos .next:hover{color:#fff;background:#005bac;border-color:#005bac;opacity:1;}
@media (max-width:992px) {
    .indexPhotos .prev,.indexPhotos .next { width: 40px; height: 40px; line-height: 40px;}
    .indexPhotos { padding: 30px 15px;}
    .indexPhotos p { padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px;}
}
/* indexPhotos end */



/* product */
.product { padding: 40px 0 0; overflow: hidden; background: #fff;}
.product .product-slide { position: relative; margin-top: 60px; overflow: hidden; }
.product .product-slide .text { padding: 150px 55px 0; position: absolute; right: 200px; top: 50%; transform: translateY(-50%); width: 665px; height: 546px; background: #fff;}
.product .product-slide .text h3 { font-size: 36px; color: #000;}
.product .product-slide .text h3 a { color: #000; font-weight: bold;}
.product .product-slide .text p { margin-top: 20px; padding-top: 25px; font-size: 18px; color: #333; line-height: 1.75; border-top: 1px solid #e5e5e5; width: 480px;}
.product .product-slide .text ul { margin-top: 35px; display: flex;}
.product .product-slide .text li {flex: auto; margin: 0 9px; border: 1px solid #f3f3f3;}
.product .product-menu {position: absolute;right: 200px;top: 140px;z-index: 3;}
.product .product-menu ul { padding: 0 55px; display: flex; width: 665px;}
.product .product-menu ul li {flex: 1;height: 65px;line-height: 65px; border-right: 1px solid #acacac; box-sizing: border-box; background: #000;text-align: center;}
.product .product-menu ul li a { color: #fff; font-size: 18px;}
.product .product-menu ul li i { margin-right: 5px; margin-top: -2px; display: inline-block; vertical-align: text-top; width: 35px;}
.product .product-menu ul li.cur { background: #005bac;}
@media (max-width:1600px) {
    .product .product-slide .text {padding:100px 35px 0; right: 80px; width: 565px; height: 470px;}
    .product .product-menu { right: 80px;top: 55px;}
    .product .product-menu ul { width: 565px; padding: 0 35px; }
    .product .product-menu ul li { height: 55px; line-height: 55px;}
}
@media (max-width:1200px) {
    .product { padding: 20px 15px;}
    .product .product-slide { margin-top: 30px;}
    .product .product-menu { position: relative; top: auto; right: auto; margin-bottom: 20px;}
    .product .product-menu ul {padding: 0;  width: 100%;}
    .product .product-menu ul li { height: 40px; line-height: 40px;}
    .product .product-menu ul li i { width: 25px; vertical-align: middle;}
    .product .product-menu ul li a { font-size: 16px;}
    .product .product-slide .text  { padding: 15px; position: relative; top: auto; right: auto; transform: none; width: 100%; height: auto;}
    .product .product-slide .text h3 { font-size: 18px;}
    .product .product-slide .text p { font-size: 14px;}
    .product .product-slide .text li { margin: 0 5px;}
}
/* product end */

/* ad */
.ad { position: relative; display: block; width: 100%; height: 400px; background: url(../image/ad-bg.jpg) no-repeat center; background-size: cover;}
.ad .wrap-title { padding-top: 80px;}
.ad .wrap-title h2,.ad .wrap-title p { color: #fff;}
.ad .ad-con { margin-top: 55px; overflow: hidden;}
.ad .ad-con  ul { float: left; display: flex;  flex-wrap: wrap;}
.ad .ad-con  ul li { padding: 12px 0; float: left; margin-right: 35px; width: 86px; height: 86px; line-height: 1.5;  border-radius: 50%; background: #005bac; font-size: 20px; color: #fff; text-align: center;}
.ad .ad-con .ad-form {margin: 13px 0; float: right;}
.ad .ad-con .ad-form input { padding-left: 20px; font-size: 16px; float: left; width: 440px; height: 60px; background: #fff; border: none;}
.ad .ad-con .ad-form a { float: left; width:170px; height: 60px; line-height: 60px; text-align: center; background: #005bac; font-size: 18px; color: #fff;}
.ad .ad-con .ad-form a i {display: inline-block;margin-top: -2px;margin-left: 5px;vertical-align: middle;width: 30px;}
@media (max-width:1440px) {
    .ad .ad-con .ad-form input { width: 360px;}
    .ad .ad-con .ad-form a { width: 150px;}
    .ad .ad-con ul li { margin-right: 20px;}
}
@media (max-width:1200px) {
    .ad  { padding: 0 15px;}
    .ad .wrap-title { padding-top: 40px;}
    .ad .ad-con { margin-top: 20px;}
    .ad .ad-con ul {float: none; overflow: hidden;}
    .ad .ad-con  ul li {padding: 10px 0;width: 65px;height: 65px;margin: 5px 25px;font-size: 16px;}
    .ad .ad-con .ad-form { margin: 20px 0 0; float: none; width: 100%;}
    .ad .ad-con .ad-form input { width: 70%; height: 40px; font-size: 14px;}
    .ad .ad-con .ad-form a { width: 30%; height: 40px; line-height: 40px; font-size: 14px;}
    .ad .ad-con .ad-form a i { width: 21px;}
}
/* ad end */

/* super */
.super { padding: 80px 15px; overflow: hidden; background: #f3f3f3;}
.super .super-con {margin:50px -12px 0; overflow: hidden;}
.super .super-con .item { float: left; margin: 0 12px; width: calc(100%/3 - 24px);}
.super .super-con .item  .pic { display: block; overflow: hidden;}
.super .super-con .item  .pic img { transition: all 1s;}
.super .super-con .item .text { padding: 30px; box-sizing: border-box; background: #fff;}
.super .super-con .item .text h3 { font-size: 24px; color: #000;}
.super .super-con .item .text p {margin-top: 15px;padding-top: 20px;border-top: 1px solid #e5e5e5;font-size: 16px;height: 105px;color: #666;line-height: 1.75;}
.super .super-con .item:hover img { transform: scale(1.1);}
.super .super-con .item:hover .text { background: #005bac;}
.super .super-con .item:hover .text h3,.super .super-con .item:hover .text p { color: #fff;}
@media (max-width:1200px) {
    .super { padding: 40px 0;}
    .super .super-con { margin: 20px 0 0;}
    .super .super-con .item { margin: 6px 12px; width: calc(100% - 24px);}
    .super .super-con .item .text h3 { font-size: 18px;}
    .super .super-con .item .text p { font-size: 14px;}
}
/* super end */

/* partner */
.partner { padding: 80px 15px; background: #fff; overflow: hidden;}
.partner .partner-tp {display: block; overflow: hidden;}
.partner .partner-tp .honor-fl { float: left;}
.partner .partner-tp .honor-fl .item { float: left; margin-right: 80px; width: 218px; text-align: center;}
.partner .partner-tp .honor-fl .item .pic { display: block; overflow: hidden; border: 1px solid #ccc;}
.partner .partner-tp .honor-fl .item .pic img { transition: all 1s;}
.partner .partner-tp .honor-fl .item  p { padding-top: 30px; font-size: 15px; color: #666;}
.partner .partner-tp .honor-fl .item .pic:hover img {transform: scale(1.1);}
.partner .partner-tp .honor-fr { float: right; width: 760px;}
.partner .partner-tp .honor-fr h3 { font-size: 36px; color: #000; font-weight: bold;}
.partner .partner-tp .honor-fr h3 a {  color: #000; }
.partner .partner-tp .honor-fr p { margin-top: 10px; font-size: 18px; color: #010101;}
.partner .partner-tp .honor-fr  span {display: block;margin-top: 30px;font-size: 15px;line-height: 1.75;color: #666;}
.partner .partner-tp .honor-fr ul { margin-top: 40px; overflow: hidden;}
.partner .partner-tp .honor-fr li {float: left; width: 85px; border-right: 1px solid #e5e5e5;}
.partner .partner-tp .honor-fr li:last-child { border:none;}
.partner .partner-tp .honor-fr .honor-bf { margin-top: 30px;}
@media (max-width:1440px) {
    .partner .partner-tp .honor-fr { width: 600px;}
}
@media (max-width:1200px) {
    .partner { padding: 40px 15px;}
    .partner .partner-tp .honor-fr .honor-bf { margin-top: 20px;}
    .partner .partner-tp .honor-fl { float: none; width: 100%; overflow: hidden;}
    .partner .partner-tp .honor-fl .item {margin: 0 4%;width: 42%;}
    .partner .partner-tp .honor-fl .item p { padding-top: 15px; font-size: 14px;}
    .partner .partner-tp .honor-fr { margin-top: 20px; float: none;width: 100%;}
    .partner .partner-tp .honor-fr h3 { font-size: 24px;}
    .partner .partner-tp .honor-fr p { font-size: 16px;}
    .partner .partner-tp .honor-fr span { margin-top: 15px; font-size: 14px;}
    .partner .partner-tp .honor-fr ul { margin-top: 20px;}
}
/* partner end */

/* ment */
.ment {display: block;padding: 0 15px 90px;background: #fff;}
.ment .ment-slide { position: relative; overflow: hidden;}
.ment .ment-slide .pic { overflow: hidden;}
.ment .ment-slide .pic img { transition: all 1s;}
.ment .ment-slide p {  padding: 0 15px; font-size: 18px; color: #666; width: 100%; height: 65px; line-height: 65px; text-align: center; background: #f3f3f3; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.ment .prev,.ment .next{position:absolute;z-index:9;top:50%;width: 60px;height: 60px;line-height: 60px;color: #333;border-radius: 50%;text-align:center;cursor:pointer;outline:none;background: #e0e0e0;transform:translateY(-50%);}
.ment .prev i,.ment .next i { font-size: 20px;}
.ment .prev{left: 0;}
.ment .next{right: 0;}
.ment .prev:hover,.ment .next:hover{color:#fff;background:#005bac;border-color:#005bac;opacity:1;}
.ment .ment-slide .swiper-slide:hover p { background:#005bac; color:#fff;}
.ment .ment-slide .swiper-slide:hover img { transform:scale(1.1);}
@media (max-width:992px) {
    .ment  { padding: 0 15px 40px;}
    .ment .prev,.ment .next { width: 40px; height: 40px; line-height: 40px;}
    .ment .ment-slide p { height: 40px; line-height:40px; font-size: 14px;}
}
/* ment end */

/* news */
.news { padding:80px 15px; overflow: hidden; background: #f3f3f3;}
.news .news-menu { display: block; text-align: center;margin: 45px 0; overflow: hidden;}
.news .news-menu li { display: inline-block; margin: 0 17px; background: #fff; width: 150px; height: 55px; line-height: 55px;}
.news .news-menu li a { display: block; color: #333; font-size: 18px;}
.news .news-menu li.cur { background:#005bac;}
.news .news-menu li.cur a {color: #fff;}
.news .news-slide { overflow: hidden;}
.news .news-slide .news-fl { float: left; width: 700px;}
.news .news-slide .news-fl .pic { overflow: hidden;}
.news .news-slide .news-fl .pic img { transition: all 1s;}
.news .news-slide .news-fl .text {padding: 34px 40px;box-sizing: border-box;background: #fff;}
.news .news-slide .news-fl .text h3 {font-size: 18px;color: #000;}
.news .news-slide .news-fl .text p { margin-top: 20px; font-size: 14px; color: #666; line-height: 1.75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-slide .news-fr { float: right; width: 670px;}
.news .news-slide .news-fr .item {padding: 37px 35px;display: block;background: #fff;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.news .news-slide .news-fr .item:last-child { border: none;}
.news .news-slide .news-fr .item em { font-size: 14px; color: #666;}
.news .news-slide .news-fr .item h3 { margin-top: 5px;  font-size: 18px; color: #000;}
.news .news-slide .news-fr .item p { margin-top: 20px; font-size: 14px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news .news-slide .news-fl:hover img { transform: scale(1.1);}
.news .news-slide .news-fl:hover .text { background: #005bac;}
.news .news-slide .news-fl:hover .text h3,.news .news-slide .news-fl:hover .text p { color: #fff;}
.news .news-slide .news-fr .item:hover { background: #005bac;}
.news .news-slide .news-fr .item:hover * { color: #fff!important;}
@media (max-width:1440px) {
    .news .news-slide .news-fl { width: 600px;}
    .news .news-slide .news-fr { width: 570px;}
    .news .news-slide .news-fr .item { padding: 28px 35px;}
}
@media (max-width:1200px) {
    .news { padding: 40px 15px;}
    .news .news-menu { margin: 30px 0;}
    .news .news-menu li { margin: 0 5px; width: 95px; height: 40px;line-height: 40px;}
    .news .news-menu li a { font-size: 16px;}
    .news .news-slide .news-fl { float: none; overflow: hidden; width: 100%;}
    .news .news-slide .news-fl .text { padding: 15px;}
    .news .news-slide .news-fl .text p { margin-top: 15px;}
    .news .news-slide .news-fr { float: none; overflow: hidden; width: 100%;}
    .news .news-slide .news-fr .item { padding: 15px; margin: 10px 0;}
}
/* news end */