@import url(font_2277688_hgra2ielook.css);
* {
	margin: 0;	padding: 0;	border: 0;
}

body {
 overflow-x:hidden;position:relative;z-index:-2;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
 .bg-color{background: #f0f0f0}
@media(min-width:768px) {
	body{font-size:1.4rem;}
}
@media(min-width:992px) {
	body{font-size:1.6rem;}
	.container {max-width:85%;}
	.bg_color{ height: auto; overflow: hidden}
	.bg_color .container,.w_1280.container{ max-width: 1300px; }
}
@media(min-width:1500) { 
	.container {max-width:96.8%;position:relative; padding:0;}

	
}
a {transition:.3s all; color: #333}
a:hover {transition:.3s all;text-decoration: none;  }
em,i {font-style:normal;}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.clear {
	clear: both;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
ul {
	list-style: none;
}
li {
	list-style-type: none;
}
.hd {
	height: 10px;
}
.c_b td {
	border: #000 1px solid;
}
.en {
	font-family: Arial, Helvetica, sans-serif;
}
.meta {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #CCCCCC dotted;
}
.xs {
	display: none;
}
.active {
	display: block;
}
ol, ul, li {
	list-style-type: none;
	text-align: justify;
	text-justify: inter-ideograph;
}
 
#ad {
	height: 34px;
	line-height: 34px;
}
input {
	border: 1px #dadada solid;
	color: #4b4b4b;
	font-family: 'Microsoft Yahei';
	outline: none;
}
.end_message #form1 input {
	color: #FFF
}
input:hover, textarea:hover {
	background: #CCC;
	outline: none
}
textarea {
	border: 1px #dadada solid;
	background: #efefef;
	padding-left: 10px;
}
img {
    max-width: 100%;
}


.fitcover-img{width: 100%;height: 100%;object-fit: cover;}
.img-cover-4by3{height: 0;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
.hd{ height:10px;}

 

/*top*/
.header{ height: 90px;  background: #fff; position: fixed; z-index: 999999; width: 100%;
	-webkit-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2);
    -moz-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2);
    box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2);
     transition: all 0.5s
		
		}

 .header.top_fixed{ height:60px;  background: #fff; position: fixed; z-index: 999999; width: 100%;
	-webkit-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2);
    -moz-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2);
    box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2);
		
		}

