@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*demo CSS*/
img{
    max-width: 100%;
    max-height: 100%;
}


.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background-color: #fff;
  box-shadow: 1px 1px 15px 0px 
  rgba(4, 0, 0, 0.1);
  }
.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;background-color: #f7faff;}
.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: 9;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: 77px;padding: 0 10px;margin-bottom: 10px;background-color: #f1f1f1;}
.nav_head .nav_logo {height: 25px;margin-top: 23px;margin-left: calc(50% - 106px);width: 176px;}
.nav_head .nav_logo img { height: 100%; }
.nav_head .bars_close_btn {line-height: 3em;color: #666;font-size: 16px;margin: 10px 10px 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; }
.nav_login{float:right;margin-top: 31px;}
.nav_login a{background-color: #b72721;color: #fff !important;margin: 0 !important;font-size: 14px !important;}



/*banner*/
.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%);background-size: cover;}
.banner_bg {
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
    max-width: 1920px;
    overflow: hidden;
}
.banner_bg .banner_txt{/* background-color: rgba(11,17,31,.8); */position: absolute;left: 50%;top: 0;width: 610px;text-align: center;margin-top: 210px;z-index: 999;margin-left: -305px;}

.banner_bg .banner_txt span{font-size: 70px;color: #343434;position: relative;font-weight: bold;}
/*.banner_bg .banner_txt span:before{content: "";position: absolute;width: 42px;height: 42px;background: url(../images/banner_jia.png) no-repeat center #3f4a53;border-radius: 100px;right: -50px;top:0;}*/
.banner_bg .banner_txt em{font-size: 28px;color: #2d3134;display: block;margin-top: 30px;letter-spacing: 8px;/* padding-left: 50px; */}

/*about*/
.w{ width: 1200px; margin:0 auto; }
.about_bg{background: url(../images/about_bg.jpg) no-repeat center;height: 600px;margin-bottom: 120px;padding-top: 80px;position: relative;}
.about_bg .ab_tit{ width: 347px; height: 74px;background: url(../images/ab_tit.png) no-repeat; }
.about_bg p{width: 834px;height: 160px;overflow: hidden;line-height: 33px;color: #555;margin: 34px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.ab_sj{width: 954px;height: 214px;background-color: #ffffff;box-shadow: 1px 1px 15px 0px rgba(4, 0, 0, 0.1);padding: 55px 0;position: absolute;bottom: -20px;}
.ab_sj .ab_co{float: left;padding: 0 51px;border-right: 1px solid #eaeaea;text-align: center;}
.ab_sj .ab_co:last-child{ border-right: none; }
.ab_sj .ab_co em{font-size: 18px;color: #555;display: block; margin-bottom: 30px;}
.ab_sj .ab_co span{font-size: 50px;color: #b72721;font-family: Arial;}
.ab_sj .ab_co i{font-size: 16px;color: #555;font-style: normal;display: inline-block;margin-left: 10px;}

/*serv*/
.serv_bg{ background: url(../images/serv_bg.jpg) no-repeat center; max-width:1920px;height: 500px;padding: 50px 0;margin:0 auto; }
.serv_bg .serv_tit{float: left;width: 20%;padding-left: 6%;border-right: 1px solid rgba(255,255,255,.5);height: 410px;padding-top: 104px;}
.serv_bg .serv_tit span{ font-size: 32px;color: #fff; }
.serv_bg .serv_tit p{ font-size: 16px;color: #fff; }
.serv_bg .serv_tit .serv_line{ width: 50px; height: 4px;background-color: #fff;margin: 26px 0; }
.serv_bg .serv_co{float: left;width: 20%;border-right: 1px solid rgba(255,255,255,.5);padding-left: 6%;height: 410px;padding-top:100px;}
.serv_bg .serv_co:last-child{ border-right:none;}
.serv_bg .serv_co:hover{ background-color:rgba(183,39,33,.9);}
.serv_bg .serv_co{background: linear-gradient(269deg,#b72721,#b72721) no-repeat;background-size: 0 20%;transition: all .35s;cursor: pointer; opacity:0.9;}
.serv_bg .serv_co:hover{background-size: 100% 100%;  }


.serv_bg .serv_co i{display: block;width: 65px; height: 65px; }
.serv_bg .serv_co span{ font-size:24px; color:#fff; font-weight:bold;display:block;margin:28px 0;}
.serv_bg .serv_co .serv_more{ font-size:14px; color:#fff;display:block; padding-left:30px; background:url(../images/serv_more.png) no-repeat; line-height:20px;}

/*伙伴*/
.tit{ text-align: center; margin: 88px 0 50px 0; }
.tit span{ font-size: 40px;color: #313133; }
.tit p{ font-size: 16px;color: #b72721; margin-top: 20px; }
.part_main{
    padding: 0 5%;
    margin-bottom: 40px;
    position: relative;
}
.part_main .part_co{float: left;border-top: 1px solid #eee;padding: 20px;position:relative;}
.part_main .part_co img{ width:242px; height:147px;}
.part_main .part_co:hover img{ box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.1);}
.part_main .part_co:before{content:"";display:block;width: 1px;height: 111px;background-color: #eeee;position:absolute;top: 36px;right: 0;}
.part_main .part_co:nth-child(1),.part_main .part_co:nth-child(2),.part_main .part_co:nth-child(3),.part_main .part_co:nth-child(4),.part_main .part_co:nth-child(5),.part_main .part_co:nth-child(6){ border-top:none;}
.part_main .part_co:nth-child(6n):before{ display:none;}


/*轮播伙伴*/
#head-carousel .is-carousel {height: 300px;}
#head-carousel .video-item {width: 711.11111111111px;height: 300px;}
#head-carousel #metro-carousel .video-item .item-thumbnail img {width: 711.11111111111px;}
#head-carousel #metro-carousel .video-item>.video-item {width: 285px;height: 147px;position: relative;padding: 10px;}
#head-carousel #metro-carousel.is-carousel .carousel-button a,#head-carousel #big-carousel.is-carousel .carousel-button a {height: 280px;line-height: 280px;}
#head-carousel #metro-carousel.is-carousel .carousel-button a i,#head-carousel #big-carousel.is-carousel .carousel-button a i { color:#fff}
#head-carousel #metro-carousel .video-item>.video-item:before{content:"";display:block;width: 1px;height: 111px;background-color: #eeee;position:absolute;top: 20px;right: 0;z-index: 99;}
#head-carousel #metro-carousel .video-item>.video-item:hover .item-thumbnail{box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.1);}






/*news*/
.news_bg{/* height: 906px; */background-color: #f2f2f2;padding: 1px 10% 60px 10%;max-width:1920px;margin:0 auto;}
.news_main{}
.news_main .news_le{float: left;position: relative;width: 33.33%;height: 616px;}
.news_main .news_le img{width: 100%;height: 100%;object-fit: cover;}
.news_main .news_le .news_txt{position: absolute;bottom: 50px;padding: 0 20px;}
.news_main .news_le .news_txt .news_lei01{background-color: #b72721;color: #fff;font-size: 30px;padding: 12px 20px 16px 20px;display: inline-block;}
.news_main .news_le .news_txt .news_le_tit{color: #fff;font-size: 19px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 20px;overflow: hidden;margin: 20px 0;padding-left: 20px;position: relative;}
.news_main .news_le .news_txt .news_le_tit:hover{color: #b72721}
.news_main .news_le .news_txt .news_le_tit:before{ content:"";position:absolute; width:8px; height:8px; background-color:#fff; left:.0;border-radius:100px; top:7px;}
.news_main .news_le .news_txt em{color: #999;font-size: 14px;padding-left: 20px;}

.news_main .news_ct{float: left;width: 32.33%;margin-left: 1%;}
.news_main .news_ct .news_ct_co{background-color: #fff;padding: 4% 6%;height: 298px;margin-bottom: 20px;}
.news_main .news_ct .news_ct_co .news_ct_tit{font-size: 19px;color: #343434;line-height: 36px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 72px;overflow: hidden;}
.news_main .news_ct .news_ct_co p{font-size: 16px;color: #999;line-height: 30px;border-bottom:1px solid #eee;margin: 10px 0 12px 0;padding-bottom: 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 68px;overflow: hidden;}
.news_main .news_date{width: 100px;text-align:center;float: left;}
.index_new_img img{object-fit:cover;height: 100%; width:100%;}
.index_new_img{width: 100%;text-align:center;height:160px;margin-bottom: 20px;}
.news_main .news_date span{font-size: 55px;color: #999;display: inline-block;margin-bottom: 6px;}
.news_main .news_date em{font-size: 14px;color: #999;}
.news_main .news_lei{background-color: #adadad;display:inline-block;padding: 5px 7px;color: #fff;font-size: 14px;margin-top: 50px;margin-left: 10px;position: relative;}
.news_main .news_lei:before{content:"";position:absolute;display:block;width: 29px;height: 9px;background:url(../images/news_more.png) no-repeat;right: -190%;top: 10px; display:none;}

.news_main .news_ct .news_ct_co:hover .news_lei{background-color: #b72721;}
.news_main .news_ct .news_ct_co:hover .news_ct_tit{color: #b72721;}
.news_main .news_ct .news_ct_co:hover .news_date span{color: #b72721;}
.news_main .news_rt .news_co:hover .news_lei{background-color: #b72721;}
.news_main .news_rt .news_co:hover .news_rt_tit{color: #b72721;}
.news_main .news_rt .news_co:hover .news_date span{color: #b72721;}

.news_main .news_rt{}
.news_main .news_rt .news_co{background-color:#fff;margin-bottom: 20px;height: 370px;padding: 1%;float: left;width: 32.33%;margin-left: 1%;}
.news_main .news_rt .news_rt_txt{float: left;width: calc(96% - 100px);margin: 0 0 0 4%;padding-left: 4%;border-left: 1px solid #eee;}
.news_main .news_rt_txt .news_rt_tit{display:block;font-size: 16px;color: #343434;line-height: 30px;height: 90px;overflow: hidden;}
.news_main .news_rt_txt .news_lei{float:none;margin-left: 0;margin-top: 14px;}
.news_main .news_rt_txt .news_lei:before{right: -224%;}
.news_main .news_rt_txt span{display:block;font-size: 14px;color: #999;margin-top: 10px;}
.news_main .news_rt .news_co1 {
    height:340px;
}
.news_main .news_rt .news_rt_txt1 {
    float: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border: 0;
}
.news_main .news_rt_txt1 .news_rt_tit {
    display: block;
    font-size: 16px;
    font-weight:bold;
    color: #343434;
    line-height: 30px;
    height: 40px;
    overflow: hidden;
    text-align:center;
}
.news_main .news_rt .news_rt_txt1  p {
    line-height:28px;
    color:#787878;
    margin-bottom:0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
}
/*fo*/
.footer {
    background-color: #38373d;
    padding: 60px 0 24px 0;
}

.footer-4 {text-align: center;width: 130px;float: right;margin-top: 20px;}
.footer-4 img{width: 112px;height: 112px;border-radius: 5px;}
.footer-4 span{display: block;color: #afaeb0;font-size: 14px;}
.ban{ border-top: 1px solid #434343; line-height: 52px; text-align: center;background-color: #38373d; color: #fff; }

.ban span{font-size: 14px; }

/*动态banner*/
.banner_dtbg_wap{ display: none; }
.banner_dtbg{ display: block; }
.banner_dtbg,.banner_dtbg_wap{display: block;color: #fff;/*background: linear-gradient(-45deg, rgba(9,69,138,0.2), rgba(68,155,255,0.7), rgba(117,113,251,0.7), rgba(68,155,255,0.7), rgba(9,69,138,0.2));*/background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;position: absolute;height: 300px;z-index: 999;top: 0;width: 100%;}