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:underline; text-decoration:none;}
body{font:16px/1 "微软雅黑", Verdana, Helvetica, Arial, "Microsoft YaHei", Simsun, sans-serif;color:#333;background:#fff; behavior:url("csshover.htc");}
.clear{clear:both;}
/*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}
.left{ float:left;}
.right{ float:right;}
a{text-decoration:none;}
clear{ clear:both;}

.container{ max-width:1200px;}


@font-face
{
    font-family: hyxj;
    src: url('../font/hyxj.ttf');
}
@font-face
{
    font-family: alg;
    src: url('../font/alg.ttf');
}

@font-face
{
    font-family: lig;
    src: url('../font/lig.ttf');
}

@font-face
{
    font-family: wqy;
    src: url('../font/wqy.ttf');
}

.pro_tel{ margin:3% 0px 1% 0px; display:inline-table; width:100%;}

/*顶部*/
#header_top{ width:100%; height:100px;background: linear-gradient(to right, #ffffff 50%, #2d2f32 50%);}
#header_top .logo{ width:23%; height:100%;position:relative;overflow:hidden; float:left;}
#header_top .logo img{ position:absolute; top:20%; max-width:95%; text-align:center; left:5%;}
#h_nav{ width:40%;float:left; height:100%; position:relative; margin-left:2%}
#h_nav ul{ position:absolute; top:35%; width:100%;}
#h_nav ul li{ width:12.5%; text-align:center; float:left;font-size:16px; position:relative; line-height:220%;}
#h_nav ul li a{ color:#333333; text-decoration:none;}
#h_nav ul li:nth-child(6)  a,#h_nav ul li:nth-child(7) a,#h_nav ul li:nth-child(8) a{ color:#FFF;}
#h_nav ul li::after {
  position: absolute;
  content: "";
  bottom:0;
  left: 35%;
  width: 30%;
  height: 2px;
  background: #b50000;
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#h_nav ul li:hover::after, ul li.active::after {
  transform: scaleX(1);
}
 
.r_tex{ width:33%; float:left; margin-left:2%; height:100%; color:#FFF; font-size:28px; position:relative;}
.r_tel{ position:absolute; top:40%; width:99%; vertical-align:bottom;}
.search_box{ position:absolute; right:5%; top:40%; width:15%;}

.dl-menuwrapper{ display:none;} 

@media (max-width: 1780px)
 {
	 .histb{ display:none;} 
	 .r_tex{font-size:26px;}
	 .search_box{ right:0px;}
}

@media (max-width: 1600px)
 {
	 #h_nav ul li{ font-size:14px;}
	 .histb{ display:none;} 
	
	
}
@media (max-width: 1520px)
 {
.r_tex{ font-size:23px;}
	
}


@media (max-width: 1400px)
 {
.r_tex{ font-size:21px;}
	
}
@media (max-width: 1300px)
 {
.r_tex{ font-size:19px;}
	
}
@media (max-width: 1200px)
 {
#header_top{ background:#FFF;overflow:hidden;}	 
#h_nav,.r_tex{ display:none;}
.dl-menuwrapper{ display:block;}
	
}
@media (max-width: 992px)
 {
#header_top .logo{ width:45%;}
	
}
@media (max-width: 576px)
 {
#header_top{ height:80px;}
	
}

/*banner*/
#banner{background:#2d2f32; width:100%; overflow:hidden;  position:relative;}

#banner .swiper-container {
      width: 95%;
      height: auto;
	  position:relative;
	  float:left;
    }
