@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .2rem;}
  .pall02{padding-left: .2rem; padding-right: .2rem;}
  .about-con {
    width: 90% !important;
	padding: 20px !important;
	margin:20px;
  }
  .about {
    padding-top: 20px !important;
    height: auto;
    padding-bottom: 30px;
}
.logo img{ width:100%;}
}
@media screen and (min-width: 1200px)
{
.layui-container {
    width: calc(100% - 260px);
}
}
@media screen and (max-width:1440px){.layui-container{width:calc(100% - 180px);margin:auto;}}
@media screen and (max-width:1280px){.layui-container{width:calc(100% - 110px);}}
@media screen and (max-width:1024px){.layui-container{width:calc(100% - 20px); }} 

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .3rem 0;
}
.wtop-nsnav-bg{
  width: 100%;
  background:#fff; 
}

.h_tel {
    float: right;
    margin-top: 15px;
    height: 75px;
    background: url(../images/top_tel.png) no-repeat left center;
    padding-left: 85px;
    text-align: left;
    display: block;
}
.h_tel p {
    font-size: 18px;
    color: #333;
    line-height: 33px;
    float: left;
}
.h_tel b {
    display: block;
    font-size: 33px;
    font-family: "DINOT";
    color: #f62828;
}
.menu{ height:50px; line-height:50px; background:#f62828;}
.menu li{ width:12.5%; float:left;}
.menu li:hover{ background:#fac12c;}
.menu .on{ background:#fac12c;}
.menu li a{ color:#fff; font-size:16px; text-align:center; display:block;}

.wapmenu{ height:70px; background:#f62828; padding: 10px 0 0;}
.wapmenu li {
    width: 25%;
    line-height: 20px;
    height: 20px;
    position: relative;
    border-right: 1px solid #e3e4e5;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}
.wapmenu li:nth-child(4n) {
    border-right: none;
}
.wapmenu li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 20px;
    color: #FFFFFF;
}

/****首页产品分类**/
.toubu{
	height: 450px;
	background: url(../images/toubu.jpg) top center no-repeat;
}
.toubu dt {
    float: left;
    margin-top: -57px;
    width: 25%;
    height: 225px;
    box-sizing: border-box;
}
.toubu dt img {
    display: block;
    width: 251px;
    height: 225px;
    z-index: 19999;
    position: relative;
}
.wzgg {padding-top:36px;position:relative;height:113px;width:75%;float:right;font-size:15px;color:#555555;line-height:34px;text-indent:2em;}
.wzgg p { display:inline}
.wzgg p em {font-weight:bold;}
.wzgg h1{ font-size:15px;display:inline; font-weight:normal}
.wzgg h2{font-size:15px; display:inline; font-weight:normal}
.wzgg h3{font-size:15px; display:inline; font-weight:normal}
.wzgg span{ display:inline; font-weight:normal}
.wzgg i {display:block;position:absolute;right:0;bottom:24px;width:26px;height:20px;}
.wzgg img {display:block;width:26px;height:20px;}

.tit1_cp {padding:10px 0px;width:100%;height:auto; /*overflow:hidden;*/ text-align:center; } 
.tit1_cp img{ margin:3px 0px; } 
.tit1_cp h2 { display:block; padding-bottom:5px; text-align:center; font-size:48px; color:#22202b; font-weight:bold; } 
.tit1_cp h2 a{ font-size:48px; color:#22202b; font-weight:bold; } 
.tit1_cp h2 font { padding-bottom:15px;text-align:center; font-size:48px; color:#bc1717; font-weight:bold; } 
.tit1_cp span { display:block;padding-bottom:5px; text-align:center; font-size:48px; color:#d6c3ad; text-transform:uppercase; font-family:"宋体"; font-stretch:ultra-condensed; } 
.tit1_cp p { display:block; width:100%; text-align:center; font-size:20px; color:#8d8d8d; letter-spacing:0px; padding-bottom:5px; } 
@media screen and (max-width:1024px){
.tit1_cp h2 { font-size:36px;} 
.tit1_cp h2 a{font-size:36px;} 
.tit1_cp h2 font {font-size:36px; } 
.tit1_cp span {font-size:36px;} 
.tit1_cp p {font-size:18px;} 
}
@media screen and (max-width:640px){
.tit1_cp h2 { font-size:30px;} 
.tit1_cp h2 a{font-size:30px;} 
.tit1_cp h2 font {font-size:30px; } 
.tit1_cp span {font-size:30px;} 
.tit1_cp p {font-size:16px;} 
}
@media screen and (max-width:480px){
.tit1_cp h2 { font-size:26px;} 
.tit1_cp h2 a{font-size:26px;} 
.tit1_cp h2 font {font-size:26px; } 
.tit1_cp span {font-size:26px;} 
.tit1_cp p {font-size:15px;} 
}


/***首页产品展示***/
.proc1 {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.proc1 ul li {
	width: 15.8%;
	display: inline-block;
	margin: 8px 0.2%;
}
.proc1 ul li a {
	border-radius: 5px;
	width: 100%;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: inline-block;
	transition: 0.3s;
	color: #fff;
	background: #f62828;
	font-size: 18px;
	overflow: hidden;
}
.proc1 ul li:hover a {
	background: #ff2a2a;
	color: #eddbc7;
	transition: 0.2s all ease;
}
 @media screen and (max-width: 850px) {
.proc1 ul li {
	width: 23.8%;
	display: inline-block;
	margin: 5px 0.2%;
}
.proc1 ul li a {
	border-radius: 5px;
	width: 100%;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: inline-block;
	transition: 0.3s;
	color: #fff;
	background: #f62828;
	font-size: 16px;
}
}
@media screen and (max-width: 440px) {
.proc1 ul li {
	width: 32%;
	display: inline-block;
	margin: 5px 0.2%;
}
.proc1 ul li a {
	border-radius: 5px;
	width: 100%;
	height: 42px;
	text-align: center;
	line-height: 42px;
	display: inline-block;
	transition: 0.3s;
	color: #fff;
	background: #f62828;
	font-size: 15px;
}
}
.fb-pro{ width:100%; overflow:hidden;}
.fb-pro .tu1{
  position: relative;
  width: auto;
  height: auto;
  border-bottom:none;
  overflow: hidden;
}
.fb-pro .tu1 img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro:hover .tu1 img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro .tu1 .up-name{
  position: absolute;
  left:0px;
  bottom:0px;
  z-index: 10;
  width: 271px;
  height: 43px;
  background:url(../images/pro-name.png);
}
.fb-pro .tu1 .up-name p{
  display: block;
  line-height: 43px;
  font-size: 17px;
  color: #fff;
  text-indent: 15px;
}
.fb-pro .p01-cont{
  padding:10px 3px 10px 3px;
  border-bottom:4px solid #eeeeee;
  transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont{
  background-color: #313131;
  border-bottom: 4px solid #ff2a2a;
}
.fb-pro .p01-cont a h3{
  display: block;
  float: left;
  height: 48px;
  font-size: 17px;
  color: #000;
  overflow: hidden;
  transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont a h3{
  margin-left:12px;
  color: #fff;
}
.fb-pro .p01-cont .more1 a{
  float: right;
  width: 86px;
  height: 29px;
  background-color: #ff2a2a;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  border-radius: 5px;
  transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont .more1 a{
  margin-right: 8px;
}
.fb-pro .p01-cont .phone p{
  display: block;
  margin-top: 5px;
  font-size:20px;
  color: #313131;
  transition: all 0.35s ease-out;
}
.fb-pro:hover .p01-cont .phone p{
  color: #fff;
  margin-left:12px;
}

/***首页简介**/
.about {
    background: url(../images/gg01.jpg) no-repeat left 30px;
    margin-top: 10px;
}
.abt {
    text-align: center;
    padding-bottom: 50px;
}
.part-newbg {
    height: auto;
    margin: 0px auto;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
	overflow:hidden;
}
.about-diao p {
    line-height: 36px;
    font-size: 16px;
    color: #2d2d2d;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    height: auto;
    float: right;
    margin-top: 50px;
}
.about-diao font {
    display: block;
    width: 100%;
    float: left;
}
.about-diao font img{ width:100%;}

.about-diao{line-height:33px;color:#202020;font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:8; -webkit-box-orient: vertical; height:auto;} 

@media screen and (max-width:640px) {
	.toubu{
		display: none;
	}
.about{ background:none !important;}
.abt{ display:none;}
.aboutimg{ display:none;}
.about-diao p{ margin-top:0px !important;}
.ad-title {
    font-size: 32px;
    text-align: center;
	margin-bottom:20px;
}
}



/***首页流程**/
.liucheng {
    padding: 3% 0%;
    background: url(../images/xw4bj.jpg) no-repeat center top #d50a1d;
    background-size: cover;
	margin-top: 40px;
}
.hzlc_top{ text-align:center; margin-bottom:1%; }
.hzlc_top h1{ font-size:36px; line-height:60px; font-weight: normal; color:#fff}
.hzlc_top h1 strong{ font-weight:normal; padding-right:2%; color:#fff}
.hzlc_top span{ font-size:16px; line-height:40px; color:#fff; text-transform:uppercase; font-weight:normal }
.hzlc_top b{ background:#fff; height:2px; width:40px; margin: 0 auto; display:block; margin-top:10px;} 
.hzlc{ padding:0px 0px 30px 0% ; width:100%; float:left}
.hzlc_top{ text-align:center; margin-bottom:1%; }
.hzlc_top h1{ font-size:36px; line-height:60px; font-weight: normal; color:#fff}
.hzlc_top h1 strong{ font-weight:normal; padding-right:2%; color:#fff}
.hzlc_top span{ font-size:16px; line-height:40px; color:#fff; text-transform:uppercase; font-weight:normal }
.hzlc_top b{ background:#fff; height:2px; width:40px; margin: 0 auto; display:block; margin-top:10px;} 

.hzlc_bot ul{background:url(../images/hzlc_bot.png) no-repeat center top;background-size:95% 56%; width:100%; float:left; padding-bottom:50px;}
.hzlc_bot ul li{ width:14.5%; float:left; text-align:center; padding:8px 0px; color:#000; margin:0% 1%; } 
.hzlc_bot ul li  h2{ width:100%; text-align:center}   
.hzlc_bot ul li  h2 img{ height:95px; margin: 0 auto; margin-top:15px; }
.hzlc_bot ul li  p{ width:100%; font-size:24px; color:#fff; line-height:55px; font-weight:normal; overflow:hidden}  
.hzlc_bot ul li:nth-child(2n+1) h2 img{ margin-top:40px;}
@media only screen and (max-width:1440px) { 
.hzlc{ padding:0px 0px 0px 0% ; width:100%; }
}
@media only screen and (max-width:1200px) { 
.hzlc_top h1{ font-size:30px;} 
.hzlc_bot ul li  h2 img{  margin-top:0px; } 
.hzlc_bot ul li:nth-child(2n+1) h2 img{ margin-top:14px;}
.hzlc_bot ul{ padding-bottom:0px}
}
@media only screen and (max-width:850px) { 
	.liucheng{
		margin-top: 0px;
	}
.hzlc_top h1{ font-size:24px;} 
.hzlc_bot ul{ background:none}
.hzlc_bot ul li{ width:30.5%}
.hzlc_bot ul li h2 img{ height:100px}
.hzlc_bot ul li:nth-child(2n+1) h2 img{ margin-top:0px;}
.hzlc_bot ul li  p{ font-size:20px}
}
@media only screen and (max-width:450px) { 
.hzlc_bot ul li  h2 img{ height:60px; }
.hzlc_bot ul li  p{ font-size:18px}
}


/***首页工程案例**/
.case_img{ width:100%; height:auto; float:left; overflow:hidden;}
.case_img img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.case_img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.case_tit{ line-height:40px; text-align:center; font-size:16px; color:#333; width:100%; overflow:hidden; height:40px; float:left; background: #f5f5f5;}

.p-t {
    background:url(../images/p-t.jpg) no-repeat;
}
.p-t img {
    max-width: 100%;
    border: 0;
}

/*****首页新闻资讯***/
.gsxw {
	width: 100%;
	overflow: hidden;
}
.gsxw_ti {
	width: 100%;
	overflow: hidden;
}
.gsxw_fl {
	float: left;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
}
.gsxw_fl span {
	height: 50px;
	color: #333;
	float: left;
	text-align: center;
}
.gsxw_fr {
	float: right;
	line-height: 50px;
}
.gsxw_ul {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}
.xwcen {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
.gs_img {
	display: none;
}
.xwcen:nth-child(1) .gs_img {
	display: block;
}
.gs_img img {
	width: 100%;
}
.xwcen span {
	width: 75%;
	height: 48px;
	line-height: 48px;
	color: #666;
	text-indent: 1em;
	font-size: 14px;
	float: left;
	background:url(../images/dtico.jpg) left center no-repeat;
}
.xwcen time {
	width: 25%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #666;
	font-size: 14px;
	float: left;
}
.gsxw_fls {
	float: left;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
}
.gsxw_fl span {
	height: 50px;
	color: #333;
	float: left;
	text-align: center;
}
.cjwtjd {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
}
.cjwtjd li {
	margin-bottom: 10px;
}
.cjwtjd li a:hover {
	color: #c00;
}
.jdtit {
	width: 100%;
	overflow: hidden;
	line-height: 26px;
	height: 26px;
	font-size: 16px;
	margin-bottom: 5px;
	color:#f00;
}
.jdtit span {
	width: 26px;
	height: 26px;
	text-align: center;
	float: left;
	background: url(../images/q.png) center no-repeat;
	color: #fff;
	margin-right: 5px;
	font-size: 14px;
}
.jdcon {
	width: 100%;
	overflow: hidden;
	line-height: 26px;
	font-size: 13px;
}
.jdcon span {
	width: 26px;
	height: 26px;
	text-align: center;
	float: left;
	background: url(../images/a.png) center no-repeat;
	color: #fff;
	margin-right: 5px;
	font-size: 14px;
	display: inline-block;
}
.jdcon font {
	float: right;
	width: 90%;
	display: inline-block;
}


.c-flink{ height:60px; background:#f62828; line-height:60px;}
.c-flink strong{ font-size:18px; margin-right:28px; color:#fff;}
.c-flink a {
    font-size: 14px;
    color: #fff;
    padding: 0 10px 0 0;
}
/*footer*/
.c-footer { background:#151515;}
.c-footer a{ color:#ffffff; }
.c-footer .mt { overflow:hidden; padding:30px 0 10px 0; }

.foot-top{padding:30px 0;}
.footl{ width:30%;float:left;display:inline;}
.footc{ width:30%;float:left;display:inline;}
.footk{ width:calc(40% - 150px);float:left;}
.footr{float:left;width:150px;}

.footl h3,.footc h3,.footk h3,.footr h3{font-size:30px;color:#fff;margin-bottom:29px;width:25px;white-space:nowrap;padding-bottom:14px;border-bottom:1px solid #242f35;}
.footl h3 span,.footc h3 span,.footk h3 span,.footr h3 span{font-size:12px;display:block;color:#fff;opacity:0.2;font-weight:lighter;line-height:100%;}
.footl p a{display:block;width:50%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footl p a:hover{text-decoration:underline;color:#bc1717;}
.footc p{color:#fff;background-position:left center;line-height:40px;font-size:16px;}
.footc p span{margin-left:18px;}

.footr em i{display:block;float:left;width:150px;}
.footr em i:last-child{float:right;}
.footr em i img{width:140px;height:140px; border:3px #fff solid}
.footr em i span{display:block;font-size:16px;color:#F4F4F4;line-height:20px;padding-left:32px;margin-top:16px;}

.footk p a{display:block;width:50%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footk p a:hover{text-decoration:underline;color:#bc1717;}

.c-footer .mc { border-top:1px solid #666666; padding:13px 0; overflow:hidden; font-size:14px; line-height:28px; color:#fff; margin-top:20px;}
.c-footer .mc span { float:left; }
.c-footer .mc dl { float:left; }
.c-footer .mc dt { float:left; padding:0 10px; }
.c-footer .mc dd { float:left; }
.c-footer .mc dd a { color:#fff; }
.c-footer .mc dd a:hover { color:#ffdb60; }

.c-copy { padding:11px 0; text-align:center; font-size:16px; line-height:30px; color:#fff; background:#13191d; }
.c-copy a{ color:#ffffff; }
@media screen and (max-width:1280px){
.footl{ width:25%;}
.footc{ width:35%;}
}
@media screen and (max-width:1024px){
.footl{ display:none;}
.footc{ width:calc(100% - 150px);}
.footk{display:none;}
.c-footer .mc { display:none;}
}
@media screen and (max-width:767px){
.footr{ display:none;}
.footc{width:50%;padding-left:20px;}
.footk{ width:calc(50% - 20px);}
.c-copy .fl,.c-copy .fr{ float:none;}
.c-copy font{ display:block } 
}
@media screen and (max-width:640px){
.footc{width:100%;padding-left:9px;}
.footk{ display:none;}
.c-copy { padding-bottom:60px;}
.c-copy .my{ display:none} 
}

.fxdb{display:none}
@media screen and (max-width:480px) {

.fxdb{display:block;height:55px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440)); border-top:1px solid rgb(255,255,255,0.4)}
.fxdb li{float:left;list-style:none; height:55px; text-align: center;color:#f62828;box-sizing:border-box;}
.fxdb li a{display:block;width:100%;color: #f7f7f7; font-size:15px; text-align:center}
.fxdb li i{margin: auto;display: block;width:25px;height:25px;margin-top:8px;background-image: url(../images/fix-back.png);background-size:100% 100%;background-repeat:no-repeat;}
.fxdb li:nth-child(1){width:20%; background:#ff9900;}
.fxdb li:nth-child(2){width:80%;background:#f62828; text-align:center}
.fxdb li img{display: inline-block;height:55px;}
.fxdb li img:nth-child(2){position: absolute;left:40%;}
}
@media screen and (max-width:400px) {
.fxdb li img:nth-child(2){left:35%;}
}
@media screen and (max-width:350px) {
.fxdb li img:nth-child(2){left:32%;}
}
.animate-tel { animation:tada 1s linear infinite; transform-origin:50% 50%; -webkit-animation:tada 1s linear infinite; -webkit-transform-origin:50% 50%; -moz-animation:tada 1s linear infinite; -moz-transform-origin:50% 50%; -o-animation:tada 1s linear infinite; -o-transform-origin:50% 50%; -ms-animation:tada 1s linear infinite; -ms-transform-origin:50% 50%; }

/***About**/
.position_now {
    font-size: 14px;
    background: #F5F5F5;
}
.position_now .fl {
    color: #707070;
    line-height: 60px;
}
.position_now .fl img {
    height: 20px;
    margin-top: -4px;
    display: inline-block;
    margin-right: 8px;
}
.position_now a {
    display: inline-block;
    color: #707070;
}
.position_now .fr {
    font-family: impact;
    color: #bc1717;
    font-size: 0;
}
.position_now .fr img {
    height: 26px;
    float: left;
    margin: 18px 10px 0 0;
}
.position_now .fr strong {
    font-weight: 100;
    font-size: 22px;
    display: block;
    float: left;
    line-height: 60px;
}
.nyabout{ padding:25px; line-height:27px; font-size:16px; background-color: #F7F7F7;}
.nyabout img{ max-width:100%;}
.sub_bk{ text-align:center;}
.sub_bk a{ display:block; float:left; line-height:40px; font-size:16px; background:#c70505; color:#fff; margin-right:1%;width:11.5%; box-sizing:border-box; margin-bottom:15px; height:40px; overflow:hidden}
.sub_bk .on{ background:#bc1717; color:#fff;}
.sub_bk a:hover,.sub_bk a.active{ background:#e9aa00; color:#fff;}
.sub_bk a:nth-child(8n){ margin-right:0;}
.sub_bk span{ color:#fff; font-size:16px; margin-left:10px; display:inline-block; cursor:pointer; position:absolute; right:0; top:0; display:none; line-height:4rem;}
.sub_bk .show{ height:auto; background:#eee;}
@media screen and (max-width:640px){
.sub_bk a{width:49%; margin-right:2%}
.sub_bk a:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:380px){
.sub_bk a{ line-height:42px; font-size:14px; border-radius:42px; margin-bottom:8px; height:42px; overflow:hidden}
}

.yunu-contact {background-color:#F7F7F7;padding:25px;} 
.yunu-contact h4 {margin:0;font-size:24px;border-bottom:1px solid #ddd;padding-bottom:15px;} 
.yunu-contact dl {margin:0;padding:20px 0;border-bottom:1px dashed #ccc;overflow:hidden;} 
.yunu-contact dt {float:left;} 
.yunu-contact dd {margin-left:55px;font-size:16px;padding-top:16px;} 
.yunu-contact dd span {padding-left:50px;} 
@media only screen and (max-width:480px){
.yunu-contact dd span {padding-left:10px;} 
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{ display:block;} 
}


/***New**/
.news-box{ padding:20px 10px; overflow:hidden;}
.news-box:nth-child(2n){ background:#f5f5f5;}
.news-box a{ display:block;}
.txtW { font-size:18px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } 
.txtH { word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px;}
.news-box h3{ font-size:20px; position:relative; font-weight:normal;}
.news-box h3 span{ float:right;font-size:16px;}
.news-box p{ font-size:16px; color:#656565; margin-top:20px}
.news-box a:hover h3{ color:#f62828;}
.news_img{ width:100%; overflow:hidden;}
.news_img img{ width:90%;}
@media (max-width:1024px){
.news-box h3{ font-size:20px; }
}
@media (max-width:640px){
.news-box h3{ font-size:20px; }
.news-box p{ font-size:14px; margin-top:0px;}
.news-box{ padding:10px 0; overflow:hidden;}
}
@media (max-width:480px){
.news-box h3{ font-size:16px; }
.news-box p{ font-size:14px; margin-top:0px;}
.news-box{ padding:10px 0; overflow:hidden;}
}
.nynews{ overflow:hidden;}
.news-tit {
    font-size: 36px;
    font-weight: bold;
	text-align:center;
}
.tool {
    color: #999;
    padding: 24px 0;
	text-align:center;
}
.tool span {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
}
.newcontents{ line-height:30px; font-size:16px; padding:0 10px; overflow:hidden;}
.newcontents img{ max-width:100%;}{
@media screen and (max-width: 480px)
.news-tit {
    font-size: 24px;
}
}
@media screen and (max-width: 640px){
.news-tit {
    font-size: 24px;
}
.pro_name{ padding-left:0px !important;}
}
.ny-page {
    border-top: 1px solid #ddd;
    line-height: 36px;
    padding: 10px 0 0;
    font-size: 14px;
	overflow:hidden;
}
.txtW {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.tr{ text-align:right;}
@media screen and (max-width: 1024px){
.ny-page .txtW {
    font-size: 15px;
}
.tr{ text-align:left;}
}

.xgcp_title {
    padding: 10px;
    background-color: #fafafa;
    margin: 15px 0;
	overflow:hidden;
	width:100%;
	float:left;
}
.xgcp_title h3 {
    color: #bc1717;
    border-left: 2px solid #bc1717;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
}
.xwzx{ width:100%; overflow:hidden;}
.xwzx ul {
    list-style-type: none;
    margin-bottom: 10px;
}
.xgxw {
    border-bottom: 1px dotted #ccc;
    height: 25px;
    line-height: 25px;
    text-align: left;
    overflow: hidden;
	padding-bottom:10px;
}
.xwzx ul li span {
    float: right;
}
.xgxw{ width:100%; overflow:hidden;}
.pro {
    margin-top: 18px;
	overflow:hidden;
}
.xgcp{ width:100%; overflow:hidden;}
.xgcp img{ width:100%;}
.pro li a p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
	font-weight:bold;
}

.pro{margin-top:18px;}
.pro li{text-align:center; list-style:none; margin-bottom:15px}
.pro li a{display:block;}
.pro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:75%; overflow:hidden}
.pro li a span img{width:100%;position:absolute; top:0; left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a span img:hover {transform:scale(1.2); } 
.pro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media screen and (max-width:767px){
.pro li{overflow:hidden; width:49%; float:left; margin-right:2%}
.pro li:nth-child(2n){ margin-right:0}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden; width:23.5%; float:left; margin-right:2%;}
.pro li:nth-child(4n){ margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px; font-size:16px}
}

.cpnyt{ width:100%; overflow:hidden;}
.cpnyt img{ width:100%;}

.pro_name{ padding-left:30px;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
#textarea img{ max-width:100%}
@media screen and (min-width:768px){
	.pro_name h2{font-size:22px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
	.pro_name h2{font-size:24px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:48px 0 24px 0;}
}
.cptitle {
	height: auto;
	margin: 0 auto;
}
.cptitle h2 {
	width: 100%;
	height: 34px;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.cptitle1 {
	width: 100%;
	height: 34px;
	font-size: 30px;
	color: #f02526;
	font-weight: bold;
	text-align: center;
	font-family: "新宋体";
	text-transform: uppercase;
}
.cptitle p {
	width: 100%;
	height: 36px;
	font-size: 18px;
	text-align: center;
	color: #777778;
	border-top: 1px #dfdfdf solid;
	border-bottom: 1px #dfdfdf solid;
	margin-top: 14px;
	line-height: 36px;
}
.procs1 {
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
}
.procs1 a h3 {
	display: inline-block;
	margin:0 0.2%;
	margin-bottom: 10px;
	width: 15.8%;
	height: 42px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 42px;
	transition: all 0.3s ease-out;
	background-color: #f02526;
	border-radius: 5px;
}
.procs1 a:hover h3 {
	height: 42px;
	background-color: #444444;
	color: #FFFFFF;
}
@media screen and (max-width:992px) {
.hide-xs {
	display: none;
}
}
@media screen and (max-width: 640px) {
.procs1 a h3{ width:31.3333%; margin-right: 1%;}

}