@charset "utf-8";



.header {position: absolute;top: 0;left: 0;z-index: 22;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.inheader{background-color:#040000;position: fixed;}
.transp-header {box-shadow: none;position:relative;background-color:#040000;}
.transp-header .header-nav-ul > li > a {}
.transp-header .header-extra-ul{color:#333;}

/* secondary nav */
.transp-header .header-nav-ul > li > ul {
    display: none;
    background: #fff;
}

.transp-header .header-nav-ul > li:hover > ul {
    display: block;
}

.transp-header .header-nav-ul > li > ul > li > a {
    color: #000;
}

.transp-header .header-nav-ul > li > ul > li > a:hover {
    color: #fff;
    background: #f7931e;
}

@media(min-width:1848px) {
.swiper-container{ display:block;}
.swiper-container_wap{ display:none;}
#banner .pagination {
position: absolute;
left: 0;
text-align: center;
bottom: 25px;
width: 100%;
z-index:999;
}
#banner .swiper-pagination-bullet {
display: inline-block;
width: 26px;
height: 16px;
opacity:1;
border-radius: 8px;
background: white;
margin: 0 3px;
cursor: pointer;
transition: width 0.3s ease-in-out;

}
#banner .swiper-pagination-bullet-active{
    background: #fdd000;
    width:16px;
}
}
@media(min-width:800px) {
    body{ overflow-x: hidden; }
.swiper-container{ display:block;}
.swiper-container_wap{ display:none;}
#banner .pagination {position: absolute;left: 0;text-align: center;bottom: 4px;width: 100%;z-index:999;}
#banner .swiper-pagination-bullet {display: inline-block;width: 14px;height: 14px;opacity:1;border-radius: 8px;background: #fff;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active{
    width: 14px;
    border: 2px solid #fff;
    background-color: transparent;
}
}


