.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

* {
    box-sizing: border-box;
}

a {
    -webkit-transition: all 0.68s;
    -moz-transition: all 0.68s;
    -ms-transition: all 0.68s;
    -o-transition: all 0.68s;
    transition: all 0.68s;
}
.warpper_mid{
    width: 1400px;
    position: relative;
    margin:0 auto;
}
.warpper_min{
    width: 1200px;
    position: relative;
    margin:0 auto;
}
@font-face {
    font-family: 'ali';
    src: url("../fonts/ali.ttf");
}


.padding {
    padding: 5% 0 5% 0;
}
.padding-inner {
    padding: 5% 0 5% 0;
}
.padding-top {
    padding-top: 5%;
}

.padding-bottom {
    padding-bottom: 5%;
}
.inner-padding{
    padding:5% 0;
}
.inner-padding-top{
    padding-top: 5%;
}
.inner-padding-bottom{
    padding-bottom: 5%;
}

.transi {
    -webkit-transition: all 0.68s;
    -moz-transition: all 0.68s;
    -ms-transition: all 0.68s;
    -o-transition: all 0.68s;
    transition: all 0.68s;
}

.img_jz {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img_cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_container {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.flexcent{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.flexleft{
    display: flex;
    align-items: center;
    justify-content: left;
}
.flexright{
    display: flex;
    align-items: center;
    justify-content: right;
}
.flexsp{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.textover {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.over-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.over-line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.over-line-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.over-line-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.ali{
    font-family: ali;
}
.bold{
    font-weight: bold;
}
.textupper{
    text-transform: uppercase;
}
.hover:hover .pic{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.bg{
    background: #f9f9f9;
}
.alltitle{
    overflow: hidden;
    text-align:center;
    margin-bottom: 35px;
}
.alltitle .t1{
    margin-bottom: 8px;
    position: relative;
    background: url("../img/title-bg.png") no-repeat center;
}
.alltitle .t1 p{
    color:#323232;
    font-size:32px;
    text-align:center;
}
.alltitle .t2{
    font-size:14px;
    color:#808080;
}
.fix_head{
    position: fixed;
    width: 100%;
    height: 100px;
    top:0;
    left:0;
    background: #fff;
    z-index: 99;
}
.fix_head.act{
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
}
.head_logo{
    padding-left: 3%;
}
.head_logo img{
    height: 47px;
}
.head_logo .text{
    margin-left: 7px;
}
.head_logo .text .t1{
    font-size:26px;
    color:#292929;
}
.head_logo .text .en{
    font-size:12px;
    color:#636363;
}
.headMenm{
    width: 51%;
    height: 100%;
}
.head-tel{
    width: 245px;
    height: 100%;
    background: #d6000f;
    padding:0 3% 0 17px;
}
.head-tel p{
    margin-left: 8px;
    color:#fff;
    font-size:18px;
}
.headMenm .btn{
    width: 100px;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.headMenm .btn.sear{
    border-left:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
}
.headMenm .btn.lang{
    border-right:1px solid #f1f1f1;
}
.headMenm .btn.lang p{
    margin-left: 5px;
    color:#494949;
    font-size:16px;
}

.menuBox{
    width: calc(100% - 445px);
    height: 100%;
    padding-right: 3%;
}
.menuBox ul{
    height: 100%;
}
.menuBox ul li{
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.menuBox ul li a{
    font-size:16px;
    color:#292929;
}
.menuBox ul li:after{
    content:"";
    position: absolute;
    left:0;
    bottom:0;
    width: 0;
    height: 4px;
    background: #d6000f;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.menuBox ul li:hover:after
,.menuBox ul li.act:after{
    width: 100%;
}

.bannerSwiper{
    margin-top: 100px;
}
.bannerSwiper .swiper-slide .pic{
    width: 100%;
}
.bannerSwiper .btn{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: rgba(0,0,0,0.59);
    border:1px solid #fff;
}
.bannerSwiper .btn:after{
    font-weight: bold;
    color:#fff;
    font-size:22px;
}
.bannerSwiper .swiper-button-next{
    right: 3%;
}
.bannerSwiper .swiper-button-prev{
    left: 3%;
}
.banner-mouse{
    position: absolute;
    bottom:5%;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
    text-align:center;
}
.banner-mouse p{
    color:#fff;
    letter-spacing: 1px;
    font-size:14px;
}
.banner-mouse .mouse{
    width: 20px;
    height: 28px;
    border:2px solid #fff;
    border-radius: 9px;
    position: relative;
    margin:5px auto 0 auto;
}
.banner-mouse .mouse:after{
    width: 2px;
    height: 6px;
    background: #fff;
    animation: scrollMouse 1.1s infinite;
    position: absolute;
    content: "";
    left:50%;
    margin-left: -1px;
}
@keyframes scrollMouse {
    from {
        top: 3px;
    }
    to {
        top: 12px;
        opacity: 0;
    }
}

.bannerSwiper .swiper-slide{
    overflow: hidden;
}
.bannerSwiper .swiper-slide .pic{
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: transform 4s;
    transition: transform 4s;
}
.bannerSwiper .swiper-slide.swiper-slide-active .pic {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.in_company_box{
    height: 630px;
}
.in_company_box .imgbox{
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.comimgSwiper{
    width: 100%;
    height: 100%;
}
.comimgSwiper .pic{
    object-position: left top;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: transform 4s;
    transition: transform 4s;
}
.comimgSwiper .swiper-slide-active .pic{
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.comimgSwiper .swiper-pagination-bullet-active{
    background: #d6000f;
}
.comimgSwiper .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
}
.in_company_box .text{
    width: 50%;
    height: 100%;
    background: url("../img/incompanybg.jpg") no-repeat right bottom / cover;
}
.in_company_box .text .inner{
    width: 100%;
    padding:0 8% 0 4%;
}
.in_company_box .text .t1{
    padding-left:40px;
    background: url("../img/logo.png") no-repeat left center;
    background-size:30px;
    font-size:16px;
    color:#404040;
}
.in_company_box .text .t2{
    font-size:32px;
    color:#292929;
    margin:1% 0;
}
.in_company_box .text .t3{
    font-size:18px;
    color:#292929;
}
.in_company_box .text .line{
    width: 32px;
    height: 2px;
    background: #d6000f;
    margin:2.5% 0;
}
.in_company_box .text .t4{
    font-size:16px;
    color:#565656;
    line-height: 32px;
}
.in_company_box .text .more{
    display: block;
    width: 160px;
    line-height: 60px;
    text-align:center;
    background: #294197;
    font-size:16px;
    color:#fff;
    margin-top: 9%;
}
.in_company_box .text .more:hover{
    background: #d6000f;
}

.in_news{
    background: #eff4f8;
}
.in_news_item{
    padding-bottom: 25px;
    background: #fff;
}
.in_news_item .in_news_list{
    float: left;
    width: 50%;

}
.allnews{
    padding:0 25px;
    background: #fff;
}
.allnews a{
    display: flex;
    padding:25px 0;
    border-bottom:1px dashed #cbcbcb;
}
.allnews .imgbox{
    width: 270px;
    height: 185px;
    position: relative;
    overflow: hidden;
}
.allnews .text{
    width: calc(100% - 293px);
}
.allnews .text .title{
    font-size:20px;
    color:#3c3c3c;
}
.allnews .text .con{
    font-size:16px;
    color:#5e5e5e;
    line-height: 24px;
    margin:2% 0 4% 0;
}
.allnews .text .time{
    font-size:16px;
    color:#3c3c3c;
}
.allnews:hover{
    background: #294197;
}
.allnews:hover .text .title{
    color:#fff;
}
.allnews:hover .text .con{
    color:#fff;
}
.allnews:hover .text .time{
    color:#fff;
}
.in_news .news_more{
    width: 200px;
    height: 65px;
    background: #fff;
    margin:3% auto 0 auto;
}
.in_news .news_more p{
    margin-left: 10px;
    font-size:18px;
    color:#323232;
}
.in_news .news_more:hover{
    background: #d6000f;
}
.in_news .news_more:hover img{
    filter:brightness(1000%);
}
.in_news .news_more:hover p{
    color:#fff;
}
.allservice .imgbox{
    width: 100%;
    height: 227px;
    position: relative;
    overflow: hidden;
}
.allservice .imgbox .meng{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    background: rgba(41,65,151,0.7);
    text-align:center;
    opacity: 0;
}
.allservice:hover .imgbox .meng{
    opacity: 1;
}
.allservice .imgbox .meng .inner{
    width: 100%;
}
.allservice .imgbox .meng img{
    display: block;
    margin:0 auto;
}
.allservice .imgbox .meng a{
    display: inline-block;
    color:#fff;
    font-size:14px;
    border-radius: 30px;
    background: #294197;
    padding:3px 10px;
    margin-top: 10px;
}
.allservice .title{
    line-height: 55px;
    background: #eff4f8;
    text-align:center;
    font-size:18px;
    color:#383838;
}
.serviceSwiper .btn{
    width: 40px;
    height: 86px;
    background: rgba(0,0,0,0.6);
    top: 33%;
}
.serviceSwiper .btn:after{
    color:#fff;
    font-weight: bold;
    font-size:20px;
}
.serviceSwiper .swiper-button-next{
    right: 0;
}
.serviceSwiper .swiper-button-prev{
    left: 0;
}
.in_tender{
    background: #eff4f8;
}
.tender-type{
    margin-bottom: 30px;
}
.tender-type a{
    width: 33.2%;
    line-height: 80px;
    background: #fff;
}
.tender-type a p{
    font-size:20px;
    color:#444444;
    margin-left: 10px;
}
.tender-type a:hover
,.tender-type a.act{
    background: #d6000f;
}
.tender-type a:hover p
,.tender-type a.act p{
    color:#fff;
}
.tender-type a:hover img
,.tender-type a.act img{
    filter: brightness(1000%);
}
.tender-th{
    background: #294197;
}
.tender-item{
    display:none;
}
.tender-item .t{
    font-size:20px;
    color:#fff;
    line-height: 80px;
    text-align:center;
    border-right:1px solid #eff4f8;
}
.tender-item .t:last-child{
    border-right:none;
}
.tender-item .t01{
    float: left;
    width: 16%;
}
.tender-item .t02{
    float: left;
    width: 44%;
}
.tender-item .t03{
    float: left;
    width: 14%;
}
.tender-item .t04{
    float: left;
    width: 14%;
}
.tender-item .t05{
    float: left;
    width: 12%;
}
.tender-list .txt{
    text-align:center;
    line-height: 50px;
    background: #fff;
    font-size:16px;
    color:#303030;
    border-bottom:1px solid #eff4f8;
    border-right:1px solid #eff4f8;
    padding:0 1%;
    white-space: nowrap;
}
.tender-list .txt:last-child{
    border-right:none;
}
.tender-list:last-child .txt{
    border-bottom:none;
}
.tender-list a:hover{
    color:#d6000f;
}

.footbox{
    background: linear-gradient(to bottom,#1e378f,#4c63b6);
}
.footbox .f-link{
    border-bottom:1px solid rgba(255,255,255,0.5);
}
.footbox .f-link span
,.footbox .f-link a{
    display: inline-block;
    line-height: 70px;
    color:#fff;
    font-size:16px;
    margin-right: 15px;
}
.footbox .f-link a:last-child{
    margin-right: 0;
}
.footbox .f-link a:hover{
    color:#d6000f;
}
.footbox .f-menu{
    padding:2% 0;
}

.f-menu-top .menubox{
    float: left;
    width: 48%;
    display: flex;
    justify-content: space-between;
}
.f-menu-top .menubox .list .fir{
    font-size:18px;
    margin-bottom: 15px;
    color:#fff;
}
.f-menu-top .menubox .list a{
    display: block;
    font-size:16px;
    color:rgba(255,255,255,0.6);
    line-height: 35px;
}
.f-menu-top .menubox .list a:hover{
    color:#d6000f;
}
.f-menu-top .erbox{
    float: right;
    width: 165px;
    text-align:center;
}
.f-menu-top .erbox .imgbox{
    width: 100%;
}
.f-menu-top .erbox .imgbox img{
    width: 100%;
}
.f-menu-top .erbox p{
    color:#fff;
    font-size:14px;
    margin-top: 10px;
}
.f-menu-bottom{
    margin-top: 3%;
}
.f-menu-bottom .list{
    margin-right: 4%;
}
.f-menu-bottom .list:last-child{
    margin-right: 0;
}
.f-menu-bottom .list .icon{
    width: 45px;
    height: 45px;
    position: relative;
    border-radius: 4px;
    background: #294197;
    margin-right: 10px;
}
.f-menu-bottom .list:nth-child(even) .icon{
    background: #d6000f;
}
.f-menu-bottom .list .text .t1{
    font-size:14px;
    margin-bottom: 4px;
    color:#fff;
}
.f-menu-bottom .list .text .t2{
    font-size:18px;
    color:#fff;
}

.copy{
    background: #294197;
    height: 60px;
}
.copy .warpper{
    height: 100%;
}
.copy .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    font-size: 14px;
    color: #fff;
}
.copy .inner a{
    color: #fff;
}

.sbanner{
    width: 100%;
    height: 480px;
    position: relative;
    margin-top: 100px;
}
.sbanner .text{
    position: absolute;
    width:100%;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#fff;
    text-align:center;
}
.sbanner .text .t1{
    font-size:40px;
}
.sbanner .text .crumbs{
    padding-left:30px;
    background: url("../img/home-icon.png") no-repeat left center;
    font-size:16px;
    display: inline-block;
    color:#fff;
    margin-top: 15px;
}
.sbanner .text .crumbs a{
    color:#fff;
}

.type-a{
    margin-bottom: 4%;
    border: 1px solid #e7e7e7;
    border-bottom-color: #d60010;
}
.type-a a{
    width: 20%;
    text-align:center;
    font-size:16px;
    color:#353535;
    line-height: 70px;
    background: #fff;
    border-right:1px solid #e7e7e7;
}
.type-a a:last-child{
    border-right:none;
}
.type-a a:hover
 ,.type-a a.act{
    background: #d6000f;
    color:#fff;
}
.innertitle{
    text-align:center;
    margin-bottom: 45px;
}
.innertitle .t1{
    font-size:32px;
    color:#292929;
}
.innertitle .en{
    font-size:14px;
    color:#585858;
    margin-top: 8px;
}

.inner-company-fir .in_company_box {
    height: 514px;
}
.inner-company-fir  .in_company_box .text{
    background: #f6f6f6;
}
.inner-company-fir  .in_company_box .text img{
    margin:2% 0;
}

.allhonor .imgbox{
    display: block;
    padding:5px;
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border:1px solid #dadada;
}
.allhonor .imgbox:hover{
    border:2px solid #294197;
}

.inner-company-thr{
    height: 640px;
    background: url("../img/incombg.jpg") no-repeat center / cover;
}
.inner-company-thr .text{
    color:#fff;
    text-align:center;
    padding-top: 8%;
}
.inner-company-thr .text .t1{
    font-size:32px;
}
.inner-company-thr .text .t2{
    font-size:48px;
    margin:1.5% 0;
}
.inner-company-thr .text .en{
    font-size:12px;
}

.inner-service-list{
    float: left;
    width: 33.33%;
    padding: 0 1%;
    margin-bottom: 2%;
    height: 207px;
}
.inner-service-list .imgbox{
    float: left;
    width: 36%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.inner-service-list .imgbox .meng{
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    background: rgba(41, 65, 151, 0.7);
    opacity: 0;
}
.inner-service-list:hover .imgbox .meng{
    opacity: 1;
}
.inner-service-list .text{
    float: left;
    width: 64%;
    background: #eff4f8;
    height: 100%;
    padding: 5% 7%;
}
.inner-service-list .text .title{
    font-size:22px;
    color:#333;
    margin-bottom: 5%;
}
.inner-service-list .text .con{
    font-size: 15px;
    color: #666;
    line-height: 23px;
}
.inner-cultrue-list{
    float: left;
    width: 25%;
    padding:0 0.8%;
    margin-bottom: 1.6%;
}
.inner-cultrue-list .title{
    background: #eff4f8;
    text-align: center;
    font-size: 18px;
    color: #383838;
    line-height: 60px;
}

.inner-pointer-list{
    float: left;
    width: 16.66%;
    padding:0 0.8%;
    margin-bottom: 1.6%;
}
.inner-pointer-list .imgbox{
    height: 120px;
    border:1px solid #cacaca;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.inner-pointer-list .title{
    line-height: 45px;
    background: #f3f3f3;
    font-size:16px;
    color:#494949;
    text-align:center;
}
.inner-pointer-list:hover .imgbox{
    border:1px solid #294197;
}
.inner-pointer-list:hover .title{
    background: #294197;
    color:#fff;
}

.inner-news-list{
    float: left;
    width: 33.33%;
    padding:0 1.5%;
    margin-bottom: 3%;
}
.inner-news-list .imgbox{
    width: 100%;
    height: 310px;
    position: relative;
    overflow: hidden;
}
.inner-news-list .text{
    background: #f7f7f7;
    padding: 4% 4% 0 4%;
}
.inner-news-list .text .title{
    font-size: 20px;
    color: #3d3d3d;
    min-height: 50px;
}
.inner-news-list .text .time{
    height: 60px;
    border-top:1px solid #d3d3d3;
    margin-top: 4%;
}
.inner-news-list .text .time p{
    font-size:14px;
    color:#545454;
}
.inner-news-list .text .time span{
    display: block;
    width: 26px;
    height: 10px;
    background: url("../img/news-jian.png") no-repeat center;
}
.inner-news-list:hover .text{
    background: #294197;
}
.inner-news-list:hover .text .title{
    color:#fff;

}
.inner-news-list:hover .text .time{
    border-top:1px solid #7f8dc1;
}
.inner-news-list:hover .text .time p{
    color:#fff;
}
.inner-news-list:hover .text .time span{
    background: url("../img/news-jian2.png") no-repeat center;
}

.info_content{
    background: #fff;
    padding:4%;
}
.inner-title{
    text-align:center;
    margin-bottom: 4%;
}
.inner-title .fir{
    font-size:30px;
    color:#333333;
    text-align:center;
}
.inner-title .line{
    width: 50px;
    height: 2px;
    background: #d6000f;
    margin:2% auto;
}
.inner-title .sec{
    font-size:14px;
    color:#999999;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.sub {
    border-bottom: 1px dashed #e7e7e7;
    margin-bottom: 3%;
    padding-bottom: 2%;
    text-align: center;
}

.sub li {
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    margin-right: 15px;
    color: #666;
    padding-left: 30px;
}

.sub li a {
    display: inline-block;
    font-size: 16px;
    font-weight: lighter;
    color: #666;
}
.news_inner_item{
    font-size: 16px;
    color: #595757;
    line-height: 30px;
}
.news_inner_item img{
    max-width: 100%;
    margin:2% auto;
}
.news_inner_item table{
    width: 100%!important;
}
.news-info-inner{
    border-bottom: 1px solid #e5e5e5;
}

.goods-des-bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pro-des-bottom-left {
    width: 72%;
}
.pro-des-bottom-left-inner .inner-top {
    background: #fff;
    padding: 4%;
    margin-bottom: 5%;
}
.pro-des-bottom-left-inner .item {
    margin-bottom: 4%;
}
.pro-des-bottom-left-inner .item:last-child {
    margin-bottom: 0;
}
.inner-news-des .tbox {
    margin-bottom: 3%;
    padding-bottom: 3%;
    border-bottom: 1px solid #eee;
}
.inner-news-des .tbox .fir{
    font-size: 24px;
    color:#333;
}
.inner-news-des .tbox .sec{
    font-size: 14px;
    color:#777;
    margin-top: 1%;
}
.des-content{
    font-size: 15px;
    line-height: 30px;
    color: #333;
    text-align: justify;
}
.des-content img{
    max-width: 100%;
    display: block;
    margin:1% auto;
}
.des-content table{
    width: 100% !important;
    border-collapse: collapse;
}
.des-content table tr td{
    font-size: 15px;
    color: #3f3f3f;
    padding: 0 3%;
    border: 1px solid #ddd;
    line-height: 50px;
}

.zhutu img{
    max-width: 100%;
    display: block;
    margin:1% 0;
}

.pro-des-bottom-right{
    width: 25%;
}
.pro-des-bottom-right .inner{
    position: sticky;
    top: 100px;
}
.pro-title{
    width: 100%;
    background: #d6000f;
    height: 70px;
    padding:0 30px;
    position: relative;
}
.pro-title .en{
    text-transform: uppercase;
    font-size: 48px;
    font-family: Impact;
    color: #fff;
    opacity: 0.15;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    z-index: 1;
}
.pro-title .inner{
    z-index: 2;
    height: 100%;
}
.pro-title .inner span{
    display: inline-block;
    margin-left: 10px;
    color:#fff;
    font-size:24px;
    font-weight: bold;
}


.allsider-news ul{
    background: #fff;
    padding-bottom: 8%;
}
.allsider-news ul li{
    padding:0 8%;
}
.allsider-news ul li a{
    display: block;
    line-height: 70px;
    font-size: 18px;
    color: #666666;
    position: relative;
    border-bottom: 1px dashed #dfdfdf;
    padding-left: 21px;
}
.allsider-news ul li a:before{
    content:"";
    position: absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 11px;
    height: 10px;
    background: url("../img/newsbar.png") no-repeat center;
}
.allsider-news ul li a:hover{
    color:#d6000f;
}
.renli-item .list{
    float: left;
    width: 25%;
    text-align:center;
    line-height: 90px;
}
.renli-item .renli-th .list{
    font-size:18px;
    color:#3a3a3a;
    background: #f6f7f8;
    line-height: 90px;
}
.renli-item .renli-con-th .list{
    font-size:16px;
    color:#3a3a3a;
    cursor: pointer;
}
.renli-item .renli-con-th:hover .list{
    color:#d6000f;
}
.renli-item .renli-con-inner{
    border:1px solid #dedede;
    margin-top: 40px;
    box-shadow: 0 0 33px rgb(0 0 0 / 9%);
}
.renli-item .renli-con-text{
    padding:5% 10%;
    font-size:14px;
    line-height: 33px;
    color:#525252;
    box-shadow: inset 0 0 33px rgb(0 0 0 / 9%);
    display: none;
}
.renli-item .renli-con-text .t{
    font-size:18px;
    color:#3a3a3a;
    margin-bottom: 15px;
}
.inner-contact-fir{
    color:#fff;
    padding:5% 3%;
    background: url("../img/incontactbg.jpg") no-repeat center / cover;
}
.inner-contact-fir .t{
    font-size:24px;
    margin-bottom: 3%;
}
.inner-contact-fir .lxbox .list{
    float: left;
    margin-right: 3%;
}
.inner-contact-fir .lxbox .list:last-child{
    margin-right: 0;
}
.inner-contact-fir .lxbox .list>div{
    height: 33px;
}
.inner-contact-fir .lxbox .list p{
    color:#fff;
    margin-left: 5px;
}
.inner-contact-sec{
    margin:2% 0;
    height: 35vw;
}
#mymap{
    width: 100%;
    height: 100%;
}

.inner-contact-thr .list{
    float: left;
    width: 23%;
    margin-right: 2.6%;
    margin-bottom: 2.6%;
    background: #f7f7f7;
    padding:2% 2%;
}
.inner-contact-thr .list:nth-child(4n){
    margin-right: 0;
}
.inner-contact-thr .list .t{
    font-size:22px;
    color:#333;
}
.inner-contact-thr .list .line{
    width: 100%;
    height: 2px;
    background: #d7d7d7;
    position: relative;
    margin:6% 0;
}
.inner-contact-thr .list .line:after{
    content:"";
    position: absolute;
    left:0;
    bottom:0;
    width: 23px;
    height: 100%;
    background: #294197;
}
.inner-contact-thr .list .lx{
    font-size:16px;
    color:#333;
    line-height: 42px;
}
.inner-contact-thr .list .lx p{
    padding-left:30px;
}
.inner-contact-thr .list .lx p:nth-child(odd){
    background: url("../img/c-linkman-r.png") no-repeat left center;
}
.inner-contact-thr .list .lx p:nth-child(even){
    background: url("../img/c-mob-r.png") no-repeat left center;
}

.inner-contact-four{
    background: url("../img/inmesbg.jpg") no-repeat center / cover;
}

.inner-contact-four form .left{
    float: left;
    width: 45%;
}
.inner-contact-four form .right{
    float: right;
    width: 52%;
}
.inner-contact-four form .title{
    font-weight: bold;
    font-size:18px;
    color:#2b2b2b;
    line-height: 95px;
    background: #fff;
}
.inner-contact-four form .left .inputbox{
    margin-bottom: 30px;
    position: relative;
}
.inner-contact-four form .left .inputbox:last-child{
    margin-bottom: 0;
}
.inner-contact-four form .left .title{
    width: 115px;
    text-align:center;
    float: left;
}
.inner-contact-four form .left input{
    float: left;
    width: calc(100% - 115px);
    line-height: 95px;
    background: #fff;
    outline: none;
    text-indent: 20px;
    color:#333;
    font-size:14px;
}
.inner-contact-four form .left input::placeholder{
    color:#525252;
    font-size:14px;
}
.inner-contact-four form .left .inputbox .verify{
    position: absolute;
    width: 120px;
    height: 70px;
    right:10px;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.inner-contact-four form .left .inputbox .verify img{
    width: 100%;
    height: 100%;
}
.inner-contact-four form .right .title{
    padding-left: 23px;
    margin-bottom: 2px;
}
.inner-contact-four form .text{
    background: #fff;
    padding: 20px;
}
.inner-contact-four form .right textarea{
    width: 100%;
    height: 233px;
    color:#333;
    font-size:14px;
    resize: none;
}
.inner-contact-four form .right textarea::placeholder{
    color:#525252;
    font-size:14px;
}
.inner-contact-four form .submit {
    display: block;
    text-align:center;
    color:#fff;
    font-size:20px;
    line-height: 95px;
    background: #294197;
}
.inner-contact-four form .submit:hover{
    background: #d6000f;
}

.searchsm{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding:11% 0 5% 0;
    background: #f4f4f4;
    z-index: 98;
    display: none;
}

.seartoggle{
    width: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.seartoggle form{
    width: 512px;
}
.seartoggle input[type=text]{
    color: #333;
    width: 80%;
    border: none;
    float: left;
    height: 45px;
    font-size: 14px;
    padding-left: 36px;
    background: #ebebeb;
}
.seartoggle input[type=text]::placeholder{
    color: #666;
    font-size: 14px;
}
.seartoggle input[type=submit]{
    border: none;
    float: right;
    width: 20%;
    height: 45px;
    background: #ebebeb url(../img/search1.png) no-repeat center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.seartoggle .close{
    width: 34px;
    height: 45px;
    background:url(../img/colse-white.png) no-repeat center;
    background-size: 27px !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    margin-left: 30px;
}
.seartoggle .close:hover{
    transform: rotate(90deg);
}
.seartoggle .seartoggleinner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.kji{
    margin-bottom: 4%;
    text-align:center;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-danger {
    color: #fff;
    background-color: #cc3131;
}
.text-white {
    color: #fff!important;
}
.base_bg {
    background-color: #0e54ad;
}
.headMenm .btn.smxiala{
    display: none;
}
.sm-button-xian{
    width: 26px;
    height: 15px;
    position: relative;
    cursor: pointer;
}
.sm-button-xian span {
    display: block;
    position: absolute;
    height: 2px;
    background-color: #000;
    right: 0;
}
.sm-button-xian span.lin-top{
    top:0;
    width: 70%;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
}
.sm-button-xian span.lin-cent {
    top: 6px;
    width: 100%;
}
.sm-button-xian span.lin-bottom {
    bottom: 0;
    width: 70%;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
}
.sm-button-xian:hover span{
    width: 100%;
}

.sm-nav{
    position: fixed;
    top:0;
    left:0;
    z-index: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    -webkit-transform: translate(-100%,0);
    -moz-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    -o-transform: translate(-100%,0);
    transform: translate(-100%,0);
}
.sm-nav.active{
    visibility: visible;
    z-index: 1001;
    transition: all 0.5s ease 0s;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.sm-nav-box{
    width: 63%;
    height: 100%;
}
.sm-nav .t{
    line-height: 55px;
    background: #000;
    font-weight: bold;
    color: #fff;
    font-size:18px;
    padding:0 10%;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sm-nav .xian{
    width: 23px;
    height: 16px;
    position: relative;
}
.sm-nav .xian span{
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left:0;
}
.sm-nav .xian span.lin-top{
    top: -1px;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sm-nav .xian span.lin-bottom{
    bottom:0;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sm-nav-bottom{
    width: 100%;
    height: calc(100% - 55px);
    background: #fff;
    overflow-y: auto;
}
.sm-nav-bottom ul li a{
    display:flex;
    align-items: center;
    justify-content: left;
    height: 50px;
    padding:0 8%;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
}
.sm-nav-bottom ul li a .icon{
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 6%;
}
.sm-nav-bottom ul li a span{
    font-size:14px;
    color: #444;
}
.sm-nav-bottom ul li a i{
    width: 30px;
    height: 30px;
    position: absolute;
    right:10%;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../img/sm-jian.png") no-repeat center / contain;
    background-size: 60%;
}
.sm-nav-bottom ul li .erji{
    display: none;
}
.sm-nav-bottom ul li .erji a{
    margin-left: 15px;
}



