/* CSS Document */

body { margin: 0; padding: 0; line-height: 30px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: 0; margin-top: 0; margin-bottom: 0; }

img { display: block; }
input,button,select,textarea{outline:none}
/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }
div, input:focus {
	outline: none;   
}
 
.blank5 { width: 100%; height: 5px; clear: both; }
.blank07 { width: 100%; height: 7px; clear: both; 
	background: #2176bf;
}
.blank10 { width: 100%; height: 10px; clear: both; }
.blank12 { width: 100%; height: 14px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank25 { width: 100%; height: 25px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }
.blank90 { width: 100%; height: 90px; clear: both; }
.blank100 { width: 100%; height: 100px; clear: both; }
.blank110 { width: 100%; height: 110px; clear: both; }
.blank120 { width: 100%; height: 120px; clear: both; }
.blank130 { width: 100%; height: 130px; clear: both; }
.blank140 { width: 100%; height: 140px; clear: both; }
.blank145{ width: 100%; height: 145px; clear: both; }
.blank150 { width: 100%; height: 150px; clear: both; }
.blank160 { width: 100%; height: 160px; clear: both; }
/* .kong100 {width: 100%; height: 150px; clear: both; } */
/*Clear*/
.c33 {
	color: #333333;
}
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; 
	overflow: hidden; 


}
.m_index { width: 1200px; margin: 0 auto; }

 #header {
	 width: 100%;
	 height: 170px;
	 
 }
 #header .logo img {
		width: 195px;
		height: 54px;
 } 

 #header .logo {
	 height: 100%;
 }


 #header .logo2 {
	 font-size: 20px;
	 color: #d7000f;
	 line-height: 32px;
	 margin-left: 10px
 }
 #header  .head_you .d1  {
	 color: #d7000f;
	 font-size: 18px;

    
 }
  #header  .head_you .d2 {
		 color: #d7000f;
		font-size: 32px;
		font-weight: bold 
	}

	  #header   .head_you {
			width: 300px;
			height: 87px;
			border:2px solid #d7000f;
       border-radius: 10px;
      -o-border-radius: 10px; 
    	-moz-border-radius: 10px; 
	    -webkit-border-radius: 10px; 
		}

#nav  {
	width: 100%;
	height: 60px;
	background: #d7000f;
	/* padding: 0 40px; */
	box-sizing: border-box;
}

#nav  li  {
	height: 100%;
	width: 160px;
 font-size: 18px;
 text-align: center;
 line-height: 60px;
 position: relative;
 margin: 0 7px;
}

#nav  li  a {
	display: block;
	color: #fff;
	position: relative
	;z-index: 2;
}
#nav  li.active {
	position: relative;
}





#nav  li.active:after {
	content: '';
	left: -7px;
	top: -7px;
	height: 67px;
	background: url(../images/nav-bg.png) no-repeat;
	background-size: cover;
	position: absolute;
	width: 174px;
	height: 67px;
  z-index: 1;
}
#nav  li:hover:after {
		content: '';
	left: -7px;
	top: -7px;
	height: 67px;
	background: url(../images/nav-bg.png) no-repeat;
	background-size: cover;
	position: absolute;
	width: 174px;
	height: 67px;
  z-index: 1;
}

.common-break  {
	height: 35px;
	background: #f1f1f1;
}
.common-break a {
	font-size: 14px;
	color: #555555;
	line-height: 35px;
	margin-right: 5px;
}
.common-break .last {
	color:#d7000f;
}