#banner .swiper-wrapper img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.swiper-button-prev{background:url(../images/prev.png) no-repeat;width: 50px !important;height: 115px !important;left: 150px !important;}
.swiper-button-prev:hover{ background-image:url(../images/prev_hover.png);}
.swiper-button-next{background:url(../images/next.png) no-repeat;width: 50px !important;height: 115px !important;right: 150px !important;}
.swiper-button-next:hover{ background-image:url(../images/next_hover.png);}
.swiper-button-prev:after,.swiper-button-next:after{ display:none;}
.section-title2 { position: relative; padding: 0 20px; }
.section-title2 > div { position: relative; z-index: 2; }
.section-title2:before { content: ''; display: block; position: absolute; bottom: -5%; left: 0; z-index: 1; width: 100%; background: #5387ea; height: 30%; }

.myfa { display: inline-block; vertical-align: middle; background: url(../images/myfa.png) no-repeat; }
.myfa.myfa-phone { width: 20px; height: 20px; background-position: 0 0; }
.myfa.myfa-bars {width: 34px;height: 31px;background-position: -153px -2px;margin: -43px 6px 0 0;}
.myfa.myfa-close {width: 20px;height: 20px;background-position: -58px 0px;}
.myfa.myfa-plus { width: 20px; height: 20px; background-position: -78px 0; }
.whiteblock {width: 100%;margin-bottom: 10px;}
.myfa.myfa-search { width: 20px; height: 22px; background-position: -109px 0;}
/* nav */
.nav_w {position: fixed;left: 150%;top: 0%;z-index: 99999999;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);min-width: 340px;}
.nav_m {width: 70%;left: 50%;top: 100%;background: #fff;overflow: auto;box-shadow: 4px 0 12px rgba(0, 0, 0, 0.4);float:right;height: 100%;}
.nav_head {height: 94px;padding: 0 10px;margin-bottom: 10px;background-color: #f7931e;}
.nav_head .nav_logo {height: 36px;margin-top: 31px;margin-left: calc(50% - 106px);width: 194px;}
.nav_head .nav_logo img {height: 80%;}
.nav_head .bars_close_btn {line-height: 3em;color: #666;font-size: 16px;margin: 18px 8px 0 0;}
.nav_m nav { width: 100%; padding: 0 20px; }

/* .nav_m nav ul {padding:0.5em 0} */
.nav_m nav li {position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.04);}
.nav_m nav li a {position: relative;width: 100%;display: block;line-height: 4em;color: #666;font-size: 1.1em;/* padding: 0 2em; */}
.nav_m nav li a .myfa-plus {display: inline-block;float: right;margin-top: 22px;}
.nav_m nav li.on a .myfa-plus { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); *}
.nav_m nav li:hover {   /* border-bottom: 1px solid rgba(255, 255, 255, 0.7) */ }
.nav_m nav li ul { display: none;   /*border-bottom: 5px solid #167e1c;*/ border-top: 1px solid rgba(0, 0, 0, 0.1); }
.nav_m nav li li {/* height: 2.6em; */

border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.nav_m nav li li:last-child { border: 0; }
.nav_m nav li:hover li a, .nav_m nav li li a {display: block;width: 100%;position: relative;z-index: 2;color: #999;background: #fff;font-size: 13px;padding: 0 2em;font-weight: normal;}
.nav_m nav li li:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
.nav_m nav li.on ul { display: block; }

.nav_m nav li.halfli { padding: 0; }
.nav_m nav li.halfli a {width: 50%;float: left;text-align: center;padding: 0;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.nav_m nav li.halfli a:last-child { border-right: 0; }
.nav_m .agroup { padding: 10px 20px; }
.nav_m .agroup a { width: 38px; height: 38px; background: #222; color: #fff; border: 1px solid #666; border-radius: 50%; -webkit-border-radius: 50%; font-size: 18px; line-height: 36px; text-align: center; margin-right: 14px; }

/*banner改成单张图*/
.banner_gai{ margin-top:80px;}
.banner_gai01{display:block;}
.banner_gai02{display:none;}
.banner_gai01 img{display: block;width: 100%;}
.banner_gai02 img{display: block;width: 100%;}
/*about*/
.about_bg{height:700px;}
.about_bg .header-content {position: relative; }
.about_bg>* {margin-left: auto; margin-right: auto;}
.about_bg .background-container {}
.background {display: flex;min-width: 100%;min-height: 100%;position: relative;z-index: -1;overflow: hidden;}
.background .background-video-container {display: flex;width: auto;min-width: 100%;height: auto;min-height: 100%; position: absolute;
    top: 0;}
.background .background-video-container video {width: auto; min-width: 100%; min-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.about_bg{position: relative;}
.about_bg .about_txt{background-color: rgba(11,17,31,.8);position: absolute;left: 0;top: 0;width: 100%;height: 700px;padding-top: 70px;}
.about_bg .about_txt .ab_top span{ display: inline-block;width: 72px;height: 67px;background: url(../images/ab_yin.png) no-repeat; }
.about_bg .about_txt .ab_top p span{transform: rotate(-180deg);position: absolute;bottom: -1px;margin-left: 30px;}
.about_bg .about_txt .ab_top h4{ font-size: 100px; color: #f7931e;font-family: "Alibaba-PuHuiTi-Heavy"; }
.about_bg .about_txt .ab_top p{font-size: 70px;color: #f7931e;font-family: "Alibaba-PuHuiTi-Heavy";margin-top: 10px;display: inline-block;position: relative;}
.about_bg .about_txt .ab_top p a{font-size: 23px;font-family:"微软雅黑";border:1px solid #f7931e;margin-left: 140px;padding: 4px 19px;position: absolute;bottom: 18px;}
.about_bg .about_txt .ab_shu{margin-top: 30px;}
.about_bg .about_txt .ab_shu .ab_shu_co{float: left;position: relative;margin-right: 70px;text-align: center;color: #f7931e;font-size: 20px;} 
.about_bg .about_txt .ab_shu span{font-family: BEBAS; font-size: 100px; color: #f7931e;}
.about_bg .about_txt .ab_shu em{font-family: "微软雅黑";font-size: 20px;color: #f7931e;position: absolute;top: 10px;}
.about_bg .about_txt .ab_shu p{font-family: "Alibaba-PuHuiTi-Heavy"; margin-top:10px;}

/*serv*/
.serv{background: url(../images/serv_bg.jpg) no-repeat;height: 778px;padding: 80px 0;background-size: cover;}
.serv .container{ position: relative; }
.tit{ text-align: center;margin-bottom: 60px; }
.tit h2{color: #f7931e;font-size: 44px;display: inline-block;position: relative;}

.serv .serv_fl{width: 490px;float: left;position: relative;height: 563px;}
.serv .serv_fl .serv_se{width: 234px;height: 563px;background-color: #f7931e;position: absolute;left: -36px;bottom: -36px;}
.serv .serv_fl .serv_img{ position: absolute; width: 450px; height: 563px; }
.serv .serv_nav{position: absolute;left: 468px;top: 35px;z-index: 9;}
.serv .serv_nav li{width: 210px;background-color: #fff;padding: 20px 0 40px 0;text-align: center;margin-bottom: 1px;position: relative;}
.serv .serv_nav li:before{position:absolute;content:"";background: url(../images/serv_nav.png) no-repeat 6px center;width:17px;height:17px;background-color:#e5e5e5;bottom:10px;border-radius:100px;left:50%;margin-left:-8px;}
.serv .serv_nav li.on a{ color: #f7931e; }
.serv .serv_nav li.on:before{ background-color: #f7931e; }

.serv .serv_nav li a{font-size: 18px; color: #000;font-weight: bold;}
.serv .serv_nav li a:hover{ cursor:pointer}
.serv .serv_rt{ width: 684px; float: right; }
.serv .serv_rt .serv_rt_box{width:500px; float:right;}
.serv .serv_rt .serv_rt_box>span{font-size: 28px;color: #fff;font-weight: bold;display: inline-block;margin: 30px 0 20px 0;}
.serv .serv_rt .serv_rt_box>p{font-size: 15px;color: #fff;line-height: 34px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;height: 130px;overflow: hidden;}
.serv .serv_rt .serv_rt_box>a{padding: 12px 30px;display: inline-block;margin:20px 0;}
.serv .serv_rt .serv_more{border:1px solid #f7931e;color: #f7931e;transition:all 1s;}
.serv .serv_rt .serv_more:hover{background-color: #f7931e;color: #fff;}
.serv .serv_rt .serv_shop{background-color: #f7931e;color: #fff;transition:all 1s;}
.serv .serv_rt .serv_shop:hover{border:1px solid #f7931e;color: #f7931e; background:transparent;}

.serv .serv_rt .serv_anli>a{color: #fff;display: block;background: url(../images/anli_link.png) no-repeat left center;padding: 10px 10px 10px 26px;}
.serv .serv_rt .serv_anli .anli_co{float: left;width: 329px;height: 229px;margin-right: 26px;margin-top: 10px;position: relative;}
.serv .serv_rt .serv_anli .anli_co:last-child{ margin-right: 0; }
.serv .serv_rt .serv_anli .anli_co img{ width: 100%; height: 100%; }
.serv .serv_rt .serv_anli .anli_co .anli_txt{ position: absolute;bottom: 0; background-color: rgba(0,0,0,0.5); width: 100%; text-align: center;}
.serv .serv_rt .serv_anli .anli_co .anli_txt a{display: inline-block;width: 100%;line-height: 46px;color: #fff;transition: all 0.3s;position: relative;height: 46px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.serv .serv_rt .serv_anli .anli_co:hover .anli_txt{background-color: rgba(247,147,30,0.5); }
.serv .serv_rt .serv_anli .anli_co:hover .anli_txt a{line-height: 229px;height: 229px;}
.serv .serv_rt .serv_anli .anli_co:hover .anli_txt a:before{content: "";position: absolute;width: 50px; height: 50px; background: url(../images/anli_jia.png) no-repeat #fff center; border-radius: 100px; right: 15px;top: 15px;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat #000 center;height: 748px;padding:100px 0;/* background-position: 50%; */}
.ys_bg p{text-transform: uppercase;color: #f7931e;font-size: 90px;font-family: BEBAS;line-height: 100px;margin-bottom: 20px;letter-spacing: 7px;}
.ys_bg span{font-size: 64px;font-family: "Alibaba-PuHuiTi-Heavy";color: #f7931e;}
.ys_bg .ys_line{width: 55px;height: 11px;background-color: #f7931e;margin: 40px 0 40px 4px;}
.ys_bg em{font-size: 44px; font-family: "Alibaba-PuHuiTi-Heavy";color: #fff;}
/*news*/
.news_bg{height: 840px;background: url(../images/news_bg.jpg) no-repeat;padding:80px 0;width: 100%;background-size: cover;}
.news_bg .news_nav{ border-bottom: 2px solid #f7931e;margin-bottom: 20px; }
.news_bg .news_nav li{ line-height: 40px;float: left; }
.news_bg .news_nav li.on{background-color:#f7931e;  }
.news_bg .news_nav li a{padding: 0 20px; color: #fff; }
.news_bg .news_nav li a:hover{color:#f7931e; }
.news_box .news_le{float: left;width: 630px;height: 430px;}
.news_box .news_le .news_img{ width: 366px; height: 430px; float: left;}
.news_box .news_le .news_img img{width: 100%;height: 100%;object-fit: cover;}
.news_box .news_le .news_le_txt {float: left;width: 264px;height: 100%;}
.news_box .news_le .news_le_txt a{background-color: #fff;float: left;width: 264px;height: 100%;padding: 40px 26px; position:relative;}
.news_box .news_le .news_le_txt a:before{ content:"";position:absolute;display:block; width:30px; height:12px; background:url(../images/news_more.png)no-repeat;bottom:100px;}
.news_box .news_le .news_le_txt span{font-size: 20px;line-height: 30px;height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_box .news_le .news_le_txt span:hover{ color:#f7931e;}
.news_box .news_le .news_le_txt em{color:#dbdbdb; font-size:16px; display:block; margin:30px 0;}
.news_box .news_le .news_le_txt p{color:#5d5d5d;font-size:14px;line-height:26px;height: 104px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}


.news_box .news_rt{float: right;width: 548px;background-color:#fff;padding: 34px 24px;}
.news_box .news_rt .news_co{margin-bottom: 30px;border-bottom:1px solid #f1f1f1;padding-bottom: 30px;}
.news_box .news_rt .news_co:last-child{margin-bottom: 0;border-bottom:none;padding-bottom: 0;}
.news_box .news_rt .news_co_img{ width: 93px; height: 78px; position:relative; float:left;}
.news_box .news_rt .news_co_txt{ float:right;width:388px;}
.news_box .news_rt .news_co_txt a{font-size: 18px;color: #000;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 18px;overflow: hidden;}
.news_box .news_rt .news_co_txt a:hover{ color: #f7931e; }
.news_box .news_rt .news_co_txt p{font-size: 14px;color: #5d5d5d;line-height: 26px;margin-top: 10px;height: 52px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_box .news_rt .news_co_img img{width: 100%; height: 100%; object-fit:cover; }

.news_bg .news_more{text-align: center;margin-top: 40px;}
.news_bg .news_more a{text-align: center;padding: 14px 60px;color: #f7931e;border:1px solid #f7931e;display: inline-block; font-size:16px;}
/*
-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);*/

/*伙伴*/
.hb_bg{ background-color: #fff; padding: 60px 0; }
.hb_bg .hb_co{background-color: #fff;width: 7.142%;float: left;}
.hb_bg .hb_co img{/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */filter: gray;height: 4.479vw;transition: all 0.3s;}
.hb_bg .hb_co:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%);filter: none; cursor: pointer;-webkit-transform:scale(1.4,1.4);-moz-transform:scale(1.4,1.4);-ms-transform:scale(1.4,1.4);-o-transform:scale(1.4,1.4);transform:scale(1.4,1.4) }
.hb_top .hb_top_co{float: left;width: 19%;border:1px solid #f7931e;border-radius: 4px;text-align: center;padding: 10px 0;margin: 0 1.25% 20px 0;box-sizing: border-box;}
.hb_top .hb_top_co:nth-child(5n){ margin-right:0;}
.hb_top .hb_top_co span{color: #f7931e;font-size: 18px;display: block;font-family: 'Alibaba-PuHuiTi-Bold';line-height: 24px;}
.hb_top .hb_top_co em{color: #808080;font-size: 16px;font-family: 'Alibaba-PuHuiTi-Regular';}


/*fo*/
.footer-4{ width: 434px; }
.footer i{width: 19px;height: 17px;display: inline-block;text-align: center;}
.footer i.fo_ico01{ background: url(../images/fo_01.png) no-repeat; }
.footer i.fo_ico02{ background: url(../images/fo_02.png) no-repeat; }
.footer i.fo_ico03{ background: url(../images/fo_03.png) no-repeat; }
.footer-1 p{ color: #898989; }