#banner .swiper-wrapper{ height:auto;}
#banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      width:100%;
	  height:auto;
      /* 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;
	  display:inline-table;
    }
#banner .swiper-slide img{ width:100%; height:auto;}
.swiper-container-vertical > .swiper-pagination-bullets{ right:2.5%;}
#banner .swiper-pagination{ right:100px; width:30px; z-index:10; bottom:40%;}
#banner .swiper-pagination-bullet-active,#banner .swiper-pagination-bullet{ background:none;}	
#banner .swiper-pagination-bullet{ width:100px; line-height:40px; height:40px; color:#FFF;opacity:1; font-size:14px; text-align:right;}
#banner .swiper-pagination-bullet-active{ background:url(../images/xt.png)no-repeat left;}
.b_ggy{ position:absolute; right:3%; bottom:20%; color:#FFF; font-size:18px; width:5px; height:50px;letter-spacing:20px;}


@media (max-width: 1200px)
 {

.b_ggy{font-size:16px; bottom:25%;}
	
}

@media (max-width: 1100px)
 {

#banner .swiper-pagination{right:90px;}
	
}
@media (max-width: 992px)
 {
#banner .swiper-container{ width:100%;}
.b_ggy{ display:none;}
#banner .swiper-pagination{ display:none;}
	
}
/*关于我们*/
#aboutbox{ padding:2% 0px; width:100%; display:inline-table;}
.abpic{ max-width:100%; height:auto;padding:0px;}
.abpic img{ max-width:100%;}
.aboutname{ width:100%; float:left; margin-bottom:5%;}
.ab_bt{ width:100%; text-align:center; color:#333333; font-weight:bold; font-size:28px; line-height:120%;}
.ab_top{ width:100%; text-align:center; float:left;}
.ab_bt span{ font-weight:normal; color:#000; font-size:18px; text-transform:uppercase;}
.ab_dp{ color:#666666; font-size:14px; text-align:center; width:100%; margin:3% 0px;}

.ab_text{ width:100%;}
.ab_text{ margin:20% 0px 0px 0px; letter-spacing:2px;}
.ab_t1{ width:33.333%; float:left; font-size:14px; color:#666666; line-height:200%; text-align:center;}
.ab_t1 span{ font-size:14px; color:#000;}
.ab_t1 strong{ font-size:30px;}

.aboutdp{ width:100%; margin-top:2%; position:relative; float:left;}
.a_k{ width:305px; height:165px; background:#f5f5f5; position:absolute; top:0px; right:0px; z-index:-1;}
.a_caname{ color:#000; margin:5% 0px; font-size:22px;font-weight:bold;}
.a_caname span{ font-family:alg; font-size:56px; margin-right:5px; font-weight:normal;}
.a_text{ width:90%; border:1px solid #818181; margin-top:10%; text-align:left; padding:5% 10%; font-size:14px; color:#666666; line-height:200%;}
.a_more{ font-size:12px; color:#c21d23; width:100%; text-align:right; margin:4% 0px 1% 0px;}
.a_more a{ text-decoration:none; color:#c21d23}

@media (max-width: 992px)
 {
.a_text{ width:95%; padding:2%;}
	
}
@media (max-width: 768px)
 {
.abpic{ display:none;}
.ab_text{ margin-top:2%;}
.aboutdp{ margin-top:0px;}

.a_text{ width:100%;}
	
}
/*定制产品*/
#pro{ width:100%; display:inline-table; overflow:hidden;}

.p_catname{position: relative;text-align: center;width: 100%;display:inline-table;}
.p_catname .p_catnamebox:after, .p_catname .p_catnamebox:before {position: absolute;top: 50%;border-top:1px dashed #666; content: ""; height: 1px; width: 42%;}
.p_catname .p_catnamebox:before {left: 0;}
.p_catname .p_catnamebox:after {right: 0; }
.p_top{ font-size:28px; font-weight:bold; line-height:120%;}
.p_top span{ font-size:18px!important; font-weight:normal;}
.p_dp{ font-size:14px; color:#666666; margin:1% 0px;}


.pro_box{ width:100%; display:inline-table;}
.pro_strip{ width:100%; margin:2% 0px;}

.pro_strip_mobi{ display:none;}
.pro_bt{ width:100%; margin-top:40%;}
.pro_bt_01{ width:60%; margin:2% 20%;font-size:14px; color:#333333; line-height:150%;}
.pro_bt_01 span{ font-size:22px; color:#333333; font-weight:bold;}
.pro_bt_01 p{ font-family:lig;}
.pro_bt_01 .line{ width:25px; height:2px; background:#c21d23; margin:5% 0px;}
.pro_more{ border:1px solid #686868; -moz-transition: all 1s ease 0s;text-align:center; width:25%; border-radius:15px; margin-left:20%; font-size:12px; line-height:230%; margin-top:18%;}
.pro_more a{ color:#666666; text-decoration:none;}
.pro_bt:hover .pro_more
{
background:#c21d23;
border:none;

}
.pro_bt:hover a
{
color:#FFF;

}
.pro_bt_02{ width:60%; margin:2% 20%;font-size:14px; color:#333333; line-height:150%; text-align:right; float:right;}
.pro_bt_02 span{ font-size:22px; color:#333333; font-weight:bold; width:100%; float:right;}
.pro_bt_02 p{ font-family:lig;float:right; width:100%;}
.pro_bt_02 .line{ width:25px; height:2px; background:#c21d23; margin:5% 0px; text-align:right;float:right;}
.pro_more1{ border:1px solid #686868; -moz-transition: all 1s ease 0s;text-align:center; width:25%; border-radius:15px; margin-right:20%; font-size:12px; line-height:230%; margin-top:18%; float:right;}
.pro_more1 a{color:#666666; text-decoration:none;}

.pro_bt:hover .pro_more1
{
background:#c21d23;
border:none;

}
.pro_bt:hover a
{
color:#FFF;

}


.propic{ width:100%; text-align:center; line-height:300%;  font-size:16px;position:relative;height:0;padding-top:28%}
.propic img{ width:100%;opacity:0;}
.r_pic{transition: .4s;position:absolute;top:0;left:0;height:90%; padding:5%;margin:5%;}
.propic:hover{transform: scale(1.05);}
.propic a{color:#333333; text-decoration:none;}

.tel_center{ width:40%; margin:0px auto; line-height:200%;}
.tel_center img{ float:left; width:auto;}
.tel_text{ font-size:18px; color:#333333;}
.tel_text span{ font-size:30px; color:#000; font-family:wqy;}
.tel_text p{ font-size:14px; color:#666666;}

.pro_bt_dp{ width:100%; float:left; margin:2% 0px;}
@media (max-width: 1600px)
 {

.tel_text{ margin:10% 0px;}
	
}
@media (max-width: 1200px)
 {

.pro_more1,.pro_more{ width:35%;}
.tel_center{ width:40%;}
	
}
@media (max-width: 1100px)
 {

.pro_bt_01,.pro_bt_02{ width:100%; margin:2% 10%;}
.pro_more{ margin-left:10%;}
.pro_more1{margin-right:10%;}	
.tel_center img{ width:15%;}
.tel_center{ line-height:160%}
.cust_pic img{ width:48%;}
}

@media (max-width: 1000px)
 {
.tel_center{ width:45%;}	 
 }
@media (max-width: 992px)
 {
.pro_bt{ margin-top:10%;}
.pro_more1, .pro_more{ width:45%; margin-top:10%}
	.propic{ margin-bottom:5%;}
	.propic p{ line-height:200%;}
	
}

@media (max-width: 768px)
 {
	.p_catname .p_catnamebox::after, .p_catname .p_catnamebox::before{ width:32%;} 
	.tel_center{ width:65%;}

	
 }
 @media (max-width: 576px)
 {
.pro_strip_mobi{ display:block;}	
.pro_strip:nth-child(3){display:none;} 
.pro_strip:nth-child(4){display:none;} 
.pro_bt_01, .pro_bt_02{    width: 60%; float: left;margin-left: 3%; margin-bottom: 5%;}
.pro_bt_01 .line{ margin:3% 0px;}
.pro_more1, .pro_more{ width:20%; float:right; margin-right:3%; margin-top:2%; margin-left:0px;}
.tel_center{ width:60%;}
.tel_text span{margin-top:2%; display:inline-block;}
.ab_bt,.p_top,.tel_text span{ font-size:24px;}
.p_top{ margin:3% 0px;}
.pro_tel{ margin:5% 0px;}


.tel_text p{ display:none;}
}



/*案例展示*/
#case{ width:100%; display:inline-table; overflow:hidden; margin:2% 0px;}
.case01{width: 60%;margin: 0 auto;}
.casepic,.casepicright{ padding:0px;position:relative;}
.casepicleft{ width:100%; overflow:hidden; padding:0px; margin:0px;}
.casepicleft .row{ padding-right:0px; margin-right:0px;}
.casepicright img{ width:100%; height:100%;}

.casepic{ position:relative; width:100%; overflow:hidden;}
.casepic img{ width:100%; height:100%;transition: all .5s; }

.fgc{transition: all .5s;opacity: 0;transform: scale(.7,.7);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,.4);
color: #fff;
}
.table{ width:100%; height:100%; display:table;}
.wz{display: table-cell;color:#FFF;text-align: center;vertical-align: middle; font-size: 22px; width:100%;  font-family:"微软雅黑";}

.casepic:hover .fgc{ opacity: 1; transform: scale(1,1); }
.casepic:hover img{ transform: scale(1.1,1.1); }

.casename{ margin:5% 0px; }
.casetext{ margin-left:8%; color:#666666; font-size:16px;width:80%;}
.casetext span{ font-size:30px; color:#000; margin-right:1%;}
.casetext .line{ width:22px; height:5px; background:#c21d23; margin:3% 0px;}
.casetext p{ color:#666666;font-size:14px; margin:5% 0px; line-height:180%;}
.casemore{ font-size:14px; margin-top:8%; margin-left:8%;}

.case02{ display:none;}
.casename1{ background:#000; color:#FFF; padding:5% 0px; }
.casetext1{ margin-left:8%; color:#fff; font-size:16px;width:80%;}
.casetext1 span{ font-size:30px; color:#fff;}
.casetext1 .line{ width:22px; height:5px; background:#c21d23; margin:3% 0px;}
.casetext1 p{ color:#fff;font-size:14px; margin:5% 0px; line-height:180%;}
.casemore1{ font-size:14px; margin-top:5%; margin-left:8%; color:#FFF;}
.casemore1 a{ color:#FFF;}

@media (max-width: 1200px)
 {
.casename{ margin:2% 0px;}	 
.casetext p{word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

	
}

@media (max-width: 768px)
 {
.case01{ display:none;}
.case02{ display:block;}
.casepicright img{ height:auto;}
	
 }
/*量身定制*/
.cust_pic{ width:100%; text-align:center; margin:5% 0px; position:relative;}
.cust_pic1{ display:none;width:100%; margin:5% 0px; }
.cust_pic img{ width:auto; height:auto;}
.li1{ position:absolute; left:20px; top:110px; text-align:right; width:340px;}
.li1 span,.li3 span,.li2 span,.li4 span,.li5 span{ font-size:16px; font-weight:bold;}
.li1 p,.li3 p,.li2 p,.li4 p,.li5 p{ margin:2% 0px; line-height:140%;}
.li3{position:absolute; left:15px; top:290px; text-align:right; width:300px;}
.li2{position:absolute; right:25px; top:50px; text-align:left; width:300px;}
.li2 p{ margin-left:15px;}
.li4{position:absolute; right:0px; top:210px; text-align:left; width:300px;}
.li5{position:absolute; right:25px; top:380px; text-align:left; width:300px;}


.cust_left{ width:100%; text-align:center;}
.cust_left img{ max-width:100%;}
.cust_right{ width:100%;}
.cust_right ul li{ width:100%; margin:2% 0px; float:left;}
.cust_right ul li span{font-size:16px; font-weight:bold;}
.cust_right ul li p{margin:2% 0px; line-height:140%; font-size:14px;}
@media (max-width: 1200px)
 {

.li1,.li3{ left:0px;}
.li1{ width:320px;}
.li3,.li3,.li4{ width:280px;}	

}
@media (max-width: 1000px)
 {
.cust_pic{ display:none;}
.cust_pic1{ display:block;}	 
	 
 }	 
	 



/*新闻*/
#news{ width:100%; overflow:hidden; display:inline-table;}
.news_box{ margin:2% 0px;}
.new_text{ background:#f1f1f1; height:100%; padding:0px;overflow:hidden;}
.new_text img{ float:left; width:auto; height:100%; max-width:22%;}
.new_text01{ background:#fff;  padding:0px;}
.new_text01 img{ width:45%; float:right;transition: all .5s;}


.new_text02{ background:#fff;  padding:0px;}
.new_text02 img{ float:left; width:25%;}

.news_content{ float:left; width:76%; margin:2% 0px 0px 2%;}
.news_content1{ width:53%;float:left;margin:2% 0px 2% 2%;}
.news_content2{float:left; width:73%; margin:2% 0px 2% 2%;}


.news_li{ width:100%; float:left; margin:3% 0px;}
.news_li a:hover .news_dp span{color:#c21d23;}
.new_time{ width:10%; font-size:14px; text-align:center; line-height:220%; float:left;}
.new_time span{ font-size:26px; margin-bottom:10%; display:inline-table;}
.new_time .line{ width:50px; height:3px; background:#c21d23; margin:3% 0px; margin:0px auto;}
.news_dp{ width:80%; margin-left:5%; font-size:14px; color:#666666; float:left; line-height:130%;}
.news_dp span{ color:#000; margin-bottom:3%; width:100%; float:left;}
.news_dp1{ width:80%; margin-left:1%; font-size:14px; color:#666666; float:left; line-height:130%;}
.news_dp1 span{ color:#000; margin-bottom:3%; width:100%; float:left;}
.newsimg{ width:100%; margin-top:-160px;}
.newsimg img{ width:100%;}
.news_h{ width:100%;  background:#f1f1f1;}
.news_strip1 .row{ margin:0px; }

@media (max-width: 1200px)
 {	
.newsimg{ display:none;}
}
@media (max-width: 768px)
 {	
.news_content1,.news_content2{ margin-top:0px;}
.news_li{ margin:1.5% 0px;}
}
@media (max-width: 576px)
 {	
.new_text img,.new_text01 img,.new_text02 img{ display:none;}
.news_content,.news_content1, .news_content2{ width:100%;}
.news_strip1{margin-left:0px; width: 100%;float: left;padding-left: 3%;}

.news_strip1:nth-child(2){ background: #f1f1f1;}
.new_text02,.new_text,.new_text01{ background:none;}
.news_li{ margin:3% 0px;}
}
/*定制流程*/
.cesscatname{ width:100%; text-align:center;}
.cesstop{ width:225px;  padding-top:0.3%; margin:0px auto; line-height:100%;  font-size:28px; font-weight:bold;display:inline-table; background:url(../images/k.png)no-repeat center; background-size:contain }
.cesstop span{ font-size:18px; font-weight:normal;}
.cesscatname p{ color:#999999; font-size:14px; margin-top:1%;}

.process_box{ width:100%; border:1px solid #000; margin:2% 0px; display:inline-table;}
.process_box ul li{ float:left; width:14.28%; text-align:center; margin:2% 0px; font-size:14px;}
.process_box ul li img{ width:100%;}
.process_box ul li:hover img{-webkit-animation: swing 1s .2s ease both;
	-moz-animation: swing 1s .2s ease both}


.cess_tel{     text-align: center;
    font-size: 14px;
    width: 100%;
    margin: 4% 0px 0% 0px;
    display: inline-table;}
.cess_center{ width:22%; margin:0px auto;}
.cess_tel span{font-size:25px; ;}
.cesstelbox{ border:1px solid #c21d23; margin-top:-2%; float:left; color:#FFF; width:115px; height:35px; line-height:30px; margin-left:1%; }
.cesstelbox span{ background:#c21d23; float:left; margin:2%; width:96%; height:28px; font-size:14px;}


@media (max-width: 1600px)
 {	
.cess_center{ width:28%;}
}
@media (max-width: 1400px)
 {	
.cess_center{ width:35%;}
}
@media (max-width: 1200px)
 {	
.cess_center{ width:40%;}
}
@media (max-width: 992px)
 {	
.cess_center{ width:50%;}
}
@media (max-width: 576px)
 {	
.cess_center{ width:70%;}
.cesstop{ font-size:24px;}
 }
 @media (max-width: 500px)
 {	
.cess_center{ width:90%;}
.cesstelbox{ font-size:14px;}

 }
 
/*联系我们*/
#lxwm{ width:100%; background:#2d2f32; display:inline-table; margin-top:3%; position:relative;}
.l_left{ width:40%; float:left; margin:5% 0px; font-size:14px; color:#FFF; line-height:300%; position:relative;}
.l_left a{color:#FFF;}
.l_left span{ font-size:16px; color:#FFF;}
.l_right{ float:right; margin-top:-180px; width:45%;}
.l_right img{ width:100%;}
.lxwm_more{ width:140px; font-size:14px; line-height:50px; height:50px;  background-color:rgba(0,0,0,0.7); position:absolute; bottom:-34%; padding-left:5%;}
.lxwm_more a{ color:#e8e8e8;}
.lxwm_more img{ margin-left:5px;}


#copyright{ width:100%; background:#f8f8fa; display:inline-table;}
.copyleft{ width:100%; float:left; margin:5% 0px;}
.copyleft ul li{ font-size:16px; width:15%; text-align:center; float:left; line-height:350%;}
.copyleft ul li ul{ width:100%;}
.copyleft ul li ul li{ width:100%; text-align:center; font-size:14px; line-height:200%; }
.copyleft ul li ul li a{color:#7b7b7b;}
.copyright{ float:right; width:100%; margin:5% 0px;text-align:right;}
.backtop{ width:100%; float:left;}
.backtopbot{ width:144px; height:55px; border:1px solid #000; float:right; line-height:70px; font-size:16px; background:url(../images/sjt.png)no-repeat center top; text-align:center;}
.copyright p{ font-size:22px; font-weight:bold; margin:5% 0px; float:right; }
.copyright span{ font-size:14px; text-align:right; width:65%;float:right; line-height:160%;}



@media (max-width: 1200px)
 {	
.l_right{ position:absolute; bottom:0px; right:0px; margin-top:0px;}
 }
@media (max-width: 768px)
 {	
 .backtopbot{ display:none;}
.copyright p{ margin:2% 0px;}
.copyright span,.copyright p{ width:100%; text-align:center;}
.lxwm_more{ position:static;}
.l_left{ width:50%;}
}
@media (max-width: 576px)
 {

 }
  @media (max-width: 500px)
 {
.ab_bt,.p_top,.tel_text span{ font-size:22px;}
.new_time span{ font-size:20px;}
.pro_tel{ margin:5% 0px;}
.copyleft ul li{ width:25%;}
.copyleft ul li ul{ display:none;}
.process_box ul li{ width:25%;}
.cesstop{ font-size:22px;}
.l_left{ width:75%;}
}
/*内页*/
#content_text{width:100%; float:left;overflow:hidden;}
.text_bt{ width:100%; background:#f1f1f1; font-size:14px; line-height:400%;}
.a_pic{ margin:2% 0px; width:100%; overflow:hidden; }
.a_pic img{ width:100%;}
#banner_01{ width:100%; display:inline-table; overflow:hidden;}
#banner_01 img{ width:100%; height:auto;}

@media (max-width: 576px)
 {
.a_pic img{  margin-bottom:2%;}
 }

/*关于我们*/
.a_content{ margin-top:2%; width:100%; display:inline-table; overflow:hidden;}
.a_content_left{ width:100%; background:#c21d23; text-align:right; padding:2% 0px;}
.acontentname{ width:35%; float:right; margin-right:2%; text-align:left;font-weight:bold; font-size:22px;color:#FFF; line-height:220%;}
.acontentname span{ width:25px; height:5px; background:#FFF; float:left;}
.acontentname img{ max-width:100%;}
.a_content_right{ font-size:14px; width:100%; line-height:160%; padding-right:3%;text-align:justify; text-justify:inter-ideograph;}
.a_content .row{ width:100%; margin:0px;}


.cul_bt{ font-size:22px; font-weight:bold; width:100%;}

.culture{ width:100%; margin:4% 0px 2% 0px; position:relative; float:left; z-index:100; overflow:hidden;}
.cul_left{ width:100%; margin:2% 0px;}
.cul_bt{ width:100%; float:left;}
.cul_bt img{ margin-bottom:1%;}
.cul_bt span{width:25px; height:5px; background:#c21d23; float:left; margin-top:1.5%; }

.cul_box{ width:100%; border:1px solid #000;float:left; margin:5% 0px; padding:5%; background:url(../images/abtb2.png)no-repeat bottom right;}
.cul_box ul li{ width:80%; float:left;font-size:14px; margin-bottom:6.5%; line-height:200%;}
.cul_box ul li span{ width:20%; text-align:center; color:#FFF; margin-bottom:2%; display:inline-table; background:#000; line-height:220%;}
.cul_box ul li:last-child{margin-bottom:0px;}

.qywh{ position:absolute;right:0px; top:0px; width:52%;}
.qywh img{ max-width:100%;}

.history{ width:100%; padding:2% 0px; background:#f2f2f2; position:relative; display:inline-table; margin-bottom:3%;}
.histb{ position:absolute; bottom:0px; left:5%;}
.his_bt{ width:100%; float:right;margin-top:-67px; text-align:right; font-size:22px; font-weight:bold;}
.his_bt img{ margin-bottom:1%;}
.his_bt span{width:25px; height:5px; background:#c21d23; float:right; margin-top:1%; }

.his_box{ padding:2% 0px; width:100%;display:inline-table; background:url(../images/abtb4.png)no-repeat left;}
.his_box ul{ width:90%; float:left;}
.his_box ul li{ width:100%; float:left; margin-bottom:2%;margin-left:3%; }
.time{ font-size:24px; color:#838383;  writing-mode: vertical-lr;font-family:lig; margin-top:9%; }
.his_new{ width:90%; float:right;background:#FFF; padding:2% 3%;box-shadow: 10px 10px 10px #cbcbcb;}
.h_pic{ width:16.5%;float:left;}
.h_pic img{ border-radius:100%; width:100%;}
.h_dp{ font-size:14px; width:80%; margin:3% 0px 3% 3%; float:left; color:#2f2f2f; line-height:200%;}

@media (max-width: 850px)
 {
.cul_bt img{ width:70%;}
.h_pic{ width:20%;}
.h_dp{ width:76%;}
.time{ margin-top:9%;}
.his_bt img,.cul_bt img{ width:25%;}

 }
@media (max-width: 768px)
 {
.qywh{ display:none;}
.cul_bt img{ width:50%;}
.cul_box{ background-size:35%;}
.his_bt{ margin-top:0px; text-align:left;}
.his_bt span{ float:left;}
.his_bt img,.cul_bt img,.cul_bt img{ width:30%;}

.his_box{ background:none;}
.time{ display:none;}
.his_new,.his_box ul{ width:100%;}
.his_box ul li{ margin-top:2%; margin-left:0px;}

 }
@media (max-width: 576px)
 {
.cul_box ul li span{ width:35%;}
.cul_box{ background-size:25%;}
.cul_box ul li{ width:96%}
.h_pic{ width:100%; text-align:center;}
.h_pic img{ width:30%;}
.h_dp{ width:94%;}
 }
.his_box ul li:nth-child(2) .h_pic{ float:right;}
.his_box ul li:nth-child(2) .h_dp{ margin:3% 3% 3% 0;}

.his_box ul li a:hover .his_new{ background:#2d2f32;}
.his_box ul li a:hover .h_dp{color:#FFF;}

.adv_box{ width:100%; margin:2% 0px; float:left;}
.advpic{ width:100%; float:left; position:relative;  overflow: hidden;  background-size: cover;background-repeat: no-repeat;background-position: center;}
.advtext{ width:55%; left:25%; position:absolute; top:30%; font-size:18px; color:#FFF; line-height:180%; }
.advpic img{ width: 100%; transition: all 0.4s ease-in-out;}
.advpic:hover img { transform: scale3d(1.1,1.1,1);} 
.advpic a {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  text-align: center;
  pointer-events:none;
  
}
.advpic a:before {
  content: '';
  position: absolute;
  top:0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 10px;
  border:1px solid #fff;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.advpic:hover a {background: rgba(0, 0, 0, 0.7);}
.advpic:hover a:before {
  top:15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  opacity: 1;
}
.advpic:hover a {background: rgba(0, 0, 0, 0.8);}
.adv_dp{ float:left;width:100%; padding:2%; line-height:180%;text-align:justify; text-justify:inter-ideograph; margin:3% 0px; font-size:14px;}

.sale{ width:100%; float:left; }
.sale_after{ width:100%; float:left; background:url(../images/sale.png) no-repeat top; margin:2% 0px; padding-top:4%; text-align:center; line-height:300%;}

.sa_img:hover img {
	-webkit-animation: swing 1s .2s ease both;
	-moz-animation: swing 1s .2s ease both
}
.sa_img img{ max-width:100%;}
@-webkit-keyframes swing {
	20%,
	40%,
	60%,
	80%,
	100% {
		-webkit-transform-origin: top center
	}
	20% {
		-webkit-transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0)
	}
}

@-moz-keyframes swing {
	20%,
	40%,
	60%,
	80%,
	100% {
		-moz-transform-origin: top center
	}
	20% {
		-moz-transform: rotate(15deg)
	}
	40% {
		-moz-transform: rotate(-10deg)
	}
	60% {
		-moz-transform: rotate(5deg)
	}
	80% {
		-moz-transform: rotate(-5deg)
	}
	100% {
		-moz-transform: rotate(0)
	}
}

@media (max-width: 768px)
 {	
.acontentname{ width:100%; text-align:center; margin-right:0px;}
.a_content_right{ padding:2%;}
.acontentname span{ display:none;}
.cess_center{ width:60%;}
}
@media (max-width: 850px)
{
	.sale_after{ background:none;}
	
}
@media (max-width: 576px)
{
.cess_center{ width:70%;}
	
}
@media (max-width: 500px)
{
.cess_center{ width:90%;}
	
}
@media (max-width: 450px)
{
	
.cess_tel span{ font-size:20px;}	
.cess_center{ width:90%;}
	
}
@media (max-width: 400px)
{

.cess_center{ width:95%;}
	
}
/*新闻*/
.newsbox{ width:100%; float:left;}
.news_nav{ width:100%;float:left; margin:35px 0px;}
.news_nav ul li{ width:15%; float:left; font-size:16px;}
.news_s{  float:left; width:100%; margin-bottom:5%;}
.news_s:hover .news_strip span{color:#a52727;}
.news_pic{ width:100%; text-align:center; line-height:300%;overflow:hidden;  font-size:16px;position:relative;height:0;padding-top:20%}
.news_pic img{ width:100%;position:absolute;top:0;left:0; padding:5%;}

.news_strip span{font-size:16px; font-weight:bold; margin:5% 0px 2% 0px;; display:inline-table;}
.news_strip p{ font-size:12px; line-height:180%; margin:3% 0px;}
.news_ns{ width:100%; margin-top:8%;}
.news_ns ul li{ float:left; width:50%; font-size:12px; list-style:none;}
.news_ns ul li img{ vertical-align:text-bottom; margin-right:2%;}

.new_right{ width:100%; float:left;}
.news_lxwm{ width:100%; font-size:16px; float:left; margin-bottom:30px;}
.news_name{margin:35px 0px; }
.news_name span{ color:#aa1717;font-weight:bold; margin-right:2%;}
.lxwm_pic{ width:100%; float:left; position:relative; margin-bottom:5%;}
.lxwm_pic img{ width:100%; }

.news_tel{ position:absolute; right:3%;top:30%;  color:#FFF; font-size:16px; line-height:180%; text-align:right;}
.news_tel span{font-size:20px; font-weight:bold;text-shadow:2px 2px 3px #737477;}

@media (max-width: 992px)
{
.new_right{display:none;}
}
@media (max-width: 576px)
{
.news_nav ul li{ width:20%;}
	
}
@media (max-width: 400px)
{
.news_nav ul li{ width:33.33%; text-align:center;}
	
}

/*产品*/
.pro_showtext{ width:100%; margin:6% 0px; float:left;}
.pro_showtext .left{ font-size:20px; font-weight:bold;}
.pro_showtext .right{ float:right; font-size:14px; color:#2d2f32}
.pro_contnt{ width:100%; float:left;}
.pro_contnt ul li{ margin-bottom:5%; width:100%; float:left;}

.pro_nav1{ width:100%;float:left; margin:35px 0px;}
.pro_nav1 ul li{ width:10%; float:left; font-size:16px;}

.pro_box1{ width:100%; border:1px solid #bababa; padding:1.5%;  margin:0px; float:left; }
.pro_images{ width:30%; float:left; text-align:center; position:relative;height:0;padding-top:30%; overflow:hidden;}
.pro_images img{ width:100%;transition: .4s;position:absolute;top:0;left:0;height:auto;}
.pro_images:hover img{transform: scale(1.05);}

.pro_catname span{ font-size:18px; font-weight:bold;}
.pro_catname {width:100%; float:left; font-size:14px; line-height:230%; margin:5% 0px; }
.pro_dp1{ width:65%; margin-left:5%; float:left;}
.pro_dp1 p{ font-size:16px; line-height:180%; width:100%; float:left;}

.pro_ck{ width:40%; float:left; line-height:300%; color:#FFF;  background:#c21d23; text-align:center; font-size:16px; margin-top:10%;}

.pro_contnt ul li:nth-child(2n) .pro_images,.pro_contnt ul li:nth-child(2n) .pro_dp1{ float:right;}
.pro_contnt ul li:nth-child(2n) .pro_dp1{  margin-left:5%;}
@media (max-width: 768px)
{
.pro_catname{ margin:0px;}
.pro_ck{ line-height:250%; margin-top:5%;}
.pro_nav1{ display:none;}
	
}
@media (max-width: 576px)
{
.pro_images{ width:100%;}
.pro_dp1{ width:100%; margin:0px; margin-top:5%;}
.pro_images{ padding-top:60%;}
	
}


/*详情页*/
.pro_content{ width:100%; display:inline-table; margin:2% 0px;}
.p_nav{ width:100%; float:left; text-align:center; line-height:300%;}
.p_nav .news_name{ margin-bottom:1%; text-align:left;}

.pro_t_img{ padding:0px;}
.pron_right{ width:96%;padding-left:4%; float:left;}
.pro_top{ width:100%; background:#f6f6f6; padding:3%;}
.pro_t_img img{ width:100%; height:100%;}
.pro_t_name{ width:100%; float:left; font-size:18px; font-weight:bold; line-height:180%;}
.pro_t_name p{ font-size:14px; font-weight:normal;}
.pro_n_dp{ width:100%; float:left; font-size:14px; line-height:200%; border-top:1px solid #d6d6d6;  border-bottom:1px solid #d6d6d6; margin:3% 0px; padding:4% 0px;}
.pro_t_tel{ width:100%; float:left; vertical-align:text-bottom; font-size:12px; margin:5% 0px;}
.pro_t_tel span{ font-size:22px; font-style:italic; font-weight:bold; color:#c21d23;}
.pro_t_tel img{ margin-right:2%; vertical-align:bottom;}
.pro_show{width:100%; float:left;}
.pro_show img{ width:100%;}

.p_catname .p_catnamebox1:after, .p_catname .p_catnamebox1:before {position: absolute;top: 30%;border-top:1px dashed #666; content: ""; height: 1px; width: 42%;}
.p_catname .p_catnamebox1:before {left: 0;}
.p_catname .p_catnamebox1:after {right: 0; }
.p_p1{ font-size:22px; font-weight:bold; line-height:150%;}
.p_content1{ width:100%; float:right; margin:2% 0px; line-height:180%; font-size:16px;text-align:left;}
.p_content1 img{ max-width:100%;}
.p_content1 span{ font-weight:bold; text-align:center; width:100%; float:left; line-height:200%; margin-bottom:5%;}

.p_casebox { width:100%; text-align:center; font-size:16px; line-height:300%; margin-bottom:5%;}
.p_casebox img{ width:100%; }

.pages{width: 100%;height:12px;line-height:12px;float: left;text-align:center;font-size: 18px;color: #343433; margin-bottom:20px;}
.pages a{color: #454242;margin: 0px 5px;width:28px; height:25px; border:1px solid #454242; display:inline-table;line-height:25px; text-align:center;}
.pages .a1{border:none!important; width:auto!important;}
.pages span{ background:#000; width:28px; height:25px; color:#FFF; display:inline-table; text-align:center; line-height:25px;}
#selecteda{ font-weight:bold;}
#selecteda1{ background:#c21d23; display:inline-table; width:100%; color:#FFF; line-height:300%;}

.page_lxwm{ width:100%; margin:3% 0px 2% 0px; float:left; font-size:14px;}
.page_lxwm img{ max-width:100%;}

.search{ float:right;  height:32px; margin-bottom:2%; width:100%; margin:3% auto; }
.search #form1{ margin-right:2px; margin:0px auto; float:right;width:320px; height:32px; background:#f8f8fa;border:1px solid #000;}
.search #keywords{ border:none; font-size:12px; background:#f8f8fa; padding-left:15px;float:left; line-height:30px;  width:240px; outline:none;}
.search #post-search{ background:url(../images/search1.png)no-repeat; width:75px; height:30px; border:none;}
label{ margin:0px;}

.search1{ float:right; width:275px; height:32px;margin-bottom:2%;position: absolute;
    top: 85px;
    right: 90px;display:none;z-index:1000;  }
.search1 #form1{ margin-right:2px; background:#fff;width:100%;}
.search1 #keywords{ border:none; font-size:12px; background:#f8f8fa; padding-left:15px;float:left; line-height:30px;  width:200px; outline:none;}
.search1 #post-search{ background:url(../images/search1.png)no-repeat; width:75px; height:30px; border:none;}


.page_contact{ width:100%; display:inline-block; margin:3% 0px;}
.contact_tb{ width:100%; background:#eeeeee; border:1px solid #c7c7c7; font-size:16px; text-align:center; position:relative;}
.contact_tb img{ max-width:100%;}
.contact_tb span{display:inline-block; background:url(../images/t.png)no-repeat bottom center; padding-bottom:3%; }
.contact_tb p{ display:inline-block; margin:8% 0px; width:100%;}


.pro_contnt_show{ margin:2% 10%; width:80%;}
.pro_md{ width:100%; }
.pro_show1{ width:100%; float:left; position:relative;   overflow: hidden;  background-size: cover;background-repeat: no-repeat;background-position: center; padding-bottom:120%;}
.proshowtext{ width:100%;  position:absolute; top:35%; display:none; font-size:18px; color:#FFF; line-height:120%; text-align:center; }
.pro_show1 img{ width: 100%; transition: all 0.4s ease-in-out; display:none}
.pro_md p{ width:100%;  margin:8% 0px; text-align:center; display:inline-block}

.pro_show1:hover img { transform: scale3d(1.1,1.1,1);} 
.proshowtext img{display:block; width:10%; margin:0px auto;}
.pro_show1 a {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease-in-out;

  border-radius: 10px;
  text-align: center;

  
  
}
.pro_show1 a:before {
  content: '';
  position: absolute;
  top:0px;
  right: 0px;
  bottom: 0px;
  left: 0px;

  border:1px solid #fff;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.pro_show1:hover a {background: rgba(0, 0, 0, 0.5);}
.pro_show1:hover a:before {
  top:15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  opacity: 1;
}


.pro_show1:hover a .proshowtext{display:block;}

.imgbox{position:relative;width:100%; z-index:1000;}
.probox{width:100%; }
.probox img{width:100%; min-height:413px;vertical-align:top;opacity:0;max-height:413px;}
.showbox{display:none;position:absolute;left:105%;top:0;width:400px;height:415px;overflow:hidden;border:1px solid #ccc;}
.showbox img{position:absolute;height:auto;min-height:870px;width:720px;}
.hoverbox{display:none;position:absolute;top:0;background:#09f;border:1px solid #09f;height:210px;width:210px;cursor:move;z-index:10;}
  
.title_box{width: 100%;
    background: #eee;
    padding: 3% 0px;}
  
@media (max-width: 992px)
{
.propic{ padding-top:55%!important;}
	
}
@media (max-width: 756px)
{
.l_right{display:none;}
	
}
@media (max-width: 576px)
{
.process_box{ margin:5% 0px;}
}
@media (max-width: 500px)
{
#header_top .logo{ width:65%;}
.p_top span,.cesstop span{font-size:16px;}
.ab_t1 strong,.casetext1 span{font-size:25px;}
.a_caname span{font-size:45px;}
.a_caname,.ab_bt, .p_top, .tel_text span,.pro_bt_01 span,.wz,.cesstop{font-size:20px;}
.news_dp1{margin-left:5%;}
.news_strip1:nth-child(2){ background:none;}
.cesscatname p{ margin:5% 0px;}
	
.pro_bt{ margin-top:13%; width:100%; display:inline-block;}	
.tel_center{ width:65%;}
#case{ margin:0px;}
.p_catnamebox{ margin:5% 0px;}
.cust_right,.cesscatname{ margin:2% 0px;}
.cesstelbox{ height:31px; line-height:24px;}
.cesstelbox span{ height:24px; font-size:14px;}
.l_left{ line-height:250%; width:95%;}

}
@media (max-width: 450px)
{
.dl-menuwrapper button{ width:10%;}
.propic,.news_pic{ padding-top:50%;}
.propic p{ line-height:120%;}
	
}