/******************首页banner*********************/

.banner {
	height: 100%; width:100%; max-width:1920px; margin:60px auto 0;
}
.banner .swiper-button-prev, .banner .swiper-button-next {
	color: #fff;
}
.banner .swiper-slide {
	position: relative;
}
.banner .swiper-slide dl {
	position: absolute;
	width: 100%;
	left: 50%;
	margin-left: -600px;
	top: 200px;
	text-align: left;
	z-index: 9999;
}
.banner .swiper-slide h1 {
	color: #fff;
	font-size: 53px;
margin:20px 0 20px;
	position: relative;
}

.banner .swiper-slide a{ display: block; height:60px; line-height: 60px; text-align: center; box-sizing: border-box;width:555px;background:url(../images/a.png);  color: rgb(255, 255, 255);
    font-size: 16px;
    letter-spacing: 4px;}
.banner .swiper-slide h2{ position:relative; height:90px;}
.banner .swiper-slide h2 font{ position: absolute;
 color: rgb(255, 0, 0); font-size: 110px; line-height: 1; top:0;
}
.banner .swiper-slide h2 p{position: absolute;color: #9c9d9f; font-weight: normal;left:130px; top:10px;
    letter-spacing: 0px; font-size: 14px;}
.banner .swiper-slide h2 span{position: absolute;letter-spacing:0px;left:130px; top:25px;
    color: rgb(255, 0, 0);
    font-size: 55px;}
.banner .swiper-slide img{ /*width:100%; float: left;*/}
.banner .swiper-pagination {
	position: absolute;
	width: 100%;
	bottom:30px;

}
.banner .swiper-pagination-bullet {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background: #fff;
	cursor: pointer;
	opacity: 0.2;
}
.banner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}


@media screen and (max-width:768px){
	
.banner .swiper-slide dl {
	position: absolute;
	width: 100%;
	left: 0;
	margin-left: 80px;
	top: 20px;
	text-align: left;
	z-index: 9999;
}
	.banner .swiper-slide h2{ height:60px;}
	.banner .swiper-slide h2 font{ font-size:60px;}
	.banner .swiper-slide h2 p{ left:70px;top:0;}
	.banner .swiper-slide h2 span{ left:70px; top:10px; font-size: 40px;}
	.banner .swiper-slide h1{ font-size:36px; margin:8px 0 ;}
	.banner .swiper-pagination{ bottom:15px;}
	
	
}


/**************floor1***************/
	#bodyMain:after, #body:after, #contect:after, .contect:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
	#bodyMain { float:left;
    width: 100%;
    background-size: cover;
  
}
	#body { max-width: 1200px;
   width:100%; 
    margin: 0 auto;
    padding: 40px 0;
}
	h2.title_index{    color: rgb(18, 18, 18);
    font-size: 42px; line-height: 1.8; width:100%; text-align: center; font-weight: normal; background: url(../images/al_tt.png) center bottom no-repeat; padding:20px 0 10px; margin-bottom: 10px;}
	h2.title_index font{color: rgb(221, 33, 34); font-weight: bold;}
	p.title_p{font-size: 15px;
    color: rgb(67, 67, 67);
    line-height: 200%; text-align: center;}
	
	
	.proul{ width:100%; float: left;}
	.proul li{ width:19%; float:left; margin:30px 0.5%; background: rgb(244, 244, 244); padding: 30px 15px; box-sizing: border-box; text-align: center;position: relative;
    overflow: hidden;}
