@charset "utf-8";

.index-contain{width: 1360px;margin: 0 auto;}
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;;}
.banner-pc{display: block;min-height: 360px;}
.banner-mb{display: none;min-height: 320px;}
.banner .swiper-pagination{bottom: 24px;}
.banner .swiper-pagination-bullet {width: 20px;height: 3px;border-radius: initial;background: #fff;opacity: .5;position: relative;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #f7941d;width: 0;height: 3px;z-index: 1;transition: 0s;opacity: 1;}
.banner .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 4.2s ease;}
.banner-prev, .banner-next{width: 34px;height: 42px;position: absolute;z-index: 4;top: 50%;cursor: pointer;margin-top: -21px;transition: all .4s ease;background-repeat: no-repeat;background-position: center;}
.banner-prev{background-image: url('../images/index/banLR.png');left: 26px;}
.banner-next{background-image: url('../images/index/banLR.png');right: 26px;transform: rotate(180deg);}
.banner-prev:hover, .banner-next:hover{background-image: url('../images/index/banLRH.png');}

.hung{width: 100%;overflow: hidden;padding: 36px 32px;}
.hung ul li{width: 49%;float: left;overflow: hidden;}   
.hung ul li:last-child{float: right;}
.hung-img{width: 50%;float: left;height: 136px;overflow: hidden;}
.hung-img img{width: 100%;object-fit: cover;height: 100%;transition: all .4s ease;}
.hung-words{width: 50%;float: left;height: 136px;background: #f5f5f5;padding: 36px 40px 0;}
.hung-words h6{font-size: 20px;color: #333;transition: all .4s ease;}
.hung-words h6 span{color: #c6c6c6;font-family: 'DinEngsbek','DincondBold';text-transform: uppercase;display: inline-block;margin-left: 6px;transition: all .4s ease;}
.hung-words p{font-size: 16px;color: #666;margin-top: 18px;}
.hung-words i{width: 24px;height: 7px;background: url('../images/index/hungArr.png') no-repeat;font-style: normal;float: right;margin-top: -16px;transition: all .4s ease;}
.hung-words:hover h6{color: #f7941d;}
.hung-words:hover h6 span{color: #f7941d;margin-left: 12px;}
.hung-words:hover i{background: url('../images/index/hungArrH.png') no-repeat;}
.hung-img img:hover{transform: scale(1.08);}
.hung ul li:first-child {animation: hungDL 1s ease both 200ms;}
.hung ul li:last-child {animation: hungDR 1s ease both 400ms;}
@keyframes hungDL{0%{transform: translateX(-300px);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}
@keyframes hungDR{0%{transform: translateX(300px);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}}

.product{width: 100%;overflow: hidden;padding: 72px 0;background: #f6f6f6;}
.product-contain{width: 1484px;margin: 0 auto;}
.product-swiper{width: 100%;position: relative;padding: 0 62px;margin-top: 28px;}
.product-swiper .swiper-container{padding: 0 10px 16px;}
.product-link{display: block;width: 100%;height: 427px;overflow: hidden;padding-top: 54px;position: relative;background: url('../images/index/proBg.jpg');background-repeat: repeat-x;text-align: center;transition: all .4s ease;}
.product-link img{max-width: 100%;}
.product-words{width: 100%;position: absolute;z-index: 4;left: 0;bottom: 0;background: #fff;padding: 34px 0 24px;}
.product-words p{font-size: 16px;color: #666;transition: all .4s ease;}
.product-words i{width: 100%;height: 7px;background: url('../images/index/proArr.png') no-repeat center;display: block;font-style: normal;opacity: 0;transition: all .4s ease;}
.product-link:hover{background: url('../images/index/proBgH.jpg');}
.product-link:hover{box-shadow: 0px 4px 8px 2px #cfcfcf;}
.product-link:hover .product-words{background: transparent;}
.product-link:hover .product-words p{color: #fff;}
.product-link:hover .product-words i{opacity: 1;margin-top: 24px;}
.product-prev, .product-next{width: 42px;height: 42px;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;margin-top: -12px;z-index: 4;background: #bfc9d1 url('../images/index/proLR.png') no-repeat center;transition: all .4s ease;}
.product-prev{left: 0;}
.product-next{right: 0;transform: rotate(180deg);}
.product-prev:hover, .product-next:hover{background-color: #8f9ba4;}
.product-more{display: block;width: 175px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #d5d5d5;font-size: 14px;color: #777;margin: 24px auto 0;transition: all .4s ease;}
.product-more:hover{background: #2e3192;border-color: #2e3192;color: #fff;}

.about{width: 100%;overflow: hidden;padding: 80px 0 110px;background: linear-gradient(to bottom,#fff,#ededed);}
.about-wordspic{width: 100%;overflow: hidden;margin-top: 28px;}
.about-pic{width: 48%;float: right;overflow: hidden;}
.about-pic img{width: 100%;}
.about-words{width: 49.4%;float: left;overflow: hidden;}
.about-desc{width: 100%;margin-top: -8px;}
.about-desc p{font-size: 16px;color: #777;line-height: 32px;margin-bottom: 24px;}
.about-num{width: 100%;overflow: hidden;}
.about-num ul li{width: 25%;float: left;text-align: center;}
.about-num h6{font-size: 60px;font-family: 'DincondBold';color: #555;}
.about-num p{font-size: 14px;color: #555;margin-top: 12px;}
.about-more{display: block;width: 175px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #d5d5d5;font-size: 14px;color: #777;margin-top: 38px;transition: all .4s ease;}
.about-more:hover{background: #2e3192;border-color: #2e3192;color: #fff;}

.news{width: 100%;overflow: hidden;padding: 80px 0 64px;}
.news-piclist{width: 100%;overflow: hidden;margin-top: 28px;}
.news-pic{width: 48.5%;float: left;overflow: hidden;position: relative;}
.news-pic a{display: block;width: 100%;overflow: hidden;}
.news-pic img{width: 100%;object-fit: cover;min-height: 350px;transition: all .4s ease;}
.news-picfonts {width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;font-size: 0;}
.news-picfonts h6{height: 90px;padding: 16px 0 0;float: left;background: #bebebe;transition: all .4s ease;width: 14%;text-align: center;font-size: 40px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #fff;}
.news-picfonts h6 span{display: block;width: 100%;font-size: 14px;font-weight: 400;margin-top: 4px;}
.news-picfonts p{float: left;width: 86%;height: 90px;line-height: 90px;padding: 0 32px;background: rgba(0, 0, 0, .43);font-size: 18px;color: #fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-pic a:hover img{transform: scale(1.08);}
.news-pic a:hover .news-picfonts h6{background: #2e3192;}
.news-list{width: 48%;float: right;overflow: hidden;}
.news-link{width: 100%;display: block;overflow: hidden;padding: 19px 0;border-bottom: 1px solid #f0f0f0;}
.news-list a:first-child{padding-top: 0;}
.news-list a:last-child{padding-bottom: 0;border-bottom: none;}
.news-linktime{height: 90px;float: left;background: #f2f2f2;padding: 10px 0 0;transition: all .4s ease;width: 14%;text-align: center;font-size: 34px;font-family: Arial, Helvetica, sans-serif;color: #999;}
.news-linktime span{display: block;width: 100%;font-size: 14px;font-weight: 400;margin-top: -4px;}
.news-linkdesc{width: 86%;float: left;padding:8px 0 0 18px;}
.news-linkdesc h6{font-size: 18px;color: #555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.news-linkdesc p{font-size: 13px;color: #888;line-height: 23px;margin-top: 14px;height: 46px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-link:hover .news-linktime{background: #2e3192;color: #fff;}
.news-link:hover .news-linkdesc h6{color: #2e3192;}
.news-more{width: 100%;text-align: center;margin-top: 28px;}
.news-more a{display: inline-block;font-size: 14px;color: #777;transition: all .4s ease;}
.news-more a i{display: inline-block;width: 12px;height: 7px;background: url('../images/index/newsArr.png') no-repeat;vertical-align: middle;margin: -3px 0 0 6px;transition: all .4s ease;}
.news-more a:hover{color: #2e3192;}
.news-more a:hover i{background: url('../images/index/newsArrH.png') no-repeat;}




@media all and (max-width:1700px) {
    
    .hung-words {padding: 36px 32px 0;}
}

@media all and (max-width:1599px) {
    
    .hung-words {padding: 36px 24px 0;}
    .product-contain{width: 96%;}
}

@media all and (max-width:1439px) {
    
    .index-contain{width: 92%;}
    .hung-words p {font-size: 14px;margin-top: 14px;}
    .hung-words i {margin-top: -8px;}
    .hung-words h6{font-size: 18px;}
    .hung-words,.hung-img{height: 128px;}
    .about-num h6{font-size: 48px;}
    .about-desc p {margin-bottom: 0px;}
    .about-num{margin-top: 16px;}
}

@media all and (max-width:1359px) {
    
    .product {padding: 60px 0;}
    .about {padding: 60px 0 88px;}
    .about-num h6 {font-size: 42px;}
    .about-desc p {font-size: 14px;line-height: 28px;}
    .news {padding: 60px 0 54px;}
}

@media all and (max-width:1279px) {
    
    .hung-words {padding: 30px 16px 0;}
    .hung-words h6 {font-size: 16px;}
    .hung-words, .hung-img {height: 110px;}
    .hung {padding: 26px 32px;}
    .about-num p {font-size: 12px;margin-top: 6px;}
    .about {padding: 60px 0 74px;}
    .news-picfonts h6 {height: 80px;padding: 12px 0 0;font-size: 34px;}
    .news-picfonts p{height: 80px;line-height: 80px;}
    .about-desc{margin-top: 0px;}
}

@media all and (max-width:1151px) {
    
    .hung ul li{width: 100%;}
    .hung ul li:last-child{margin-top: 26px;}
    .about-words{width: 100%;}
    .about-pic{width: 100%;margin-top: 32px;}
    .news-pic{width: 100%;}
    .news-list{width: 100%;margin-top: 32px;}
}



@media all and (max-width:1000px) {
    
}
@media all and (max-width:640px) {
    
    .banner-pc{display: none;}
    .banner-mb{display: block;}
    .hung {padding: 26px 4%;}
    .hung-words{width: 100%;}
    .hung-img{width: 100%;height: auto;}
    .product {padding: 38px 0;}
    .product-prev, .product-next {width: 32px;height: 32px;margin-top: -16px;}
    .product-swiper {padding: 0 40px;}
    .product-link{height: 400px;}
    .product-words {padding: 28px 0 20px;}
    .product-more {margin: 16px auto 0;}
    .about-num ul li{width: 50%;margin-top: 24px;}
    .about-num {margin-top: 0;}
    .about {padding: 38px 0 42px;}
    .news {padding: 38px 0 42px;}
    .news-pic img {min-height: 240px;}
    .news-picfonts h6 {height: 60px;padding: 6px 0 0;font-size: 26px;width: 20%;}
    .news-picfonts p {height: 60px;width: 80%;line-height: 60px;padding: 0 16px;font-size: 16px;}
    .news-linktime{width: 21%;}
    .news-linkdesc{width: 79%;}
    .product-swiper .swiper-container {padding: 0;}
    .product-link:hover {box-shadow: none;}
    .banner .swiper-pagination {bottom: 16px;}
    .banner-next{right: 6px;}
    .banner-prev{left: 6px;}
}