.common-head  {
	color: #282828;
	font-size: 28px;
	font-weight: bold;
	height: 57px;
	line-height: 57px;
	position: relative;
	 /* padding: 0 97px; */
	 width: 402px;
	 text-align: center;
	 border-bottom:1px dashed #505050;
	 display: block;
	 /* float: left; */
	 margin: 0 auto;
	 text-transform:Uppercase;

	     animation-duration: 0.95s;
    -webkit-animation-duration: 0.95s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
.common-head_box {
	margin-top: 30px;
}


.common-head:after {
			content: '';
	left: 50%;
		transform: translateX(-50%);
	-webkit-transform: translateX(-50% );
	-moz-transform: translateX(-50% );
   bottom: -1px;
	position: absolute;
	width: 62px;
	height: 2px;
	z-index: 1;
	background: #4e4e4e;
}
.common-head2 {
		color:#d7000f;
	  font-size: 28px;
		font-weight: bold;
		margin-top: 12px;
			 text-transform:Uppercase;
	     animation-duration: 0.75s;
    -webkit-animation-duration: 0.75s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
.common-tab  .t1 {
			color:#d7000f;
		font-size: 20px;
			padding: 0 40px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #d7000f;
   border-radius: 35px;
   -o-border-radius: 35px; 
	-moz-border-radius: 35px; 
	-webkit-border-radius: 35px;
	 margin-left:  22px;
	 cursor: pointer;
	 margin-right: 20px;


}
.common-tab  .t1:first-child{
	margin-left: 0;
}
.common-tab  .t1.active {
		 color:#fff;
		 background: #d7000f;
		 	 font-weight: bold


}
.news_show .tit {
	font-size: 22px;
	color:#d7000f;
	font-weight: bold;
}
.news_show .tit2 {
		font-size: 16px;
	color:#666666;
}
.news_show {
	margin-bottom: 50px;
}
.news_show_con {
	padding-bottom: 30px;
	border-bottom:1px solid #ededed;
 
  
}
.common-fan {
	padding: 0 30px;
}
.common-fan .zuo a {
			font-size: 16px;
	color:#666666;
	display: block;
}
.common-fan .zuo a:hover {
	color:#d7000f;
	text-decoration:underline
}
.common-fan .you a {
				font-size: 16px;
	color:#666666;
}

.foot {
	color: #ffffff;
	font-size: 14px;
	background: #787878;
	height: 45px;
	line-height: 45px;
}
.foot a{
	color: #ffffff;
	font-size: 14px;
	margin: 0 10px;

}
.foot a:hover {
	text-decoration:underline

}
.foot2 {
	height: 197px;
	background: #5c5c5c;
  
}
.foot2 .m_index {
		height: 157px;
}
.foot2 .f1{
	height: 100%;
}
.foot2 .f1 img {
	width: 185px;
	height: 51px;
}
 .foot2 .f2 {
	     width: 187px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
 }
 .foot2 .f2  {
	 margin-left: 35px;
 }
.foot2 .f2  .d1 {
  	color: #ffffff;
	 font-size: 12px;
	 	 line-height: 20px;


}
.foot2 .f2  .d2 {
  	color: #ffffff;
	 font-size: 21px;
	 font-weight: bold;
	 	 line-height: 27px;
}


.foot2 .f3 li {
	width: 131px;
	 font-size: 16px;
	  text-align: center;
}
.foot2 .f3 {
	width: 393px;
}
.foot2 .f3 li a {
	color: #fff;
}
 
.foot2 .f3 li a:hover {
   text-decoration:underline

}

.foot2 .f4 {
	 width: 107px;
	 height: 30px;
	 background: #d7000f;
	 line-height: 30px;
	 text-align: center;

	 font-size: 16px;
	          border-radius: 35px;
      -o-border-radius: 35px; 
	-moz-border-radius: 35px; 
	-webkit-border-radius: 35px; 
	margin-bottom:22px; 

}
.foot2 .f4 a {
	 color: #fff;
	 display: block;
 
}
.foot2 .f4 .kong {
	width: 1px;
	height: 20px;
	background: transparent;
}
.foot2 .f5  {
	margin-left: 159px;
}
.foot2 .f5 img {
	 width: 93px;
	 height: 93px;
}

.news_list_con {
	padding: 0 76px;

}
.news_list_con .zuo {
	width: 235px;
	height: 122px;

}
.news_list_con .zuo  img {
	width: 100%;
}

.news_list_con .you .h1{
  	font-size: 20px;
	/* color:#d7000f; */
	color:#333;
}
.news_list_con .you  {
	padding-left: 20px;
    width: 773px;
}

.news_list_con .you .h2{
  	font-size: 14px;
	color:#999999;
}
.news_list_con .you .h3-con{
  	font-size: 14px;
	color:#999999;
	 overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
		-webkit-line-clamp:2;
line-height: 18px;
    margin-top: 11px;
}
.news_list_con .c1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
	    margin-bottom: 20px;


}
.news_list_con .c1:hover .h1 {
	color:#d7000f;
}
.common-fanye li {
	display: block;
	height: 30px;
	width: 30px;
	border:1px solid #e1e1e1;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #aaaaaa;
 margin:  0 5px;
}
.common-fanye li.active {
	background: #d7000f;
	color: #fff;

}
.common-fanye a.shang {
	width: 60px;
}
.common-fanye .last {
	margin-left: 10px;
	color: #aaaaaa;
}
.common-fanye a:hover {
		background: #d7000f;
	color: #fff;
}
.common-fanye  {
	margin: 30px 0;
}

.contact_con .h1 {
	font-size: 24px;
	font-weight: bold;
	color: #d7000f;
	margin-top: 50px;
}

.contact_con  .maps {
	margin: 30px auto;
}
.contact_con .con2 .zuo  {
	width: 50%;
}
 
.contact_con .con2 .zuo .c-hd {
	font-size: 20px;
	color: #555555;
	font-weight: bold;
	margin-bottom: 10px;

}
.contact_con .con2 .zuo .c-hd2 {
	font-size: 16px;
	color: #555555;
	line-height: 30px;
	
}





.contact {
	margin-bottom: 50px;
}
 
.about_con {
	font-size: 16px;
	color: #555555;
	line-height: 25px;
	font-family: "黑体"
}

.about_con  img {
	margin-bottom: 30px;
}
.about {
	margin-bottom: 50px;

}


.fuwu {
	padding: 0 25px;
	margin-bottom: 50px;
width:1200px; float:left; overflow:hidden;
}
.fuwu  .z1{
   width: 560px;
   height: 397px;
   background: #e8e8e8;
   padding: 45px;
   box-sizing:border-box;
   margin-right:22px;  float:left; margin-bottom:22px;
}
.fuwu  .z1:nth-of-type(2n){
	margin-right: 0px
}
.fuwu  .z1 .z1_hd {
	font-size: 22px;
	color: #000;

}
.fuwu  .z1 .z1_con {
		font-size: 14px;
	color: #666; 
	min-height: 220px;
	margin-top:37px; 
	line-height: 25px;
}

.fuwu  .z1 .z1_more a {
	 color: #d7000f;
	 font-size: 14px;
}

.pro_list .pro_img img {
	width: 596px;
	height: 50px;
	margin: 0  auto;
}
.pro_list .pro_hd1 {
	background:#d7000f;
	padding: 10px 60px;
	font-size: 26px;
	color: #fff;
	margin: 20px auto;
} 

.pro_list .pro_hd2 {
	color: #c51929;
	font-size: 20px;
}
.banner_hd1 .zuo_box {
	/*width: 50%;*/
}
.banner_hd1 .zuo {
  font-size: 22px;
  color: #fff;
  background: #d7000f;
  	border-radius: 30px;
	-o-border-radius: 50%;
	-moz-border-radius:50%;
	-webkit-border-radius: 30px;
	padding: 13px 40px;
}

.banner_hd1 {
	margin-top: 50px;
}

.banner_hd1 .zuo_box2 {
	  font-size: 16px;
	  color: #272727;
	  margin: 30px  0;
	  padding: 0 70px;
}

.banner_hd2 {
	font-size: 14px;
	color: #666666;
}
.pro_list {

margin-bottom:50px;
 
}

.anli_list .anli_con .a1 {
	width: 345px;

}
.anli_list .anli_con .a1 img {
	width: 100%;
	height: 243px;
	border: 3px solid transparent;
}

.anli_list .anli_con .a1 .name {
	line-height: 68px;
	color: #333;
	font-size: 19px;
	text-align: center;
}
.anli_list .anli_con   .a1 {
 margin-bottom: 13px;
 margin-right: 15px;
 
}
.anli_list .anli_con {
	padding: 0 65px;
}
.anli_list .anli_con .a1:nth-of-type(3n){
	margin-right: 0px;
}

.anli_list .anli_con .a1:hover img{
  border:3px solid #d7000f;

}


.anli_list .anli_con .a1:hover .name{
   color: #d7000f;
}

.pro_banner img {
	margin: 30px  auto;	
}

.index_banner {
	height: 494px;
	width: 100%;
	overflow: hidden;
}


.index_banner .swiper-slide {
	height: 494px;
	
}

	.index_m1 .index_m1_con .con1 {
		width: 486px;
		height: 220px;
		position: relative;
		 border:1px solid #bfbfbf;
            border-radius: 5px;
      -o-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	 background: #fafafa;
	 padding: 0 42px;
	 padding-right:26px; 
    -webkit-box-shadow:  3px 3px 6px  rgba(0,0,0,.1);
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.1);
    -ms-box-shadow:  3px 3px 6px  rgba(0,0,0,.1);
 box-shadow: 3px 3px 6px rgba(0,0,0,.3);
 margin-right: 120px;

	}

		.index_m1 .index_m1_con .con1:nth-of-type(2n){
			margin-right: 0;
		}
	.index_m1 .index_m1_con .tou {
		width: 117px;
		height: 117px;
		border: 6px solid #c51929;
		     border-radius:50%;
      -o-border-radius:50%; 
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	overflow: hidden;
	position: absolute;
	left: -64.5px;
	top: 50%;
 	transform: translateY(-50%);
	-webkit-transform: translateY(-50% );
	-moz-transform: translateY(-50% );

	}
	.index_m1 .index_m1_con .tou  img {
		width: 100%;
		height: 100%;
	}
	.index_m1 .index_m1_con .con1_sub {
	     width: 456px;
		 margin-top: 50px;
		 /* margin-left: 100px; */
		     /* padding-left: 100px; */
	}
	.common-h3 .a {
			color: #d7000f;
			font-size: 16px;
				z-index: 2;
				position: relative;
	}
		.common-h3 {
			position: relative;
		  margin-top: 11px;
   
		}

		.index_m1 .common-h3 {
			padding-left: 71px;
			box-sizing: border-box;
		}
	.common-h3:after {
			position: absolute;
			content: '';
			width: 93px;
			height: 7px;
			background: #efafb3;
			z-index: 1;
			left: 70px;
			bottom: 7px;

		}
				.index_m1 .common-h3:after  {
 
		}

