@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: 999;
  background-color: rgba(0,0,0,.5);
  box-shadow: 1px 1px 15px 0px 
  rgba(4, 0, 0, 0.1);
  transition: all 0.3s;
  }
.transp-header {box-shadow: none;position:relative;background-color:#040000;}
.transp-header .header-nav-ul > li > a {}
.transp-header .header-extra-ul{color:#333;}



@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: 12px;height: 12px;opacity:1;border-radius: 8px;background: #fff;margin: 0 5px;cursor: pointer;transition: width 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active{
    width: 33px;
}
}


#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: -35px 6px 0 0;display: none;}
.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: 78%;left: 50%;top: 100%;background: rgba(0,0,0,0.85);overflow: auto;box-shadow: 4px 0 12px rgba(0, 0, 0, 0.4);float:right;height: 100%;/* display: none; */}
.nav_head {height: 77px;padding: 0 10px;margin-bottom: 10px;background-color: rgba(0,0,0,.5);}
.nav_head .nav_logo {height: 34px;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: 12px 19px 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(255, 255, 255, 0.2);}
.nav_m nav li a {position: relative;width: 100%;display: block;line-height: 4em;color: #fff;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: rgba(0,0,0,0.8);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: 43px;}

.w{ width: 1200px; margin:0 auto; }


/*header*/
.header-nav-ul > .he_login{background:url(../images/head_lo.png) no-repeat left 28px;margin-left: 15px;margin-right: 70px;}
.header-nav-ul > .he_login > a {padding: 0 0px;margin: 32px 0 0 0;display: inline-block;}
.header.header_guding{height: 100px;background-color: #fff;}
.header.header_guding .header-nav{ height: 100px  }
.header.header_guding .header-nav-ul{margin-top: -10px;}
.header.header_guding .header-nav .logo{margin-top: 10px;display: none;}
.header.header_guding .header-nav .logo_red{display: block;position: absolute;left: 0;width: 275px;height: 78px;vertical-align: middle;margin-top: 10px;transition: all 0.3s;}
.header.header_guding .header-nav-ul>li>a{color:#333;}
.header.header_guding .header-nav-ul>li i{color:#333;}

/*语言*/
.nav_login .head_lang .top-menu { position:relative;  font-size: 14px; }
.nav_login .head_lang .top-menu a {color:#333;margin-top: 0;padding: 0 17px;}
.nav_login .head_lang .top-menu>a:hover { color:#0078d6; text-decoration:none; display:block; background-color:#e6ecf6; border-radius:100px; }
.nav_login .head_lang .top-menu .top-side {background: none;display:block;padding: 10px 18px;position: relative;z-index: 4;cursor: pointer;border-radius: 3px;background-color: #e51f1f;color: #fff;width: 90px;}
.nav_login .head_lang .top-menu .top-side span{display:inline-block;}
.nav_login .head_lang .top-menu .top-side i {display: inline-block;margin-left: 8px;color: #fff;}
.nav_login .head_lang .top-menu .top-side.on {}
.nav_login .head_lang .top-menu .top-side.on i {color: #fff;}
.nav_login .head_lang .top-menu ul {/* border:1px solid #ccc; */box-shadow: 0 2px 7px 0 rgba(5,34,97,.1);}
.nav_login .head_lang .top-menu ul li { background-color:#fff;text-align:center;  }
.nav_login .head_lang .top-menu ul li a {background-color:#fff;color:#333;height:40px;line-height:40px;/* border-top: 1px solid #eaedf1; */font-size:14px;width: 100%;display: inline-block;box-sizing: border-box;}
.nav_login .head_lang .top-menu ul li a:hover { background-color:#e6ecf6; color:#333; }
/*首页*/
#banner{}

/*查询*/
body, button, input, select, textarea, option { font-family: '微软雅黑', 'Arail', tahoma, Srial, helvetica, sans-serif; color: #333 }
select, option, input, textarea { padding: 0; margin: 0; border: none }
select:hover { cursor: pointer }
.cx_box{/* background-color: #ffffff; *//* box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.1); */border-radius: 10px;z-index: 9;margin-top: -150px;position: relative;width: 1200px;margin-left: -600px;left: 50%;height: 150px;}

.cx_box .cx_co .cx_text{width: calc(86% - 1px);height: 74px;background-color: #ffffff;float: left;padding-left: 20px;border: solid 1px #e5e5e5;font-size:16px;margin-right: 1px;}
.cx_box .cx_co .cx_submit{width: 14%;height: 74px;float: left;background: #e51f1f;color:#fff;font-size: 22px;}




/*tit*/
.tit{text-align: center;margin: 80px 0 60px 0;}
.tit span{ font-size: 36px;color: #e51f1f;position: relative; text-transform:uppercase;}
.tit span:before{content: "";position: absolute;width: 70px;height: 2px;background-color: #e51f1f;left: -86px;top: 25px;}
.tit span:after{content: "";position: absolute;width: 70px;height: 2px;background-color: #e51f1f;right: -86px;top: 25px;}

/*合作*/
.hz_box{ }
.hz_box .hz_co{ width: 25%; float: left; margin-right: 8.33%;}
.hz_box .hz_co:nth-child(3n){margin-right: 0;}
.hz_box .hz_co .hz_tit{position: relative;margin-bottom: 20px;padding-bottom: 10px;}
.hz_box .hz_co .hz_tit:before{content: "";width: 259px;height: 8px; background: url(../images/hz_jian.png) no-repeat; display: block;position: absolute;bottom: 0;}
.hz_box .hz_co .hz_tit span{font-size: 22px;color: #e51f1f;font-weight: bold;float: left;margin-top: 3px;}
.hz_box .hz_co .hz_tit i{float: left;margin-right: 10px;}
.hz_box .hz_co .hz_txt{color: #636363;font-size: 16px;line-height: 30px;}

/*加盟*/
.jm_bg{ margin-top: 60px;background-color: #e51f1f;}
.jm_bg .container{background: url(../images/s_banner.jpg) no-repeat;  height: 298px; background-size:100%;}
.jm_bg .jm_txt{margin-top: 202px;padding-left: 60px;background:url(../images/jm_phone.png) no-repeat left;}
.jm_bg .jm_txt em{font-size: 18px;color: #fff;display: block;margin-bottom: 10px;}
.jm_bg .jm_txt span{ font-size: 33px;color: #fff; font-family: "impact"}

/*优势*/
.ys_box .ys_fl { float: left;width: 50%; }
.ys_box .ys_fl .ys_fl_co{float: left;width: 33.33%;height: 210px;background: url(../images/ys_bg.png) no-repeat center;text-align: center;background-size: 70%;}
.ys_box .ys_fl .ys_fl_co i{display: block;margin: 60px 0 17px 0;height: 54px;}
.ys_box .ys_fl .ys_fl_co span{color: #1e1e1e;font-size: 18px;}

.ys_box .ys_rt { float: right; width: 47%;}
.ys_box .ys_rt span{font-size: 28px;color: #1e1e1e;position: relative;display: block;margin-bottom: 50px;}
.ys_box .ys_rt span:before{content: "";position: absolute;bottom: -29px;width: 104px;height: 3px;background-color: #e51f1f;}
.ys_box .ys_rt p{font-size: 14px;color: #1e1e1e;line-height: 26px;}


.ys_box .ys_co{ margin-bottom: 50px; }
.ys_box .ys_co:last-child{ margin-bottom: 0; }
.ys_box .ys_co:nth-child(2n) .ys_fl{ float: right; }
.ys_box .ys_co:nth-child(2n) .ys_rt{ float: left; }

/*news*/
.news_main #news-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.news_main #news-demo .news_item {
    display: block;
    margin: 5px;
}
.snews_main #news-demo img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.news_main .owl-pagination{ display: none; }
.news_main .owl-theme .owl-controls .owl-buttons .owl-prev{/* position: absolute; *//* left: -5%; *//* top: 69%; */background:url(../images/news_prev.png) no-repeat;width: 28px;height: 28px;z-index: 999;opacity: 1;border-radius: 0;}
.news_main .owl-theme .owl-controls .owl-buttons .owl-next{/* position: absolute; *//* right: -5%; *//* top: 41%; */background:url(../images/news_next.png) no-repeat;width: 28px;height: 28px;opacity: 1;border-radius: 0;}

.news_main .owl-theme .owl-controls .owl-buttons .owl-prev:hover{background:url(../images/news_prev_hover.png) no-repeat;}
.news_main .owl-theme .owl-controls .owl-buttons .owl-next:hover{background:url(../images/news_next_hover.png) no-repeat;}


.news_box{ margin-top: 80px; }
.news_tit{ background-color: #e51f1f; }
.news_tit .tit{margin: 10px 0;float: left;margin-left: 64px;}
.news_tit .tit span{color: #fff;font-size: 22px;}
.news_tit .tit span:before{background-color: #fff;width: 40px;left: -62px;top: 16px;}
.news_tit .tit span:after{background-color: #fff;width: 40px;right: -62px;top: 16px;}
.news_tit ul{ float: right; }
.news_tit ul li{float: left;margin-right: 50px;}

.news_tit ul li i{color: #fff;font-size: 30px;font-weight: lighter;font-style: normal;width: 66px;height: 100%;background-color: #d81515;display: inline-block;line-height: 50px;float: left;margin-right: 10px;text-align: center;}
.news_tit ul li.on i{background-color: #f34141;}
.news_tit ul li a{font-size: 16px;color: #fff;float: left;margin-top: 16px;}


.news_main{ width: 90%; margin: 0 auto; }

.news_main .news_co{background-color: #ffffff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);margin: 40px 5px 30px 5px;}
.news_main .news_co .serv_txt{padding: 26px 20px;}
.news_main .news_co .serv_txt span{font-size: 18px;color: #000;font-weight: bold;height: 24px;overflow: hidden;display: block;line-height: 24px;}
.news_main .news_co .serv_txt em{font-size: 13px;color: #999;display: block; margin: 20px 0; }
.news_main .news_co .serv_txt p{font-size: 14px;color: #666;line-height: 26px;height: 52px;overflow: hidden;}
.news_main .news_co .serv_img{width: 100%;height: 15vw;}
.news_main .news_co .serv_img img{width: 100%;object-fit: cover;height: 100%;}


/*footer*/
.fo_bg{background-color: #232323;padding-top: 60px;color: #fff; margin-top: 80px;}
.fo_bg .fo_ly{width: 30%; float: left;}
.fo_bg .fo_ly span{font-size: 28px;position: relative;padding-left:20px;margin-bottom: 30px;display: block;}
.fo_bg .fo_ly span:before{content: "";position: absolute; background-color: #e51f1f;width: 3px;height: 30px;left: 0;}
.fo_bg .fo_ly input,.fo_bg .fo_ly textarea{height: 45px; line-height: 45px; background-color: #2d2d2d;color: #999;font-size: 14px; width: 100%; margin-bottom: 10px;padding-left: 10px;}
.fo_bg .fo_ly .ly_te{ height: 100px; line-height: 24px;resize: none;}
.fo_bg .fo_ly input.cx_submit{width: 118px;height: 34px;background-color: #e51f1f;border-radius: 5px;font-size: 16px;color: #fff;line-height: 34px;padding-left: 0;}

.fo_bg .fo_txt{width: 70%;float: right;margin-top: 64px;}

.fo_bg .fo_txt .fo_co{float: right;margin: 0 2%;width: 21%;padding-left: 6%;}
.fo_bg .fo_txt .fo_co span{font-size: 16px;color: #fff;margin-bottom: 30px;display: block; position: relative;padding-left:14px;}
.fo_bg .fo_txt .fo_co span:before{content: "";position: absolute; background-color: #e51f1f;width: 3px;height: 20px;left: 0;}

.fo_bg .fo_txt .fo_co ul li{line-height: 30px;}
.fo_bg .fo_txt .fo_co ul li a{font-size: 14px;color: #999; }


.ban{ border-top: 1px solid #313131; }
.ban>span{font-size: 14px;color: #666;margin-top: 28px;display: block;float: left;}
.ban ul{ float: right;}
.ban ul li{background-color: #2d2d2d;width: 48px;height: 48px;border-radius: 100px;float: left;padding: 12px;margin: 10px 0 10px 10px;position: relative;}
.ban ul li .ban_lx{display: none;background-color:#666;padding:10px 20px;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);border-radius:5px;min-width: 200px;text-align: center;}
.ban ul li .ban_lx:before{content:"";position:absolute;width:10px;height:10px;bottom:-12px;left:50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: #666;}
.ban ul li .ban_lx span{font-size:16px;}
.ban ul li .ban_lx.ban_er{width:100px;top: -96px;padding: 10px 15px;}
.ban ul li:hover .ban_lx{display:block;}
/*nav*/
.header-nav-ul>li>ul {display: none;position: absolute;top: 100px;left: 50%;width: 1920px;height: auto;background: #fff;padding: 0;margin-left: -960px;box-shadow: 1px 1px 15px 0px rgb(4 0 0 / 10%);}
.nav_login_box{float: right;margin-left: 120px;}
.header-nav-ul>li>ul .nav_bot{display: flex;justify-content: center;padding: 40px 0;}
.header-nav-ul>li>ul .nav_bot_co{ padding: 0 45px;text-align: left; border-right:1px solid #eee;}
.header-nav-ul>li>ul .nav_bot_co span{font-size: 16px;font-weight: bold;display: block;margin-bottom: 20px;color: #dd0000;}
.header-nav-ul>li>ul .nav_bot_co>a{ font-size: 14px;  display: block; line-height: 28px;}
.header-nav-ul>li>ul .nav_bot_co>p{ width: 350px; line-height: 24px; }

.nav_m nav li.he_wap_lo{width:50%;float:left;text-align:center;border-right: 1px solid rgba(255, 255, 255, 0.2);}
.nav_m nav li.he_wap_lo a{line-height: 3em;font-size: 12px;}
.nav_m nav li.he_wap_lo:nth-child(6){ border-right:none;}
.nav_m nav li.he_wap_lo.he_wap_lang{ width: 33.33%; }
.nav_m nav li.he_wap_lo:last-child{border-right:none; }