@charset "UTF-8";

.company.zone-w{ overflow:hidden;}
.company{ margin-top:100px; position:relative;}
.company .inner{ position:absolute; right:0; top:40px; bottom:40px; width:920px; background:rgba(3,64,148,0.85); padding:45px 73px 0; color:#fff;}
.company .tit{ font-size:36px;}
.company .con{ font-size:16px; line-height:30px; margin-top:20px; text-align:justify;}
.company h3{ font-size:22px; margin-bottom:15px; text-align:left;}
.company a.more{ font-size:16px; display:inline-block; border:2px solid #f15a24; border-radius:45px; height:45px; line-height:45px; padding:0 30px; color:#f15a24; position:absolute; bottom:50px; font-weight:bold; letter-spacing:1px;}
@media screen and ( min-width:800px){
.company a.more:hover{ color:#fff; background-color:#f15a24;}
}

.h_cName span{ display:inline-block; font-size:40px; color:#333; position:relative; padding-bottom:32px;}
.h_cName span:after{ display:inline-block; content:''; width:36px; height:2px; background-color:#f15a24; position:absolute; bottom:0; left:50%; margin-left:-18px;}
.h_cName_tz span{ color:#fff;}

.h_cProName span{ display:inline-block; font-size:18px; width:auto;padding-left:20px;padding-right: 20px; height:45px; line-height:45px; border:1px solid #d9d9d9; border-radius:45px; color:#333; cursor:pointer; margin:0 20px;}
.h_cProName span.now{background-color:#f15a24; color:#fff;}


.h_cProBox{ margin-top:50px;}
.h_cPro{ display:none; overflow:hidden;}
.h_cPro .names span{ display:inline-block; font-size:18px; color:#333; padding-bottom:13px; border-bottom:1px solid transparent; cursor:pointer; margin-right:102px;}
.h_cPro .names span.now{ border-bottom-color:#034094; color:#034094;}
.h_cBox{ margin-top:60px; position:relative; /* height:130px; */ height: 295px;}
.h_cPro .box{ visibility:hidden; position:absolute; left:0; top:100%; width:100%;}
.h_cPro li{ float:left; width:33.33%; padding:0 23px; position:relative; height:130px;}
.h_cPro li img{ height:100%; width:auto;}
.h_cPro li p{ position:absolute; right:0; top:0; bottom:0; width:61.7%; background:rgba(3,64,148,0.75); padding:0px 30px 0 30px; color:#fff; border-radius:6px; font-size:18px; line-height:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;-webkit-box-orient:vertical;-webkit-line-clamp:3;
}
.h_cPro li:hover{ transform: translateY(-6px);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.index_cat_desc{font-size: 18px; color: #333333;line-height: 30px;text-align: center;overflow: hidden;padding-top:30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
clear: both;
}
.h_cPro.now{ display:block;}
.h_cPro.now .box.now{ visibility:visible; top:0; z-index:1; -webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;}

.hPro_more{ position:absolute; left:0; right:0; bottom:-90px; text-align:center;}


.h_tz{ background:url(../images/h_tz_bg.jpg) no-repeat center top; padding:80px 0 95px;}
.h_tz .tit{ font-size:20px; color:#fff;}
.partner{ background-color:#fff; position:relative;}
.partner .slick-slide img{ width:100%;}
.partner .slick-dots { position: absolute; z-index:3; right:0; top:-35px;}
.partner .slick-dots li { position: relative; display: inline-block; margin: 0px 20px; padding: 0px; width:9px; height:9px; background-color:#fff; border-radius:9px; cursor: pointer;-webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.partner .slick-dots li button { display:none;}
.partner .slick-dots li.slick-active{ background-color:#f15a24; width:45px;}

.gglist{ background-color:#fff; padding:10px 27px 27px;}
.gglist li{ overflow:hidden; height:75px; line-height:75px; font-size:16px; border-bottom:1px solid #d2d2d2; padding:0 5px;}
.gglist li span{ color:#333;}
.gglist li em{ float:right; color:#666;}
.gglist li a{ display:block;}
.gglist li a:hover span,.gglist li a:hover em{ color:#034094;}

@media screen and (max-width:1402px) and (min-width:800px){
.h_cPro li p,.index_cat_desc{ font-size:16px; line-height:24px;}
}
@media screen and (max-width:800px){

.company{ margin-top:.6rem; background:url(../images/h_company_m.jpg) no-repeat center top;}
.company.zone-w{ width:100%;}
.company .inner{ position:static; padding:.6rem .28rem; width:100%;}
.company .tit{ font-size:.45rem;}
.company h3{ font-size:.28rem; margin-bottom:.3rem;}
.company .con{ font-size:.24rem; line-height:.38rem; margin-top:.3rem;}
.company a.more{ position:static; font-size:.24rem; border-radius:.56rem; height:.56rem; line-height:.56rem; padding:0 .35rem; margin-top:.45rem;}

.h_cName.mt95{ margin-top:.6rem;}
.h_cName span{ font-size:.45rem; padding-bottom:.32rem;}
.h_cProName span{ font-size:.26rem;height:.56rem; line-height:.56rem; border-radius:.56rem; margin:0 3px;padding:0px 4px;}
.h_cPro .names span{ font-size:.26rem; padding-bottom:.12rem; margin-right:.15rem;}
.h_cProBox{ margin-top:.4rem;}
.h_cBox{ margin-top:.3rem; /* height:5.4rem; */ height:6.3rem;height: 7.8rem;}
.h_cPro li{ float:none; width:100%; height:1.6rem; margin-bottom:.3rem;}
.h_cPro li p{ padding:.23rem .23rem 0 1.2rem; padding:0px 15px 0 15px; border-radius:6px; font-size:.24rem; line-height:.36rem;}
.index_cat_desc{font-size:.24rem;padding-top:0px;white-space: normal;line-height:.36rem;}
.hPro_more{ bottom:-.6rem;}
.h_cName_news.mt95{ margin-top:.4rem;}
.news.mt60{ margin-top:.4rem;}
.news.zone-w{ width:100%;}
.h_tz.mt95{ margin-top:.6rem;}
.h_tz{ background-image:url(../images/h_tz_bg_m.jpg); padding:.6rem 0 1.08rem;}
.h_tz .tit{ font-size:.28rem;}

.partner .slick-dots { top:-.4rem;}
.partner .slick-dots li { margin: 0px .15rem; width:.09rem; height:.09rem; border-radius:.09rem;}
.partner .slick-dots li.slick-active{ width:.4rem;}
.gglist{ padding:.1rem .27rem .27rem;}
.gglist li{ height:auto; line-height:.45rem; padding:.2rem 0; font-size:.24rem;}
}