.index_m3 .common-h3:after {
   left: 0px;
}



		 	.index_m1 .index_m1_con .h1{
			 font-size: 22px;
			 font-weight: bold;
			 color: #d7000f;
			border-bottom: 1px dashed #adadad;
		     padding-bottom: 17px;
    padding-left: 71px;
		}
		 	.index_m1 .index_m1_con .h2 {
				 color: #272727;
				 font-size: 16px;
				 line-height: 23px;
				 margin-top:19px; 
				 padding-left: 71px;
				 box-sizing: border-box;
				     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;

			 }
		 	.index_m2 .index_m2_22  {
				 width: 528px;
				 height: 280px;

			 }
 	.index_m2 .index_m2_22  {
		     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
		-webkit-line-clamp:6;
					 font-size: 16px;
			 /* font-weight: bold; */
			 color: #555555;

			 line-height: 30px;
	 }


 	.index_m2 .index_m2_22_con   {
       min-height: 236px;
	 } 
	 .index_m3{
		 background: url(../images/bg3.png) no-repeat center;
		 height:1026px;
  background-size: cover;
	 }


.swiper-container2  {
	/* padding: 0 64px; */
	overflow: hidden;
	box-sizing: border-box;

	width: 1070px;
	margin: 0	auto;
}

.banner2 {
		position: relative;
}
.index_m3 .anli_con {
	padding: 0;
	overflow: hidden;
	width: 1072px;
	margin: 0 auto;
	
}
.banner_box {
	position: absolute;
	width: 100%;
	top: 50%;
	 	transform: translateY(-50%);
	-webkit-transform: translateY(-50% );
	-moz-transform: translateY(-50% );
	z-index: 222;

}

