﻿@charset "utf-8";

body{overflow-x: hidden;}



/* 全屏banner */
.banner_blk {position: relative;z-index: 1;width: 100%;/*banner宽度*/height: 600px;/*图片高度*/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: 40px;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: #ea3523;outline: none;-moz-outline: none;border-radius: 20px;background-color: #fff;}
.banner_button a.activeSlide {background: #ea3523;}
.banner_button a:hover { background: #ea3523; }
.banner_left, .banner_right {position: absolute;background: url(../images/prev.png) no-repeat center center;top: 44%;left: 200px;display: block;width: 54px;height: 100px;z-index: 999999;cursor: pointer;background-color: rgba(236, 0, 7, 0.1);}
.banner_right { background: url(../images/next.png) no-repeat center center; left: auto; right: 200px; background-color: rgba(236, 0, 7, 0.1);}
.banner_left:hover, .banner_right:hover { background-color: rgba(236, 0, 7, 0.6);}

/*快捷*/
.qk_box{ }
.qk_bg{padding: 20px 0;padding: 11px 6px;position: relative;left: 50%;transform: translateX(-50%);margin: -60px 0 0 0 !important;}
.qk_bg .qk_co{
  float: left;
  width: 25.33%;
  text-align: center;
  margin: 0;
  height: 122px;
  background-color: #fff;
  margin: 0 4%;
  box-shadow: 0px -2px 12px 0px 
  rgba(4, 0, 0, 0.07);
  border-radius: 10px 10px 0px 0px;
  border-bottom: 4px solid #dcdcdc;
  display: flex;
  justify-content: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  }
.qk_bg .qk_co:last-child{border-right:none;}
.qk_bg .qk_co i{transition: all 0.3s;margin: 0 18px;}
.qk_bg .qk_co span{font-size: 16px;color: #333;display: block;line-height: 49px;/* box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 7%); */}
.qk_bg .qk_co i.qk_ico02{background-position: -135px -27px;}
.qk_bg .qk_co i.qk_ico03{background-position: -257px -27px;}
.qk_bg .qk_co i.qk_ico04{background-position: -352px -27px;}
.qk_bg .qk_co:hover{border-bottom: 4px solid #ea3523;}

/*查询*/
.qk_bg .qk_co:hover i{background-position-y:-121px;}
.qk_bg .qk_co.track_box{width: 49%;background-color: #fff;}
.qk_bg .qk_co.track_box span{position:relative;text-align:left;color: #000;box-shadow: none;font-size: 24px;line-height: 30px;margin-bottom: 0px;}
/*about*/
.ab_box{ margin: 60px 0; }
.ab_box .ab_le{float: left;background-color: #f8f8f8;width: 400px;height: 444px;padding: 40px 32px;}
.ab_box .ab_le span{font-size: 40px;color: #ea3523;margin-bottom: 30px;display: inline-block;}
.ab_box .ab_le p{font-size: 15px;color: #727272;line-height: 36px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;height: 216px;overflow: hidden;}
.ab_box .ab_le a{background-color: #ea3523;display: inline-block;padding: 10px 40px;color: #fff;font-size: 16px;margin-top: 20px;}
.ab_box .ab_le a:hover{background-color: #fed700;}
.ab_box .ab_rt{ float: left; width: 800px; height: 444px;}
.ab_box .ab_rt img{ width: 100%;height: 100%;}


/*服务*/
.xl_tit{text-align: center;margin-bottom: 40px;}
.xl_tit h4{font-size: 40px;color: #ea3523;position: relative;margin-bottom: 45px;}
.xl_tit span{color: #ea3523;opacity: 0.2;font-size: 20px;}

.xl_tit h4:before{content:"";position:absolute;width: 110px;height: 2px;background-color: #ea3523;border-radius: 2px;left: 50%;transform: translateX(-50%);bottom: -30px;}
.serv_bg{padding-top: 80px;padding-bottom: 80px; background:url(../images/serv_bg.jpg) no-repeat top center;}
.serv_box .serv_co{float: left;width: 247px;margin-right: 200.66px;}
.serv_box .serv_co:last-child{ margin-right:0;}
.serv_box .serv_co .serv_txt{text-align:center;padding: 15px 0 10px 0;}
.serv_box .serv_co .serv_txt a{ font-size: 18px;color: #333;}
.serv_box .serv_co .serv_txt a:hover{color: #ea3f2f;}
.serv_box .serv_co .serv_txt p{font-size: 14px;color: #8b8b8b;width: 150px;margin: 10px auto 0 auto;}
.serv_bg .serv_more{line-height: 65px;border-radius: 33px;border: solid 2px #ea3f2f;display: block;width: 157px;margin: 15px auto 0 auto;text-align: center;color: #eb3f30;font-size: 16px;}
.serv_bg .serv_more:hover{ background-color:#ea3f2f; color:#fff;}

/*优势*/
.ys_box{padding: 80px 0 0px 0;}
.ys_box .ys_co{width: calc(33.33% - 23.33px);float: left;background-color: #ea3523;height: 260px;text-align: center;padding: 0 20px 0px 20px;border-radius: 20px;margin: 40px 35px 30px 0;}
.ys_box .ys_co:hover{background-color: #ea3523;}
.ys_box .ys_co:nth-child(3n){ margin-right: 0; }
.ys_box .ys_co i{display:block;width: 145px;height: 145px;margin: -40px auto 0 auto;position:relative;border: 6px solid #fff;border-radius: 100px;}
.ys_box .ys_co .ys_txt span{color: #fff;font-size: 22px;margin: 24px 0 20px 0;display: block;}
.ys_box .ys_co .ys_txt p{font-size: 16px;line-height: 30px;color: #ffb1b1;}

/* news*/
.news_bg{padding: 80px;}
.news_bg .news_le{ float: left; width: 652px; }
.news_bg .news_tit ul{font-size: 18px;color: #333; float: left;}
.news_bg .news_tit li{display: inline-block;border: solid 1px #f5f5f5;padding: 4px 26px;margin: 0 8px;border-radius: 100px;background-color: #f5f5f5;}
.news_bg .news_tit li a{font-size: 18px;padding: 5px 0;color: #828282;}
.news_bg .news_tit li.on{color: #ea3523;border: solid 1px #ea3523;background-color: #fff;}
.news_bg .news_tit li.on a{color: #ea3523;}

.news_bg .news_main{margin-top: 11px;}
.news_bg .news_main .news_co{background-color: #f5f5f5;margin-bottom: 20px;padding: 17px 0;}
.news_bg .news_main .news_co .news_txt a:hover{color:#ea3523;}
.news_bg .news_main .news_co .news_txt{  float: left;  width: calc(100% - 178px); border-right: 1px solid #e5e5e5; padding: 0 20px;}
.news_bg .news_main .news_co .news_txt a{font-size: 16px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;height: 21px;overflow: hidden;}
.news_bg .news_main .news_co .news_txt p{font-size: 13px;color: #959595;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 48px;overflow: hidden;margin-top: 7px;}
.news_bg .news_main .news_co .news_date{float: left;width: 178px;padding: 0 20px;text-align: center;line-height: 70px;}
.news_bg .news_main .news_co .news_date em{ font-size: 20px;color: #333;}

.news_bg .news_rt{float: right;width: 526px;position: relative;height: 413px;}
.news_bg .news_rt img{width: 100%; height: 100%; }
.news_bg .news_rt .news_more{position: absolute;background-color: rgba(0,0,0,.3);width: 100%;bottom: 0;left: 0;line-height: 62px;text-align: center;color: #fff;font-size: 20px;}
.news_bg .news_rt .news_more:hover{background-color:#ea3523;}

/*gg*/
.gg_bg{ background: url(../images/gg_bg.jpg) no-repeat;height: 170px; }
.gg_bg .gg_a{float: left;padding-left: 80px;background: url(../images/gg_ico.png) no-repeat left;margin-left: 80px;}
.gg_bg .gg_a a{font-size: 33px;line-height: 170px;color: #fff;}
.gg_bg .gg_jt{float: right;height: 170px;background-color: #484848;width: 260px;position: relative;}
.gg_bg .gg_jt img{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.gg_bg .gg_jt:hover{ background-color: #fed700; }




