@charset "utf-8";
/* CSS Document */
 
.index-banner{min-width:100%;height: 200px; overflow:hidden;position: relative;}
.index-banner-text{width:100%;margin: auto; color: #fff;padding-top: 50px;}
.banner-swiper .swiper-slide{position: relative;}
.banner-swiper .swiper-slide img{width:100%;height:200px;}
.VideoBox{position:relative;overflow:hidden;width:100%;height:200px; z-index:-1;}

.VideoBox img{ width:100%; position:absolute;right:0;top:0;z-index:-1;}
.VideoBox::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/images/tvideo.png);
    top: 0;
    left: 0;
    z-index: 2;
}

.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{background: url(/images/tvideo.png); padding:10px 5px;top:20%;}
.banner_tex{position: absolute;top:15px;left:20px;color: #fff;; width:90%;height:100px;transform: translateY(150px);opacity:0;z-index:9999;}
.swiper-slide-active .banner_tex{
	transition: all 2s ease .7s;
    transform: translateY(0);
    opacity: 1;
}
.banner_tex_title_en {
    font-size: 1rem;
    font-family: 'Oswald',impact,Arial,sans-serif !important;
    line-height: 1.25rem;
    color: #ffffff;
    text-shadow: 3px 0 5px rgb(0 0 0 / 40%);
    margin-bottom: 10px;
    text-align: left;
    margin-top: 10px;
    font-weight: BOLD;
    letter-spacing: 2px;z-index:9999;
}
.banner_tex_title {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1em;
    margin-bottom: 20px;
    text-shadow: 2px 0 5px rgb(0 0 0 / 40%);
    text-align: left;
    font-weight: Bold;
    letter-spacing: 2px;z-index:9999;
}
.banner_line {
    width: 120px;
    margin: 10px auto 10px 0;
    height: 3px;
    background: #f90;
}
.banner_tex_info {
    color: #ffffff;
    line-height: 1.5em;
    font-size: 1rrem;
    text-shadow: 2px 0 3px rgb(0 0 0 / 40%);
    text-align: left;
    padding: 10px 0;
    fong-weight: Bold;z-index:9999;
}
.index-title-box{width:10%;margin: auto;border-bottom: 1px solid #ccc;overflow: hidden; margin-top:30px;margin-bottom:30px;}
.index-title-l{width: 300px;float: left;position: relative;}
.index-title-l h2{position: absolute;top:35px;left:10px;font-weight: bold;font-size: 24px;color: #1e61b1}
.index-title-l p{position: absolute;top:80px;left: 10px;font-size: 14px;color: #999;}
.index-title-r{width: 500px;float: right;text-align: center;font-size: 16px;color: #888;padding-top: 40px;}



.apply-box{margin: auto;position: relative;}
.apply-bg{ width: 100%; height:550px;}
.apply-nav{width:98%;position: absolute;top:0;left:10px;border-left: 1px solid #fff;}
.apply-nav li{width:48%;height: 170px; float: left; border-right: 1px solid #fff;border-bottom: 1px solid #fff;color: #fff; font-size:1rem;text-align: center;cursor: pointer; background: rgba(0, 0, 0, 0.1);position: relative;}
.apply-nav li img{width:40px; margin-top: 40px; margin-bottom: 10px;}
.apply-nav .apply-on{background: #1e61b1;}
.apply-box h3 p{font-weight: unset;font-size:0.8rem;}
.apply-box li div{background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;right:0;bottom:0;font-size:0.6rem;  padding:10px;display:none;overflow:hidden;}
.apply-box li div p{display:flex;align-items: center;text-indent:2em;line-height:1.1rem;text-align:justify;height:100%;}
.apply-more{position:absolute;left:0;bottom:10px; width:100%; text-align:center;}
.apply-more a{color:#fff;font-size:0.8rem;}

.index-banneb{
min-width:100%;	
background: url("../images/index-02.jpg");
background-position: 0% 50% !important;
background-size: auto 100%;
background-repeat: no-repeat!important;
height: 250px;
margin-top: 30px;
}
.index-banneb-box{width:100%;height: 250px;margin: auto;}
.index-banneb-text{color: #ffffff;width: 480px;float: right; margin-top:40px;}
.index-banneb-text h2{font-size: 26px; margin-bottom: 10px;}
.index-banneb-text .banneb-text01{font-size: 16px;margin-bottom: 20px;}
.index-banneb-tel01{width: 65px;float: left;}
.index-banneb-tel01 img{width: 50px;}
.index-banneb-tel02{float: left;width: 300px;cursor: pointer;}
.index-banneb-tel03{font-size: 26px;font-weight: bold;}


.cooperation-title{text-align:center;margin-top:10px;}
.cooperation-title h2{font-size:1rem;margin-bottom: 5px;}
.cooperation-title p{color:#999; font-size:0.8rem;margin-bottom: 20px;}
.cooperation-box{margin-bottom:20px;}
.cooperation-box2{margin:auto;  width:100%;overflow:hidden;}
.cooperation-box video{width:100%;}


.index-honor-box1{min-width:100%;background:#bdcfdb;}
.index-honor-box2{width: 100%;margin: auto;padding-bottom: 30px;}
.index-honor-title{text-align: center; padding-top: 50px;}
.index-honor-title h2{font-size: 24px;margin-bottom: 5px;}
.index-honor-title p{font-size: 19px;color: #999;}

.banner-swiper{width:100%;}
.banner-swiper  .swiper-slide {
text-align: center;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}
.swiper  .swiper-slide {
text-align: center;
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
width: 250px;
}
.index-honor-box2 .swiper-slide img{max-width: 220px;height: 300px;cursor: pointer;}
.index-honor-box2 .swiper-slide-active,.index-honor-box2  .swiper-slide-duplicate-active{
transform: scale(1);
}
.swiper .swiper-pagination-bullet{background : #1e61b1 !important;opacity:1;width:10px;height: 10px;}
.swiper .swiper-pagination-bullet-active{background:#fff !important;}
.preview{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 999;display: none;}
.preview-cont{text-align: center;height:98%;padding: 1%;}
.preview-cont img{max-width:100%;}
.index-news-box{width:1190px;padding-left:10px;margin: auto; margin-top:50px;margin-bottom: 30px;}
.index-news-title{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 30px;margin-bottom: 30px;}
.index-news-title h2{color: #1e61b1;font-size: 26px;}
.index-news-title p{color: #999999;font-size: 14px;}
.index-news li{width: 276px;height: 310px; float: left;margin-right: 26px;}
.index-news li:nth-child(4n){margin-right: 0 !important;}
.index-news img{width: 276px;height: 180px;object-fit: cover;transition: 0.2s;}
.index-news img:hover{transform: scale(1.1);}
.index-news h2{color: #333;font-size: 14px;font-weight: normal; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height: 35px;}
.index-news .desc{color: #999999;font-size: 12px;word-break: break-all;text-overflow: ellipsis;
display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;border-bottom: 1px solid #ccc; margin-bottom: 10px;height: 35px;}
.index-news-class{background: #1e61b1;font-size: 12px;color: #fff;padding: 5px 10px;}
.index-news-time{padding: 5px 10px;font-size: 14px;color: #666;}

.index-case-more{color: #666; font-size: 16px; text-align:center;}
.index-case-more a{bcolor: #2d84c5;}