.banner_box .banner-zuo,
.banner_box .banner-you{
	cursor: pointer;
}

.banner_box .img2 {
	display: none;
}
.banner_box .banner-zuo:hover .img2 ,
.banner_box .banner-you:hover .img2 

{
	display:block;
}
.banner_box .banner-zuo:hover .img1 ,
.banner_box .banner-you:hover .img1 {
	display:none;
}

.index_m4_con .zuo {
	position: relative;
	 width: 561px;
	 height: 289px;

}
.index_m4_con .zuo img {
	 width: 561px;
	 height: 289px;
}
.index_m4_con {
	padding: 0 20px;
}
.index_m4_con  .zhezhao {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 91px;
	background: rgba(0,0,0,0.6);

	 padding:  24px 27px;
	 box-sizing: border-box

}
.index_m4_con  .zhezhao .z1  {
	color: #fff;;
	font-size: 20px;
}
 
  .zhezhao .z2  {
	color: #fff;;
	font-size: 16px;
}

  .index_m4_con  .you .hd1  {
	color: #333;
	font-size: 18px;
	}
  .index_m4_con  .you .hd2  {
	color: #999;
	font-size: 14px;
	}
  .index_m4_con  .you .hd3  {
	color: #999;
	font-size: 14px;
	line-height: 25px;
	}

	  .index_m4_con .you {
			width: 568px;
			padding-top: 25px;
		 
		}
	  .index_m4_con .you .y1{
 
			padding-bottom: 30px;
			border-bottom:1px solid #e0e0e0;
		}
	  .index_m4_con .you .y1:hover .hd1  {
    color:#d7000f; 
		}
	  .index_m4_con .you .y1:nth-of-type(2n){
			border-bottom: 0;
			padding-bottom: 0px;
		 

		}
		.index_m4 {
			margin-bottom: 70px;
		}

