@charset "utf-8";

body{overflow-x: hidden;}


/*header*/
header {background: #fff; position: relative; z-index: 3; }
header a.logo {float: left;width: auto;width: 150px;}
header a.logo img {display: inline-block;vertical-align: middle;height: 100%;padding: 16px 0 0 0;}
header .headr {float: right;width: auto;height: 100%;}

/* nav */
nav {float: left;height: 92px;padding-top: 24px;}
nav li {position: relative;float: left;height: 40px;padding: 0 9px;}
nav li a { position: relative; width: 100%; height: 100%; display: block; line-height: 40px; color: #535353; font-size: 16px; background: transparent; text-align: right; }
nav li a i.fa-angle-down {font-size: 12px;top: 15px;}
nav li a i { position: absolute; top: 10px;right: -14px;}

nav li.on a {color: #e40001;/* border-bottom: 2px solid #e40001; */}
nav li:hover a {color: #e40001;}
nav li.on a:before, nav li.on a:after { opacity: 1; filter: opacity(100); }
nav li li a:before, nav li li a:after { display: none; }
nav li ul { display: none; position: absolute; top: 40px; left: 50%; margin-left: -90px; width: 180px; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .8); padding: 0 0; }
nav li li { float: none; width: 100%; height: 41px; margin: 0; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
nav li li:last-child { border: 0; }
nav li li:after { display: none; }
nav li:hover li a, nav li li a { display: block; width: 100%; height: 40px; position: relative; z-index: 2; color: #fff; background: transparent; line-height: 40px; font-size: 14px; text-align: center; }
nav li li:hover {  background-color: #e40001; }
nav li li:hover a {color:#fff; }
nav li li a .gt_span { color: #022245; margin-right: 10px; }
nav li:hover ul { display: block; }
nav .newspan { display: block; position: absolute; top: -2px; right: 16px; width: 22px; height: 12px; background: url(../images/newspan.png) no-repeat; line-height: 0; padding: 0; margin: 0; }
nav .hotspan { display: block; position: absolute; right: 26px; top: 15px; width: 24px; height: 10px; background: url(../images/hotspan.png) no-repeat; line-height: 0; padding: 0; margin: 0; }
.dl_zc{color: #666666!important;}
/*top*/
.top_bg{background-color: #022245; line-height: 40px;}
.top_bg .top_le{ float: left; color: #fff;font-size: 14px;}
.top_bg .top_rt{float: right;color: #fff;font-size:13px;padding-left: 30px;background: url(../images/top_phone.png) no-repeat left;}
.top_bg .top_rt b{  font-size: 18px;}

/* 全屏banner */
.banner_blk {position: relative;z-index: 1;width: 100%;/*banner宽度*/height: 575px;/*图片高度*/overflow: hidden;}
.banner { position: absolute; top: 0px; left: 50%; z-index: 1; margin-left: -960px;/*图片宽度/2*/ width: 1920px;/*图片宽度*/ height: 100%; overflow: hidden; }
.banner p { width: 1920px; height: 100%; text-align: center; font-size: 0px; }
.banner_button_blk { width: 100%; position: absolute; bottom: 0; height: 50px; z-index: 2; }
.banner_button {position: absolute;left: 50%;margin-left: -600px;bottom: 6px;z-index: 2;width: 1200px;height: 50px;line-height: 50px;text-align: center;}
.banner_button a {display: inline-block;margin: 20px 6px;margin-bottom: 0;width: 12px;height: 12px;font-size: 0px;text-align: center;color: #fff;outline: none;-moz-outline: none;blr: expression(this.onFocus=this.blur());border-radius: 20px;border: 2px solid #fff;}
.banner_button a.activeSlide {background: #fff;}
.banner_button a:hover { background: #214d8c; }
.banner_left, .banner_right {position: absolute;background: url(../images/prev.png) no-repeat center center;top: 250px;left: 22px;display: block;width: 54px;height: 100px;z-index: 999999;cursor: pointer;}
.banner_right { background: url(../images/next.png) no-repeat center center; left: auto; right: 22px; }
.banner_left:hover, .banner_right:hover { background-color: rgba(255, 255, 255, 0.2); }
/*查询*/
.banner_track{position: absolute;bottom: 86px;border: solid 1px #ffffff;border-radius: 10px;width: 658px;z-index: 999;left: 50%;margin-left: -329px;padding: 1%;}
.banner_track span{font-size: 20px;}

.banner_track span{color: #fff;font-size: 20px;font-weight: bold;}
.banner_track input{width: 85%;height: 42px;margin-top: 10px;padding-left: 15px;color: #333;box-sizing: border-box;float: left;background-color: #fff;font-size: 14px;}
.banner_track .ss_btn{color:#fff;cursor: pointer;padding: 0;width: 15%;background: url(../images/ss.png) no-repeat center;background-color: #fff;}
.banner_track .ss_btn:hover{ background-color:#ffcc00;border-color:#ffcc00;}
.banner_track .cx_form{width: 100%;margin: 3px auto 0 auto;}

/*快捷*/
.qk_box{ }
.qk_bg{box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 10px;padding: 20px 0;position: absolute;top: 650px;left: calc(50% - 600px);background-color: #fff;}
.qk_bg .qk_co{float: left;width:25%;text-align: center;border-right: 1px solid #e5e5e5;}
.qk_bg .qk_co:last-child{ border-right:none;}
.qk_bg .qk_co i{display: block;width: 62px;height: 62px;background: url(../images/index_ico.png) no-repeat -27px -27px;margin: 0 auto 40px auto; transition: all 0.3s;}
.qk_bg .qk_co span{position: relative;font-size: 18px;color: #131313;}
.qk_bg .qk_co span:before{position: absolute;content: "";width: 28px;height: 3px;background-color: #022245;top: -22px;left: calc(50% - 14px);}
.qk_bg .qk_co i.qk_ico02{background-position: -135px -27px;}
.qk_bg .qk_co i.qk_ico03{background-position: -242px -27px;}
.qk_bg .qk_co i.qk_ico04{background-position: -352px -27px;}

.qk_bg .qk_co:hover i{background-position-y:-121px;}


/*服务*/
.xl_tit{ text-align: center; }
.xl_tit h4{font-size: 36px;color: #022245;margin-bottom: 26px;}
.xl_tit span{font-size: 16px;color: #666;}
.serv_bg{padding-top: 190px;margin-bottom: 90px;}
.serv_box{ margin-bottom:60px;}

.serv_box .picScroll-left{/* overflow:hidden; */position:relative;}
.serv_box .hd{position: absolute;bottom: 125px;left: 0;margin-left: -52px;width: 100%;}
.serv_box .hd .prev,.serv_box .picScroll-left .hd .next{
  display:block;
  width: 68px;
  height: 68px;
  float: left;
  margin-left: -34px;
  margin-top:10px;
  overflow:hidden;
  cursor:pointer;
  background: url("../images/serv_jt.png") 25px 20px no-repeat;
  border-radius: 100px;
  box-shadow: 1px 2px 10px 0px 
  rgba(0, 0, 0, 0.11);
  }
.serv_box .hd .next{background-position: -135px 20px !important;float: right !important;margin-right: -145px !important;}
.serv_box .hd .next:hover{background-position: -80px 20px !important;background-color: #022245; border-color:#022245;}
.serv_box .hd .prev:hover{background-position: -30px 20px !important;background-color: #022245; border-color:#022245;}


.serv_box .hd .prevStop{ background-position:-60px 0; }
.serv_box .hd .nextStop{ background-position:-60px -50px; }
.serv_box .hd ul{ float:right; zoom:1; margin-top:10px; zoom:1; }
.serv_box .hd ul li{ float:left;  width:9px; height:9px; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.serv_box .hd ul li.on{ background-position:0 0; }
.serv_box .tempWrap{height: 316px;}
.serv_box .bd{margin-top: 40px;
}
.serv_box .bd ul{ zoom:1;    overflow: visible !important; }
.serv_box .bd ul li{
        margin: 0 10px;
        float:left;
        _display:inline;
        text-align:center;
        width: 386px !important;
        height: 316px;
        }
.serv_box .bd ul li:hover{box-shadow: 0px 2px 10px 0px 
        rgba(0, 0, 0, 0.2);}
.serv_box .bd ul li:last-child{ margin-right:0;}
.serv_box .bd ul li .serv_co img{width: 386px;height: 260px;display:block;object-fit: cover;}
.serv_box .bd ul li .serv_txt{text-align:left;width: 100%;}
.serv_box .bd ul li .serv_txt>a{font-size: 20px;color: #000;}
.serv_box .bd ul li .serv_txt>a:hover{ color:#e40001;}
.serv_box .bd ul li .serv_txt>p{font-size: 14px;line-height: 22px;color: #999;height: 60px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;margin-top: 10px;}
.serv_box .serv_more{width: 100%;height: 56px;background-color: #f3f3f3 !important;display:block;line-height: 56px;box-sizing: border-box;position: relative;transition:all 0.3s;margin: 0 auto 0 auto;padding: 0 20px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.serv_box .serv_more:hover{ width:100%;}

.serv_box .serv_more a{color: #000;font-size: 16px;}
.serv_box .serv_more:hover a:before{ color:#e40001;}

.serv_box .serv_more{text-align: center;color: #fff;background: linear-gradient(269deg,#e40001,#e40001) no-repeat;background-size: 100% 0%;transition: all .35s;cursor: pointer;border-bottom: 3px solid #022245;}
.serv_box .serv_co:hover .serv_more{background-size: 100% 100%; border:none; }
.serv_box .serv_co:hover a{color: #fff;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat;padding: 90px 0;height: 584px;background-size: cover;position: relative;}
.ys_bg .ys_co{width: 210px;height: 210px;background-color: rgba(0,0,0,0.7);float: left;margin-top: 60px;padding: 30px 8px 20px 8px;margin-right: 120px;text-align: center;}
.ys_bg .ys_co:hover{ background-color:#e40001;}
.ys_bg .ys_co:last-child{ margin-right:0;}
.ys_bg .ys_co i{ width: 49px; height: 49px;display: block;margin: 0 auto; background: url(../images/index_ico.png) no-repeat -35px -213px;margin-bottom:20px }
.ys_bg .ys_co i.ys_ico02{background-position: -140px -213px;}
.ys_bg .ys_co i.ys_ico03{background-position: -242px -212px;}
.ys_bg .ys_co i.ys_ico04{background-position: -347px -218px;}
.ys_bg .ys_co span{font-size: 18px;color: #fff;}
.ys_bg .ys_co p{font-size: 13px;color: #fff; margin-top:10px}
.ys_bg .ys_more a{width: 232px;height: 50px;background-color: #e40001;border-radius: 25px;line-height: 50px;color: #fff;text-align: center;font-size: 18px;display: block;position: absolute;left: calc(50% - 116px);bottom: -25px;}
.ys_bg .ys_more a:hover{background-color: #022245;}
/*流程*/
.lc_box{ margin-top: 110px; }
.lc_box .nr{position: relative; margin-top: 40px;}
.lc_box .nr:before{position: absolute;content: "";width: 1200px;height: 1px;background-color: #e5e5e5;display: block;top: 46px;}
.lc_box .lc_co{ float: left; width:18.4%; margin-right: 2%;text-align: center; }

.lc_box .lc_co:last-child{  margin-right: 0; }
.lc_box .lc_co em{display: block;color: #e40001;font-weight: bold;font-size: 16px;position: relative;}
.lc_box .lc_co em:before{content:"";position:absolute;width: 12px;height: 12px;background-color: #e5e5e5;border-radius:100px;bottom:-29px;left: 50%;margin-left: -7px;transition:all 0.3s;}
.lc_box .lc_co:hover em:before{background-color: #e40001; width: 14px;height: 14px;margin-left: -8px;bottom:-30px;}
.lc_box .lc_co .lc_img{width: 162px;height: 162px;background-color: #eee;border-radius: 10px;padding-top: 26px;margin: 20px auto 0 auto;}
.lc_box .lc_co:nth-child(2) .lc_img{padding-top: 40px;}
.lc_box .lc_co:nth-child(3) .lc_img{padding-top: 40px;}
.lc_box .lc_co:nth-child(4) .lc_img{padding-top: 55px;}
.lc_box .lc_co:nth-child(5) .lc_img{padding-top: 20px;}
.lc_box .lc_co span{font-size: 24px;color: #000;display: inline-block;margin: 50px 0 20px 0;}
.lc_box .lc_co p{font-size: 14px; color: #999;}
.lc_box .lc_co:hover span{color: #e40001;}


/*news*/ 
.news{background: url(../images/news_bg.jpg) no-repeat;background-size: cover;margin-top: 100px;padding: 80px 0;}
.news .picScroll-news{/* overflow:hidden; */position:relative;}
.news .hd{position: absolute;bottom: 140px;left: 0;margin-left: -52px;width: 100%;}
.news .hd .prev,.news .picScroll-news .hd .next{display:block;width: 46px;height: 46px;float: left;margin-left: 3px;margin-top:10px;overflow:hidden;cursor:pointer;background: url("../images/news_jt.png") 7px 0px no-repeat;border-radius: 100px;}
.news .hd .next{background-position: -215px 0px !important;float: right !important;margin-right: -100px !important;}
.news .hd .next:hover{background-position: -147px 0px !important;}
.news .hd .prev:hover{background-position: -74px 0px !important;}
.news .hd .prevStop{ background-position:-60px 0; }
.news .hd .nextStop{ background-position:-60px -50px; }
.news .hd ul{ float:right; zoom:1; margin-top:10px; zoom:1; }
.news .hd ul li{ float:left;  width:9px; height:9px; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.news .hd ul li.on{ background-position:0 0; }
.news .tempWrap{height: 340px;margin-left: 24px;}
.news .bd{margin-top: 40px;
}
.news .bd ul{ zoom:1;    overflow: visible !important; }
.news .bd ul li{
        margin: 0 28px;
        float:left;
        _display:inline;
        text-align:center;
        box-shadow: 0px 3px 10px 0px 
        rgba(0, 0, 0, 0.1);
        width: 326px !important;
        height: 330px;
        border: 3px solid #fff;
        }
.news .bd ul li:hover{box-shadow: 0px 2px 10px 0px 
        rgba(0, 0, 0, 0.2);}
.news .bd ul li:last-child{ margin-right:0;}
.news .bd ul li .news_co img{width: 320px;height: 250px;display:block;object-fit: cover;}
.news .bd ul li .news_txt{text-align:left;background-color: #fff;}
.news .bd ul li .news_txt>a{font-size: 20px;color: #000;}
.news .bd ul li .news_txt>a:hover{ color:#e40001;}
.news .bd ul li .news_txt>p{font-size: 14px;line-height: 22px;color: #999;height: 60px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;margin-top: 10px;}
.news .bd ul li .news_more{ padding:10px 10px;}
.news .bd ul li .news_more a{font-size: 16px;color:#666;display:block;margin-bottom: 6px;}
.news .bd ul li .news_more span{font-size: 14px;color: #999;}

/*footer*/
.footer{background-color: #022245;padding: 20px 0;}
.footer .fo_link{padding-left: 44px;background: url(../images/link.png) no-repeat left 10px;padding: 10px 0 0 44px;}
.footer .fo_link span{display: block;float: left;color: #FFF;font-size: 16px;}
.footer .fo_link ul{ display: block;float: left; }
.footer .fo_link ul li {float: left;margin-right: 26px;}
.footer .fo_link ul li a{color: #fff;font-size: 16px;}
.footer .fo_link ul li a:hover{color: #db1e32;}

.footer .fo_box{ display: flex;justify-content: space-between; }
.footer .fo_box .fo_co{margin-top: 43px;}
.footer .fo_box .fo_co.fo_lx{width: 420px;}
.footer .fo_box .fo_co.fo_lx em{font-size: 30px;font-weight: bold;display: block;color: #fff;margin: 20px 0 15px 0px;}
.footer .fo_box .fo_co p{font-size: 14px;line-height: 30px;color: #ffffff; text-align: left; margin-top:10px;}
.footer .fo_box .fo_co ul{ margin-top:10px;}
.footer .fo_box .fo_co ul li{line-height: 30px; }
.footer .fo_box .fo_co span{font-size: 20px;color: #fff;font-weight: bold;}
.footer .fo_box .fo_co ul li a{font-size: 14px;color: #fff; }
.footer .fo_box .fo_co ul li a:hover{color: #db1e32; }
.footer .fo_box .fo_co.fo_img{width: 147px;margin-top: 10px;text-align:center;margin-top: 70px;}
.footer .fo_box .fo_co.fo_img em{color: #fff;font-size: 14px;}
.footer .fo_box .fo_co.fo_img img{margin-bottom:10px;border-radius: 5px;width: 100%;}
.fo_line{ width: 1px; height: 123px; background-color: #5e6fb2; margin-top:60px }

.ban{background-color: #022245;line-height: 40px;border-top: 1px solid #354e6a;}
.ban span{color: #fff;font-size: 14px;}
.ban .nr>a{color: #fff;float: right;font-size: 14px;}