@charset "utf-8";
#banner{height:560px;}
#banner a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center}
.layui-carousel>[carousel-item]{overflow: unset;}

.w-1400{max-width: 1400px;margin: 0px auto;}

.index_about{padding: 100px 15px 86px 15px;}
.index_about_pic{float: left; width: 625px;height: 352px;}
.index_about_content{text-align: right;margin-left: 660px;}
.index_about_title{color: #00489d; font-size: 42px;font-weight: bold;}
.index_about_txt{font-size:15px;line-height: 24px;padding-top: 15px;text-align:left;}
.index_about_btn a{display: inline-block; width: 152px;height: 48px;font-size:16px;color: #384657;text-align: center;line-height: 48px;border: 1px #384657 solid;border-radius: 5px;}
.index_about_btn a:hover{color: #fff;background: #004996}

.index_advantage{height: 100px;background: url(../images/home/index_advantage_bg1.jpg) no-repeat center;padding:34px 0px;}
.index_advantage>ul{width: 1260px;margin: 0px auto;}
.index_advantage>ul>li{float: left; width: 33%;}
.index_advantage>ul>li dt{float: left;margin-right: 10px;}
.index_advantage>ul>li dd{padding-top:25px;line-height: 28px;}
.index_advantage>ul>li .cn{font-size: 25px;}
.index_advantage>ul>li .en{font-size: 24px;}
.index_advantage a{color: #fff;}

.index_advantage2{border-top: 8px solid #004998;background: url(../images/home/index_advantage_bg.jpg) no-repeat top;}
.index_advantage2>dt{text-align: center;padding: 36px 0px 31px 0px;}
.index_advantage2>dd>ul{width: 1227px;margin: 0px auto;}
.index_advantage2>dd>ul>li>a{width: 368px;height: 368px; margin:0px 20.5px; float: left; background: url(../images/home/index_advantage_circle.png) no-repeat center;}
.index_advantage2>dd>ul>li>a>dl{color: #848689;}
.index_advantage2>dd>ul>li>a>dl>dt{font-size: 23px;padding: 100px 40px 0px 40px;}
.index_advantage2>dd>ul>li>a>dl>dd{font-size: 17px;padding: 30px 40px 0px 40px;}
.index_advantage2>dd>ul>li>a:hover{background-image: url(../images/home/index_advantage_circle2.png);}
.index_advantage2>dd>ul>li>a:hover>dl{color: #fff;}
.index_advantage2_video{width: 1227px;height: 329px;margin: 20px auto 40px auto;background: url(../images/home/index_video_bg.png) no-repeat center;}
#video{float: right;margin-right:9px;}
#video>video{width: 553px;height: 312px;}

.index_solution{border-top: 8px solid #004998;height:800px;background: url(../images/home/index_solution_bg.jpg) no-repeat top;}
.index_solution>dt{text-align: center;padding: 36px 0px 140px 0px;}
.index_solution>dd>ul{width: 1200px;margin: 0px auto;}
.index_solution>dd>ul>li>a{width: 400px; text-align: center; float: left;position: relative;}
.index_solution>dd>ul>li>a>dl>dt{font-size: 24px;color: #7898ba;padding: 10px 0px;}
.index_solution>dd>ul>li>a>dl>dd{font-size: 14px;width: 108px;height: 46px; line-height: 46px; margin: 0px auto;color: #fff;background: #7898ba; }

.hp-img-auto{position:absolute;width:100%;height:174px;z-index:20;opacity:1;transition:0.5s;}
.hp-img-on{position:relative;width:100%;height:174px;z-index:15;opacity:0;transition:0.5s;transform:rotateY(270deg);}
.index_solution>dd>ul>li>a:hover>.hp-img-auto{opacity:0;transition:0.5s;transform:rotateY(90deg);}
.index_solution>dd>ul>li>a:hover>.hp-img-on{opacity:1;transition:0.5s;transform:rotateY(360deg);}

.index_solution>dd>ul>li:nth-child(1)>a{background: none}
.index_solution>dd>ul>li:nth-child(1)>a:hover{background: none}
.index_solution>dd>ul>li:nth-child(2)>a{background:none}
.index_solution>dd>ul>li:nth-child(2)>a:hover{background: none}
.index_solution>dd>ul>li:nth-child(3)>a{background: none}
.index_solution>dd>ul>li:nth-child(3)>a:hover{background: none}
.index_solution>dd>ul>li>a:hover{background-image: url(../images/home/index_advantage_circle2.png);}
.index_solution>dd>ul>li>a:hover>dl>dt{color: #004996;}
.index_solution>dd>ul>li>a:hover>dl>dd{background: #004996}

.index_menu{height: 174px;background: url(../images/home/index_advantage_bg2.jpg) no-repeat center;padding-top:100px;}
.index_menu>ul{width: 1200px;margin: 0px auto;}
.index_menu>ul>li{float: left; width: 33%;}
.index_menu>ul>li dt{float: left;margin-right: 10px;}
.index_menu>ul>li dd{padding-top:25px;line-height: 28px;}
.index_menu>ul>li .cn{font-size: 24px;}
.index_menu>ul>li .en{font-size: 15px;}
.index_menu a{color: #fff;}

.index_news{border-top: 8px solid #004998;}
.index_news>dt{text-align: center;padding: 50px 0px 90px 0px;}
.index_news>dd{width: 1275px;margin: 0px auto;}
/* .index_news>dd  a{width: 368px;margin:0px 20.5px; float: left; } */
.index_news_title{color:#00498f;font-size:23px;font-weight:bold;padding:40px 0px 20px 0px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all; width:400px;}
.index_news_content{color:#7f7d7d;font-size:16px;height:100px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:400px;}
.index_news_btn{color: #606264;font-size: 16px;display: inline-block;width: 126px;height: 46px;text-align: center;line-height: 46px;border: 1px #a3a3a3 solid;border-radius: 5px;}

.swiper-container{width:100%;height:100%;}
.swiper-slide {
    text-align: left;
    font-size: 18px;
    /* Center slide text vertically */
    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;
    width: 33% !important;
    overflow: hidden;
    margin-bottom: 20px;
}
.swiper-pagination{bottom: 0px !important;}


@media screen and (max-width: 768px) {
    #banner{height: 153px;margin-top: 70px;}
    .w-1400{width: 92%;}

    .index_about{padding: 20px 0px;}
    .index_about_pic{float: unset; width: 100%;height: auto;display: none;}
    .index_about_content{float: unset;text-align: left;width: 100%;margin: 10px 0px;}
    .index_about_title{font-size: 30px;display: none;}
    .index_about_txt{padding:0px 0px 10px 0px;height: auto;font-size: 14px;}
    .index_about_btn{text-align: center;}
    .index_about_btn a{height: 36px;line-height: 36px;}

    .index_advantage{height: auto;background-size: cover;padding:5px 0px;display: none;}
    .index_advantage>ul{width: 100%;}
    .index_advantage>ul>li{float: unset; width:300px; border: 2px #fff dashed;border-radius: 10px;padding:10px 20px;margin: 20px auto;}
    .index_advantage>ul>li dl::after{clear: both;content:""; display: block;}
    .index_advantage>ul>li dt>img{width: 60px;}
    .index_advantage>ul>li dd{padding-top:10px;line-height: 24px;}
    .index_advantage>ul>li .cn{font-size: 15px;}
    .index_advantage>ul>li .en{font-size: 14px;}

    .index_advantage2>dt{text-align: center;padding: 36px 0px 10px 0px;}
    .index_advantage2>dt>img{width: 240px;}
    .index_advantage2>dd>ul{width: 100%;margin: 0px auto;}
    .index_advantage2>dd>ul>li>a{width: 92%;height: auto;margin:10px auto; display: block;float: unset; background: #92acd0;background-size: cover;border-radius: 10px;}
    .index_advantage2>dd>ul>li>a>dl{color: #fff;}
    .index_advantage2>dd>ul>li>a>dl>dt{font-size: 16px;padding: 10px 15px 0px 15px;}
    .index_advantage2>dd>ul>li>a>dl>dd{font-size: 14px;padding: 5px 15px 15px 15px;}
    .index_advantage2_video{width: 100%;height: auto;margin: 20px auto 20px auto;background: none;}
    #video{float: unset;margin-right:0px;}
    #video>video{width: 100%;height: auto;}

    .index_solution{height: auto;}
    .index_solution>dt{text-align: center;padding: 20px 0px 10px 0px;}
    .index_solution>dt>img{width: 240px;}
    .index_solution>dd>ul{width: 92%;margin: 0px auto;}
    .index_solution>dd>ul>li>a{width:30.3333%;margin:0px 1.5% 20px 1.5%;}
    .hp-img-auto,.hp-img-on{height:auto;}
    .index_solution>dd>ul>li>a>.hp-img-auto{opacity:0;transition:0.5s;transform:rotateY(90deg);}
    .index_solution>dd>ul>li>a>.hp-img-on{opacity:1;transition:0.5s;transform:rotateY(360deg);}
    /* .index_solution>dd>ul>li:nth-child(1)>a,.index_solution>dd>ul>li:nth-child(1)>a:hover{background: url(../images/home/index_solution_icon1_on.png) no-repeat top;background-size:auto 80px;}
    .index_solution>dd>ul>li:nth-child(2)>a,.index_solution>dd>ul>li:nth-child(2)>a:hover{background: url(../images/home/index_solution_icon2_on.png) no-repeat top;background-size:auto 80px;}
    .index_solution>dd>ul>li:nth-child(3)>a,.index_solution>dd>ul>li:nth-child(3)>a:hover{background: url(../images/home/index_solution_icon3_on.png) no-repeat top;background-size:auto 80px;} */
    .index_solution>dd>ul>li>a:hover{background-image: url(../images/home/index_advantage_circle2.png);}
    .index_solution>dd>ul>li>a>dl{width: 80%;margin:0px auto;}
    .index_solution>dd>ul>li>a>dl>dt{font-size: 12px;color: #004996;padding: 5px 0px;}
    .index_solution>dd>ul>li>a>dl>dd{font-size: 12px;width: 100%;height: 30px; line-height: 30px;background: #004996;display: none; }

    .index_menu{height: auto;background-size: cover;padding:10px 0px;}
    .index_menu>ul{width: 100%;}
    .index_menu>ul>li{float: unset; width:92%; border: 1.5px #fff dashed;border-radius: 10px;margin: 10px auto;}
    .index_menu>ul>li dl::after{clear: both;content:""; display: block;}
    .index_menu>ul>li dt>img{width: 60px;}
    .index_menu>ul>li dd{padding-top:5px;line-height: 24px;}
    .index_menu>ul>li .cn{font-size: 15px;}
    .index_menu>ul>li .en{font-size: 14px;}


    .index_news>dt{text-align: center;padding: 36px 0px 31px 0px;}
    .index_news>dt>img{width: 240px;}
    .index_news>dd{width:92%;margin: 0px auto;}
    .swiper-slide {width: 100% !important;}
    .index_news_title{font-size:18px;font-weight:bold;padding:20px 0px 10px 0px;width: 100%;white-space: unset;}
    .index_news_content{font-size:14px;height:60px;width: 100%;}
    .index_news_btn{font-size:14px;width: 126px;height: 30px;line-height: 30px;margin: 0px auto 20px auto;display: block}


}