/*	.proul li a{ float:left; width:100%; display: block;}*/
	.proul li figure{ float:left; width:100%; height:45px; display: block; }
	.proul li p{font-size: 16px;float:left; width:100%; height:60px;
    color: rgb(67, 67, 67); padding:15px 0; line-height: 1.2;}
	.proul li  p font{text-transform: uppercase; font-size: 12px;}
	.proul li i{ margin-bottom: 10px; width:20px;height:20px; text-align: center; padding-left:3px; box-sizing: border-box;line-height: 20px; background:#3f3f3f; color:#fff; border-radius: 100%; font-size: 14px; }
	.hidden_a{position: absolute;
    background-color: rgba(221, 33, 34,0); opacity: 0;
    width: calc(100% - 40px);
    bottom: 20px;
    height:calc(100% - 40px);
  top:20px; left:20px; right:20px;
    box-sizing: border-box;
    color: #fff;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;color:#fff !important;}
	.hidden_a a{ display:blo; width:100%; float: left;}
	.hidden_a h3{  padding-top:50px; line-height: 2; font-size: 18px; color:#fff !important;}
	.hidden_a a em{ font-style:normal;font-size: 12px; cursor: pointer; line-height: 2; text-decoration: underline;color:#fff !important;}

	.proul li:hover .hidden_a{ opacity: 1;  background-color:rgba(221, 33, 34,0.98);  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;}



/*****************floor2******************/
.product {
    background: url("../images/bg_pro.jpg") no-repeat center center;
    position: relative;
    z-index: 1;
    padding: 20px 0;
    color: #fff;
}
	.product .title_index{color:#fff; margin-bottom: 10px;}
	.product .title_p{color:#fff;}
	
	
	.prolist{ float:left; width:100%; margin:20px 0;}
	.prolist li{ float:left;width:31%; margin:15px 1%;transition:all ease-out 0.3s;}
		.prolist li figure{position:relative;overflow:hidden; text-align: center;}
	.prolist li figure img{transition:all ease-out 0.3s; }
			.prolist li figure:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(51,53,60,.95) url(../images/zsho.png) no-repeat center center;opacity:0;transition:all ease-out 0.3s;}
		.prolist li:hover figure:after{opacity:1;}
			.prolist li:hover figure img{transform:scale3d(0.9, 0.9, 1);}
	.prolist li  h2 { text-align: center;
    font-size: 14px;  color:#121212;
    font-weight: normal;
    line-height: 50px;
    transition: all ease-out 0.3s; background: #f4f4f4; height:50px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
	.prolist li:hover h2{ color:rgb(221, 33, 34)}

	dl.prodl{ float:left; width:100%; margin:40px 0 0;}
	dl.prodl dt{ width:48%; height:130px; float:left; margin:0 1%; background: rgb(221, 33, 34); text-align:center; padding:20px ;box-sizing: border-box;}
	dl.prodl dt h3{ text-align:center; padding-bottom: 20px; font-size:24px;}
	dl.prodl dt h3  font{background: url(../images/icon1.png) no-repeat left center; padding-left:40px; line-height: 38px;display: inline-block; }
	dl.prodl dt:nth-child(2) h3  font{background: url(../images/icon2.png) no-repeat left center; padding-left:40px; line-height: 38px;display: inline-block; }
	dl.prodl dt h3 i img{ padding-top:5px;}
	.prodl_ul{ width:100%;display: table;
    table-layout: fixed;}
	.prodl_ul li{ display: table-cell;
    position: relative;
    text-align: center; text-align: left; color:#fff; box-sizing: border-box; position: relative; padding-left:18px; font-size: 14px;}
	.prodl_ul li:before{content: "";
    display: block;
    position: absolute;
    width: 6px; height:6px; border-radius: 100%; border:solid 2px #fff;
    left: 0;
  top:4px;
 
    transition: all 0.3s ease;}
	
	
	.proli { width:46%; padding-left:34%;}


/***************floor3******************/

		.slidePinzhi{ width:100%; text-align:left; float: left; margin:30px 0;  }
		.slidePinzhi .hd{height:150px;    position:relative; }
		.slidePinzhi .hd ul{ float:left;  width:100%;position:absolute;  }
		.slidePinzhi .hd ul li{ float:left; padding:15px 15px; cursor:pointer; width:25%; box-sizing: border-box;/*height:130px; */background: #eee; text-align: center;}
		  .slidePinzhi .hd ul li img{ height:40px; }
		  .slidePinzhi .hd ul li h3{font-weight: bold;
    font-size: 24px;
    color: #121212; text-align: center;}
		  .slidePinzhi .hd ul li p{ font-size: 14px; color:#ccc; text-align: center;} 
		  .slidePinzhi .hd ul li.on{  background:rgba(221, 33, 34,0.98); position: relative}
		  	 .slidePinzhi .hd ul li.on:before{content: "";
    z-index: 999;
    position: absolute;
    left: 50%;
    bottom:-40px;
    margin-left: -20px;
    display: block;
    border-color: rgba(221, 33, 34,0.98) transparent transparent transparent;
    border-width: 20px;
    border-style: solid;
    width: 0px;
    height: 0px;}
		  .slidePinzhi .hd ul li.on h3{ color:#eee;  font-size: 24px;}
.slidePinzhi .hd ul li.on p{ font-size: 14px;}
		  
		  .slidePinzhi .bd ul{ padding: 0;  zoom:1;  }
		.slidePinzhi .bd li{ }
		  .slidePinzhi .bd ul li img{ width:100%; margin:0 auto;}


/****************floor4新闻*********************/
		.bgf2{ background:#f2f2f2;}
	
.fl{float:left;}
					.fr{ float:right;}
				.s4-cial{width:35%; float:left;box-sizing: border-box;padding:30px 30px ;background: #fff;border-radius: 3px; }
.s4-cial-a span{display: inline-block;font-size: 24px;
    padding-top: 2px;
    color: #d62121;
    font-weight: normal;}

/*.s4-cial-a a:hover{transform:translateX(15px);-ms-transform:translateX(15px);-moz-transform:translateX(15px);-webkit-transform:translateX(15px);-o-transform:translateX(15px);}
.s4-cial-b a{font-size: 18px;color: #1f1f1f;margin-top: 22px;display: block}*/
.s4-cial-b span{font-size: 14px;color: #a8a8a8;margin-top: 12px;display: block;height: 42px;overflow: hidden;}
.s4-cial-c{margin-top: 22px;width: 100%;height: 230px;overflow: hidden}
.s4-cial-c img{display: block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;width: 100%;}
.s4-cial-c img:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

		
		
		.s4-ciar{ width:63%; float: right;}	
		.s4-ciari{width:100%; float:left;padding: 20px 30px;box-sizing: border-box;border-radius: 3px;background: #fff;margin-bottom: 20px;position: relative}
		.s4-ciari:after{display: block;
    content: '';
    position: absolute;
    bottom: 30px;
   right:30px;
    width: 32px;
    height: 32px;
   
    background: url(../images/more-white-ico-36x36.png) center center no-repeat;
    transition: all ease-out 0.3s;}
		.s4-ciari:hover:after{  background: url(../images/more-red-ico-36x36.png) center center no-repeat; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
.s4-ciari:last-child{margin-bottom: 0}
.s4-ciaril{width:calc(100% - 150px);}
		.s4-ciarir{ width:100px; text-align: right;}
.s4-ciaril h3{font-size: 16px;color: #434343;display: block; height:30px; line-height: 30px; overflow: hidden;}
		.s4-ciaril:hover h3{color:#d62121}
.s4-cial p{display: block;font-size: 14px; font-weight: normal;color: #a8a8a8;line-height: 24px;margin-top: 5px; margin-bottom: 20px; height: 24px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.s4-ciaril span{display: block;font-size: 14px;color: #a8a8a8;line-height: 24px;margin-top: 5px;height: 48px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.s4-ciarir span{font-size: 14px;color: #9999a3;display: block}
.s4-ciarir a{background: url(o_ico_08.png)no-repeat right;width: 39px;height: 8px;display: block;padding: 7px 0;margin-top: 20px;transition: 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;}
.s4-ciarir a:hover{transform:translateX(15px);-ms-transform:translateX(15px);-moz-transform:translateX(15px);-webkit-transform:translateX(15px);-o-transform:translateX(15px);}
.s4-cial:hover .s4-cial-b a{color: #d62121}
.s4-cial:hover .s4-cial-b span{color: #5c5c5c}
.s4-cial:hover .s4-cial-a span{color: #d62121}
.s4-cial:hover .s4-cial-a i{color: #d62121}
.s4-ciari:hover .s4-ciaril a{color: #d62121}
.s4-ciari:hover .s4-ciaril span{color: #5c5c5c}
.s4-ciari:hover .s4-ciarir span{color: #d62121}
.s4-ciari:hover .s4-ciarir i{color: #d62121}

.s4-ciari i{padding-top:20px; font-size:24px; color:#ccc;}

h1.s4-cial-a{height:40px; line-height:30px; float:left; width:100%; position: relative;}
	.s4-cial-a:after{display: block;
    content: '';
    position: absolute;
    bottom: 8px;
   right:0;
    width: 32px;
    height: 32px;

    background: url(../images/more-white-ico-36x36.png) center center no-repeat;
    transition: all ease-out 0.3s;}
		.s4-cial:hover 	.s4-cial-a:after{ background: url(../images/more-red-ico-36x36.png) center center no-repeat; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg);  -o-transform:rotate(180deg);}
h2.s4-cial-a {display:block; width:100%; float:left;}
	h2.s4-cial-a h3{ height:30px; line-height:30px; overflow: hidden;font-size:16px; color:#434343;}			

		h1.s4-cial-a i{ float: right; color: rgba(232,232,232,1); width: 32px;
    height: 32px; border:solid 2px rgba(232,232,232,1); border-radius: 100%;  line-height: 32px; box-sizing: border-box;
   
    font-size: 26px; padding-left:6px; 
    font-weight: normal;}		
		
		.news_cia{ float:left; width:100%; margin:30px 0;}	




	   /**************内页栏目通用*************/
.inner_nav {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    z-index: 2;
    max-width: 1200px; width:100%;
    transform: translateX(-50%);
}

.inner_nav .page-intro {
    width: 100%;
    padding: 120px 0 0;
    height: 100%;
    text-align: center;
	box-sizing:border-box;
}

.inner_nav .page-intro .title {
    font-weight: 500;
    font-size: 42px;
    line-height: 1.2;
    color: #dd2122;
    text-align: left; font-weight: bold;
}
.inner_nav .page-intro .title font{ font-size:42px;}
.inner_nav .page-intro .second {
    margin: 10px 0 0;
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;text-align: left;
}

.inner_nav .page_inner {
    background: #ffffff;position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 1200px;
    transform: translateX(-50%);
  border-top-left-radius:10px;
border-top-right-radius:10px;

}
#banner_Main {
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
	text-align: center;
	background-color: #f3f3f3;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:url(../images/at3.jpg)
}
#banner_Main:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
/*	background-color: rgba(61,99,138,.5);*/
	z-index: 1;
}

#banner_Main h2 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 35%;
	font-size: 2em;
	color: rgba(255,255,255,0.8);
	line-height: 1.2;
	font-weight: normal;
	opacity: 1;
	animation: change 0.3s ease;
	-moz-animation: change 0.3s ease;
	-webkit-animation: change 0.3s ease;
	-o-animation: change 0.3s ease;
}

#banner_Main h2:after {
	position: absolute;
	left: 50%;
	bottom: -15px;
	content: "";
	width: 80px;
	margin-left: -40px;
	height: 3px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.8);
}


#banner_Main:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
	
.pgguide{/*border-bottom:solid 1px #eee;*/line-height:60px; background:#fafafa;}
.pgguide .w:after{content:'';display:block;clear:both;}
	.pgguideposition{float:left;font-size:12px;}
	.guide_en{ display:none;}
		.pgguideposition strong{}
		.pgguideposition a{}
			.pgguideposition li{ float:left;position: relative;
    display: inline;
    padding-right: 15px;
    padding-left: 10px;
   
    text-transform:Capitalize;}
		
.pgguideposition li:after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    overflow: hidden;
  
    top: 50%;
    right: 0;
    margin-top: -3px;
    transform: rotate(45deg);
    border-right: #999 1px solid;
    border-top: #999 1px solid;
}
.pgguideposition li:last-child:after{display:none;}
.pgguideposition li.current_path:after {
    display: none;
}
		
		
		
	.pgguidenav{float:right;}
		.pgguidenav ul{}
		.pgguidenav li{float:left;margin-left:1px;}
		.pgguidenav li a{display:block;padding:0 30px; font-size:14px; text-transform:Capitalize;}
		.pgguidenav li a:hover,.pgguidenav li a.on{color:#2397d4;background:#fff;}
	
	
	  .fl_form {float:left; width:100%; margin-top:12px;transition: all ease-out 0.3s;z-index:99999;}

.fl_form .txtBox {box-sizing: border-box;font-size: 16px;
   background: #eee; border:solid 1px  #EDEFF1;
    float: left;
    width: calc(100% - 50px); height:36px;
   
    line-height: 34px; border-radius:  0 25px  25px 0; 
   border-right: none;
    color: #666;transition: all ease-out 0.3s;z-index:99999; font-size: 14px;
}
input, button {
    outline: none;
    border: none;
}
.fl_form .submit {box-sizing: border-box;
    background: #EDEFF1; border:solid 1px  #EDEFF1;
    cursor: pointer;
    text-align: center;
    float: left;
    width:50px;border-radius: 25px 0 0 25px; font-size: 18px !important;
    line-height: 34px;
     border-right: none;
    color: #333;transition: all ease-out 0.3s;
}

.fl_form:hover .submit{color:rgb(221, 33, 34)}
/***************在线留言****************/	   

   .pg-contact-main-title{margin:40px 0;text-align:center;}
			.pg-contact-main-title h2{font-size:30px;color:#333;line-height:30px;font-weight:normal;margin-bottom:20px; position:relative;}
	
			.pg-contact-main-title p{font-size:16px;color:#999;}
  .pdf-box {
    margin-top: 40px;
}

.div_just{ float: left;    width: 47%; margin:20px 1.5%; box-sizing:border-box;}
.bg_color img{ float:left; width:100%;}


/***************联系我们*********************/

	  .ul_contct:after,.div_just:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.ul_contct {
    float: left;
    width: 100%;margin:20px 0 50px;
}
.ul_contct li {
    float: left;
    width: 30%; margin-right:3%; box-sizing:border-box;
    padding: 38px 30px 39px;
    border: 1px solid #e3e3e3; height:170px;
}
.ul_contct li:last-child {
    width: 34%;
    margin-right: 0;
}
.ul_contct li h5 { color:#333;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 18px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}
.ul_contct li h5 span {
    float: left;
    width: auto;
    margin-right: 40px;
    padding-right: 60px;
    position: relative;
}
.ul_contct li h5 span:before {
    position: absolute;
    right: 0;
    bottom: 4px;
    height: 1px;
    width: 50px;
    content: "";
    background-color: #333;
}
.ul_contct li p {float: left;    padding-top: 19px;}
.ul_contct li em {
    float: left;
    width: 100%;
    color: #666;
    text-align: left;
    font-size: 0.95em; line-height:2;
    font-weight: normal;
    font-style: normal;
}

#map{ margin-bottom:60px; float:left; width:100%;}


/**************关于我们*******************/
	 .about_top{ float:left; width:100%;}
	 .about_top .fl{ float:left; width:53%; padding-top:20px;}
	 .about_top .fl h2{color: rgb(221, 33, 34); font-size:36px;}
	 .about_top .fl h3{color: rgb(34, 34, 34); font-size:24px; line-height: 2; font-weight: normal;}
	 .about_top .fl p{font-size: 15px; text-align: justify;
    color: rgb(34, 34, 34); padding-top: 20px; line-height: 1.8; text-indent: 2em;}
	 .about_top .fr{ float:right; width:42%;}
	 .about_top .fr img{ width:100%; height:385px; padding-top:8px;}

	 .about_top ul{ float:left; width:100%; margin:30px 0;}
	 .about_top ul li{ float:left; width:32%; margin-right:2%; text-align: center;}
	 .about_top ul li:last-child{ margin-right:0;}
	 .about_top ul li img{ width:100%;}
	 .about_top ul li p {color: rgb(67, 67, 67);
    font-size: 16px; line-height: 3;}


	.proin_ul{ float:left; width:100%; margin:30px 0 0;}
	.proin_ul li{ float:left; width:48.5%; margin-right: 3%; padding:20px; box-sizing: border-box; background: #fff; margin-bottom: 35px;}
	.proin_ul li:nth-child(2n){ margin-right: 0;}
	.proin_ul li figure{float:left;  width:80px;}
	.proin_ul li h2{float:right;  width:calc(100% - 100px); font-weight: normal; padding-top:14px;}
	.proin_ul li h2 font{ float: left;  width:100%;font-size: 18px;
    color: rgb(221, 33, 34);}
	.proin_ul li  h2 em{ float: left; font-style: normal;color: rgb(51, 51, 51);
    font-size: 14px; line-height: 2;}


		  .about_zixun{ float:left; width:100%; margin:30px 0 60px;}
		  .about_zixun .fl{float:left;width:50%; height:320px;background-color: rgb(244, 244, 244); padding:50px 20px; box-sizing: border-box;}
		  .about_zixun .fl h3{    font-size: 18px;
    color: rgb(34, 34, 34);}
		  .about_zixun .fl h2{color: rgb(221, 33, 34);
    font-size: 22px;}
		  .about_zixun .fl p{  padding:30px 0;color: rgb(34, 34, 34);
    font-size: 14px; line-height: 1.8;}
		  .about_zixun .fl a{ padding:9px 30px;  background: rgb(221, 33, 34); color:#fff; font-size: 14px;}
		  
		  
		  .about_zixun .fr{ float:left;width:50%; height:320px;}
		  .about_zixun .fr img{width:100%; float:left; height:100%;}



/*****************加工工艺**********************/
	.gongyi{background: url(../images/gongyi_bg.jpg) no-repeat top 200px center; background-size:auto !important;
    position: relative;
    z-index: 1;
    padding: 20px 0 75px;
    color: #fff;}
	.gongyi ul{ float:left; width:100%; margin-top:50px;}
	.gongyi ul li{ float:left; width:100%; margin-bottom: 50px;}
	.gongyi ul li figure{ width:50%; position: relative; }

	.gongyi ul li figure img{ width:100%; float:left; height:420px; }
	.gongyi ul li img{ height:420px;}
	.gongyi ul li figure:after{display: block;
    content: '';
    position: absolute;
    bottom: -20px;
    right: -50px;
    width: 100px;
    height: 100px; border-radius: 100%;
    background:rgb(221, 33, 34)  url(../images/n2w8.png) center center no-repeat;
    transition: all ease-out 0.3s;}
	.gongyi ul li figure.fr:after{  right: 0; left:-50px;  background:rgb(221, 33, 34)  url(../images/tnrf.png) center center no-repeat;}
	.gongyi ul li figure.fl2:after{ background:rgb(221, 33, 34)  url(../images/0r9b.png) center center no-repeat;}
	.gongyi ul li figure.fr2:after{background:rgb(221, 33, 34)  url(../images/zen9.png) center center no-repeat;}
	.gongyi ul li div{ width:50%; z-index:9; padding-top:60px; padding-left:80px; box-sizing: border-box;}
		.gongyi ul li div.fl{padding-left:0; padding-right: 80px;}
	.gongyi ul li div em{font-size: 100px; line-height: 1;
    color: rgb(221, 33, 34); font-weight: bold;}
	.gongyi ul li div h3 {color: rgb(255, 255, 255);
    font-size: 36px;}

	.gongyi ul li div h3 font{ font-weight: normal !important;
    font-size: 24px !important;}
	.gongyi ul li div dl{ float:left; width:100%; margin-top:35px;}
	.gongyi ul li div dl dt{ float:left; width:50%;font-size: 18px;
    color: rgb(255, 255, 255); margin-bottom: 10px; padding-left:15px; position: relative; box-sizing: border-box;}
	.gongyi ul li div dl dt:before{content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px; border-radius: 100%;
    overflow: hidden;
    background-color: rgb(221, 33, 34)}
	.w33{ width:33% !important;}
	.w67{ width:67% !important; }
	.fl{ float:left;}
	.fr{ float:right;}
	


	#w1200{ width:100%; max-width:1200px; margin:0 auto; }
	#w1200 .title_index{ padding-top:0;}
	.four_icon{ float:left; width:100%; margin:60px 0 120px;}
	.four_icon li{ float:left; width:25%; text-align: center; display: flex;}
	.four_icon li dt{display: block;margin:0 auto; float:left;width:260px; text-align: center;height:260px; padding:30px 0; box-sizing: border-box;border-radius: 100%; background:#f6f6f6; border:solid 2px #e5e5e5;}
	.four_icon li h2{    font-size: 80px;
    color: rgb(221, 33, 34);}
	.four_icon li h2 i{font-size: 20px;
    color: rgb(34, 34, 34); font-style: normal; font-weight: normal;}
	.four_icon li p{font-size: 30px;
    color: rgb(34, 34, 34);}


/****************内页新闻列表*********************/

#pages:after,.w:after,.pg-news-list:after{
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
#pages {
	font-family: Arial, 宋体;
	padding: 20px 0 25px;
}
#pages:after {
	content: '';
	clear: both;
	display: block;
	font-size: 0;
}
.bottom_pages {
	width: 100%;
	float: left;
}
.pages_center {
	margin: 0px auto;
	text-align: center;
}
#pages a.a1 {
	background: #FCFCFC;

	padding: 0 10px;
}
#pages a.hover {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: rgb(221, 33, 34);
	border: 1px solid #e3e3e3;
	color: #FFF;
	text-align: center;
	padding: 0 10px;
}
#pages a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #666;
	padding: 0 10px;
}
#pages a:hover {
background: rgb(221, 33, 34);
	color: #FFF;
	text-decoration: none;
}
#pages span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: rgb(221, 33, 34);
    border: 1px solid rgb(221, 33, 34);
    color: #fff;
    text-align: center;
    padding: 0 10px;
}

		  
.pgnewslist { float:left; width:100%; margin:30px 0 50px;}
		    .pgnewslist .s4-ciari{background:#fafafa;overflow:hidden;margin-bottom:30px; padding:30px;}
		  
		  .pgnewslist figure{ float:left; width:200px;padding-right:25px;}	  
.pgnewslist .s4-ciaril {
    width: calc(100% - 360px); padding-top:12px; 

}
		  .pgnewslist .s4-ciaril span{ -webkit-line-clamp: 3; height:72px;}
	  


/****************新闻详情页******************/
	  .pg-article-main{float:left;box-sizing:border-box;padding:0 20px;margin:20px 0 50px; width:100%;}
		.pg-article-info{margin-bottom:0px;}

			.pg-article-infohead{margin-bottom:30px;}
				.pg-article-infohead h1{font-size:24px;line-height:30px; text-align:center; color:#333;}
				.pg-article-infohead p{font-size:14px;color:#888;margin:20px 0; text-align:center;border-bottom: 1px solid #efefef; padding-bottom:20px;}
				.pg-article-infohead p span,.pg-article-infohead p time{margin-right:10px;}

			.pg-article-slide{overflow:hidden;margin-bottom:30px;}
	

			.pg-article-infomain{}
.desc{ background:#f5f5f5; color:#888; font-size:14px; float:left; width:100%; line-height:30px; margin-bottom:20px; padding:10px 10px 10px 10px; text-indent:2em; box-sizing:border-box;}
			.edit{line-height:200%;font-size:14px;}
			.edit p{ padding-bottom:10px;text-indent:2em; font-size:16px; line-height: 2;}
			.edit figure{ text-align:center; margin:20px 0;}
				.edit img{max-width:100%;}
		
				
				
				
				#PREVIOUS_NEXT {
	min-height: 50px;
	float: left;
	position: relative;
	width: 100%; font-size:14px;
	overflow: hidden;
	margin-top: 40px;border-top: 1px solid #efefef; padding:20px 0 0;
}
#PREVIOUS_NEXT i {
	color: #bbb;
	padding-right: 5px;
}
.PREVIOUS {

	overflow: hidden;
}
.PREVIOUS a, .NEXT a {
	color: #999;
}
.PREVIOUS a:hover, .NEXT a:hover {
	color: rgb(221, 33, 34);
}
.NEXT {
	margin-top:10px;
	overflow: hidden;
}

	.PREVIOUS b,.NEXT b{color:#333;}	 


	/*****************产品列表左侧*****************/
.about_nei{ float:left; width:100%; margin:20px 0 30px;}
.about_nei .about_nei_left{ width: 260px; padding-bottom: 38px; border-bottom: 4px solidrgb(221, 33, 34);}
.about_nei .about_nei_left .nei_left_title{ line-height: 1.2; font-size: 28px; color: #fff; font-weight: bolder; background:rgb(221, 33, 34);padding:25px 20px; box-sizing:border-box;text-transform: Capitalize;}
.about_nei .about_nei_left .nei_left_title span{ font-size: 18px; font-weight: normal; text-transform: Capitalize;}
.about_nei .about_nei_left .nei_left_wen a{ display: inline-block; width: 100%; float:left; background: #eee; font-size: 16px; color: #666666; margin-top: 1px; padding: 13px 20px; box-sizing:border-box;transition: all 0.5s ease 0s;text-transform: capitalize;}
.about_nei .about_nei_left .nei_left_wen a:hover i{ color:rgb(221, 33, 34)}
.about_nei .about_nei_left .nei_left_wen a.on{   color:rgb(221, 33, 34)}
.about_nei .about_nei_left .nei_left_wen a dd{transition: all 0.5s ease 0s; width:calc(100% - 20px); box-sizing:border-box; color:#121212; font-size: 14px;}
.about_nei .about_nei_left .nei_left_wen a:hover dd{ padding-left:20px;}
.about_nei .about_nei_left .nei_left_wen a.on i{ color:rgb(221, 33, 34)}
.about_nei .about_nei_left .nei_left_wen a i{ color: #ccc;transition: all 0.5s ease 0s;}
.about_nei .about_nei_left .nei_left_wen p{ padding:20px; box-sizing:border-box; font-size:14px; color:#666; line-height:2;}

.about_nei .about_nei_left .nei_left_title.bgred{background:#cf2228; margin-top:40px;}
.pro_left_wen{ background:url(../images/fl_conbg.jpg) no-repeat; background-size:cover;float: left; box-sizing: border-box;
    width: 100%;
    height: 140px; margin:30px 0;padding:40px 0px 40px 70px; color:#222; font-size:18px; line-height: 1.8;}  
.pro_left_wen i{transform:rotate(-45deg); font-size: 26px;color:#000; padding-right: 8px;
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */}
	  	/*****************产品列表右侧*****************/

	  .about_nei .about_nei_right {
    width: calc(100% - 290px);
    float: right;
}
	   
	   .about_nei .about_nei_right .prolist{ margin:0 0 30px;}
	   
	   
	   .about_nei .about_nei_right .prolist li figure img{/* height:200px;*/}
		   .about_nei .about_nei_right  .prolist li{ background:#f7f7f7; padding:20px 20px 0 ; box-sizing: border-box;}
		  
		   .about_nei .about_nei_right   .prolist li figure:after{ display:none;}
		  .about_nei .about_nei_right	.prolist li:hover figure img{transform:scale3d(1.25, 1.25, 1);}
		  

h1.fr_title{ border-bottom:solid 1px #eee; padding-bottom: 10px; margin-bottom: 10px;}
	 h1.fr_title font{ font-size:24px; color:#222;}




.show_con{ float:left; width:100%; padding:30px 30px 0px; box-sizing: border-box; line-height: 1.8; }
	   .show_con h3{ text-align: center;}
	   .show_con p{ font-size: 15px; line-height: 1.8;}
	
				  #showdiv {clear:both; width:400px; margin:0 auto; text-align: center; margin-bottom: 50px; }
	   #showbox {/* background:#f4f4f4;*/margin:0 auto}
#showbox span { z-index: 2;
    width: 80px;
    height: 80px;
    background: #FFF;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    border: 1px solid #333;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;transition: all 0.5s ease 0s;}
	   #showsum span img{ width:100%; height:100%; top:0 !important;}
#showsum span.sel { border:1px solid #dd2122;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#dd2122;transition: all 0.5s ease 0s;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#dd2122; color:#fff;}		





.slideProBox{ width:100%;  text-align:left;  }
		.slideProBox .hd{ height:50px; line-height:50px; background:#f4f4f4; padding:0 10px 0 0;   position:relative; }
		.slideProBox .hd ul{ float:left; position:absolute;     }
		.slideProBox .hd ul li{ float:left; padding:0 20px; cursor:pointer;  }
		.slideProBox .hd ul li.on{  background:#009e14; color:#fff;  }
		.slideProBox .bd ul{ padding:15px;  zoom:1;  }
		.slideProBox .bd ul p{padding-bottom: 10px;}
				.slideProBox .bd ul h4{color:#0b71d3; font-size:15px;}














/***********foot**********************/
	.foot{background:rgb(7, 7, 7);padding:60px 0;color:#a3a3a3; float:left; width:100%;}
	.w{margin: 0 auto;
    max-width: 1200px; width:100%;
    position: relative;}
		.foot-nav{float:left; width:40%; min-height:210px; padding-left:80px; padding-right:60px;box-sizing: border-box;border-right:solid 1px rgba(255,255,255,0.1)}
	.foot-nav:first-child{ width:30%; padding-left:0;}
	.foot-nav:last-child{ width:30%; border-right:none; padding-right: 0;}
	.foot-nav p{ font-size:12px; color:#5a5a5a; text-transform: uppercase;}	
	.foot-nav h3{font-size:16px;line-height:30px;position:relative;padding-top:2px;margin-bottom:20px;color:rgb(221, 33, 34); font-size: 24px; margin-bottom: 30px;}
			.foot-nav h3:before{content:'';display:block;position:absolute;bottom:-10px;left:0;width:20px;height:1px;background:rgb(221, 33, 34);}
			.foot-nav li{float:left; width:50%;}
			.foot-nav li a{font-size:14px;color:#d9d9d9;line-height:2.4;transition:all ease-out 0.3s;}
.foot-nav li a:hover{color:#999;}
			.foot-nav li:last-child a{margin-right:0;}
			.foot-nav li li{float:none;}
			.foot-nav li li a{font-weight:normal;}
	
	
	.foot-nav dl dt{ color:#ccc; font-size: 14px; line-height: 2.4; position: relative; padding-left:30px; }
	.foot-nav dl dt:before{content: "\f1ac"; font-size:18px;
    display: inline-block;
    color: #ccc;
    font-family: FontAwesome;
    font-style: normal;
    position: absolute;
    width: 20px;
    height: 30px;
    text-align: center;left:0;
    line-height: 30px;
    overflow: hidden;
    vertical-align: middle;}
	.foot-nav dl dt:nth-child(2):before{content: "\f095"; font-size: 20px;}
		.foot-nav dl dt:nth-child(3):before{content:"\f0e0";font-size:18px;}
		.foot-nav dl dt:nth-child(4):before{content: "\f041"; font-size: 20px;}
		.foot-contact{float:left;margin:0 0 0 70px;}
			.foot-contact h3{font-size:16px;line-height:30px;position:relative;padding-top:10px;margin-bottom:20px;color:#fff;}
			.foot-contact h3:before{content:'';display:block;position:absolute;top:0;left:0;width:30px;height:1px;background:#a3a3a3;}
			.foot-contact section{line-height:25px;}
		.foot-qrcode{float:right;text-align:center;}
			.foot-qrcode figure{margin-bottom:10px;}
	.copy{background:#d9d9d9;color:#666;font-size:12px; float:left; width:100%;}
		.copy a{color:#666; }
	.copy span{color:#666; padding-left: 15px;}
		.copy-rights{padding:25px 0;text-align: center;}

	.foot-nav figure{ float:left; box-sizing: border-box; text-align: center; margin-right: 20px;}
/*	.foot-nav figure:last-child{ float:right;}*/
	.foot-nav figure img{ width:110px;}
	.foot-nav figure p{ line-height:30px; color:#ccc; font-size: 14px; }



@media screen and (min-width:1216px){
	
	.pg-message{padding:80px 0;}
	.pg-contact-main{background:#fff;padding:40px;}
		.pg-contact-main-title{margin-bottom:40px;text-align:center;}
			.pg-contact-main-title h2{font-size:24px;line-height:30px;font-weight:normal;margin-bottom:10px;}
			.pg-contact-main-title p{font-size:16px;color:#999;}
		.pg-contact-main-form{height:360px;position:relative; width:1120px; margin:0 auto; margin-bottom: 60px;}
			.pg-contact-main-form ul{}
			.pg-contact-main-form li{position:absolute;}
			.pg-contact-main-form li:nth-of-type(1){left:0;top:0;}
			.pg-contact-main-form li:nth-of-type(2){left:380px;top:0;}
			.pg-contact-main-form li:nth-of-type(3){right:0;top:0;}
			.pg-contact-main-form li:nth-of-type(4){top:80px;right:0;left:0;}
			.pg-contact-main-form li:nth-of-type(5){left:0;top:300px;}
			.pg-contact-main-form li:nth-of-type(6){left:380px;top:300px;}
			.vcode{position:absolute;top:10px;right:10px;}
				.vcode img{height:40px;}
			.pg-contact-main-form li .txt{width:360px;height:60px;padding:10px 20px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;}
			.pg-contact-main-form li .txts{display:block;width:100%;height:200px;padding:10px 20px;line-height:25px;box-sizing:border-box;border:1px solid #e4e4e4;}
			.pg-contact-main-form li .btn{width:180px;height:60px;background:#dd2122;color:#fff; font-size:16px;}



}





@media screen and (max-width:768px){
	
	.pg-message{padding:40px 20px;}
	.pg-contact-main{background:#fff;padding:20px;}
		.pg-contact-main-title{margin-bottom:20px;text-align:center;}
			.pg-contact-main-title h2{font-size:22px;line-height:30px;font-weight:normal;margin-bottom:10px;}
			.pg-contact-main-title p{font-size:13px;color:#999;}
		.pg-contact-main-form{position:relative;}
			.pg-contact-main-form ul{}
			.pg-contact-main-form li{margin-bottom:10px;position:relative;}
			.vcode{position:absolute;top:auto;right:5px;}
				.vcode img{height:30px;}
			.pg-contact-main-form li .txt{width:100%;height:40px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;}
			.pg-contact-main-form li .txts{display:block;width:100%;height:200px;padding:10px;line-height:25px;box-sizing:border-box;border:1px solid #e4e4e4;}
			.pg-contact-main-form li .btn{width:100%;height:40px;background:#c43f30;color:#fff;}
	
	
	
	
	.inner_nav .page-intro .title{ font-size:40px;}
	.about_zixun .fl{ width:100%;}
	.about_zixun .fr {
    float: left;
		width: 100%; height:auto;}
}