@charset "utf-8";

/* CSS Document */

body {
    font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    height: 100%;
    min-width: 1260px;
    background: #fff;
    max-width: 100%;
    overflow: auto;
    color: #666;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
}
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a {
    color: #666;
    text-decoration: none;
    outline: none;
}

a:link {
    text-decoration: none;
    outline: none;
}

a:visited {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #333;
    outline: none;
}

input {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-appearance: none;
}

em {
    font-style: normal;
}

i {
    font-style: normal;
}


/*清除浮动*/

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix {
    /*兼容 IE*/
    zoom: 1;
}


/************全局样式************/

.fl {
    float: left;
}

.fr {
    float: right;
}
.dflex { display: flex;}
.dflex_center { display: flex; align-items: center; justify-content: center;}
.dflex_start { display: flex; align-items: center; justify-content: flex-start;}
.dflex_end { display: flex; align-items: center; justify-content:flex-end;}
.dflex_stretch { display: flex;justify-content: center;align-content: center; align-items: stretch;}
.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}

/************************图片样式***********************/
img {
    border: 0px;
    vertical-align: middle;
}

/*图片居中*/
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}
/*图片自适应*/
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}
/*鼠标放上图片放大*/
.avatar {
    display: block;
    overflow: hidden;
    width: 100%;
}

.avatar img {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.avatar:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
}


/*文字超出隐藏*/

.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dot2 {
    display: -webkit-box;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/**/

.wal {
    width: 1200px;
    margin: 0px auto;
}
.main-title {   margin: 0 auto;}
.main_title b{text-align:center;  display: block;}
.main_title b span{display: inline-block; line-height:52px;font-size: 38px; color:#1f1f1f;position: relative;  letter-spacing:2px;}
.main_title p { line-height: 26px; margin: 10px; font-size: 16px; color: #666; text-align: center;}

/*顶部导航*/

.headDiv {
    height: 100px;
    width: 100%;
    z-index: 9999;
 
}

.headDiv .wal {
    height: 100px;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headDiv .logo {

    height: 100px;
    display: flex;
    align-items: center;
}

.headDiv .logo b {
    font-size: 24px;
    color: #333;
}

.nav {
 
    height: 100px;

 
}

.nav li {
    float: left;
    position: relative;

}

.nav ul li:last-of-type:after{content: "";}
.nav a:hover, .nav li:hover > a {
  
    color: #BE1514;
    font-weight: bold;
  }

.nav ul li a {
    display: block;
    float: left;
    height:100px;
    line-height:100px;
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
    font-size: 17px;
    color: #333;
    
}

/* 二级菜单 */
.ejxl{background-color: #fff;z-index: 999;  opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-top: 4px solid #BE1514;
    position: absolute;
    top:100%;
    left:-20%;
    width:calc(160% - 20px);
}
.nav ul li .ejxl li{margin:0 auto ;display: block; padding:0; width: 100%;}
.nav ul li .ejxl li:after { content: ""; position: relative; } 
.nav ul li .ejxl li a{display: block;color:#666;font-size: 15px;height:45px;line-height:45px; padding: 0; width:100%; 
    text-align: center; }
.nav ul li .ejxl a:hover{background: #BE1514; color: #fff;}
.nav ul li:hover .ejxl {
  
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

/*顶部导航 end*/


/*首页banner图*/
#banner { z-index: 9;}
#banner .swiper {
    width: 100%;
    height: 100%;
}

#banner .swiper-slide {
    background-position: center;
    background-size: cover;
}

#banner .swiper-slide img {
    display: block;
    width: 100%;
}

#banner .swiper-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    z-index: 999;
    width: 60px;
    font-size: 30px;
    line-height: 60px;
    height: 60px;
    transition: all .5s ease;
    outline: none;
}

#banner .swiper-button:hover {
    background: #BE1514;
}

.btn-prev {
    left: 5%;
}

.btn-next {
    right: 5%;
}

#banner .swiper-pagination-bullet {
    width: 13px;
    height: 10px;
    display: inline-block;
    background: #fff;
    opacity: .9;
    margin: 0 5px;
    border-radius: 20px;
    transition: opacity .5s, background-color .5s, width .5s;
    transition-delay: .5s, .5s, 0s;
  }
  #banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #BE1514;
    width:40px;
    transition-delay: 0s;
  }
  
#banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 20px;
    left: 0;
    width: 100%;
}


/*首页banner图 end*/
/*服务项目*/
.fwxm { margin-top: 50px;}
.main_title { font-size: 32px; color: #fff; margin: 20px 0;}
.ys_case { position: relative; margin-top: 30px;}
.ys_case .swiper-slide { border-right:1px solid rgba(255,255,255,.2);  width: 25%; float: left;  }
.ys_case .swiper-slide:last-child{ border-right: none;}
.ys_case_mid{text-align:center;padding: 10px; height: 660px; overflow: hidden;  display:flex;  flex-direction: column; align-items: center; justify-content: center; }
.ys_case_tit{
  display: block;
  color:#fff;
  font-weight: bold;
  margin:20px 0;
font-size:40px;}
.ys_case_txt{ 
font-size:16px; color:#fff;  padding: 0 30px; opacity: 0; line-height: 26px;}

.ys_case .swiper-slide a:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background:rgba(190,21,20, 0.8);
  right: 0;
  left: 0;
  z-index: 1;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transition: transform 0.6s ;
}

.ys_case_mid { position: relative; z-index: 2;}
.ys_case_bg{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; }
.ys_case_bg div{ -webkit-transition-duration: 0.5s; -ms-transition-duration: 1.5s; -o-transition-duration: 1.5s; -moz-transition-duration: 1.5s; transition-duration: 1.5s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 2.6s } 
.ys_case_bg div.on{transform: scale(1.08, 1.08);
opacity:1; z-index:10;}
.ys_case .swiper-slide a:hover:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
}
.ys_case .swiper-slide a:hover .ys_case_txt{ opacity: 1;}
  /*优势*/
  .ys {

    background: url(../images/slbg.jpg) no-repeat;
    padding: 50px 0 70px;
  }
  .zzsc {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .zzsc .tab {
    overflow: hidden;
    margin-top:10px;
    margin-bottom: 10px;
  
  }
  .zzsc .tab a {
    display:block;
  
float: left;
    font-size: 24px;
    width: calc(33.3% - 22px);
    margin: 10px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: all 0.3s;
    position: relative;
    
    background: rgba(255,255,255,.7);
    padding-bottom: 20px;
  }

  .zzsc .tab a .icon1, .zzsc .tab a .icon2, .zzsc .tab a .icon3   {
    display: block;
    width: 100%;
    height: 110px;
    margin-top: 10px;
  
  }
  .zzsc .tab a .icon1{  background:url("../images/ys1.png") no-repeat center;}
  .zzsc .tab a .icon2{  background:url("../images/ys2.png") no-repeat center;}
  .zzsc .tab a .icon3{  background:url("../images/ys3.png") no-repeat center;}

  .zzsc .tab a.on {
    text-decoration: none;

    color: #BE1514;

  
  }
  .zzsc .tab a:hover {  color: #BE1514;}


  .zzsc .co {
    overflow: hidden;
    height: auto;

  }
  .zzsc .co > ul {
    padding: 0;
    margin: 0;
  }
  .zzsc .co li {
    display: none;
    width: 100%;
    list-style: none;
  }

  .ys_list {  display: flex; align-items: center; justify-content: space-between;}
  .ys_list a { display:flex;  align-items: center;  flex: 1; background: #fff; padding: 20px;  }
  .ys_txt {font-size: 20px; color:#1e1e1e;  text-align: left; padding-left: 30px;}
  .ys_txt b{ font-size: 26px;}
  .ys_txt p{margin:20px 0;}
  .ys_txt p em{display: block;height:36px;line-height: 36px;font-size: 18px; font-weight: normal;}
  .ys_txt span { color: #999; height: 50px; font-size:17px; display: block; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 24px; }
  .ys_tu img{ max-width: 340px;}

 /*简介*/
 .about{ padding-bottom:80px;margin-top: 50px;}
.about-box{ background-color: #fff;
	-webkit-box-shadow: 0 42px 95px rgba(0,0,0,.1);
	-moz-box-shadow: 0 42px 95px rgba(0,0,0,.1);
	box-shadow: 0 42px 95px rgba(0,0,0,.1);
	padding: 40px;
	display: flex;
    align-items: center;
	justify-content: center;

}
.about_fl{ flex: 1; overflow: hidden; }
.about_fl p{ line-height: 26px; padding: 10px 0; color: #666; margin-top: 15px;}
.about_fl .m_title { font-size: 42px; color: #BE1514;}
.about_fl .ab-title{ font-size: 28px; color: #222; font-weight: bold; margin-top: 10px;}
.about_fr{ flex: 1;overflow: hidden; padding-left: 40px; }
.ab_list2{ background: #fff;	-webkit-box-shadow: 0 42px 95px rgba(0,0,0,.1);
	-moz-box-shadow: 0 42px 95px rgba(0,0,0,.1);
	box-shadow: 0 42px 95px rgba(0,0,0,.1);  display: flex; align-items: center; justify-content: center;  margin-top:40px;}
.ab_list2 li{ flex:1;cursor: pointer; text-align: center;
	-webkit-transition:transform .3s;transition:transform .3s;padding: 25px 0;}

.ab_list2 li p{ margin-top: 20px; font-size: 20px; color: #333;}
.ab_list2 li:hover{ background: #BE1514; }
.ab_list2 li:hover p { color: #fff;}
.more_a2 { display: inline-block; line-height: 40px; padding: 0px 23px; color: #BE1514; position: relative; transition: all 0.8s ease 0s; font-size: 16px; margin: 20px 0; }
.more_a2 span { display: inline-block; position: relative; z-index: 2; }
.more_a2::before { content: ""; position: absolute; left: 0px; bottom: 0px; background:#BE1514; width: 100%; height: 1px; transition: all 0.3s ease 0s; }
.more_a2:hover { border-bottom-color:#BE1514; color: rgb(255, 255, 255); }
.more_a2:hover::before { height: 100%; }

/*资质荣誉*/
.zzry {
	background: url("../images/bg.jpg");
	background-size: cover;
	background-position: center center;
	padding:50px 0 70px;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
    background-attachment: fixed;
    position: relative;
    height: 450px;
    width: 100%;
 
}

.zzry .map-img {

	width: 709px;

    float: right;

}
.zzry .zzry_txt {
	width: 460px;
}

.zzry .zzry_txt b{display: inline-block;
    line-height: 52px;
    font-size: 38px;
    color: #fff;
    position: relative;
    letter-spacing: 2px;}
    .zzry .zzry_txt span { display: block; font-size: 28px; margin-top: 20px;}
.zzry .zzry_txt p { margin-top: 30px;}
.zzry .zzry_txt span{ color: #fff;  font-size: 14px; margin-top: 0;}
/*成功案例*/
.hz_box { padding: 50px 0 70px;}
.hezuo { padding-bottom: 50px; margin-top: 30px;}
.hezuo .swiper-slide a{ background:#fff;  display: block; margin: 10px; padding: 10px;overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.1);}
    .hezuo .swiper-pagination-bullet-active {
        opacity: 1;
        background: #BE1514;
    }
/*新闻*/
.news-box { margin-top: 50px;}
.pinpaigs {  margin-top: 30px;}

.pinpai{position: relative;}
.pinpai a{ display: block; text-decoration: none; color: #333; margin-top: 15px;}
.pinpai.pinpai-item{ position:relative; overflow: hidden;}
.pinpai .pinpai-imgbox{ width:50%; height: 327px;}
.pinpai .pinpai-text{ width:40%;height: 327px; background: #fff; padding:0 5%; overflow:hidden; background-color: #f7f7f7;}
.pinpai .pinpai-h{font-size:24px; font-weight: bold;  overflow: hidden; margin-top: 60px;  margin-bottom:40px;}
.pinpai .pinpai-sum{  color:#999; line-height: 24px;}
.pinpai .more { display: block; margin-top: 20px; width: 100px; border-radius: 30px; height:35px; line-height: 35px; text-align: center;
    background: #BE1514;color:#fff; float: right;}
.pinpai .more:hover {background: #BE1514;color:#fff;}  

.pinpai .pinpai_page{ position: absolute; z-index: 9; left:55%; bottom:10%; top: auto; transform: none; -webkit-transform: none; width:15%; padding-left: 0; }
.pinpai .pinpai_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.pinpai .swiper-num{ position: absolute; z-index: 9; right: 55px; top:20%; color: #bebebe;}
.pinpai .swiper-num .active{ font-size:26px; font-weight: bold; color: #BE1514;} 
.pinpai .swiper-num { font-size: 16px;}
.pinpai .swiper-pagination-bullet {
    width: 10px;
    height: 10px;

}
.pinpai .swiper-pagination-bullet-active {
    opacity: 1;
    background: #BE1514;
}
.news_fl { margin-top: 40px;}
.news_fl .news_list2 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.news_fl .news_list2 a{  background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);   padding: 20px; width: calc(25% - 60px);  }

.news_fl .news_list2 span{ display: block; color: #999;}
.news_fl .news_list2 b{ font-size: 18px; display: block ; margin: 15px 0; font-weight: normal; color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_fl .news_list2 p { color: #666; line-height: 24px;}
.news_fl .news_list2 i { display: block; margin-top: 20px; width: 100px; border-radius: 30px; height:35px; line-height: 35px; text-align: center;
    background: #f1f1f1;color:#666;}
.news_fl .news_list2 a:hover i {background: #BE1514;color:#fff;}  
/*返回顶部*/

.scroll {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    right: 15px;
    bottom: 80px;
    color: #fff;
    cursor: pointer;
    background: #BE1514;
    font-size: 30px;
    border-radius: 10px;
}

/*底部footer*/

.foot-bg {
	background:#f2f2f2;
    background-size: 100%;
	padding-top: 30px;
	margin-top: 80px;

}
.foot-bg a {
	color: #333;
}
.foot-bg a:hover {
	color: #BE1514;
}
.main_foot {
	height: auto;
	padding: 30px 0;

 
 
}
.main_footdl {
	width: 26%;
    padding-right:4%;
  

}
.main_footdl dt {

    margin-bottom: 20px;
}
.desc {
    color: #666;
    font-size: 18px;
    line-height: 38px;
    margin-bottom: 15px;
  }

.main_footdl2 {
	width: 25%;
    padding-left: 10%;

}
.main_footdl2 dd a { float: left; width:50%;color: #666;
    font-size: 16px;
    line-height:32px;}
.main_footdl3 {
    padding-left:10%;
    width: 25%;

}
.main_footdl2 dt, .main_footdl3 dt {  margin-bottom: 25px;}
.main_footdl2 dt b, .main_footdl3 dt b {
    text-transform: uppercase;
    height: 59px;
	padding: 0;
	display: block;
}
.main_footdl2 dt b a, .main_footdl3 dt b a {
	color: #333;
	font-size: 24px;
    line-height: 59px;
}
.main_footdl2 dt b a:hover, .main_footdl3 dt b a:hover{
	color: #fff;
}
.main_footdl2 dd, .main_footdl3 dd {
	height: auto;
	overflow: hidden;
	margin-top: 10px
}

 .main_footdl3 dd a { float: left; width: 100%; display: block;  color: #666;
    font-size: 16px;
    line-height: 32px;
  }

.ewm { width:100%; align-items: center; float:left; margin:0 10px; display:flex; margin-top: 15px; justify-content: center;}
.ewm span{ display:block; float:left; text-align:center; padding:0 15px;}
.ewm span img { width: 100px;}
.ewm p {}
#footer {
	background: #BE1514;
	color: #fff;
	padding:20px 0;
	border-top: 1px solid rgba(255, 255, 255, .1);

}
#footer a {
	color: #fff;
}
.copyright {
	text-align: center;
    text-transform: uppercase;
}