/*侧边栏*/
.side-bar .s1 img {
	margin: 0 auto;
}
.side-bar .s1 {
	width: 70px;
	height: 90px;
	text-align: center;
	color: #fff;
	background: #a50e0a;
	margin-bottom: 4%;
	    padding-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	font-size: 12px;

}

.side-bar {
	position: fixed;
	right: 1%;
	top:42%;
	z-index: 6666;
    
}
.side-bar .s2 {
	position: relative;

}

 
.side-bar .box {
 
	position: absolute;
	top: 0%;
	 right: -300px;
		width: 220px;


   	/* padding-right: 13px; */
	/* -webkit-box-sizing: border-box;
	    box-sizing: border-box; */

	  transition:all 0.6s;
 -moz-transition:all 0.6s; /* Firefox 4 */
 -webkit-transition:all 0.6s; /* Safari and Chrome */
  -o-transition:all 0.6s; /* Opera */
}
.side-bar .box .num {
	background: #a50e0a;
		width: 210px;
		/* padding-right: 10px; */
		    height: 90px;
		padding: 8px;
	 	-webkit-box-sizing: border-box;
	    box-sizing: border-box;
}
.side-bar .s1_box {
	position: absolute;
	 
  top: 0px;
	 right: -300px;
	 width: 198px;
	 height: 188px;
	 padding-right: 5px;
	  transition:all 0.6s;
 -moz-transition:all 0.6s; /* Firefox 4 */
 -webkit-transition:all 0.6s; /* Safari and Chrome */
  -o-transition:all 0.6s; /* Opera */
}
.side-bar .s1_box  img {
	width: 100%;
	height: 100%;
}
.side-bar .s1 {
	position: relative;
}
.side-bar .s1:hover .s1_box  {
			right: 70px;
  top: 0px;
			
  transition:all 0.6s;
 -moz-transition:all 0.6s; /* Firefox 4 */
 -webkit-transition:all 0.6s; /* Safari and Chrome */
  -o-transition:all 0.6s; /* Opera */
}


.side-bar .s2:hover .box {
  	right: 70px;
  transition:all 0.6s;
 -moz-transition:all 0.6s; /* Firefox 4 */
 -webkit-transition:all 0.6s; /* Safari and Chrome */
  -o-transition:all 0.6s; /* Opera */
}
.side-bar .box img  {
	  width: 20px;
	  height: 20px;
}
.side-bar .box .xian {
	height: 40px;
	width: 1px;
	background: #bfbfbf;
	margin-right: 10px;
}


.side-bar .box .num .num-con{
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.side-bar .box .num .num-con span {
	font-weight: normal;
	margin: 0 4px;
}
.side-bar .box .num .num-con2{
		font-size: 26px;
		color: #fff;
		font-weight: bold;

}
.side-bar  .s3 {
	background: #8e8e8e;
	cursor: pointer;
}

.index_m3  .big_box .box1 {display: none}
.index_m3  .big_box >.box1 {display: block}