@charset "utf-8";
.title {width: auto; text-align: center; height: 75px; padding: 5px 0 11px 0; background:url(../images/protitle-bg.png) no-repeat scroll center bottom;}
.title h2{ font-size: 22px; font-weight: 700; margin-top: 10px;}	
 
/*.inNav{ width: 100%; position: relative; text-align: center; float: left; margin-top: 15px;}
.inNav h3{ font-size: 24px; font-weight: 100; line-height: 28px;  background:#fff; width: 40%; z-index: 9; position: relative;}
.inNav h3 b{ width: 100%; display: inline-block;}
.inNav h3 a:hover{ text-decoration: none;}
.inNav span{ line-height: 20px; color: #9b8574;width: 100%; text-transform: uppercase; font-size: 20px;}
.inNav .bline{ width: 100%; left: 0; height: 1px; overflow: hidden; background-color:#525252; position:absolute; bottom: 14px; z-index: -1;}*/

.cp{height: 515px; float: left; overflow: hidden; position: relative; margin-top:20px;}
.cp_Nav { margin-left:375px;height:45px; margin-bottom: 15px; }
.cp_Nav li{ float:left;   text-align:center; }
.cp_Nav li a{border: 1px solid #dedede; border-radius: 2px;color: #DF001F; cursor: pointer; float: left; font-size: 16px; height: 42px; line-height: 42px; margin: 0 10px; text-align: center; width: 128px;}
.cp_Nav .on a{  background-color: #DF001F; color: #fff;    }
.cp_Nav li a:hover{background-color: #DF001F; color: #fff;  text-decoration:none; }
.cp_Nav li:hover a,.cp_Nav .on a{ border: none;color: #fff;}
.cpList ul{ height:430px;}
.cpList li{ float:left; width:245px; background-color:#fff; height:205px; margin:5px 27px 10px;}
.cpList li img{  height: 172px;  width: 245px; padding: 3px; border: 1px solid #DEDEDE; float: left;}
.cpList li h3{  height:34px; line-height:34px;    word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   text-align: center;float: left; width: 98%; padding: 0 1%; background: url(../images/cpbg.jpg) top center no-repeat; padding-top: 5px;} 
 
.cpList li:hover h3{color: #DF001F;}

 .bg1{ float: left; width: 100%; background-color: #f7f7f7; padding-bottom:10px;}
 
 
.ryList{overflow:hidden; clear:both; padding: 20px 0;}
.ryList ul{ overflow:hidden; zoom:1; }
.ryList ul li{ width:260px; float:left; margin:0 10px;  display:inline; }
.ryList ul li img{ width:260px; height:166px;   }


.case{	height: auto; float: left; overflow: hidden;  width: 100%; margin-left: 153px}
.case li{	width: 230px; float: left; display: inline; margin-right: 100px;}
.case li .img{	width: 230px; height: 173px; position: relative; overflow: hidden;}
.case .img img{	width: 230px; height: 173px; display: block;}
.case li .img .txt{	position: absolute; bottom: 0; left: 0; right: 0;background-color: rgba(0,0,0,0.3); color: #FFFFFF;
	-webkit-transition: all 0.5s;	-ms-transition: all 0.5s;	transition: all 0.5s;	height: 0;}
.case li:hover .img .txt{	height: 100%;}
.case li .img .txt h4{	text-align: center; line-height: 165px; font-size: 18px;}
.case li .btn a{	height: 35px;  display: block; text-align: center; line-height: 35px;}
.case li .dese{	padding: 10px 10px 20px; background-color: #fff;}
.case li .dese p{	font-size: 13px; height: 105px; line-height: 22px;   margin-bottom: 16px; }
.case li .dese a{	width: 100px; display: block;  text-align: center; height: 35px; line-height: 35px;	background-color: #c4200f; margin: 0 auto; color: #FFFFFF;	border-radius: 3px;}



.company{ float: left; width: 100%; margin: 10px 0;}
.company h3{ text-align: center;}

.com{   width:635px; height:320px; float:right; padding:15px 0;}
.com p{ line-height:25px; font-size:15px; text-indent:2em; margin-bottom: 5px;}
.com p a{color:#dd0600;}
.ckBt{ background-color: #f9f9f9; border: 2px solid #4d4d4d; width: 88px; height: 26px; line-height: 26px;  float:left; text-align: center;  }
.ljzx{background-color: #dc2b19; border: 2px solid #dc2b19; width: 88px; color: #fff; margin-left: 15px; height: 26px; line-height: 26px;  float:left; text-align: center;}
.ljzx:hover{background-color: #c4200f; border: 2px solid #c4200f; color: #fff;}

.flash{ float:left; width:540px; height:320px;  margin-top:10px; }


.news-l {width:778px;height:auto;float:left;}
.n-title {	width:auto;	height:auto;	background:url(../images/star.png)no-repeat scroll left center;	padding-left:40px;	margin-bottom:20px;}
.n-title h3 {	font-size:20px;	color:#222;	line-height:32px;	float:left;}
.n-title h3 span {	font-size:16px;	color:#222;	line-height:30px;	margin-left:7px;}
.n-title a.more {	width:65px;	height:20px;	float:right;	background:url(../images/ne-more.png) no-repeat scroll top;	display:block;}
.n-title a:hover.more {	background-position:bottom;}
.news-l .i-newde {	width:auto;	height:auto;	padding:19px;	border:1px solid #ccc;}
.news-l .i-newde .i-new-top {	width:auto; height:auto;	padding-bottom:10px;}
.news-l .i-newde .i-new-top .top-l {	width:354px;	height:224px;	float:left; overflow:hidden;}
.news-l .i-newde .i-new-top .top-r {	width:365px;	height:224px;	float:right;}
.news-l .i-newde .i-new-top .top-r .top-r1 {	width:auto;	height:auto;	padding-bottom:8px;	border-bottom:1px solid #ccc;	margin-bottom:10px;}
.news-l .i-newde .i-new-top .top-r .top-r1 h2 a {	font-size:22px;	color:#242527;	line-height:36px;}
.news-l .i-newde .i-new-top .top-r .top-r1 h2 a:hover {	text-decoration:underline;}
.news-l .i-newde .i-new-top .top-r .top-r1 p a {	font-size:16px;	color:#e21e1f;	line-height:24px;}
.news-l .i-newde .i-new-top .top-r .top-r1 p a:hover {	text-decoration:underline;}
.news-l .i-newde .i-new-top .top-r .top-r2 p {	font-size:12px;	color:#777;	line-height:22px;}
.news-l .i-newde .i-new-top .top-r .top-r2 a.more {	width:86px;	height:33px;	display:block;	float:right;	color:#fff;	line-height:33px;	background:#003466 url(../images/more1.png) no-repeat scroll 70px 5px;	margin-top:2px;	padding-left:15px;}
.news-l .i-newde .i-new-top .top-r .top-r2 a:hover.more {	text-decoration:underline;}
.news-l .i-newde .i-new-bot {	width:auto;	height:auto;	margin-top:19px;	overflow:hidden;}
.news-l .i-newde .i-new-bot ul li {	width:188px;	height:128px;	margin-right:13px;	border:3px solid #252d5c;	float:left;}
.news-l .i-newde .i-new-bot ul li img {	width:188px;	height:128px;}
.news-r {	width:380px;	height:auto;	float:right;}

.news-r .n-list {	width:auto;	height:auto;	padding:18px 12px;	border:1px solid #ccc;}
.news-r .n-list .h-line {	width:auto;	height:auto;}
.news-r .n-list .h-line .img {	width:auto;	height:auto;	float:left;	padding:6px;	border:1px solid #ccc;}
.news-r .n-list .h-line .txt {	width:165px;	height:auto;	float:left;	margin-left:10px;	padding:8px 0;}
.news-r .n-list .h-line .txt h3 {	font-size:16px;	color:#242527;	line-height:20px;	margin-bottom:5px;}
.news-r .n-list .h-line .txt p {	font-size:12px;	color:#777;	line-height:22px;}
.news-r .new-list {	width:auto;	height:auto;	margin-top:10px;	margin-left:20px;}
.news-r .new-list ul li {	width: auto;	height: 31px;	padding-left: 10px;	background:url(../images/icon-l.png) no-repeat scroll left center;	overflow: hidden;}
.news-r .new-list ul li a {	font-size:14px;	color:#444;	line-height:29px;}
.news-r .new-list ul li a:hover {	color:#f00;}
.newsList {	height: 40px;	line-height: 40px;	border-bottom: 1px dashed #bababa;	overflow: hidden;}
.newsList img {	float: left;	margin-top: 17px;}
.newsList a {	display: block;	float: left;	line-height: 40px;	width: 475px;	margin-left: 10px;	font-size:14px;}
.newsList p {	float: right;	color: #9a9a9a;	font-size:14px;}
.khal{ padding: 10px 0;}
.CusList {	margin: 10px 20px 10px 10px;	height: 146px;	overflow: hidden;	float: left;	 }
.CusList img {	float: left;	display: block;	width: 199px;	height: 146px;	margin-right: 10px;}
.CusText {	float: right;	width: 350px;}
.CusText h3 a {	font-size: 16px;	color: #e60316;}
.CusText p {	margin: 10px 0;	height: 80px;	line-height: 24px;	font-size:14px;}

.cos-tit {	width:auto;	height:67px;	margin:0 auto;	background:url(../images/service-bga.png) no-repeat scroll top center;	margin-top:40px; }
.cos-tit h5{font-size: 32px; font-weight: 700; text-align: center;}
.con-pro {	width:1100px;	height:auto;	margin:0 auto;	margin-top:20px;}
.con-pro ul li {	width:250px;	height:auto;	float:left;	margin-right:10px;	background:url(../images/fuwutb.png) no-repeat;	padding-top:160px;}
.con-pro ul li h2 {	font-size:18px;	color:#333;	line-height:26px;	text-align:center;}
.con-pro ul li p {	font-size:14px;	color:#a3a3a3;	line-height:25px;	text-align:center;}
.con-pro ul li:hover h2 {	color:#f00;}
.con-pro ul li:hover p {	color:#f00;}
.con-pro ul li.zb {	background-position:29px 0px;}
.con-pro ul li.sm {	background-position:-238px 0px;}
.con-pro ul li.jd {	background-position:-504px 0px;}
.con-pro ul li.td {	background-position:-777px 0px;}
.con-pro ul li:hover.zb {	background-position:29px -231px;}
.con-pro ul li:hover.sm {	background-position:-238px -231px;}
.con-pro ul li:hover.jd {	background-position:-504px -231px;}
.con-pro ul li:hover.td {	background-position:-777px -231px;}



 
 
.pro{ float:left; width:280px;}

.pro h3{ background:url(../images/icon04.gif) #DF001F 10px center no-repeat; height:58px; line-height:58px; color:#fff; font-size:12px; font-weight:100; }
.pro h3 span{ font-size:18px; font-weight:700; margin-left:30px;}
.pList{float:left; width:280px;}
.pList h2{ height:45px; line-height:45px; padding-left:40px; font-weight:700;  border:1px solid #c2c2c2; border-top: none;   background:url(../images/icon03.gif) 8px center #f8f8f8 no-repeat;  cursor:pointer;		}
.pList h2 em{ float:right; display:block; width:20px; height:32px; background:url(../images/icon05.gif) 0 4px no-repeat;cursor:pointer; }
.pList h2.on em{  background:url(../images/icon05.gif) 0 -41px no-repeat; }
.pList ul{  color:#999;    padding-bottom: 5px; background-color:#fff; border:1px solid #c2c2c2; border-top:none; width:280px; }
.pList ul li{ height:32px; line-height:32px; border-bottom:1px dashed #dedede; padding:0 10px 0 40px;}
.pList ul li:hover{ background-color:#DF001F; color:#fff;}
.pList ul li:hover a{ color:#fff;}

 .subNav{  border-bottom:2px solid #DF001F; height:42px; line-height:42px; font-weight:100; text-align: right;}
  .subNav span{ float: left; background-color: #DF001F; color: #fff; font-size: 16px; padding: 0 15px;}
.SproCom{ padding:7px 0; }
.telCom{ color:#DF001F; background-color:#f5f5f5; font-size:18px;height:42px; line-height:42px;  text-align:center; margin-bottom:10px;}
.SproCom p{ text-indent:2em; line-height:22px;color:#666;   padding-bottom:10px; margin-bottom:5px;}

.cpLi{ float:left;width:274px; margin:10px 13px;}
.cpLi dt{ float:left; width:274px;   }
.cpLi dt img{ width:270px; height:203px; padding:1px;   border:1px solid #ddd; }
.cpLi dd{float:left; width:274px; line-height:25px;font-family:"微软雅黑";   }

.cpLi dd h3 a{  width:274px; overflow:hidden; height:25px; font-weight:700;}
.cpLi dd h5{ height:20px; font-size: 13px; font-weight: 100; line-height:20px;  }

.slNav{ float:left; width: 100%; background-color: #DF001F; color: #fff; height:42px; line-height:42px; padding-left: 10px; }

.scpfl li{ width: 100%; float: left; margin-top: 15px; } 
.scpfl li img{ width: 100%;}
.scpfl li h3{ font-weight: 100;line-height: 28px;}
.scpfl li h2{color: #DF001F;line-height: 28px;}
/*产品详细右侧*/
.scpImg{ width: 600px; height: 450px; margin-right: 25px; float: left; overflow: hidden;}
.scpImg img{ width: 600px; height: 450px;-webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;  -o-transition: all 0.8s ease-in-out;  -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.scpImg:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}
.cpjs{ float: right; width: 570px;height: 450px; position: relative;}

.cpjs h1{ height: 52px; line-height: 52px; font-size: 30px; font-weight:700; color: #555;}
.cpjs h3 span{ float: left; width: 50%;}
.cpjs ul{ margin: 5px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd;  }
.cpjs ul li{ font-size: 16px; color: #666; height:32px; line-height: 32px;}
.cpjs ul li img{ vertical-align:middle;}
.cpjs .wxImg{ position:absolute; right:5px; width:150px; top:135px;}

.cpjs  h2{ float:left; width:100%; margin-left:10px;   padding:10px 0 0;}
.cpjs  h2 a{ padding-top:80px; float:left; width:88px; margin:0 0 0 25px; background-size:72px; font-size:16px; }
.cpIcon1{ background:url(../images/picon4.png) no-repeat; }
.cpIcon2{ background:url(../images/picon1.png) no-repeat;  }
.cpIcon3{ background:url(../images/picon2.png) no-repeat;  }
.cpIcon4{ background:url(../images/picon3.png) no-repeat;  } 
.cpjs h2 a:hover.cpIcon1{ background:url(../images/icon4.png) no-repeat;background-size:72px; }
.cpjs h2 a:hover.cpIcon2{ background:url(../images/icon1.png) no-repeat; background-size:72px;}
.cpjs h2 a:hover.cpIcon3{ background:url(../images/icon2.png) no-repeat;background-size:72px; }
.cpjs h2 a:hover.cpIcon4{ background:url(../images/icon3.png) no-repeat; background-size:72px;}

.cpjs p{ line-height: 24px; font-size: 14px; height: 78px; overflow:hidden; background: #F00;
    color: #FFF; padding:5px; text-overflow:ellipsis;}

.srNav{ height: 42px; line-height: 42px; background-color: #DF001F ; color: #fff; font-size: 16px;   padding-left: 15px;}
.cpcom table{ border-top: 1px solid #323232; border-left: 1px solid #323232; font-size: 14px; text-transform:uppercase;}
.cpcom table tr td{ border-right: 1px solid #323232; border-bottom: 1px solid #323232; padding: 5px 8px; word-break: break-all;word-wrap: break-word;}


.tjList{ background-color:#f5f5f5; padding:5px 10px; background:url(../images/numimg.gif) 8px 13px no-repeat; display: inline-block; width: 100%;}
.tjList li{ width:100%; height:30px; line-height:30px;    padding-left:27px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.link{ background-color:#f5f5f5; border: 1px solid #dedede;  padding-bottom:20px; display: inline-block; width: 100%;}
.link p{ height:27px; line-height:27px;  padding-left:20px;font-size:16px;}
.link p b{ color:#D20808; font-size:16px;}
.link p span{ float:left; width:72px; text-align:right; font-size:14px;}
.link center{ margin-top:20px;}
.link h5{ text-align:center; line-height:25px; }
/*********新闻中心****************/
.snList1 li{ background:url(../images/icon4.gif) 240px center #f5f5f5 no-repeat;font-size:16px; height:42px; padding:0 15px; line-height:42px; margin-bottom:2px;  }

.tjList{ background-color:#f5f5f5; padding:5px 10px; background:url(../images/numimg.gif) 8px 13px no-repeat;}
.tjList li{ width:100%; height:30px; line-height:30px;   padding-left:27px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.tjNew{ float:left; width:100%;padding:0 10px;}
.tjNew li{ float:left; width:100%; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #ccc; }
.tjNew li img{ float:left; width:190px; height:140px; margin-right:12px;}
.tjNew li h3{ height:40px; line-height:40px; text-align:right; font-weight:13px; color:#656565; font-weight:100;}
.tjNew li h3 a{ float:left; font-size:16px;  font-weight:700; }
.tjNew li span{ background:url(../images/icons2.png) left center no-repeat; line-height:25px; color:#aaa; padding-left:20px;}
.tjNew li p{ text-indent:2em; line-height:24px; color:#777; font-size:14px;}
.tjNew .tjL img{ float:right; width:450px; height:330px;}
.tjL .tjCon{float:left; width:425px; margin-right:20px;}
.more{ background-color:#f5f5f5;color:#777; font-size:14px;  width:100%; text-align:center; height:48px; line-height:48px; float:left; margin-top:10px;}
.tjL .tjCon p{ height:205px;}
 
/********************新闻详细**************************/
.arc_title{ height:45px; line-height:45px; font-size:24px;  font-weight:100; margin-top:20px; color:#DF001F;}
.arc_name{ height:25px; line-height:25px; font-weight: 100;   color:#666;}
.arctice{ background-color:#f5f5f5; float:left; width:100%; padding:14px; line-height:25px;}
.arctice p{ text-indent:2em; color:#666;}

.article_con{ line-height:200%; font-size:14px;}
.article_con p{ text-indent:2em; color:#666;}

 

.list_New{ background-color:#f5f5f5; padding:15px 15px 5px 15px ;float:left; width:100%; }
.list_NL{ float:left; width:435px; padding-right:20px; border-right:1px solid #ddd;}
.list_NL li{ float:left; width:100%; margin-bottom:10px;}
.list_NL span{ float:left; width:82px; height:82px; margin-right:15px;  text-align:center; font-size:18px; color:#fff; background-color:#fbc114;}
.list_NL .Page_Last b{ background:url(../images/page_jt.png) center top no-repeat; margin-bottom:5px; margin-top:15px;float:left; width:82px; text-align:center; height:19px;}
.list_NL h3{ height:32px; line-height:32px;  font-weight:100; font-size:16px;white-space:nowrap;text-overflow:ellipsis; float:left; overflow:hidden;width:305px;}
.list_NL p{ line-height:20px; color:#666; float:left;width:305px;}
.list_NL .Page_Next b{ background:url(../images/page_jt.png) center bottom no-repeat; margin-top:20px;float:left; width:82px; text-align:center; height:19px;}

.list_NR{ float:left; margin-left:20px; width:405px;}
.list_NR h3{ font-size:16px; height:25px; line-height:25px;color:#DF001F; }
.list_NR li{ height:25px; line-height:25px;background:url(../images/icon3.gif) 2px center no-repeat;   padding-left:15px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}




/***************在线留言*******************/

.MesList{float:left; width:100%; padding:10px 50px;   margin-bottom:10px;}
.MesList h3{ text-align:right; height:42px; color:#fff; font-size:12px; padding:0 10px; line-height:42px; margin-bottom:10px; background-color:#fbc114;}
.MesList h3 b{color:#f00;}
.MesList h3 span{ float:left; color:#fff; font-size:14px; font-weight:700;}

.MesList ul{float:left; width:100%; margin:15px 0 0; padding:0;}
.MesList li{ float:left; width:100%; line-height:24px; margin-bottom:10px; color:#666;font-size:14px;}
.MesList li span{ float:left; width:220px;  text-align:right;}
.MesList li b{ color:#f00; }
.mesCon02{ height:90px; line-height:20px; width:470px; max-width:80%; border:1px solid #e4e4e4; color:#DF001F; float:left;}
.yzmTxt{ height:20px; line-height:20px; margin-right:5px; width:120px; border:1px solid #e4e4e4; color:#DF001F; float:left;}
.MesList li img{ float:left; margin:0 5px; display:inline;}
.MesTxt02{ height:22px; line-height:22px; margin-right:5px; width:285px; max-width:50%; border:1px solid #ccc; }
.MesBt{ float:left; width:82px; height:28px; line-height:28px; margin-right:10px;  border:none; cursor:pointer; background-color:#DF001F; border-radius:3px; text-align:center; color:#fff; font-weight:700; }
.MesBt1{ float:left; width:82px; height:28px; line-height:28px; margin-right:10px;  border:none; cursor:pointer; background-color:#bfbfbf; border-radius:3px;  text-align:center; color:#fff; font-weight:700;}

.wmap{ padding:0 20px 20px; border:1px solid #d9d9d9; clear: both; margin-top: 15px; display: inline-block;}
.wmap h1{ padding:15px 10px; font-size:16px; margin:0;}
.wmap div{ border:1px solid #dfdfdf; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; line-height:26px;}
.wmap div a{ display:inline-block; width:33%; font-size:14px;} 

.cpxxTitle{display: inline-block; width: 100%;text-align: center;}
.cpxxTitle h3{  color:#F00; height:35px; line-height: 35px; }
.cpxxTitle p{width: 100%;color: #848484;margin: 0 auto;    margin-bottom: 0px;position: relative;text-align: center;margin-bottom: 15px;}
.cpxxTitle p:before{ content: "";border-top: 1px solid #D8DADA;display: block;position: absolute;width: 40%;top: 10px;left: 0;}
.cpxxTitle p:after{ content: "";border-top: 1px solid #D8DADA;display: block;position: absolute;width: 40%;top: 10px;right: 0;}