body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input[type=text],textarea,p,blockquote,th,td,button{padding:0;margin:0;font-size:100%}
label input{vertical-align:middle}
a:link,a:visited{color:#333;text-decoration:none; outline:none}
a:hover,a:active{text-decoration:none}
body{font:12px/1.5 "微软雅黑";color:#333;background:#fff; behavior:url("csshover.htc");}
body.wd-body-01{ background:url(../images/front/menubg.gif) left 112px repeat-x}
body.second{ background:url(../images/front/menubg2.gif) left 112px repeat-x}
/*body{font:12px/1.5 "宋体", Arial, Helvetica, sans-serif;color:black;background-color:#fff;text-align:center}*/
img{border:0}
table{border-collapse:collapse}
ul li{list-style:none;}
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}

.left{ float:left}
.right{ float:right}
.center{ width:83%; margin:0 auto;}

/*header*/
.header_top{ width:100%; float:left; padding:0px; margin:0px; font-family:"微软雅黑"}
.tel_top{     font-size: 28px;
    line-height: 135px;
    width: 35%;/* line-height:140px;*/}
.tel_top img{ float:left;}
.t_xl{ display:none; margin-top:7%;}


.header_nav{ width:100%; background:#000; float:left;font-family:"微软雅黑"}
.h_nav{ width:100%; float:left; font-size:16px; height:75px;}
.h_nav ul{ width:100%; list-style:none;}
.h_nav ul li{ width:12.5%; float:left; text-align:center; line-height:75px; height:75px; border-right:1px solid #2e2e2e;  position:relative; z-index:1000; font-size:19px;}
.h_nav ul li:last-child{ border:none;}
.h_nav ul li a{ color:#fff; text-decoration:none;}

.h_nav ul li ul{ list-style:none; width:100%; list-style:none; float:left;  border:none; display:none;  }

.h_nav ul li ul li{ width:100%; float:left; background:#c8000b;text-align:center;border:none; }

.nav_one{ width:100%; float:left;  margin-left:100%; margin-top:-70px;  background:#000; display:none; }
.nav_li{text-align:center;width:100%; float:left;}

.h_nav ul li:hover{ background:#c8000b;}
.h_nav ul li:hover ul{ display:block !important;}
.h_nav ul li ul li:hover { background:#000;}

.h_nav ul li ul li:hover .nav_one{ display:block;}
.nav_one .nav_li:hover { background:#666;}



/*banner*/
  .swiper-container {
      width: 100%;
      height: 100%;

    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
 .swiper-container   .swiper-slide a{ width:100%;}
 .swiper-container   .swiper-slide img{ width:100%;}

.pages{width: 100%;height:12px;line-height:12px;float: left;text-align: center;font-size: 12px;font-family: "宋体";color: #343433;margin-top: 35px}
.pages a{color: #343433;margin: 0px 10px}



/*产品展示*/
.pro_box{ width:100%; margin-top:80px; float:left; padding:0px;font-family:"微软雅黑"}
.pro_name{ width:100%; float:left; margin-bottom:55px; }
.pro_name span{ margin-left:0.5%;}
.pro_left{ float:left; width:70%;}
.pro_right{ float:right;}
.pro_01{font-size:27px; text-transform:uppercase; width:100%; float:left; color:#000;}
.pro_02{ font-size:18px; color:#000; width:100%; float:left; line-height:200%;}

.pro_lb{ width:100%; float:left; padding:0px;}
#pro_lb_left{ width:17%; float:left;}
#pro_lb_left ul{ width:100%; list-style:none;}
#pro_lb_left ul li{ width:100%; float:left; text-align:center; font-size:19px; border-top:1px solid #a1a1a1; background:#f7f7f7; line-height:115px;}
#pro_lb_left ul li a{ text-decoration:none; color:#000;}
#pro_lb_left ul li:hover a{ color:#c8000b;}
#pro_lb_left ul li:hover{ background:url(../images/ys.png)}

#pro_lb_right{ width:83%; float:left; padding:0px; height:696px; overflow:hidden;}
#pro_lb_01,#pro_lb_02,#pro_lb_03,#pro_lb_04,#pro_lb_05,#pro_lb_06{ width:100%; float:left;}
#pro_lb_right ul{ width:62%; list-style:none; float:left;}
#pro_lb_right ul li{ width:48%; float:left; margin-right:2%; margin-bottom:1%; height:342px; overflow:hidden;}
#pro_lb_right ul li img{ width:100%; min-height:342px;  transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;
}
#pro_lb_right ul li img:hover{  transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -o-transform:scale(1.2);

    -ms-transform:scale(1.2);}

.pro_lb_dp{ width:39%; margin-left:-1.2%; float:left; background:#000; height:696px; color:#FFF; text-align:center;}
.pro_ld_d{ width:100%: float:left; margin-top:30%; font-size:29px;}
.pro_ld_e{ width:100%; float:left; font-size:24px; text-align:center;}
.pro_ld_desc{ width:80%; margin:2% 10%; float：left; color:#6e6e6e; font-size:16px; line-height:200%;}

/*案例展示*/
#casebox{ width:100%; float:left; background:#f0f0f0; height:800px;font-family:"微软雅黑"}

.o-m{width:100%; float:left; margin-top:10%;}
.o-m .ul-o{float:right;width:18.3%;position:relative;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2; height:125px; line-height:125px; text-align:center;color:#FFF; font-size:18px;}
.o-m .ul-o li a{ color:#FFF;}
.o-m .ul-o li:hover{ background:url(../images/jt.png) #c8000b;}
.li1{ background:#6b6b6b;}
.li2{ background:#5c5c5c;}
.li3{ background:#474747;}
.li4{ background:#3b3b3b;}


.o-m .ul-t{width:81.7%;float:left;height:510px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.ul_right{ width:57%; float:right; height:500px; overflow:hidden;}
.ul_right img{ width:100%; min-height:500px;}
.ul_left{ width:53%; float:right; margin-right:-10%; margin-top:60px; height:380px; background:#f7f7f7;box-shadow: 2px 2px 5px #e5e5e5; position:relative; }
.ul_left span{ padding:18% 10%; float:left; width:100%; color:#000000; font-size:16px; line-height:230%;}

.case_left{ position:absolute; top:-15%; width:100%;}
.case_eg{ padding:0px; }

.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}

/*新闻中心*/
#newsbox{ width:100%; float:left; background:#FFF; height:940px; padding:80px 0px;font-family:"微软雅黑"}
.newslu{ width:100%; float:left; margin-top:30px;}
.news_left{ width:43.125%; float:left; height:635px; background:#f0f0f0; position:relative;}
.news_img{ width:100%; float:left; height:410px; overflow:hidden;  }
.news_img img{ width:100%; height:auto;  transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.news_img img:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.news_text{ width:80%; margin:0px 10%; position:absolute; bottom:10%; background:#FFF; height:248px;box-shadow: 2px 2px 8px #e5e5e5; padding:1% 10%;}
.news_top{ width:100%; float;left; text-align:center; font-size:18px; line-height:400%; border-bottom:1px dashed #b8b8b8; color:#000;}
.news_dp{ color:#b8b8b8; width:100%; float:left; font-size:16px; padding:3% 0px; line-height:220%;}
.news_time{ width:100%; float:left; font-size:16px; color:#c8000b;}

.news_right{ width:55%; margin-left:1.875%; float:left;}
.news_center{ width:80%; margin:0px auto;}

.news_li{ width:100%; float:left; background:#f0f0f0; margin-bottom:6%;}
.news_li:last-child{ margin-bottom:0px;}
.news_date{ width:18.4%; height:136px; background:#4f4f4f; margin:77px 0px; text-align:center; color:#fff; font-size:16px; line-height:250%; padding:5% 0px; float:left;}
.news_date span{ font-size:48px; width:100%; float:left;}
.news_r_box{ width:81.5%; float:left; background:#FFF; height:210px; margin-top:6%;}

/*成功案例*/
#case_box1{ width:100%; float:left; background:#292a2e; padding:3% 0px;font-family:"微软雅黑"}
.cs_name{ width:100%; float:left; margin-bottom:55px; color:#FFF;  border-bottom:3px solid #474747; padding:1% 0px 2% 0px;;}
.cs_01{font-size:27px; text-transform:uppercase; width:100%; float:left; color:#FFF;}
.cs_02{ font-size:18px; color:#FFF; width:100%; float:left; line-height:200%;}

#case_ul{ width:100%; float:left; margin-top:35px;}
#case_top{ width:100%; text-align: center;margin:0px auto;}

#case_top li{ width:10%; text-align:center; color:#FFF;display: inline; font-size:18px; margin:2% 2%;}
#case_top li a{ color:#FFF;}

#case_bottom{ width:100%; float:left;  margin-top:90px; margin-bottom:30px; color:#FFF;overflow:hidden; height:290px; position:relative;} 
#case_bottom .swiper-container1 {  width: 100%; height: 100%; float:left; }
#case_bottom .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      Center slide text vertically
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
#case_bottom .swiper-container1{  float:left;  overflow:hidden; z-index:1; }
#case_bottom .swiper-slide{ width:30%!important; margin-left:1.6%; margin-right:1.6%}
#case_bottom .swiper-container1   .swiper-slide img{ width:100%; }
#case_bottom .swiper-button-prev{ background:url(../images/left.jpg)!important; top:40%; height:92px; width:40px; left:5%; position:absolute;}
#case_bottom .swiper-button-next{ background:url(../images/right.jpg)!important; top:40%; height:92px; width:40px; right:5%;position:absolute;}



#t_1,#t_2,#t_3,#t_4{width:100%; height:290px;position:relative;}

.tabBar{ width:100%; font-family:"Microsoft YaHei"; }
.tabBar .hd ul{ z-index:5; position:relative;  zoom:1;width:100%; text-align: center;margin:0px auto;}
.tabBar .hd li{ width:10%; text-align:center; color:#FFF;display: inline; font-size:18px; margin:2% 2%; color:#FFF}
.tabBar .hd li a{ color:#FFF; text-decoration:none;}
.tabBar .hd li.on{ padding:0.3% 0.5%; overflow:hidden; border-radius:10px; margin-top:0px; position:relative; top:1px;  background:#c8000b; }
.tabBar .hd li.on span{ font-weight:bold; color:#c00;  }
.tabBar .bd{ width:100%; clear:both; position:relative; overflow:hidden;  padding-bottom:2%;  }

.tabBar .bd .conWrap{ width:100%;  }
.tabBar .bd .con{ width:100%;}

/*关于我们*/
#aboutbox{ width:100%; float:left; padding:3% 0px; background:#f0f0f0;font-family:"微软雅黑"}
.about_left{ width:66.5%; float:left; height:515px; overflow:hidden;}	
.about_img{ width:50%; float:left; height:515px; overflow:hidden;} 
.about_img img{ width:100%; min-height:515px; transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;}
.about_img img:hover{transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -o-transform:scale(1.2);

    -ms-transform:scale(1.2);}
.about_text{ width:50%; float:left; background:#FFF; height:515px;}
.about_name{ width:100%; float:left; margin-top:18%; margin-bottom:2%; text-transform:uppercase; color:#000; font-size:24px;}
.about_name span{ font-size:21px; color:#d0d0d0; margin-left:1%;} 
.about_dp{ width:100%; float:left; color:#717171; font-size:16px; line-height:220%;}

.about_right{ width:33.5%; float:left;}
.about_r_box{ width:100%; float:left; height:258px; overflow:hidden;}
.about_img1{ width:50%; float:left; height:258px; overflow:hidden;} 
.about_img1 img{ width:100%; min-height:258px;  transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;
}
.about_img1 img:hover{ transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -o-transform:scale(1.2);

    -ms-transform:scale(1.2);}
.about_text1{ width:50%; float:left; background:#FFF; height:258px;}
.about_name1{ width:100%; float:left;  margin-bottom:2%; text-transform:capitalize; color:#000; font-size:21px; text-align:center; line-height:180%; margin-top:40%;}
.about_name1 span{ font-size:18px; color:#d0d0d0; margin-left:1%; width:100%;} 


/*底部*/
.footer{ width:100%; float:left; background:#373737; padding:2% 0px;font-family:"微软雅黑"}
.f_nav{ width:100%; float:left;}
.f_nav ul{ width:100%; list-style:none; }
.f_nav ul li{ width:12.5%; float:left; text-align:center; color:#fff; font-size:19px; line-height:220%; }
.f_nav ul li a{ color:#FFF; border-bottom:2px solid #5a5a5a; width:100%; float:left;padding-bottom:1%; text-decoration:none;}
.f_nav ul li ul{ width:100%;}
.f_nav ul li ul li{ border-bottom:none; width:100%; float:left; font-size:17px; color:#c5c5c5;}
.f_nav ul li ul li a{ border-bottom:none; color:#c5c5c5}

.f_lxwm{ width:100%; float:left; margin-top:2%;}
.f_li{ width:100%; float:left; color:#c5c5c5; font-size:18px; line-height:30px;} 
 .f_li img{ margin-right:1%;}
 
 #copyright{ width:100%; float:left; background:#141414; color:#c5c5c5; font-size:18px; padding:2% 0px;font-family:"微软雅黑"}
 
 /*单页面*/
 .page_box{ width:100%; float:left; padding:2% 0px;;}
 .page_left{ width:18%; float:left; margin-right:2%; margin-bottom:2%;}
 .pc_middle{ width:100%; float:left; background:#373737; color:#FFF; font-size:20px; padding:5% 5%; line-height:170%;}
 .pcm_bottom{ color:#c8000b; font-size:18px; text-transform:capitalize;}
 
 
 
.s-side {
  width:100%;	
  background-color: #292929;
  color:#FFF;
  float:left;
}
.s-side a{ color:#fff; text-decoration:none;}
.s-side .s-firstItem i {
  font-size: 20px;
}
.s-side .s-firstItem span {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  text-shadow: 0px 0px 5px #EEEEEE;
  white-space: 10px;
}
.s-side .first {
	padding: 10px 0px;
	border-bottom: 1px solid #424242;
}
.s-side .d-firstNav span {
  display: inline-block;
  margin-left: 10px;
  font-size:18px;
  line-height:300%;
}
.s-side .d-firstNav span a,.s-secondNav span a{ color:#FFF; text-decoration:none;}
.s-side .d-firstNav i.fr {
  font-size: 25px;
}
.s-side .s-secondNav,
.s-side .s-secondItem {
  margin-left: 50px;
  margin-top: 10px;
  font-size:16px;
  line-height:250%;
}
.s-secondNav:hover,.d-firstNav:hover{
	background-color: #3D3D3D;cursor: pointer
}
.s-side .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
}

 /*图片模型*/
.page_right{ width:80%; float:left;}
.page_c_name{ width:100%; float:left; border-bottom:1px solid #000; line-height:200%; font-size:18px;}

.page_content{ width:100%; float:left; margin-bottom:1%; margin-top:2%; font-size:15px; line-height:220%;}
.page_content img{ max-width:100%; height:auto; padding:2% 0px;}
.page_pic{ width:100%; float:left; font-family:"黑体";}
.page_pic ul{ width:100%; list-style:none; float:left;}
.page_pic ul li{ width:23%; float:left; margin:2% 1% 2% 1%; }
.pic_top{ width:100%; float:left;border:1px solid #ececec; height:220px; overflow:hidden;}
.pic_top img{ width:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; min-height:220px;}
.pic_top img:hover{ transform:scale(1.2);-webkit-transform:scale(1.2); -moz-transform:scale(1.2);-o-transform:scale(1.2); -ms-transform:scale(1.2);}
.pic_title{ width:100%; float:left; border-bottom:1px solid #d9d9d9; height:40px; line-height:40px; font-size:18px; letter-spacing:1px;}
.pic_title span{ padding-left:8px; float:left;}
/*新闻*/
.page_news{ width:100%; float:left; margin:1% 0px;}
.page_news ul{ width:100%; float:left; list-style:none;}
.page_news ul li{ width:100%; float:left; margin-bottom:10px; font-size:16px;}
.page_news ul li span{ float:right; font-size:14px; color:#999999;}

.p_title{width:100%; text-align:center; line-height:250%; float:left; font-size:18px; border-bottom:1px dashed #000;}


/*pages*/
.pages{width: 100%;height:40px; line-height:40px; float: left;text-align: center;font-size: 12px;font-family: "宋体";color: #343433;margin-top: 35px}
.pages a{color: #343433;margin: 0px 6px; border:1px solid #c9c9c9; padding:10px;}
.pages span span{ background:#000; color:#FFF; padding:10px; border:1px solid #c9c9c9;}

 #kefu_wrap{ display:none;}
 /*底部导航*/
.nav_map{
	width: 100%;
	position: fixed;
	z-index: 1000;
	bottom: 0;
	background-color: #1B1B1B;
	display: none;
}
.nav_map ul{
	display:flex;
}
.nav_map li{
	flex:1;
	flex-direction:column;
	width:25%;
	float:left;
	
}
.nav_map li img{ width:100%;}
.nav_map li a{
	display: block;
	text-align: center;
}
 
@media (max-width:1440px){
.news_top{ font-size:17px;}
.news_dp{ font-size:15px; line-height:190%;}
.news_text{ bottom:20%;}
.news_left{ height:620px}
.pro_lb_dp{ height:691px;}
#case_bottom .swiper-slide{ margin-left:17.5px;}
.about_left,.about_img{ height:500px;}
.about_img img{ height:500px;}
.about_dp{ line-height:180%;}
.about_r_box,.about_img1{ height：250px;}
.about_img1 img{ min-height:250px;}
}



@media (max-width: 767px){
.center{ width:90%;}
/*顶部*/	
.tel_top{ display:none;}
.header_top .left img{ width:80%;}
/*导航*/
.header_nav{ display:none;}
/*下拉*/
.t_xl{ display:block;}
	
}