@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;
    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: 9999;
  background-color: #fff;
  box-shadow: 1px 1px 15px 0px 
  rgba(4, 0, 0, 0.1);
  transition: all 0.1s;
  }
  .header.header_guding{top: 0px;}
.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: 9px;width: 100%;z-index:999;}
#banner .swiper-pagination-bullet {display: inline-block;width: 32px;height: 7px;opacity:1;border-radius: 0;background: #fff;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
#banner .swiper-pagination-bullet-active{
    background-color: #dd0000;
}
}


#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: -38px 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: 100%;left: 50%;top: 100%;background: #004ea2;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: 26px;margin-top: 27px;width: 180px;margin-left: 10px;}
.nav_head .nav_logo img { height: 100%; }
.nav_head .bars_close_btn {line-height: 3em;color: #666;font-size: 16px;margin: 9px 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: #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: #fff;background: #004ea2;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: left;margin-top: 46px;display: inline-block;}
.header-nav-ul>li>.nav_login a{background-color: #231815;color: #fff !important;margin: 0 !important;font-size: 14px !important;border-radius: 0 30px 30px 0;padding: 6px 24px;}

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


/*首页*/
*{ font-family: "微软雅黑"； }

/*banner*/
#banner{margin-top: 170px;}


/*top*/
.company_name{float: left;margin-top: 30px;margin-left: 30px;}
.company_name span{font-size: 27px;color: #e71f19;font-weight: bold;}
.company_name p{font-size: 18px;color: #666;margin-top: 10px;}

.top_rt{float: right;display: flex;justify-content: flex-end;margin-top: 11px;}
.top_rt img{ height:100px;}
.top_rt .top_phone{padding-left: 60px;background: url(../images/top_phone.png) no-repeat left 9px;margin-top: 22px;margin-left: 20px;}
.top_rt .top_phone em{font-size: 14px;color: #000;}
.top_rt .top_phone span{font-size: 26px;color: #e71f19; display: block; margin-top: 10px; font-weight: bold;}
/*tit*/
.tit{text-align: center; margin: 60px 0 40px 0;}
.tit span{color: #084ca5;font-size: 27px;display: block;letter-spacing: 7px;}
.tit span em{color: #fff;background-color: #084ca5;border-radius: 5px;width: 33px;height: 33px;display: inline-block;line-height: 30px;padding-left: 3px;margin-right: 6px;}
.tit b{color: #666;font-size: 15px;font-weight: normal;display: block;margin-top: 10px;text-transform: uppercase;}
.tit a{position: relative;margin-top: 10px;display: inline-block;}
.tit a:before{content: "";position: absolute;width: 115px;height: 1px;background-color: #d2d2d2;left: -132px;top: 6px;}
.tit a:after{content: "";position: absolute;width: 115px;height: 1px;background-color: #d2d2d2;right: -132px;top: 6px;}

/*about*/
.about_box .tit{ text-align: left; margin: 30px 0;}
.about_box{box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);padding: 30px;margin-top: 40px;border-radius: 8px;}
.about_box .ab_le{float: left;width: 34%;}
.about_box .ab_le img{ height:358px; width:100%; object-fit:cover;}
.about_box .ab_rt{float: right;width: 64%;}
.about_box .ab_rt p{font-size: 14px;color: #666;line-height: 24px;}
.about_box .ab_more{padding: 10px 40px;background-color: #e71f19;border-radius: 3px;text-align: center;color: #fff;font-size: 14px;margin-top: 40px;display: inline-block;}

/*serv*/
#serv-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#serv-demo .serv_item {
    display: block;
    margin: 15px;
}
#serv-demo img {
    display: block;
    width: 100%;
    height: 25vw;
    object-fit: cover;
    border-radius: 8px;
}
#serv-demo .owl-buttons{ display: none; }
.owl-theme .owl-controls .owl-page span{ background-color: #dcdcdc; opacity: 1;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #084ca5;}
.serv_box .serv_item .serv_txt{ margin-top:20px; }
.serv_box .serv_item .serv_txt span{ border-left:5px solid #084ca5;font-size: 17px;color: #666;line-height: 17px; padding-left: 10px; }
.serv_box .serv_item .serv_txt p{font-size: 14px;color: #999;margin-top: 10px;line-height: 24px;padding-left: 15px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 50px;overflow: hidden;}
/*优势*/
#ys-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#ys-demo .ys_item {
    display: block;
    margin: 0 35px;
}
#ys-demo img {
    display: block;
    width: 100%;
    height: 14vw;
    object-fit: cover;
    border-radius: 6px 6px 0 0;
}
.ys_bg .owl-pagination{display:none !important;}
.ys_bg .owl-theme .owl-controls .owl-buttons .owl-prev{position: absolute;left: -5%;top: 41%;background:url(../images/ys_prev.png) no-repeat;width: 46px;height: 46px;z-index: 999;opacity: 1;border-radius: 0;}
.ys_bg .owl-theme .owl-controls .owl-buttons .owl-next{position: absolute;right: -5%;top: 41%;background:url(../images/ys_next.png) no-repeat;width: 46px;height: 46px;opacity: 1;border-radius: 0;}
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat;margin-top: 60px;padding-bottom: 80px;background-size: cover;}

.ys_bg .tit span{ color: #fff; }
.ys_bg .tit b{ color: #fff; }

.ys_bg .ys_item .ys_txt{background-color: #fff;position: relative;padding-top: 72px;border-radius: 0 0 6px 6px;padding: 74px 20px 30px;}
.ys_bg .ys_item .ys_txt span{position: absolute;top: 20px;left: -20px;background-color: #084ca5;color: #fff;text-align: center;font-size: 20px;font-weight: bold;padding: 7px 36px;box-shadow: 0px 4px 16px 0px 
        rgba(0, 0, 0, 0.33);}
.ys_bg .ys_item .ys_txt p{font-size: 14px;color: #666;line-height: 24px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 72px;overflow: hidden;}

/*案例*/
.case_bg #case-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.case_bg #case-demo .case_item {
    display: block;
    margin: 10px;
}
.case_bg #case-demo img {
    display: block;
    width: 100%;
    height: 14vw;
    object-fit: cover;
    border-radius: 8px;
}
.case_bg .owl-pagination{ display: none; }
.case_bg .owl-theme .owl-controls .owl-buttons .owl-prev{position: absolute;left: -5%;top: 41%;background:url(../images/case_prev.png) no-repeat;width: 28px;height: 54px;z-index: 999;opacity: 1;}
.case_bg .owl-theme .owl-controls .owl-buttons .owl-next{position: absolute;right: -5%;top: 41%;background:url(../images/case_next.png) no-repeat;width: 28px;height: 54px;opacity: 1;}

.case_bg .case_co{ margin-bottom: 20px; }

.case_bg .case_co .case_txt{ text-align: center; margin-top: 10px; }
.case_bg .case_co .case_txt b{display: block;font-weight: normal;line-height: 24px;font-size: 14px;color: #666; }
.case_bg .case_co:hover .case_txt b{color: #084ca5;}


/*new*/
.news_list ul{ display: flex;justify-content: center;}
.news_list ul li{ margin: 0 10px; }
.news_list ul li.on a{ background-color: #e71f19;color: #fff; border: solid 1px #e71f19;}
.news_list li a{border: solid 1px #b5b5b5;display: inline-block;padding: 8px 24px;border-radius: 8px;color: #666;font-size: 16px;}
.news_main{ margin-top: 20px; }
.news_main .news_le{ width: 49%; float: left;}
.news_main .news_le .news_img{width: 100%;}
.news_main .news_le .news_img img{width: 100%;height: 13vw;object-fit: cover;}
.news_main .news_le .news_txt{padding-top: 30px;}
.news_main .news_le .news_txt span{font-size: 18px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 22px;overflow: hidden;line-height: 24px;}
.news_main .news_le .news_txt p{font-size: 14px;color: #666;line-height: 24px;margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 45px;overflow: hidden;}
.news_main .news_le .news_more{display: inline-block;background-color: #e71f19;padding: 8px 20px;color: #fff;font-size: 14px;margin-top: 40px;}

.news_main .news_rt{ width: 49%;float: right;}
.news_main .news_rt .news_co{border-bottom: 1px solid #e5e5e5;padding: 22px 0;}
.news_main .news_rt .news_co .news_date{float: left;width: 100px;height: 100px;text-align: center;background-color: #ddd;border-radius: 8px;padding: 8px 0;}
.news_main .news_rt .news_co:hover .news_date{background-color: #084ca5;}
.news_main .news_rt .news_co .news_date span{font-size: 50px;color: #747474;display: block;margin-bottom: 10px;}
.news_main .news_rt .news_co .news_date em{font-size: 18px; color: #747474;}
.news_main .news_rt .news_co:hover .news_date span{color: #fff;}
.news_main .news_rt .news_co:hover .news_date em{color: #fff;}
.news_main .news_rt .news_co .news_rtxt{ float: right; width: calc(100% - 110px)}
.news_main .news_rt .news_co .news_rtxt span{font-size: 18px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 22px;overflow: hidden;line-height: 24px;}
.news_main .news_rt .news_co:hover .news_rtxt span{color: #084ca5;}
.news_main .news_rt .news_co .news_rtxt p{font-size: 14px;color: #666;line-height: 24px;margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 45px;overflow: hidden;}

.news_main .news_rt .news_co:first-child{ padding-top: 0; }

/*footer*/
.fo_bg{background-color: #042f6a;padding: 0 0 20px 0;margin-top: 60px;border-top: 8px solid #e71f19;}
.fo_bg .fo_link{border-bottom: 1px solid #1e4479;padding: 20px 0 16px 0;margin-bottom: 20px;}
.fo_bg .fo_link span{color: #fff;float: left;font-size: 16px;margin-bottom: 4px;line-height: 24px;}
.fo_bg .fo_link ul{ float: left; }
.fo_bg .fo_link ul li{color: #a4acbe;float: left;font-size: 15px;line-height: 24px;}

.fo_bg>.container{/* display:flex; *//* justify-content:space-between; */}
.fo_bg .fo_co:first-child{margin-left: 0;}
.fo_bg .fo_co{float: left;color: #fff;margin: 0 4%;width: 6%;margin-top: 40px;}
.fo_bg .fo_co p{font-size: 14px;line-height:24px;color: #a4acbe;}
.fo_bg .fo_co.fo_lx{width: 20%;margin-top: 10px;}
.fo_bg .fo_co.fo_lx p{line-height: 43px;}
.fo_bg .fo_co.fo_lx p i{float: left;margin-right: 10px;margin-top: 6px;width: 23px;}
.fo_bg .fo_co.fo_lx p span{float: left;width: calc(100% - 33px);text-align: left;}
.fo_bg .fo_co.fo_lx .fo_lx_txt{background: url(../images/fo_tel.png) no-repeat left;padding-left: 32px;text-align: left;}
.fo_bg .fo_co.fo_lx .fo_lx_txt em{font-size: 30px;font-family: Impact;line-height: 43px;}
.fo_bg .fo_co.fo_lx .fo_kefu{background-color: #e71f19;border-radius: 8px;padding: 11px 60px;display: inline-block;margin-top: 20px;font-size: 14px;}

.fo_bg .fo_co>span{font-size: 16px;text-align: left;display: block;position: relative;}
.fo_bg .fo_co>span:before{content: "";position: absolute;width: 18px;height: 3px;background-color: #e71f19;bottom: -14px;}
.fo_bg .fo_co ul{ margin-top: 20px; }
.fo_bg .fo_co ul li{text-align: left;}
.fo_bg .fo_co ul li a{font-size: 14px;line-height: 30px;color: #a4acbe;}

.fo_bg .fo_co.fo_er{float: right;border-right: none;margin-right: 0;width: 16%;}
.fo_bg .fo_co.fo_er .fo_erweima{float: right;width: 45%;text-align: center;margin-left: 5%;}
.fo_bg .fo_co.fo_er .fo_erweima span{ display: block; margin-top: 10px;}

.ban{background-color: #042f6a;text-align: center;border-top: 1px solid #1e4479;}
.ban .container{padding: 30px 0;}
.ban span{color: #a4acbe;font-size: 13px;line-height: 20px;}