@media(max-width: 768px){
	.header{ height: 60px; }
	#logo img{ max-width: 80%; }
	#flash_pc {
    padding-top: 60px!important;
		}
		.menu-btn {
    position: fixed;
    top:10px!important;
    right: 10px;
    padding: 5px;
    cursor: pointer;
    z-index: 9999999;
    color: #000;
 
}

 
}
.header-top{ line-height: 30px; font-size: 12px; color: #666 }
.header-top a{ color: #666 }
 

.header.top_fixed .nav_box ul li{ line-height: 60px; position: relative; height: 60px; flex: 1; text-align: center;  }
.header.top_fixed #logo img{ max-width: 80%; }
.header #logo img{ transition: all 0.5s }


.header.top_fixed  .nav_box{ max-width: 90%;padding-left: 0%; }


.header.top_fixed  .nav_box ul li span:nth-of-type(1){ line-height: 60px; height: 60px; }
 
.top-tel{ font-size: 14px; color: #414141; background: url(/static/index/zm001/img/top-scan.jpg) no-repeat right top; padding-right: 90px;}
.top-tel p{ font-family: impact; color: #c8000b; font-size: 26px; }
.logo-tel{ justify-content: space-between; }
.hot_tel{ font-size: 12px; color: #282828; background: url(../image/hot_tel.png) no-repeat left top;  
					padding-left:70px; }
.hot_tel p{ margin-bottom: 0 }
.hot_tel p:nth-of-type(2){ font-size: 24px; color: #c60012; font-weight: bold; line-height: 20px }
 
.nav_box { transition: all 0.5s; max-width: 70%;flex: 1; display: flex;justify-content: space-between;
			 padding-left:5%; box-sizing: border-box;}
.nav_box ul {
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;

}
.nav_box ul li{ line-height: 90px; position: relative; height: 90px; flex: 1; text-align: center; }
.nav_box ul li a{ font-size: 18px; color: #282828; display: block; width: 100%; overflow: hidden;}
.nav_box ul li span:nth-of-type(1){ position: absolute; display: block; height: 90px;line-height: 90px; top: 0; 
					display: block; width: 100%; transition: all 0.5s; overflow: hidden; }
.nav_box ul li span:nth-of-type(2){ position: absolute; display: block; height: 90px;line-height: 90px; top:-90px;
									display: block; width: 100%; transition: all 0.5s; overflow: hidden;
									opacity: 0; 
								   }

 

/*.nav_box ul li:hover span:nth-of-type(1){ top: 90px;  opacity: 1}
.nav_box ul li:hover span:nth-of-type(2){ top: 0; opacity: 1  }*/



.nav_box ul li:after{ position: absolute; content: ""; width: 0%;height: 4px; background: #cb0631; left: 0; 
					bottom: 0px; right: 0; transition: all 0.5s; margin: auto;}
.nav_box ul li:hover:after{  width: 100%;animation: myfirst 0.5s infinite; }
 

 .top-nav-all {
   width:68px; height: 90px; padding:36px 19px;
   box-sizing: border-box;
    position: fixed !important;
    z-index: 999;
    top: 0;
    right: 0;
    background: #cb0631;
    position: relative;

}
.top_nav_btn_two{ transition: all 0.5s }
.top_nav_btn_two a{ display: inline-block; font-size: 12px; color: #fff; height: 25px; width: 25px; line-height: 25px; border-radius: 100%;
			 transition: all 0.5s;
 		 background: #c40d23; color: #fff; text-align: center; position: relative; text-align: center;}
.top_nav_btn_two a { margin:0  10px; }
.top_nav_btn_two a:nth-of-type(1):after{ position: absolute; content: "";  height: 20px; width: 1px; background: #e5e5e5; right: -10px;}
.top_nav_btn_two a:hover{ background:#333  }



.nav_box li .navson>a{display: block;color: #fff!important;width: 100%!important;background: #282828; padding:0px;text-align: center; line-height: 40px!important;font-size: 14px;position: relative;}
.nav_box li .navson>a:hover{background: #c51429!important;}



  .navson{display: none; position: absolute;left: 0; top:90px;z-index: 100000;width: 100%;}
.header.top_fixed .nav_box li .navson{display: none; position: absolute;left: 0; top:60px;z-index: 100000;width: 100%;}
.top-nav-all span{position:absolute;  transition: all 0.5s;
	 				margin-bottom: 3px; height: 3px; width: 50%; display: block; 
	 				background: #fff;  }
.top-nav-all span:nth-of-type(1){left:0; right: 0; margin: auto; top: 30px; transition: all 0.5s}
.top-nav-all span:nth-of-type(2){top:-3px;bottom: 0;left:0;right:0; margin: auto; transition: all 0.5s}
.top-nav-all span:nth-of-type(3){left:0; bottom: 32px; right: 0; margin: auto; transition: all 0.5s}
.top-nav-all.on{ z-index: 99999999; }
.top-nav-all.on span{background: #fff;}
.top-nav-all.on span:nth-of-type(1){ transform:rotate(45deg);transform-origin: left center; }
.top-nav-all.on span:nth-of-type(2){ right: -100px;   opacity: 0}
.top-nav-all.on span:nth-of-type(3){ transform: rotate(-45deg);transform-origin: left center; }
/*弹窗导航*/
.nav-box-pay{ z-index: 998; background: #f3f3f3; width: 100%; height: 100%; 
			  position: absolute;left: 0; top: 0; border-radius:0 0 50% 50%; 
			 transition: all 800ms cubic-bezier(.8, 0, .33, 1);  
      		 opacity: 0;  position: fixed; overflow: hidden;
             transform: translateY(-100%);
             }

.nav-box-pay.nav-open { 
	transform: translateY(0%);
    border-radius: 0%; opacity: 1;    
}
.nav_content{ margin: 10%; background: #f00 }

#flash {overflow:hidden; background: #fff}
.flash-box {width:600px;position:relative;left:50%;top:0;transform:translateX(-50%);}
.flash-box img {max-width:100%;}
 
@media (min-width:520px)  {.flash-box {width:768px;} }
@media (min-width:768px)  {.flash-box {width:1000px;}}
@media (min-width:992px)  {.flash-box {width:1440px;}}
@media (min-width:1440px) {.flash-box {width:1920px;}}

 /*公司简介模块*/
.index_about_box{  content: ""; background: url(../image/map.png) no-repeat center -100px; width: 100%; height: 100%; } 
.about_nr{ font-size: 16px;  color: #343434;  text-align: center; line-height: 30px; width: 920px; }
.about-right{ justify-content: space-between; display: flex; }
.about-right .about-slide { text-align: center; color: #757575; display: inline-block;width: 25%; position: relative; }
.about-right .about-slide:after{ position: absolute; content: "";   background: #e7e7e7; height:60px; top: 0; bottom: 0; right: 0; margin: auto;  }
 
.about-right .about-slide p:nth-of-type(1){ padding: 0 0 10px; margin: 0 0 15px; font-size: 16px; color: #333; font-weight: bold; position: relative; }
.about-right .about-slide p:nth-of-type(1):after{ position: absolute; content: ""; height: 2px; background: #444; width: 16px; bottom: 0;left: 0;right: 0; margin: auto; }
.about-right .about-slide p:nth-last-of-type(1){ color: #666; font-size: 16px;padding: 0; margin: 0;  }
.about-right .about-slide div:nth-of-type(1){padding: 0; margin: 0; }
.about-right .about-slide div:nth-of-type(1) span{ display: inline-block; text-align: center;  padding: 0}
.about-right .about-slide div:nth-of-type(1) span:nth-of-type(1){ font-family: arial; color: #c51429; font-size: 60px; line-height:65px; padding: 0; margin: 0 }
.about-right .about-slide div:nth-of-type(1) span:nth-of-type(2) b{ font-size: 30px; color: #444; display:block; line-height: 25px;}
.about-right .about-slide div:nth-of-type(1) span:nth-of-type(2) b:nth-of-type(2){ font-size: 15px; color: #444; display:block;}
@media(max-width: 768px){
	.about_nr{ font-size: 14px;width: 98%; margin: 0 auto }
	.about-box-all .about-slide{ width: 50%; display:block;float: left;}

	.about-box-all .about-slide p {
    font-size: 16px;
    color: #333;
    padding: 0;
    margin: 0;
} 

.about-right .about-slide div:nth-of-type(1) span:nth-of-type(1){  font-size: 40px;   }

.about-right .about-slide p:nth-of-type(1){  font-size: 14px;  }
.about-right .about-slide p:nth-of-type(1):after{ width: 14px;  }
.about-right .about-slide p:nth-last-of-type(1){   font-size: 14px;  }



.about-right{ width: 100%; text-align: center;}

.about-right .about-slide { width: 50%; text-align: center; color: #757575; display: inline-block;position: relative; }

.more_about{ background: #c51429;  border-radius:5px; display: block; 
					height: 30px!important;  line-height: 30px!important;  text-align: center; color: #fff; width: 50%!important; font-size: 14px; border:2px solid #c51429; }


}
.more_about{ background: #c51429;  border-radius:30px; display: block; 
					height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; border:2px solid #c51429; }
.more_about i{ transition: all 0.5s }
.more_about:hover i{ padding-left: 15px; }
.more_about:hover{ color: #fff; background: #333333; }



/*首页产品分类*/
.index_product_all_bg{ background: #f5f5f5 url(../image/index_cp_bj.jpg) no-repeat center top;
	background-attachment: fixed;
 
    padding: 180px 0 150px;}
    .hs_bgcolor{ background:#f5f5f5  }
 
.index_title_2 p:nth-of-type(1){ font-size: 32px; color: #fff; text-transform: uppercase; }
.index_title_2 p:nth-of-type(2){ font-size: 36px; color: #fff; position: relative; }
.index_title_2 p:nth-of-type(2):after{ position: absolute; content: ""; background: #fff; height: 2px;  width: 2%;
					 bottom: -15px;left: 0;right: 0; margin: auto;}
.pro_nr{ font-size: 16px; line-height: 35px; width: 50%; margin: 0 auto }
.more_pro{ background: #c51429; color: #fff; height: 40px; line-height: 40px; font-size: 16px; width: 150px;  }
@media(max-width: 768px){ 
	.pro_nr{width: 90%; margin: 0 auto;}
	.index_product_all_bg{ background: #f5f5f5 url(../image/index_cp_bj.jpg) no-repeat center top;
 
 
    padding: 180px 0 150px;}
    .index_title_2 p:nth-of-type(1){ font-size: 20px; color: #fff; text-transform: uppercase; }
.index_title_2 p:nth-of-type(2){ font-size: 20px; color: #fff; position: relative; }
.pro_nr{ font-size: 14px; line-height: 35px; width: 90%; margin: 0 auto }

	 }

/*荣誉*/
.honor_bg{left: 0; top: 0; height: 100%;}
.r_font{ left: 0; top: 0; padding: 7% 10%;height: 100%; }
.honor_right .r_box:nth-of-type(2) .r_font{ left: 0; top: 50%; padding: 7% 10%; }
.r_font p:nth-of-type(1){ font-size:32px; }

.r_font div:nth-of-type(1){ font-size: 20px; position: relative; }
.r_font div:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background:#fff; left: 0; top: -8px;
							width: 0%; transition: all 0.5s }
.honor_left:hover .r_font div:nth-of-type(1):after,.r_box:hover .r_font div:nth-of-type(1):after{ width: 10% }



.honor_left p:nth-last-of-type(2){ top:38%;left: 10% }
.honor_left p:nth-last-of-type(1){ bottom:-2% ;right: 8%}
.r_box{ height: auto; overflow: hidden;  }
.r_box p img,.honor_left img{  max-height: 100%; transition: all 0.5s }
.honor_left span{ display: inline-block; overflow: hidden; }
.r_box span{display: block; position: relative; }
.r_box span:after{ position: absolute; content: ""; background:#000; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5}
 
.honor_left:hover span img{ transform: scale(1.05); }
.honor_left:hover p:nth-of-type(1) img{ transform: scale(0.92); }
.honor_left:hover p:nth-of-type(2) img{ transform: scale(0.95); }
 .honor_right .r_box img{ transition: all 0.5s }
 .honor_right .r_box:hover img{ transform: scale(1.05); }
@media(max-width: 768px){
	.r_font{ left: 0; top: 0; padding: 4% 5%;height: 100%; }
	.r_font p:nth-of-type(1){ font-size:20px; }

.r_font div:nth-of-type(1){ font-size: 14px; position: relative; }
.honor_left p:nth-last-of-type(2){ top:40%;left: 5% }
.honor_left p:nth-last-of-type(1){ bottom:-2% ;right: 8%}
.honor_left p:nth-last-of-type(2):img,.honor_left p:nth-last-of-type(1):img{ max-height:60%!important;}
 


}





/*产品类别*/
.bg_color{ background: #f5f5f5; }
.index_title_all{ text-align: center; }
.index_title_all p:nth-of-type(1){ color: #333333; font-size: 36px;}
.index_title_all p:nth-of-type(1) span{ color: #c60012; }
 

 
 .index_all_title_t{ width: 645px; margin: 0 auto;  height: 85px; position: relative;}
 .index_all_title_t p.eng_title{  width: 645px; position: absolute; z-index: 99; top:60px; color: #999999; 
 				font-size: 14px; letter-spacing:8px; text-transform: uppercase; text-align: center; }
 .eng_title_bgcolor_hs{background: #f5f5f5;}
 .eng_title_bgcolor_white{background: #fff;}





#tab-3 .bd{ margin-top: 175px;}
#tab-3 .hd .tab-head{ display: flex; justify-content: space-between; width: 100%; position: relative; height: 110px; line-height: 110px; }
#tab-3 .hd .tab-head:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-bottom: 2px solid #dfdfdf; }
#tab-3 .hd .tab-head li{  text-align: center; font-size: 16px; height: 110px; line-height: 110px; 
          transition: all 0.5s; position: relative; display: inline-block; flex: 1; overflow: hidden;}
 
#tab-3 .hd li.active{ color: #c60012;  transition: all 0.5s; position: relative;transition: all 0.5s; }
#tab-3 .hd li.active:after{ position: absolute; content: ""; height: 2px; background: #c60012;
              left:0; bottom: 0px; width: 100%;  transition: all 0.5s; z-index: 9;}
#tab-3 .hd li.active:before{ position: absolute; content: "";  display: block;     top: 5px; 
        width: 0; height: 0; border: 10px solid transparent; border-top-color:#c60012; z-index: 10;
       margin:auto; left: 0; right: 0 ; transition: all 0.5s; }
 

.swiper-pagination2{ position: absolute; text-align: center;left: 0; right: 0; bottom:-20px; z-index: 10 }

  .pro-box{ width: 100%;  height:480px;  background: #fff; box-sizing: border-box; padding: 15px;  position: relative; overflow: hidden;}
        .pro-box span{ position: relative; display: block; overflow: hidden; max-width: 100%; background: #f5f5f5 }
        .pro-box span:after{ position: absolute; content: ""; width: 100%;   background: rgba(0,0,0,0.4); top: -200px;  transition: all 0.5s; z-index: 9;left: 0}
        .pro-box span img{ transition: all 0.5s; max-width: 100%;  max-height: 100%; }
        .pro-box>div:nth-of-type(1){ position: absolute; bottom: 0; text-align: center;}
        .pro-box>div:nth-of-type(2){ position: absolute;bottom: -314px; }
        .pro-box .pro-title1{ width: 100%; position: absolute; bottom: 170px; height: 170px;   text-align: center;transition: all 0.5s; background: #fff; font-size: 18px; box-sizing: border-box;  left: 0; right: 0; padding:0 15px 15px;}

         .pro-box .pro-title1 p:nth-of-type(1){ color: #333; font-size: 18px; line-height: 40px; }
         .pro-box .pro-title1 div:nth-of-type(1){ color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 8%; }
         .pro-box .pro-title1 div.more_click{ width: 50%; height: 30px; border-radius: 15px; line-height: 30px; text-align: center; color: #fff; background: #555555; font-size: 12px; text-transform: uppercase; margin: 0 auto; transition: all 0.5s }
         .pro-box:hover .pro-title1 div.more_click{ background: #c60012; width: 60%;letter-spacing: 0.25rem; }
        .pro-box .pro-title2{ position: absolute; bottom:390px; left: 0; transition: all 0.5s; background:rgba(255,255,255,0.5); width: 100%;
        				 height: 170px; z-index: 10; padding: 15px 0; box-sizing: border-box; }
        .pro-box .pro-title2 p{ font-size: 14px; text-align: center; padding-top: 15px; }
        .pro-box .pro-title2 p:nth-of-type(2){ display: flex; justify-content: space-between; padding: 15px 15px; }
        .pro-box .pro-title2 p:nth-of-type(2) a{ display: block; border-radius: 5px; width: 48%; height: 35px; border-radius: 20px;
        						 border:1px solid #666; line-height: 35px; color: #666; font-size: 14px; transition: all 0.5s}
        .pro-box .pro-title2 p:nth-of-type(2) a:nth-last-of-type(1){ display: block; border-radius: 5px; width: 48%;
        		 height: 35px; border:1px solid #c60012; background: #c60012; color: #fff;transition: all 0.5s; font-size: 14px; border-radius: 20px;}
         .pro-box:hover span:after{ top: 0px; }

        
        .pro-box:hover span img{ transform: scale(1.1); }
        

 			.pro-box:hover .pro-title1{ opacity: 0; transform: scale(0); }
         .pro-box:hover .pro-title2{   transform: scale(1); bottom: 0; }



        .pro-box .pro-title2 p:nth-of-type(2) a:nth-of-type(1):hover{background: #c60012; color: #fff;border:1px solid #c60012;}
        .pro-box .pro-title2 p:nth-of-type(2) a:nth-of-type(2):hover{background: #fff; color: #c60012;border:1px solid #c60012;} 
/*产品列表页调取*/
.pro-all-li .pro-box{ width: 100%;  height:360px;  background: #fff; box-sizing: border-box; padding: 8px; 
			 position: relative; overflow: hidden;}
.pro-all-li .pro-title1{ width: 100%; position: absolute; bottom: 170px; height: 140px;   text-align: center;transition: all 0.5s; background: #fff; font-size: 18px; box-sizing: border-box;  left: 0; right: 0; padding:0 15px 15px;}
.pro-all-li .pro-box .pro-title1 div:nth-of-type(1){ color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 3%; }
.pro-all-li   .pro-box .pro-title1 p:nth-of-type(1){ color: #333; font-size: 14px; line-height: 20px; height: 35px; padding-top: 10px;  }
/*产品列表页调取 end*/

.index_pro_list{ width: 100%; justify-content: space-between; display: flex; margin-left: 0; margin-right: 0; }
.index_pro_list .pro_slider{ flex: 1; overflow: hidden; height: 420px;}
.index_pro_list .pro_slider span:nth-of-type(1){ width: 384px; height: 420px;}
.index_pro_list .pro_slider span:nth-of-type(1) img{ transition: all 0.5s; width: 100%; height: 100%; opacity: 0.2; 
									transition: all 0.5s }
.index_pro_list .pro_slider .pro_font1{ position: absolute; top: 0; left: 0; width: 100%; padding:40px;height: 422px; 
					box-sizing: border-box; transition: all 0.5s}
.index_pro_list .pro_slider .pro_font1 p:nth-child(1){ font-size: 22px; color: #282828; }
.index_pro_list .pro_slider .pro_font1 p:nth-child(2){ color: #666666; font-size: 15px; }
.index_pro_list .pro_slider .pro_font1 span{ position: relative; text-align: center; display: block; width:38px; height: 38px; 
							  border-radius: 100%; background: #f3f3ef; color: #0e0e0e; vertical-align: middle; }
.index_pro_list .pro_slider .pro_font1 span i{ display: block;  position: absolute; top: 5px;bottom:0;left:0;right: 0; margin: auto; }
.index_pro_list .pro_slider .pro_font1 p:nth-last-of-type(1){ padding-top:40px; }
.index_pro_list .pro_slider:nth-of-type(2) .pro_font1  p:nth-last-of-type(1){ padding-top:70px; }
.index_pro_list .pro_slider:nth-of-type(3) .pro_font1  p:nth-last-of-type(1){ padding-top:35px;padding-left: 35px; }


 @media(max-width:768px) {
  .index_pro_list {flex-flow:row wrap;}
  .index_pro_list .pro_slider{  flex-basis:50%; }
   
  .index_pro_list .pro_slider:nth-last-of-type(1){ flex-basis:100%;}
  
}


.index_pro_list .pro_slider .pro_font2{ position: absolute; top: 420px; left: 0; width: 100%; padding:40px;height: 422px; 
					box-sizing: border-box; transition: all 0.5s}
.index_pro_list .pro_slider:hover .pro_font1{ top: -422px; }
.index_pro_list .pro_slider:hover span img{ transform: scale(1.2);  }
.index_pro_list .pro_slider:hover .pro_font2{ top: 0; background:rgba(0,0,0,0.9); opacity:0.9}
.index_pro_list .pro_slider:hover .pro_font2 p:nth-child(1){ font-size: 22px; color: #fff; }
.index_pro_list .pro_slider:hover  .pro_font2 p:nth-child(2){ color: #fff; font-size: 15px;  }
.index_pro_list .pro_slider:hover  .pro_font2>span:nth-of-type(1){ position: relative; text-align: center; display: block; width:38px; height: 38px; 
							  border-radius: 100%; background: #cb0631; color: #fff; vertical-align: middle; opacity: 1}
.index_pro_list .pro_slider:hover  .pro_font2>span:nth-of-type(1) i{ display: block;  position: absolute; top: 5px;bottom:0;left:0;right: 0; margin: auto; }
 
.pro_font2>a:nth-last-of-type(1){ display: block; background: #cb0631; color: #fff; width: 125px; 
					height: 40px; line-height: 40px;text-align: center; font-size: 15px; margin-top: 20px;}
.index_pro_list .pro_slider:hover div a{  color: #fff; font-size: 15px; transition: all 0.5s }
.index_pro_list .pro_slider:hover div:nth-of-type(1){ margin-top: 10px; }
.index_pro_list .pro_slider:hover div{line-height: 25px; }
.index_pro_list .pro_slider:hover div a:hover{ color: #cb0631 }

/*新品推荐*/
.index_title{ text-align: center;}
.index_title p:nth-of-type(1){ font-size: 36px; color: #303032;position:relative;}
.index_title p:nth-of-type(2){ font-size: 18px; color: #303032; text-transform: uppercase; }
.index_title p:nth-of-type(1) b{ color: #c51429 }

.index_title p:nth-of-type(1):after{ position: absolute; content: "";left: 0; bottom: -10%; right: 0; margin:auto; 
							background: #979797; width: 3%; height: 3px; }
@media(max-width: 768px){
	.index_title p:nth-of-type(1){ font-size: 20px; color: #303032;position:relative;}
	.index_title p:nth-of-type(2){ font-size: 18px; color: #666; text-transform: uppercase; }
	.index_title p:nth-of-type(1):after{ position: absolute; content: "";left: 0; bottom: -10%; right: 0; margin:auto; 
							background: #979797; width: 3%; height: 3px; }
}
.pro-all-center { padding-bottom: 100px; }
.pro-all-center .swiper-pagination4{ text-align: center; bottom: 18px; position: absolute;  z-index: 99;}
.pro-all-center .swiper-pagination4 .swiper-pagination-bullet{ transition: all 0.5s;
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 3px;
    border-radius: 0;
    background: #333;
    cursor: pointer;} 
.pro-all-center  .swiper-pagination4  .swiper-pagination-bullet-active{   background-color: #cb0631 }


.pro-all-center .pro-box{ background: #f5f5f5; padding: 20px; }
.pro-all-center .pro-box span{ display: block; overflow: hidden; }
.pro-all-center .pro-box span img{ transition: all 0.5s }
.pro-all-center .pro-box .pro-font{ padding-top: 20px; }
.pro-all-center .pro-box:hover span img{ transform: scale(1.1); }
.pro-all-center .pro-box .pro-font p:nth-of-type(1){ color: #cb0631; font-size: 20px; position: relative; }
.pro-all-center .pro-box .pro-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #cb0631;
									 width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.pro-all-center .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block; float: left;
							 color: #666; font-size: 16px;  width: 50%}
 
.pro-all-center .pro-box a{ display: block; float: left;   font-size: 14px; width: 120px; }
.pro-all-center .pro-box a span{ float: right; }
.pro-all-center .pro-box .pro-a{ padding: 5% 0;  display: flex; }
.pro-all-center .pro-box a{ background: #282828; color: #fff; padding: 1% 4% }
.pro-all-center .pro-box a:nth-of-type(1){background: #cb0631; margin-right: 4%; }
.pro-all-center .pro-box:hover .pro-font p:nth-of-type(1):after{ width: 10% }
 @media(max-width:768px) {
  .pro-all-center .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block;  
							 color: #666; font-size: 16px;  width: 100%}
  
}

/*应用领域*/
.area_box .area_slide{ width: 100%;  text-align: center;  }
.area_box .area_slide span{ display: block;}
.area_box .area_slide span img{max-width: 100%; transition: all 0.5s;border:2px #fff solid; border-radius: 100%;}
.area_box .area_slide p:nth-of-type(1){ font-size: 18px; color: #333; padding-top: 10%; position: relative; transition: all 0.5s;}
.area_box .area_slide p:nth-of-type(2){ font-size: 12px; color: #999; text-transform: uppercase; line-height: 20px;transition: all 0.5s;}
.area_box .area_slide p:nth-of-type(1):after{ position: absolute; content: ""; width: 10%; background: #999; height: 1px;left: 0;
						right: 0; bottom: -10px; margin:auto; transition: all 0.5s;}

.area_box .area_slide:hover p:nth-of-type(1):after{ transform: rotate(90deg);  }
.area_box .area_slide:hover p:nth-of-type(1){ letter-spacing: 0.5rem; }
.area_box .area_slide:hover span img{ transform:scale(1.05); border:2px #c60012 solid; transform: rotate(-45deg); }
.area-tel{ background: #c60012; color: #fff; font-size: 16px; border-radius: 30px; height: 60px; line-height: 60px; }
.area-tel span{ font-family: "arial"; font-size: 26px; }
 
@media(max-width: 768px){
	.area-tel{ background: #c60012; color: #fff; font-size: 16px; border-radius: 20px; height: 40px; line-height: 40px; }
	 .area-tel span{ font-family: "arial"; font-size:18px; }



	 
  }

/*关于我们*/




.about-box-all{   height: auto;  }
.about-box-all .about-slide { color: #757575;  width: 25%;  text-align: center; position: relative; }
.about-box-all .about-slide:after{ position: absolute; content: ""; width: 1px; background: #e7e7e7; height:60px; top: 0; bottom: 0; right: 0; margin: auto;  }
.about-box-all .about-slide:nth-last-of-type(1):after{ height: 0 }
.about-box-all .about-slide p{ font-size: 20px; color: #333; padding: 0; margin: 0 }
.about-box-all .about-slide p span{ font-size:50px; color: #c60012;  }
.about-box-all .about-slide p:nth-of-type(2){ font-size: 16px; color: #999 }
.about-all-num{ display: flex; justify-content: space-between; width: 100% }

.about-img {
    position: relative;
    padding: 20px;
    min-height: 450px;
    box-sizing: border-box;
}
 
.about-img:after {
    position: absolute;
    content: "";
    z-index: -1;
    border: 4px solid #e7ebee;
    display: block;
    width: 95%;
    height: 520px;
    left: 0;
    top: 0}
.about-img img{ position: absolute;left:20px; max-width: 100%}
 


.company_font{ font-size:14px; color: #757575; line-height: 30px; }
.about_more{ color: #c60012; font-size: 14px; text-transform:uppercase; position: relative; padding-left: 45px;  transition: all 0.5s}
.about_more:after{ position: absolute; content: ""; width: 40px; height: 1px; background: #c60012; top: 0; bottom: 0;left: 0;
						 margin: auto;  transition: all 0.5s}
.about_more:hover{ background: #c60012; color: #fff; padding-left: 80px; padding-right: 10px;letter-spacing: 0.25rem }
.about_more:hover:after{ background: #fff;left: 10px; width: 50px; }
@media(max-width: 768px){
	.about-img {
    position: relative;
    padding: 20px;
    min-height: 380px;
    box-sizing: border-box;
}.about-img:after {
    position: absolute;
    content: "";
    z-index: -1;
    border: 4px solid #e7ebee;
    display: block;
    width: 95%;
    height: 380px;
    left: 0;
    top: 0}
    .about-box-all .about-slide p span{ font-size:30px; color: #c60012;  }
	.about-box-all .about-all-num{ width: 100% }
	.about-box-all .about-slide { color: #757575; display: inline-block; padding: 0 5% 0 10%; width: 50%; 
									box-sizing: border-box; }
	.about-box-all .about-slide:nth-last-of-type(3):after{ height: 0 }

}
 


 .history-timeline{ min-height: 280px; }
 .history-item { position: relative; padding-top: 50px;}
 

/*.history-timeline .history-item::before{ content: ''; display: block; position: absolute; height:0; width:100%; margin:auto; top: 0; bottom: 0;border-bottom: 1px solid #fff;}*/
.history-timeline .history-item .item-time{ -webkit-transition: all .3s; -moz-transition: all .3s;
	 -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; 
	 text-align: center; font-weight:400; color: #999;font-size: 18px; position: absolute; top: 0;left:40%; text-align: center;}
.history-timeline .history-item .item-line{ width:100%; height:0; position: relative; 
		border-bottom:1px solid #e5e5e5;}
.history-timeline .history-item .item-line i{ position: absolute; width:17px; height:17px;
				background: #dfdfdf; 
				border:1px #666666 solid;
				margin:auto; 
				left: 0; bottom: 0;
				right: 0;border-radius: 100%;
				top: 0;
				border-radius: 100%; 
				  display: block; transition: all 0.5s;}
 
.history-timeline .history-item .item-line i b{position: absolute;left: 0; bottom: 0;
				right: 0;border-radius: 100%;
				top: 0;display: flex; transition: all 0.5s;
		height: 15px; width: 15px; background: #666666;  border:4px solid #dfdfdf;}
.history-timeline .history-item .item-desc{ font-weight: 400;color: #999999;font-size: 14px;
						width:90%; margin:30px auto; padding:10px; transition: all 0.5s;
						position:relative;text-align: center; 

						}
.history-timeline .history-item .item-desc:after{ content: ""; position: absolute; width: 0; 
						height: 0;  border:15px solid transparent; border-bottom-color: #fff;
						top: -25px;  margin: auto;						 
						transition: all 0.5s
					}
.history-timeline .history-item:hover .item-time{color: #d15252; font-size: 36px; left: 35%; top: -10px;}
.history-timeline .history-item:hover .item-line i{ background-color: #f8f8f8; 
			border:1px #d15252 solid;
			width: 28px; height: 28px;}
.history-timeline .history-item:hover .item-line i b{  
		 			 
background: #d15252;  border: none;  top: 5px;left:5px;
						} 
.history-timeline .history-item:hover .item-desc{background:#d15252; color: #fff;  padding:10px; 
								text-align: center;  font-size: 16px; }
.history-timeline .history-item:hover .item-desc:after{ content: ""; position: absolute; width: 0; 
						height: 0;  border:15px solid transparent; border-bottom-color: #d15252;
						top: -25px;right: 0;left: 0; margin: auto; opacity: 1; transition: all 0.5s
					}
.swiper-slide-active .item-time{color: #d15252;}
.swiper-slide-active  .item-line i{ background-color: #00428f;}

.honor-list{}
.honor-list .honor-item{ flex:1;}
.honor-list .honor-item .item-img{ text-align: center; margin:0 auto; line-height:120px;}
.honor-list .honor-item .item-name{text-align: center; font-weight:400;}


.history-timeline .time-next,.history-timeline .time-prev{ display: block; 
	 z-index: 9999;
	 
		border:1px #d15252 solid;  color: #d3d3d3; 
		 height: 35px; width:35px; border-radius: 50%;  position:absolute;
		  text-align: center; background: #d15252; color: #fff}
		   .history-timeline .time-prev{ display: block; 
	  z-index: 9999;
		border:1px #d15252 solid;  color: #fff; 
		 height: 35px; width:35px; border-radius: 50%;  position:absolute;
		  text-align: center; background: #d15252; color: #d3d3d3}
.history-timeline .time-next:hover,.history-timeline .time-prev:hover{ 
		border:1px #a2a2a2 solid;
		 background: #fff;
		 color: #a2a2a2}
.history-timeline .time-next i,.history-timeline .time-prev i{ 
				margin:0 auto;
			 display: block; font-size: 20px; }
.history-timeline .time-prev{left: 0; top: 18%}
.history-timeline .time-next{right: 0;top: 18%}
.time-next:after, .time-prev:after{ opacity: 0 }


/*品牌与友情链接*/
 .case_box{ padding: 2px;  height: auto; overflow: hidden; }
 .case_box li{ padding: 0; margin: 0; width: 20%;display: block;float: left; background: #fff;box-sizing: border-box;
 	border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; overflow: hidden; transition: all 0.5s}
 	.case_box li:nth-of-type(n+6){border-bottom: 0px solid #e7e7e7;}
 .case_box li img{ max-width:100%; transition: all 0.5s }
 .case_box li:hover img{ transform: scale(1.1); }

@media(max-width: 768px){
	 .case_box li{ padding: 0; margin: 0; width: 50%;display: block;float: left; background: #fff;box-sizing: border-box;
 	border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;
 				}.case_box li:nth-of-type(n+6){border-bottom: 1px solid #e7e7e7;}


}


.btn1{   position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn1:hover{ color:#fff; border-color:#282828;}
.btn1 .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); 
			transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;
			border-right-color:transparent;border-bottom-color:transparent; border-left-color:#73061e;
			position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.btn1 .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
				transform: rotate(360deg);border-style: solid;border-width: 0; 
				border-top-color:transparent;border-left-color:transparent;
				border-bottom-color:transparent;border-right-color:#282828; 
				position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; 
				transition: all 0.6s;}
.btn-n:hover .bgsqr1{ border-width:200px 0 0 200px;}
.btn-n:hover .bgsqr2{ border-width:0 200px 200px 0;}
.btn-n span{ position:relative; z-index:1; text-align: left; width: 100%;}
.btn-n span i{ padding: 0 0 0 10%; display: block; float: right; transition: all 0.5s}
.btn-n:hover i{ padding-left:5%; }
@media( max-width: 768px){.btn-n span i{ padding: 0 0 0 0%; display: block; float: right; transition: all 0.5s}
.btn-n:hover i{ padding-left:0%; }
}
.btn2{   position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn2:hover{ color:#fff;  }

.btn2 .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); 
			transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;
			border-right-color:transparent;border-bottom-color:transparent; border-left-color:#73061e;
			position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.btn2 .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
				transform: rotate(360deg);border-style: solid;border-width: 0; 
				border-top-color:transparent;border-left-color:transparent;
				border-bottom-color:transparent;border-right-color:#cb0631; 
				position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; 
				transition: all 0.6s;}






/*新闻模块*/
.news-all-center{ padding-top: 1%;  }
.news-all-center .swiper-slide{ padding: 1rem; }
.news-all-center .news-box{ background: #fff;  border-bottom: 1px solid #ededee; transition: all 0.5s;box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1); }
.news-all-center .news-box:hover{  box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1); 
		 transform: translateY(-10px);}
 
 
.news-all-center .news-box span{ display: block; overflow: hidden; }
.news-all-center .news-box span img{ transition: all 0.5s; max-width: 100%;}
.news-all-center .news-box .news-font{ padding: 20px 20px; }
.news-all-center .news-box:hover span img{ transform: scale(1.1); }
.news-all-center .news-box .news-font p:nth-of-type(1){ color: #cb0631; font-size: 22px; position: relative; }
.news-all-center .news-box .news-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #cb0631;
									 width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.news-all-center .news-box .news-font div{ 
							 color: #666; font-size: 16px;  }
 .news-all-center .news-box   p:nth-last-of-type(1){ font-size:14px; color: #999 } 
 
.news-all-center .news-box:hover .news-font p:nth-of-type(1):after{ width: 10% }
 @media(max-width:768px) {
  .news-all-center .news-box .news-font ul li{ flex: 1; text-align: left; display: block;  
							 color: #666; font-size: 16px;  width: 100%}
  
}
.news_more{ border-top: 1px solid #e5e5e5; line-height: 45px; height: 45px; transition: all 0.5s  }
.news_more span:nth-of-type(1){ font-size: 14px; font-family: arial;  text-align: left;display: inline-block; float: left; 
								transition: all 0.5s}
.news_more span:nth-of-type(2){  background: #333; text-align: right; color: #666; display: inline-block; float: right; 
							transition: all 0.5s;width: 30px; height: 30px; border-radius: 10px; margin-top: 10px; line-height:30px;
						    background: #fff; transition: all 0.5s; margin-right: 10px; }

.news-box a:hover .news_more span{ color: #333;   }
.news-box a:hover .news_more span:nth-of-type(2){   color: #fff;  border-radius: 100%;
									animation:mymove 1s infinite;width: 30px; height: 30px;
								}@keyframes mymove
	{
	0% {background-color:#333; opacity: 0; transform: translate(-30%,0); }
	100% {background-color:#333;opacity: 1;transform: translate(5%,0); }
}
/*快捷导航*/
 .b_nav_box{ width:98%; position: relative; overflow: hidden; }
 .b_nav_box:after{ position: absolute; content: ""; width:1px; height: 0px; left: 0; top: 0;
 				 right: 0; margin: auto; z-index: 9; background: #fff; transition: all 0.5s}
 .b_nav_box:hover:after{ height: 75px; }
 .b_nav_box span{ width: 100%; overflow: hidden; display: flex; height: 100%; }
 .b_nav_box span img{ transition: all 0.5s; }
 .b_nav_box:hover span img{ transform: scale(1.1);}
 .b_nav_box .b-g1{ background: rgba(43,55,69,0.9);  }


 .b_nav_box .b-g2{ background: rgba(153,30,50,0.9);  }
 .b-font{position: absolute;left: 0; top: 0;width: 100%; height: 100%;  padding-top: 85px; padding-bottom: 50px; text-align: center; 
 				transition: all 0.5s;}
 .b-font p{ color: #fff }
 .b-font p:nth-of-type(2){ font-size: 16px; color: #fff; transition: all 0.5s }
 .b-font p:nth-of-type(2) a{ color: #fff; padding-top: 25px; display: block; }
 .b_nav_box:hover .b-font{ padding-top: 105px;}
 .b_nav_box:hover p:nth-of-type(2) a{ padding-top: 10px; }  

@media(max-width: 768px){  
	.b_nav_box .b-font{ padding-top: 5%;} 
	.b_nav_box:hover:after{ height: 10%; }

	.b_nav_box:hover .b-font{  padding-top: 8% }
	.b-font p{ margin: 0 }
	.b-font p:nth-of-type(2){ font-size: 16px; color: #fff; transition: all 0.5s }
    .b_nav_box:hover p:nth-of-type(2) a{ }
 
}

.culture_all{ background: url(../image/culture_bj.jpg) no-repeat center bottom; }
/*end*/
#end{ border-top: 1px solid #f0f0f0; background:#fff; background-size: cover;  display: flex;}
 
   
.end_nav{   justify-content: space-between; padding-left:5%; }
.end_nav ul{ width: 25%; float: left;}
.end_nav ul li a{ font-size: 14px; color: #666666}
.end_nav ul li{ line-height: 30px; position: relative;}
.end_nav ul li:nth-of-type(n+2):after{position: absolute; content: ""; background: #cb0631; width: 40%;
									  bottom: 0px;left: 0; height: 2px;  transition: all .5s; opacity: 0.7; transform: scale(0); transform-origin: left bottom;} 
.end_nav ul li:nth-of-type(n+2):hover:after{transform: scale(1); transform-origin: right bottom;opacity: 1; }

.end_nav ul li:nth-of-type(1){ position: relative;   } 
.end_nav ul li:nth-of-type(2){ margin-top: 25px; }
.end_nav ul li:nth-of-type(1) a{font-size: 18px; color: #282828; }
.end_nav ul li:hover a{ color:#cb0631  }
.end_nav ul li:nth-of-type(1):after{ position: absolute; content: ""; background: #cb0631; width: 15%;
								bottom: -15px;left: 0; height: 2px; transition: all 0.5s } 
.end_nav ul li:nth-of-type(1):hover:after{ width:40%; }


.end_contact{ width: 100%;  }
@media(max-width: 768px){
	.end_contact{padding-left:0px!important;}
}

.end_nav p:nth-of-type(1){ width: 100%; font-size: 18px; line-height: 30px; color: #333;  position: relative; margin-bottom: 10%}
.end_nav p:nth-of-type(1):after{ position: absolute; content: ""; background: #c60012; width: 8%;
								bottom: -15px;left: 0; height: 2px; transition: all 0.5s } 
.end_nav p:nth-of-type(1):hover:after{ width:40%; }
.end_nav p:nth-of-type(2){ padding-top: 2%; }
.end_nav p:nth-of-type(n+2){  font-size: 14px;color: #666; margin-bottom: 3%;}


.end_scan { display: inline-block; text-align: center; margin-right: 5%; float: right; width: 45%;}
.end_scan span{ display: block;  margin-right:5%; width: 100%;}
.end_scan p{ display: block; font-size: 14px; color: #999}
.end_scan span img{ max-width: 100%; padding: 2%; border:1px solid #eaeaea; box-sizing: border-box; transition: all 0.5s}
.end_scan span a{ display: block; width: 100% }
.end_scan span a:hover img{ background: #df001d; color: #fff } 
 
.end_tel{ background: url(/static/index/zm001/img/end_tel.png) no-repeat left center; padding: 0 0 0 60px; text-align: left; 
				height: auto; overflow: hidden; }
.end_tel span:nth-of-type(1){ font-size: 29px; color: #fff; text-align: left; display: block;}
.end_tel p:nth-of-type(1){ color: #666666; font-size: 14px; }
.end_copy{ background: #ffffff;  color: #666; font-size: 14px; height: 50px; line-height: 50px; border-top: 1px solid #dfdfdf}
.end_copy a{color: #666; transition: all 0.5s}
.end_copy a:hover{ color:  rgba(0,0,0,0.7);}



/*广告*/
 .zy_flash_cp .zy_flash_bg{background: url(../image/index_cp_bj.jpg) no-repeat center top; height: 550px; text-align: right;
 			 background-attachment: fixed; }
 

.zy-flash{ background: url(../image/about-banner-bg.jpg) no-repeat center top; height: 350px; text-align: right; }
.zy-flash p:nth-of-type(1){ font-size: 40px; font-weight: 400 }
.zy-flash p:nth-of-type(2){ font-size: 20px;font-weight: 400 }

/*广告*/
 
.zy_flash_bg{background: url(../image/zy_flash.jpg) no-repeat top center; height: 325px;width: 100%;}

.zy_flash,.zy_flash_cp{ padding-top: 80px; }
.zy_flash_nr .flash_font_text{ position: relative; width: 150px;  }
.zy_flash_nr .flash_font_text:nth-of-type(1):after{  position: absolute; content: ""; width: 1px; height: 50%; 
		background-color: #000000; right: 0; top: 0; bottom: 0; margin: auto}
.zy_flash_nr .flash_font_text:nth-of-type(1) p:nth-of-type(1){ font-size: 34px;  color: #c40d23; font-weight: bold; line-height: 40px; }
.zy_flash_nr .flash_font_text:nth-of-type(1) p:nth-of-type(2){ font-size: 12px;  color: #282828; text-transform: uppercase; }
.zy_flash_nr .flash_font_text2 p{ font-size:16px;  color: #282828; } 


@media(max-width: 768px){
	.zy_flash_bg{background: url(../image/zy_flash.jpg) no-repeat top center; height: 325px;width: 100%;}
	.zy_flash{ padding-top: 60px; }
	.zy_flash_nr .flash_font_text:nth-of-type(1):after{  position: absolute; content: ""; width:0px; height: 50%; 
		background-color: #000000; right: 0; top: 0; bottom: 0; margin: auto}
	.zy_flash_nr .flash_font_text:nth-of-type(1) p:nth-of-type(1){ font-size: 20px;  color: #c40d23; font-weight: bold; line-height: 20px; }
    .zy_flash_nr .flash_font_text:nth-of-type(1) p:nth-of-type(2){ font-size: 12px;  color: #282828; text-transform: uppercase; }
    .zy_flash_nr .flash_font_text2 p{  display: none; } 

    .zy_flash,.zy_flash_cp{ padding-top: 60px; }
     .zy_flash_cp .zy_flash_bg{background: url(../image/index_cp_bj.jpg) no-repeat center top; height:350px; text-align: right;
 			 background-attachment: fixed; }


}

/*当前定位*/
.current_lm{    height: 40px; line-height: 40px; width: 100%; font-size: 14px; padding-left: 20px;  text-align: right;}
.current_lm   a:nth-of-type(1){ position: relative; padding-left: 13px;}
.current_lm a:nth-of-type(1):after{ position: absolute;content: "";   width: 10px; height: 20px; background:#c51429; left: 0; top: 0;bottom: 0; margin: auto;}
.left_list .left_slide{ background:#f7f7f7;  border-bottom:5px solid #ececeb;}
.left_title{  background: #c60012; color: #fff; height: 65px; line-height: 65px; position: relative; text-align: center;}
.left_title p:nth-of-type(1){ line-height: 65px; font-size: 27px; color: #fff; font-weight: bold;  }
.left_title p:nth-of-type(2){ font-family: 'impact'; color: rgba(255,255,255,0.3); position: absolute; 
	left: 0;top: 0;bottom: 0;right: 0; margin: auto; font-size: 30px; text-transform: uppercase; }
.list_name{ padding:15px 30px; }
.list_name li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #dfdfdf; font-size: 16px; 
					padding-left: 10px; box-sizing: border-box;  transition: all 0.5s; }
.list_name li:hover{  background: #c60012; border-bottom: 1px dashed #c60012;}
.list_name li a{ color: #666; display: block; }
.list_name li a:hover{  color: #fff}
.left_contact{ font-size: 14px; color: #666; padding:20px 40px 20px 20px; }
@media(max-width: 768px){
	.current_lm{ height: 40px; line-height: 40px; width: 100%; font-size: 14px; padding-left: 2px;  text-align: left; overflow: hidden;}

}
 /*产品中心*/
.right_img img{ max-width: 100% }
.pro_right_font>p:nth-of-type(1){ color: #333; font-size: 24px; }
.pro_right_font .pro_des_key{ background: #f7f7f7; font-size: 16px; line-height: 28px; color: #999;}
.pro_right_font .pro_des_key strong{ color: #282828; }
 
.pro_des_key div:nth-of-type(1){ border-bottom: 1px dashed #999999 }
.pro_tel a{ font-size: 16px; display: block; height: 40px; line-height: 40px; color: #fff; background: #c60012; float: left; }
.pro_tel div{ font-size: 16px; float: left; line-height: 40px; height: 40px; }
.pro_tel div span{ color: #c60012; font-family: 'arial'; font-size: 24px; font-weight: bold; }
/*.pro_tel div i{ background: url(../img/pro_tel.png) no-repeat left center; display:inline-block; float: left; width: 30px; height: 40px;  }
*/
@media(max-width: 768px){
	.pro_right_font>p:nth-of-type(1){ font-size: 16px; }
	.pro_tel div{ font-size: 16px; }
}








 
.index-title p:nth-of-type(1){ font-size: 40px; font-weight: 100 }
.index-title p:nth-of-type(2){font-size: 20px; font-weight: 100 }

@media(max-width: 768px){
    .index-title p:nth-of-type(1){ font-size: 26px; font-weight: 100 }
.index-title p:nth-of-type(2){font-size: 16px; font-weight: 100 }

}
.pro-all p{ line-height: 40px; font-size: 16px; padding-top: 10px; position: relative; transition: all 0.5s}
/*.pro-all span{ display: block; overflow: hidden; position: relative;}
.pro-all span:after{ transition: all 0.5s; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0%; background: rgba(0,0,0,0.5); }*/
.pro-all a img{ transition: all 0.5s }
.pro-all a{ position: relative; width: 100%; display: block; overflow: hidden; height: auto;}
.pro-all a i:nth-of-type(1){ 
	z-index: 1; transition: all 0.5s; position: absolute; background: #a6c14c;
	width: 100px; height: 100px; display: block;  border-radius: 100px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(1){ 
	left:-50px;
	top:-50px;
  
}
.pro-all a i:nth-of-type(2){ 
	z-index: 1; transition: all 0.5s; position: absolute; background: rgba(26,178,122,0.3); 
	width: 150px; height: 150px; display: block;  border-radius: 150px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(2){ 
	left:-20px;
	top:20px;
  
} 
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:""; 
left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
 color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}


/*公司简介*/
.index-about-all{ background: url(/static/index/zm001/img/about-bj.jpg) no-repeat center top; min-height: 665px; }
.about-content-right{ background: #1ab27a; color: #fff }
.about-content-right .about-font-title{ font-size: 24px; }
.about-content{ font-size: 14px; line-height: 30px; }
.about-more{ border:1px solid #91dabf; font-size: 14px; color: #fff; transition: all 0.5s}
.about-more:hover{ padding:0 20px; }
.about-img img{ height: auto; }
@media(min-width: 992px){
.about-img img{ min-height: 433px }

}



.sub-about-content { background: url(/static/index/zm001/img/about-bj-zj.jpg) no-repeat center top; background-size: cover;}
.about-title{ width: 100%; text-transform: uppercase; font-size: 90px; letter-spacing: 1.5rem; font-weight:100; text-align: center; color: #cacaca }
.about-name p.title-all{ font-size: 30px; color: #1ab27a; position: relative; }
.about-name p.title-all:before{ content: ""; position: absolute; width: 63px; height: 2px; background: #878787; top: 0;left:0; }
.zm-fu{ font-size: 180px; color: #acacac; font-style: arial;  text-transform: uppercase;}
.about-content-top{ color: #3b3b3b; font-size: 18px; }
.about-name-right p.title-all{ font-size: 30px; color: #1ab27a; position: relative; }
.about-name-right p.title-all:before{content: ""; position: absolute; 
width: 63px; height: 2px;top:0; right: 0; background: #878787; }
.font-content-message{ line-height: 30px; color: #7d7d7d; font-size: 18px; }
 .name-zj{   text-align: right;}
@media(max-width: 768px){
    .sub-about-content { background: url(/static/index/zm001/img/m-about-bj-zj.jpg) no-repeat right top; }
    .about-title{ 
        width: 100%; text-transform: uppercase; font-size: 30px;
     letter-spacing: 0.1rem; font-weight:100; text-align: center; color: #cacaca }
     .font-content{ font-size: 16px; }
     .name-zj{ font-size: 16px; text-align: left;}
}





 
/*新闻信息*/

					.news_left_box{background: #f5f5f5;} 
                    .news_box_all{ width: 100%; padding: 25px; }
                    .news_box_all span{ display: block;   overflow: hidden; padding-bottom: 2%;  }
                    .news_box_all img{ max-width: 100%; }
                    .news_box_all p{ color: #333; font-size: 17px; }
                    .news_box_all div{ font-size: 14px; color: #999; line-height: 22px; }
                    .news_box_all p:nth-last-of-type(1){ color: #999; font-size: 13px; padding-top: 2%;}


                    .news_left_box .swiper-pagination7{ text-align: center; bottom: 18px; position: absolute;  z-index: 99;}
   .news_left_box .swiper-pagination7 .swiper-pagination-bullet {transition: all 0.5s;
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #cccccc;
    cursor: pointer; } 
    .news_left_box .swiper-pagination7  .swiper-pagination-bullet-active{ width:80px; background-color: #c60012 }
    .news_left_box .swiper-pagination-bullet {
    opacity: .9;
}


.new-all-tg-demo{ background: #f2f2f6 }
.new-all-tg-demo p:nth-of-type(1){ font-size: 16px; color: #878787;margin-bottom: 0; line-height: 35px;}
.new-all-tg-demo p:nth-of-type(2){ font-size: 14px; color: #3c3c3c ; margin-bottom: 0; line-height: 35px;}
.img-font-content{ font-size: 14px; color: #878787 }
a.more-all-news{ background: #1ab27a; color: #fff; font-size: 16px; border-radius: 5px;}
a.more-all-news:hover{ background: #94cd0f; width: 100%; }


.news-li{ transition: all 0.5s;  }
.news-li:nth-last-of-type(1){border-bottom:0px solid #e5e5e5; }
.news-title-font{ padding-left: 20px; font-size: 14px; color:#3c3c3c; position: relative;}
.news-title-font:after{content:" "; position: absolute; left:0;top:5px;
 width: 10px; height: 10px; background: #666; border-radius: 10px;}
.news-title-font  span{ display: block; float: right; font-size: 14px; }
.news-content-demo{ position: relative; color: #878787; font-size: 14px; width: 90%;  }

.news-li:hover{
	-webkit-transform: translateY(-10px); 
	-moz-transform: translateY(-10px); 
	-ms-transform: translateY(-10px); 
	-o-transform: translateY(-10px); 
	transform: translateY(-10px); 
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); 
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
 }


.news-li-all{  transition: all 0.5s;}
 
.news-content-demo:after{ font-size: 20px; font-weight: 100; content:"+"; 
position: absolute;
right: -10%; padding-left: 20px; 
text-align: center; bottom:15%; color: #878787; height: 25px; line-height: 15px width:15px; border-left:1px solid #e5e5e5; }






 

.pro-news_m dd h4 a{font-size:18px;color: #333;font-weight: normal;
	padding-top: 20px;display: block; height:22px; overflow:hidden; line-height:22px;}
.pro-news_m dd p{font-size:14px;color: #777;padding-top: 18px;line-height: 24px;padding-bottom: 26px;
	border-bottom: 1px solid #c9c9c8;margin-bottom:20px; height:48px; overflow:hidden;}	
	.pro-news_m dd p a{ color:#da0410}
	.pro-news_m li{ display:block;   font-size:15px;  position:relative; transition:all 0.4s; border-bottom:1px solid #eaeaea;}
	.pro-news_m li:before{ content:" "; position:absolute;  left:-15px; top: 12px;  }
	.pro-news_m li:after{ content:""; position:absolute; border-bottom:1px solid #F00;transition:all 0.4s; width:0; left:50%; bottom:0}
	.pro-news_m li:hover:after{ border-bottom:1px solid #ce0a0a; bottom:0; width:100%; left:0;}
	.pro-news_m li span:nth-child(2){ float:right;}
	.pro-news_m li a{ color:#4f4f4f}
	.pro-news_m li a:hover{ color:#ce0a0a}



/* 合作案例*/
.index-links{}
.link-content{ justify-content: space-between; width: 100% }
.link-content img{ transition: 0.5s all; cursor: pointer; }
.links-slide:hover img{ transform: scale(1.5); }
/*版权*/
.footer{ background: #3a3a3a; border-top:#1ab27a solid 5px;}
.end-scan{ background: #1ab27a; text-align: center; height: 95%;}
.end-scan p{ font-size: 16px; color: #fff; margin: 0; line-height: 35px; }
.footer-copy{ height: 38px; line-height: 38px; background: #2e2e2e; font-size: 14px; color: #626161 }
.links-all{ width: 100%;  }
.links-all a{ display: inline-block; padding:0 15px; font-size: 16px; color: #fff; line-height: 45px;}
.links-all span:nth-of-type(1){ display:inline-flex; line-height: 45px; font-weight: bold; color: #1ab27a; font-size: 36px; }
.links-all span:nth-of-type(2){ display:inline-flex;line-height: 45px; color: #fff;font-size: 18px; }
.links-content{ justify-content: space-between;display: flex; }
.end-nav{ border-top:1px #646464 solid; justify-content: space-between;display: flex; }
.end-nav li{  line-height: 50px;  display: block; float: left; }
.end-nav li a{ font-size: 16px; color: #fff;}

.contact-all{ font-size: 14px; color: #fff; line-height: 30px;}
.contact-all p{ margin: 0 }

/*版权 end*/
#mheader{opacity:0;position: fixed; width: 100%; top:0;bottom:0;height:100vh;padding: 20px 0px; z-index: -1; transition: all 0.3s;}
.mlogo{ float: left; width:40%; margin-left: 15px;}
.mlogo img{ width: 100%; }
.navigation-is-visible div.nav-trigger{display:block;color:#fff;z-index:99;font-size:36px; width: 32px;position: absolute;top:25px;left:15px;}
.navigation-is-visible #mheader {opacity: 1;z-index: 999;}
.nav_transform1{position:absolute;top:0;bottom:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:20px 10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{display:block; -webkit-transform:none;transform:none; }
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 15px 0px;text-align: center;    /*background: #0069a0;  */}
.navp1 img{ max-width: 60%; }
.navp2{ padding-left: 30px;padding-top:20px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #D80100; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 40px;max-height:40px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right; margin-top:11px; font-size:16px; color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size:14px; display: block;}
.nav-item .msub a.on{ color:#D80100;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.navseach{ overflow: hidden; margin-top: 25px; }
.navseach_text{ width: 180px; padding: 0px 15px; margin-left: 15px; height: 32px; line-height: 32px; border: solid 1px #dedede; float: left;}
.navseach_btn{ width: 75px; height: 32px; line-height: 32px; float: left; margin-left: 8px; background: #D80100; color: #fff; border-radius: 15px; }
#mheader.down{ position: fixed; top: 0px; padding: 10px 0px; background: rgba(0,0,0,0.8); }




.m_nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    overflow: hidden;
    transform: translateY(-100%);
    width: 100%;
    height: 100vh;
    transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
}

nav.m_nav.nav-open {
    transform: translateY(0);
    border-radius: 0% 0% 0% 0%;

}

.menu-btn {
    position: fixed;
    top:30px;
    right: 10px;
    padding: 5px;
    cursor: pointer;
    z-index: 99;
    color: #000;
 
}

.menu-btn .line {
    padding: 0;
    width: 30px;
    background: #000;
    height: 2px;
    margin: 5px 0;
    transition: all 700ms cubic-bezier(.9, 0, .33, 1);
}

.menu-btn .line.line--1 {
    width: 30px;
    transform: rotate(0) translateY(0);
}

.menu-btn .line.line--1.line-cross {
    width: 30px;
    transform: rotate(45deg) translateX(5px) translateY(5px);
    background: rgba(0, 0, 0, 1);
}

.menu-btn .line.line--2 {
    width: 28px;
    transform: translateX(0);
}

.menu-btn .line.line--2.line-fade-out {
    width: 28px;
    transform: translate(30px);
    opacity: 0;
}

.menu-btn .line.line--3 {
    width: 20px;
    transform: rotate(0) translateY(0);
}

.menu-btn .line.line--3.line-cross {
    width: 30px;
    transform: rotate(-45deg) translateX(5px) translateY(-5px);
    background: rgba(0, 0, 0, 1);
}


nav.m_nav .nav-links {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    opacity: 0;
    transition: all 900ms cubic-bezier(.9, 0, .33, 1);
}

nav.m_nav .nav-links ul {
    width: 100%;
}

nav.m_nav .nav-links.fade-in {
    opacity: 1;
    transform: translateY(0);
}

nav.m_nav .nav-links .link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 96%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    transition: all 300ms cubic-bezier(.9, 0, .33, 1);
}

.m_nav_tel {
    width: 100%;
}

.m_nav_tel,
.m_nav_tel a {
    font-size:16px;
    color: #666;
}

nav.m_nav .nav-links .link:hover,nav.m_nav .nav-links .link.active {
    background: rgba(0, 0, 0, 0.5);
}

.grad {
    background-image: linear-gradient(to bottom right, #f5f5f5, #e9e9e9);

}

/*公司简介模块*/
.index-address-current{  
 
    line-height:40px;
    height: 40px;
    font-size: 14px;
    border-bottom: 1px #dddddd solid;
     }
.index-title-sub{ font-size: 36px; text-align: center; position: relative;}
.index-title-sub:after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 49%;
    width: 26px;
    border-bottom: 2px #c62a26 solid;
}
#sub-nav { justify-content: space-between; display: flex; }
#sub-nav li{ overflow: hidden; flex: 1; text-align: center; position: relative;}
#sub-nav li:after{ position: absolute; content: "";height: 3px; background: #cb0631; width: 0%; bottom: 0;left: 0; transition: all 0.5s;}
#sub-nav li.current:after{ width: 100%; }
#sub-nav li a:hover{ color: #cb0631; }
#sub-nav li:hover:after,#sub-nav li a.current:after{  width: 100%;}
#sub-nav li a{ width: 100%; display: block; position: relative; color: #282828; font-size: 16px; } 


@media(max-width: 768px){
	.index-title-sub{ font-size: 20px; text-align: center; position: relative;}
}

.content { font-size: 18px; color: #999; line-height: 30px }
/*新闻列表模块*/
.ImgScale img{ transition: all 0.5s; }
.ImgScale:hover img, .ImgScale:hover i {
    transform: scale(1.05);
}
.news_li_title{ font-size: 16px;color:#333; text-align: center; display: block; width: 100%; }
.box .news_li_title{ text-align: center; }
@media(max-width: 768px){

.news_li_title{ font-size: 14px;color:#333; overflow: hidden;  }

}
.news_message{ font-size:14px; color:#999 }
.time_news2{ font-size:14px; padding:10px 0;}
.btn2{ float: right; background: #c60012; color: #fff; font-size: 14px; }
.news-all-li li{ margin-bottom: 20px ; }
.card {

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.news-detail{  box-sizing:border-box;}
.news-big-title{ font-size:22px; font-weight:bold}

.news-time-click{ border-bottom:1px #e7e7e7 solid; font-size:16px;}
.news-detail-content{ font-size:16px; color:#999; line-height:30px; padding:10px 0;}
.newsPage{ font-size:16px; border-top:1px #e7e7e7 solid; line-height:30px;}
 .newsPage a{color:#999}
 
@media(max-width: 768px){
.news-big-title{ font-size:16px; font-weight:bold}	
.news-time-click {
    border-bottom: 1px #e7e7e7 solid;
    font-size: 14px;
}
.news-detail-content img{ max-width: 100%!important }
}

	.p14-info-2 {
			background: #fff;
		}
		
		.p14-info-2-tit {
			height: 80px;
			font-size: 24px;
			line-height: 80px;
			background: #c60012;
			color: #fff;
			text-align: center;
		}
		
		.p14-info-2-list dl { 
			padding: 26px 10px 20px 7px;
			border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
			font-size: 12px;
			line-height: 18px;
			overflow: hidden;
		}
		
		.p14-info-2-list dt {
			 
		 
			margin-right: 6px;
		}
		
		.p14-info-2-list dt img {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		
		.p14-info-2-list dd h3 {
			height: 22px;
			font-size: 14px;
			font-weight: normal;
			line-height: 22px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin-bottom: 5px;
		}
		
		.p14-info-2-list-desc {
			height: 18px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.p14-info-2-list dl:nth-last-child(1) {
			border-bottom: 0;
			padding:0;
		}
	

		.contact-z1 {
			height: 140px;
			background: url("/static/index/zm001/img/contact-z1.jpg") no-repeat;
			background-size: cover;
			color: #333;
			margin-bottom: 30px;
		}
		
		.contact-z1 p {
			font-size: 20px;
			height: 30px;
			line-height: 30px;
			padding: 37px 0 0 95px; 
			background: url(/static/index/zm001/img/contact-z1_tel.png) no-repeat 74px 44px;
		}
		
		.contact-z1 span {
			display: block;
			height: 30px;
			font-weight: bold;
			font-size: 18px;
			line-height: 30px; 
			padding-left: 73px;
		}
	
.rcread {
	padding: 40px 0;
}
.rcread h4 {
	font-size: 20px;
	color: #333;
	font-weight: normal;
	margin-bottom: 5px;
}
.rcread li {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-bottom: 1px dotted #cbcbcb;
	overflow: hidden;
	padding-left: 28px;
	background: url(../image/ic1.png) no-repeat 0 center;
	vertical-align: top;
}
.rcread li em {
	float: left;
	width: 640px;
	overflow: hidden;
	font-style: inherit;
	font-weight: inherit;
}
.rcread li em a {
	color: #686868;
	font-style: inherit;
	font-weight: inherit;
}
.rcread li em a:hover {
	color: #991313;
	font-style: inherit;
	font-weight: inherit;
}
.rcread li span {
	float: right;
	color: #999;
}
/*产品模块*/
   
 .sub-pro-list a{ display:inline-block; padding: 0 5px; border-bottom: 2px #e5e5e5 solid;
 
    color: #666666;
    font-size: 15px;
    border-radius: 3px;
    margin:0 10px 0 0;
    line-height: 40px;
 
    overflow: hidden;
 
    text-align: center;
    transition: 0.5s all
}   
 .sub-pro-list a:hover,.sub-pro-list a.active{ background: #c60012; color: #fff; font-weight: bold; }
@media(max-width: 768px){
	 .sub-pro-list a{ display:inline-block; font-size: 14px;   height: 40px; overflow: hidden; white-space: nowrap;  }

}



 .box-all{border:1px #e5e5e5 solid; box-sizing:border-box;}
 
.pro-nav{ width:100%; margin:0 auto;  overflow: hidden;line-height:56px; height: 56px;
					 background:#f7f7f7; }

 .onlink-click{ background:#c60012; border:1px #c60012 solid; color:#fff; font-size:14px;  border-radius:3px; }
 .pro-more{border:1px #e5e5e5 solid; color:#fff; color:#666666;font-size:14px; border-radius:3px; }
  .onlink-click:hover,.pro-more:hover{ background:#c60012; color:#fff; }
  
.pro-sub-nav li{ transition: all 0.5s; line-height:56px; display:inline-block;  position:relative; }
.pro-sub-nav li:after{ position:absolute; content:""; width:0px; height:56px; top:0; right:0; background:#1ab27a}
.pro-sub-nav li:nth-last-of-type(1):after{ position:absolute; content:""; width:0px; height:20px; top:10px; right:0; }

.pro-sub-nav li a{ display:block; padding:0 40px; font-size:18px; text-align:center; color:#333; 
				transition:all 0.5s; position:relative; }
.pro-sub-nav li a:after{ position:absolute; content:""; bottom:0px; width:0; height:2px; 
				background:#c60012; left:45%; transition:all 0.5s}
.pro-sub-nav li a:hover:after{ width:100%;left:0;}
.pro-sub-nav li.current a:after{ width:100%;left:0;}
.pro-sub-nav li.current{ background: #c60012; color: #fff }
.pro-sub-nav li.current a{ color: #fff }
.pro-sub-nav li a:hover{ color:#c8000b}
.fix li a:hover{ color:#fff}
.fix {
	transition:all 0.5s;
	background:#fff;
    position: fixed;
    left: 0;
    top: 58px;
    z-index: 99; box-shadow: 10px 10px 20px #C7C7C7; width: 100%}
.fix  li a{ color:#333}
.fix  li:hover a{color:#c8000b}
.fix  li.current:hover a{ color: #fff }
.pro-nav.fix .pro-sub-nav{ text-align: center; }
.pro-nav.fix .pro-sub-nav li{display:inline-block; clear: both; text-align: center; transition: all 0.5s; line-height:56px;}



@media(max-width: 768px){
 .pro-sub-nav{ text-align: center; }
.pro-sub-nav li{ transition: all 0.5s;  width: 25%; display:inline-block;  flex:1;position:relative; }
.pro-sub-nav li a{ display:block; font-size: 16px; padding:0;  font-size:18px; text-align:center;
					 color:#333333; transition:all 0.5s; position:relative; }
 .pro-sub-nav li a:after{ position:absolute; content:""; bottom:1px; width:0; height:2px;
 					 background:#c60012; left:45%; transition:all 0.5s}
			}


.pro-news-all-four{  background:#fff;   }
.pro-news-all-four p:nth-child(1) {
    margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
 
}
@media(max-width:768px){.pro-news-all-four{ margin:10px 0;background:#fff;  padding:20px 10px;}
.pro-news-all-four p:nth-child(1) {
    margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
 
}}



.pro_title{ height: 70px; line-height: 70px; border-bottom: 2px solid #dfdfdf;}
.pro_title span{ display: block; float: left; line-height: 70px; }
.pro_title span:nth-of-type(1){ color: #282828; font-size: 28px; position: relative;}
.pro_title span:nth-of-type(1):after{ position: absolute; content: ""; height: 2px; background:#c60012; width: 100%;left: 0; bottom: 0 }
/*.pro_title span:nth-of-type(1) i{ display:inline-block; background: url(../img/dot.png) no-repeat left center; 
							width: 23px; height: 23px; margin-right: 10px; }*/
.pro_title span:nth-of-type(2){ color: #c2c3c3; font-size: 16px; text-transform: uppercase; padding-left: 10px; }



.liucheng_nr div{ display: block; float: left; }
p.tag{ background: url(/static/index/zm001/img/tag.png) no-repeat center 44px; height:140px; width: 65px; display: block; float: left;}
.liucheng_nr div.liucheng_slide{ width: 100px; font-size: 16px; text-align: center; }
.liucheng_nr div.liucheng_slide span{ position: relative; margin-bottom: 17px; display: block; background: #f6f6f6; 
									width: 100px; height: 100px; border-radius: 100%; transition: all 0.5s}
.liucheng_nr div.liucheng_slide:hover span{ background: #c60012 }
.liucheng_nr  .liucheng_slide:nth-of-type(1) span i{ position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto; 
					 background: url(../image/l1.png) no-repeat; width: 36px; height: 33px; display: block; transition: all 0.5s}
.liucheng_nr  .liucheng_slide:nth-of-type(1):hover span i{background: url(../image/l1.png) no-repeat left -36px; }

.liucheng_nr  .liucheng_slide:nth-of-type(2) span i{ position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto; 
					 background: url(../image/l2.png) no-repeat; width: 36px; height: 33px; display: block; transition: all 0.5s}
.liucheng_nr  .liucheng_slide:nth-of-type(2):hover span i{background: url(../image/l2.png) no-repeat left -34px; }

.liucheng_nr  .liucheng_slide:nth-of-type(3) span i{ position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto; 
					 background: url(../image/l3.png) no-repeat; width: 36px; height: 33px; display: block; transition: all 0.5s}
.liucheng_nr  .liucheng_slide:nth-of-type(3):hover span i{background: url(../image/l3.png) no-repeat left -33px; }

.liucheng_nr  .liucheng_slide:nth-of-type(4) span i{ position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto; 
					 background: url(../image/l4.png) no-repeat left top; width: 36px; height: 33px; display: block; transition: all 0.5s}
.liucheng_nr  .liucheng_slide:nth-of-type(4):hover span i{background: url(../image/l4.png) no-repeat left -35px; }

.liucheng_nr  .liucheng_slide:nth-of-type(5) span i{ position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto; 
					 background: url(../image/l5.png) no-repeat; width: 36px; height: 33px; display: block; transition: all 0.5s}
.liucheng_nr  .liucheng_slide:nth-of-type(5):hover span i{background: url(../image/l5.png) no-repeat left -33px; }

.liucheng_nr  .liucheng_slide:nth-of-type(6) span i{ position: absolute; left: 0; right: 0; bottom: 0;top: 0; margin: auto; 
					 background: url(../image/l6.png) no-repeat; width: 36px; height: 33px; display: block; transition: all 0.5s}
.liucheng_nr  .liucheng_slide:nth-of-type(6):hover span i{background: url(../image/l6.png) no-repeat left -23px; }


@media(max-width: 768px){
	.pro_title{ height: 50px; line-height: 50px; border-bottom: 2px solid #dfdfdf;}
.pro_title span{ display: block; float: left; line-height: 50px; }
.pro_title span:nth-of-type(1){ color: #282828; font-size: 18px; position: relative;}
.pro_title span:nth-of-type(1):after{ position: absolute; content: ""; height: 2px; background:#c60012; width: 100%;left: 0; bottom: 0 }
.pro_title span:nth-of-type(1) i{ display:inline-block;  
							width: 23px; height: 23px; margin-right: 10px; margin-top: 2% }
.pro_title span:nth-of-type(2){ color: #c2c3c3; font-size: 14px; text-transform: uppercase; padding-left: 10px; }


	.liucheng_nr div.liucheng_slide{ margin-right: 1% }
	p.tag{ display: none }
 
}

/*首页新闻模块*/
.news_img_right{ background: #f5f5f5; }
               .news_img_right .news_box_slide{ width: 100%; 
               				 height: auto; overflow: hidden; transition: all 0.5s}
                .news_box_slide a{
               		 	 padding: 3% 0;
               				 display: flex; 
               				 width: 100%; 
               				 height: 100%; 
               				 position: relative;border-bottom: 1px solid #ebebeb;
               				
               				}



                 .news_box_slide a:after{ position: absolute; content: "";  height: 1px; width: 100%; 
                 		background: #c60012; transform-origin: left bottom; 
	                    transform: scale(0); transition: all 0.5s;left:0; bottom: 0;
	                    
	                		}
                



                .news_box_slide a:hover:after{ transform: scale(1); width: 100%; transform-origin: right bottom;}
                .news_box_slide a:hover .index_time p,.news_box_slide a:hover .index_news_nr p:nth-of-type(1){ color: #c60012; }




 



                .index_time{ width: 20%; text-align: center; }
                .index_time p:nth-of-type(1){ font-size: 42px; color: #494949 }
                .index_time p:nth-of-type(2){ font-size: 14px; color: #9a9a98 }
                .index_news_nr{ width: 80%; padding: 0 5% 0 0; box-sizing: border-box; transition: all 0.5s; }
                .index_news_nr p:nth-of-type(1){ color: #333333; font-size: 17px; transition: all 0.5s;}
                .index_news_nr div:nth-of-type(1){ color: #999999; font-size: 13px; line-height: 25px; }
                @media(max-width: 768px){
						  	.index_news_nr p:nth-of-type(1) {
						    color: #333333;
						    font-size: 15px;
						    transition: all 0.5s;}
						    .index_news_nr div:nth-of-type(1){ font-size: 12px; }
                }
.pro_news{ width: 100%; height: auto; overflow: hidden; }
.pro_news .news_box_slide{position: relative; width: 100%; height: auto; 
				overflow: hidden; transition: all 0.5s; float: left;  
				  padding-bottom: 10px;}

.pro_news .news_box_slide a{  margin-top: 0%;

							height: 100%; width: 98%; display: flex; 
							  background: #f7f7f7; 
							border-bottom: 1px solid #ebebeb;
							position: relative;

							}

.pro_news .news_box_slide:nth-of-type(2n){ float: right; }



.pro-order{ background:#fff;}
.pro-order p{ font-size:36px; color:#333; text-align:center}

.page-up-next { padding:20px 0}
.page-up-next div{ font-size:14px; height:30px; line-height:30px;}

.submit_color{ background:#c60012 !important; color: #fff; }

.pro-data { padding-bottom:30px;   margin-bottom:30px;}
.pro-data td { padding:0px 0; height:30px; line-height:30px;color:#999}
.pro-data tr td:nth-of-type(1){ width:20%; font-size:14px; color:#333333}
.pro-data tr td:nth-of-type(2) a{ width:80%;  font-size:14px; color:#999}
.pro-data tr:nth-last-of-type(1) td:nth-of-type(1){ vertical-align:top}
.pro-color li{ display: block; float:left; width:18%; font-size:16px; color:#a6a6a6}
.pro-color li i{ width:24px; height:24px; border-radius:100%;}
.pro-color li:nth-of-type(1) i{ background:#e30000}
.pro-color li:nth-of-type(2) i{ background:#0043ca}
.pro-color li:nth-of-type(3) i{ background:#0cc3e3}
.pro-color li:nth-of-type(4) i{ background:#ff9900}
.pro-color li:nth-of-type(5) i{ background:#e5007c}




.pro-lists-all li{ display: block; width: 30%; float: left; margin-right: 3%; margin-bottom: 3%; background: #fff; padding-bottom: 3%; transition: all 0.5s;}
.pro-lists-all li span{display: block;
    height: 260px;
    overflow: hidden;
    position: relative;
    text-align: center;
  
    transition: all 0.5s;}
 .pro-lists-all li:hover
 {	

	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-webkit-box-shadow: 0px 5px 15px #828282;
	-moz-box-shadow: 0px 5px 15px #828282;
	box-shadow: 0px 5px 15px #828282;
}
.pro-lists-all  a span{ display:block; position:relative;}
.pro-lists-all  a span:after{ position:absolute; content:""; left:0%; width:100$; height:0; bottom:-260px;  background:rgba(0,0,0,0.3); transition:all 0.4s; }
.pro-lists-all  a:hover span:after{ height:260px; width:100%;left:0; bottom: }



.pro-lists-all  a:hover  p:nth-of-type(2){ color:#FFF; border:1px #e30000 solid; background:#e30000}

.pro-lists-all   p:nth-of-type(1){ font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
.pro-lists-all  p:nth-of-type(2){ width:155px; height:30px; line-height:30px; text-align:center; font-family:SimSun; font-size:19px; border:1px #ddd solid; border-radius:20px; margin:0 auto; transition:all 0.5s}
.pro-lists-all   img {
	 width:100%;

	display: block;
	margin:0 auto;
	transition:all 0.4s
}

.pro-lists-all a:hover img{ transform:scale(1.1)}
.pro-pinpai{    background:#fff; height:auto; overflow:hidden;}
.pro-pinpai>p:nth-of-type(1){margin-bottom:40px; font-size:26px; color:#00468c; }
.pro-pinpai ul li{ text-align:center; font-size:16px; text-align:center; width:230px; height:180px; padding:45px 25px ; border:#eeeeee 2px solid; color:#666666; display:block; float:left; margin-right:20px; transition:all 0.5s}
.pro-pinpai ul li p:nth-of-type(1){color:#333; font-size:18px;text-align:center; margin:15px 0 30px; transition:all 0.5s}
.pro-pinpai ul li:nth-last-of-type(1){ margin:0;}
.pro-pinpai ul li:hover{ background:#be000e; color:#fff; border:#be000e 2px solid;}

.pro-pinpai ul li:hover  p:nth-of-type(1){ color:#FFF; font-size:24px;}
.pro-pinpai ul li:nth-child(1) i{ background:url(/static/index/zm001/img/pro-a.png) no-repeat -75px top; width:58px; height:62px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(1):hover i{ background:url(/static/index/zm001/img/pro-a.png) no-repeat 0px top;}
.pro-pinpai ul li:nth-child(2) i{ background:url(/static/index/zm001/img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(2):hover i{ background:url(/static/index/zm001/img/pro-b.png) no-repeat -66px top;}

.pro-pinpai ul li:nth-child(3) i{ background:url(/static/index/zm001/img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(3):hover i{ background:url(/static/index/zm001/img/pro-b.png) no-repeat -66px top;}


.pro-pinpai ul li:nth-child(4) i{ background:url(/static/index/zm001/img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(4):hover i{ background:url(/static/index/zm001/img/pro-b.png) no-repeat -66px top;}


/*相关产品*/

.pro-message-all{  font-size:16px; line-height:30px; background:#fff; width:100%}
.pro-all-links {
	width: 100%;
	margin: 0 auto;
	box-sizing:border-box

}
.pro-all-links .hd {
	overflow: hidden;

	margin: 0 auto;
	width: 285px;
}
.pro-all-links .hd .prev, .pro-all-links .hd .next, .pro-all-links .hd .morexxx {
	display: block;
	width: 40px;
	height: 40px;
	border-radius:100%;
	float: right;
	margin: 0 2px;
	margin-top:10px;
	color: #FFF;
	font-size: 24px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s all 0s linear;
	background: #f0f0f0;
	text-align: center;
	line-height: 40px;
	font-family: SimSun;
}
.pro-all-links .hd .prev:hover, .pro-all-links .hd .next:hover, .pro-all-links .hd .morexxx:hover {
	background: #bb0327;
}
.pro-all-links .hd .prev, .pro-all-links .hd .morexxx {
	float: left;
}

.pro-all-links .index-pro-all-xx{
 
 height:auto;
 overflow:hidden;
 margin-bottom: 30px;
}

.pro-all-links .index-pro-all-xx li { margin-right:20px; width:285px; display:block; height:285px; float:left; }
.pro-all-links .index-pro-all-xx li a{width:285px; overflow:hidden; position:relative;display:block; transition:all 0.5s }
 .pro-all-links .index-pro-all-xx li a span{width:285px; height:214px; display:block; overflow:hidden; margin-bottom:20px;}
.pro-all-links .index-pro-all-xx li a:hover img{ transform:scale(1.1)}
.pro-all-links .index-pro-all-xx li a img{  width:100%;  transition:all 0.5s; margin:0 auto;}
.pro-all-links .index-pro-all-xx p{ color:#666; font-size:18px; font-weight:bold; transition:all 0.5s}
.pro-all-links .index-pro-all-xx p:nth-of-type(2){ font-size:14px; color:#999;font-weight:bold;transition:all 0.5s}
.pro-all-links .index-pro-all-xx li a:hover{transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
-webkit-box-shadow: 0px 2px 15px #828282;
-moz-box-shadow: 0px 2px 15px #828282;
box-shadow: 0px 2px 15px #828282;}
 .pro-all-links .index-pro-all-xx li a:hover p{ padding-left:10px;}

 .order-btn{ box-sizing: border-box; }
.order-btn .submit {
 
 
 
  background: #c8000b;
  color: #fff;
  font-size: 14px;
  border-radius:5px;
  box-sizing: border-box;
  text-align: center;
}
.order-btn .submit:hover {
  background: #0058b1;
}

.order-btn .submit i{ display: inline-block;; background:url(/static/index/zm001/img/chat.png) no-repeat left top;  width:16px; height:16px; margin:4px 5px 0 0;}
.order-btn .click-chat {
  box-sizing: border-box;
  background: #00468c;
  color: #fff;
  font-size: 14px;
  border-radius:5px;
    text-align: center;
}

.order-btn .click-chat  i{display: inline-block;; background:url(/static/index/zm001/img/order.png) no-repeat left top;width:16px; height:16px; margin:3px 5px 0 0px;}


.order-btn .click-chat:hover {
background: #0058b1;
}

.pro-mobile i{ background:url(/static/index/zm001/img/hotline.png) no-repeat left top; width:31px; height:31px; float:left; display:block;}

.pro-mobile  span{ color:#c8000b; font-family:'impact'}
.pro-content{  height:auto; overflow:hidden; background:#fff}
 .pro-content p:nth-child(1){margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
 
 
}
@media(max-width:768px){
	.pro-content{ padding:10px 0px;  height:auto; overflow:hidden; background:#fff; box-sizing:border-box}
	 .pro-content p:nth-child(1){margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
	padding-left:20px;
 
 
}
	
	}
.inner-pro-message{ height:auto; overflow:hidden; padding:50px 0;}
.inner-pro-message li{ display:block; float:left; width:285px; height:320px; border:1px #f5f5f3 solid; margin:10px 10px 0 0;}
.inner-pro-message li .img{ width:285px; height:200px; overflow:hidden; display:block;}
.inner-pro-message li .img img{ transition:all 0.5s; width:285px;}
.inner-pro-message li:hover .img img{ transform:scale(1.1,1.1)}
.inner-pro-message li .title{ text-align:left; padding:10px 25px;}
.inner-pro-message li .title h3{ font-size:14px;}
.inner-pro-message li .title em{   height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.inner-pro-message li .title span{ display:block; width:40%; height:30px; line-height:30px; color:#FFF; border-radius:5px; text-align:center}
.inner-pro-message li .title span a{ color:#FFF}
.inner-pro-message li .title span:nth-child(1){  float:left; background:#222;}
.inner-pro-message li .title span:nth-child(2){ float:right; background:#e6000f;}


.pro-sider-ul li{ height:50px; line-height:50px; background:#fff; margin-bottom:1px;}
.pro-sider-ul li a{ display:block; width:90%; padding-left:10%; font-size:15px; transition:all 0.4s}
.pro-sider-ul li a:hover{ color:#e60012; padding-left:20%;width:80%}







.pro-all-message .bx-wrapper {
	position: relative;
	margin: 60px auto ;

	padding: 0;
	
*zoom:1
}
.pro-all-message b a{ font-size:24px; display:block; color:#666; font-weight:500; height:47px; line-height:55px; transition:all 0.5s;}
.pro-all-message .slide > a:hover{
  

	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-webkit-box-shadow: 0px 5px 15px #828282;
	-moz-box-shadow: 0px 5px 15px #828282;
	box-shadow: 0px 5px 15px #828282;
}

.pro-all-message b a i{ display:block; width:47px; height:47px; background:url(/static/index/zm001/img/pro-dot.png) no-repeat left center; margin-right:12px; float:left;}
.pro-all-message .slide > a{ display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; padding:20px; transition:all 0.5s;}
.pro-all-message .bx-wrapper span { display:block; height:260px; overflow:hidden; position:relative; text-align:center; background:#fff!important; transition:al 0.5s}
.pro-all-message a span{ display:block; position:relative;}
.pro-all-message a span:after{ position:absolute; content:""; left:0%; width:100$; height:0; bottom:-260px;  background:rgba(0,0,0,0.3); transition:all 0.4s; }
.pro-all-message a:hover span:after{ height:260px; width:100%;left:0; bottom: }



.pro-all-message a:hover  p:nth-of-type(2){ color:#FFF; border:1px #e30000 solid; background:#e30000}

.pro-all-message .slide p:nth-of-type(1){ font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
.pro-all-message .slide p:nth-of-type(2){ width:155px; height:30px; line-height:30px; text-align:center; font-family:SimSun; font-size:19px; border:1px #ddd solid; border-radius:20px; margin:0 auto; transition:all 0.5s}
.pro-all-message .bx-wrapper img {
	height: 260px;

	display: block;
	margin:0 auto;
	transition:all 0.4s
}

.pro-all-message .bx-wrapper a:hover img{ transform:scale(1.1)}
.pro-all-message .bx-wrapper .bx-viewport {


	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.pro-all-message .bx-wrapper .bx-pager, .pro-all-message .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -60px;
	width: 100%
}
.pro-all-message .bx-wrapper .bx-loading {
	min-height: 50px;
	
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}
.pro-all-message .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: 700;
	color: #666;
	padding-top: 20px
}
.pro-all-message .bx-wrapper .bx-pager .bx-pager-item, .pro-all-message .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom:1;
*display:inline
}
.pro-all-message .bx-wrapper .bx-pager.bx-default-pager a {
	background: #d3d3d3;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 100%
}
.pro-all-message .bx-wrapper .bx-pager.bx-default-pager a:hover, .pro-all-message .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f91627
}
.pro-all-message .bx-wrapper .bx-prev {

	left:-80px;
	background: url(/static/index/zm001/img/picScroll-left.png) no-repeat #dddddd;
	transition:all 0.5s
}
.pro-all-message .bx-wrapper .bx-next {
	
	right:-80px;
	background: url(/static/index/zm001/img/picScroll-right.png)  no-repeat -45px 0 #dddddd;
	transition:all 0.5s
}
.pro-all-message .bx-wrapper .bx-prev:hover {
	background: url(/static/index/zm001/img/picScroll-left.png) no-repeat -45px 0 #e30000
}
.pro-all-message .bx-wrapper .bx-next:hover {
	background: url(/static/index/zm001/img/picScroll-right.png) no-repeat 0px 0 #e30000
}
.pro-all-message .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	
	outline: 0;
	height:45px;
	width:45px;
	text-indent: -9999px;
	z-index: 9999
}
.pro-all-message .bx-wrapper .bx-controls-direction a.disabled {
	display: none
}
.pro-all-message .bx-wrapper .bx-controls-auto {
	text-align: center
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../image/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-start:hover, .pro-all-message .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../image/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-stop:hover, .pro-all-message .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px
}
.pro-all-message .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}
.pro-all-message .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}
.pro-all-message .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80,80,80,.75);
	width: 100%
}


.pro-all-message .slide2{ background:#CCC; text-align:center;}

.about-honor .pro-all-message .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}
.slider1 p {
	width: 100%;
	height: 46px;
	font-size: 20px;
	color: #333;
	font-size:14px;
	line-height: 46px;
	text-align: center;

	
}
.slider1 .slide{ background:#CCC}
.pro-deail{ box-sizing:border-box}
.pro-deail>p:nth-of-type(1){margin-bottom: 40px;
    font-size: 26px;
    color: #1ab27a; 
    text-align: left;
}
.message-title{ font-size: 14px; }

 #formData .write {
  
    padding-right: 30px !important;
    border:1px #eee solid;
    font-size: 14px;
}


.code{ font-size: 14px; }



.shebei .swiper-pagination8{ text-align: center; bottom: 18px; position: absolute;  z-index: 99;}
   .shebei .swiper-pagination8 .swiper-pagination-bullet {transition: all 0.5s;
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #cccccc;
    cursor: pointer; } 
    .shebei .swiper-pagination8  .swiper-pagination-bullet-active{ width:80px; background-color: #c60012 }
    .shebei .swiper-pagination-bullet {
    opacity: .9;
}


.pro-box-mb{margin: 2%;  background: #fff; padding: 2% 2% 4%; font-size: 14px; text-align: center; height: 98%; }
.pro-box-mb span{ margin-bottom: 1%; }
.pro-box-mb div a:nth-child(1){  border:1px #333333 solid; padding:2%; color:#333333; border-radius: 20px; width:48%;
         display:block; float:left; font-size: 14px;}
.pro-box-mb  div a:nth-child(2){  border:1px #c60012 solid; background: #c60012; padding:2%; border-radius: 20px;color:#FFF;width:48%;display:block; float:right;font-size: 14px;}

    .pr_nav_mb .swiper-pagination7{ text-align: center; top: 50px; position: absolute;  z-index: 99;}
 

        
        .mb_pro_list_name{ text-align: center; font-size: 14px }

    .pr_nav_mb  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 40px;
    background: #f00
}
 


.pr_nav_mb .swiper-pagination7.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:  #bb0000 !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}


/*分页*/
.w-page { margin-bottom: 20px; }
.w-page li.active span { z-index: 3; color: #fff; background-color: #c60012; }
.w-page li.disabled { cursor: no-drop; }
.w-page li.disabled span { color: #6c757d; pointer-events: none; background-color: #eeeeee; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }

.w-page li a, .w-page li span { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25;
		 color: #666; background-color: #e2e2e2; font-size: .875rem; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page li a:hover, .w-page li span:hover { background-color: #cdcdcd; color: #fff; }



#flash_pc .arrow-left {
	background: url(../image/banner_arrow.png) no-repeat left top;
	position: absolute;
	left: 20px;
	top: 55%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index:999;
}
#flash_pc .arrow-right {
	background: url(../image/banner_arrow.png) no-repeat left bottom;
	position: absolute;
	right: 20px;
	top:55%;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index:999;
	outline: none;
}