@charset "utf-8";

/* CSS Document */



*{padding:0;margin:0 auto;}

body{color:#454545; font-size:14px; font-family:Helvetica、Arial、Verdana}

img{border:0}

ul,li{list-style:none;}

.left{float:left}

.right{float:right}

a{ color:#2a2a2a;text-decoration: none;}

a:hover{color: #009c30; text-decoration: none;}

.clear{ clear:both}





/*顶部*/

.topbox{ width: 100%; height: 32px; background-color: #666666} 

.topbox_r{ width: 1212px; margin: 0 auto;}

.topbox_r1{ width:350px; float: right; background: url(../images/tel1.png) left no-repeat;margin-top: 5px;}

.topbox_r2{ width: 160px; float: right;}

.topbox_r2 a{ color: #FFFFFF}

.topbox_r2 a:hover{color: #FFFFFF}



.top{ width: 1212px; margin: 0 auto; height:104px; background-color: #FFFFFF} 

.top_l{width: 438px; float: left;margin-left:10px; }

.top_r{ width:700px; float: right; margin-top: 40px;}

.top_r ul{}

.top_r li{ float: left; display:block; padding-left:30px; padding-right:30px; line-height:46px; text-align: center}

.top_r li a{color:#454545;display:block; }

.top_r li a:hover{color:#0070c0;display:block; border-bottom: 3px solid #D00003;}

.top_r .cur a{color:#0070c0; border-bottom: 3px solid #D00003}





/*banner*/

#banner , #S_banner {

	width:100%;

	height:590px;

	overflow:hidden;

	visibility:hidden;

	position:relative;

	top:0;

	left:0;

	z-index:999;

	}



#banner img , #S_banner img {

	width:100%;

	height:590px;

	

	}

#S_banner , #S_banner img {

	height:590px;}

#banner ul.kinMaxShow_button , #S_banner ul.kinMaxShow_button {

	right:20%;

	bottom:40px;

	z-index:9999;}

#banner ul.kinMaxShow_button li , #S_banner ul.kinMaxShow_button li {

	overflow:hidden;

	background:url(../images/banner_icon.png) no-repeat;}

#banner ul.kinMaxShow_button li.focus , #S_banner ul.kinMaxShow_button li.focus {

	background:url(../images/banner_icon_h.png) no-repeat;}

.banner_shaw {

	width:100%;

	height:11px;

	background:url(../images/banner_top_shaw.png) repeat-x;

	top:0;

	left:0;

	z-index:9990;}

.banner_bg , .S_banner_bg {

	width:100%;

}

.S_banner_bg {

	height:590px;}

.serch_bg {

	width:100%;

	height:79px;

	background:url(../images/hei_bg.png) repeat;

	position:absolute;

	bottom:0;

	left:0;

	z-index:999;

	display:block;}

#banner .wmain , #S_banner .wmain {

	margin:0 auto;

	display:block;

	height:79px;}

#banner .serch_bg .input_ser , #S_banner .serch_bg .input_ser {

	background:#fff;

	border:none;

	height:28px;

	line-height:28px;

	padding:0 10px;

	width:180px;

	margin-top:10px;

	color:#999999;}

#banner .serch_bg .ser_btn , #S_banner .serch_bg .ser_btn {

	width:43px;

	height:28px;

	background:url(../images/ser_btn.png) no-repeat;

	cursor:pointer;

	border:none;

	margin-top:10px;}

#banner .serch_bg p , #S_banner .serch_bg p {

	color:#fff;

	margin:10px 0 0 15px;

	font-size:14px;}

#banner .serch_bg p a , #S_banner .serch_bg p a {

	color:#fff;

	margin-right:5px;}

.pol {

	position:relative;}

.poa {

	position:absolute;}

.wp-title_content {font-size:12px;line-height:140%;overflow:hidden;}	







/*产品总类别样式*/

.i_item_header dl{height:30px;line-height:30px;background:#d8d8d8;margin-bottom:10px;}

.i_item_header dt{clear:left;float:left;width:170px;border-right:5px solid #fff;background:#0070c0;}

.i_item_header dt a{display:block;font-size:14px;color:#FFF;height:30px; padding-left:20px; background:url(../imagesp/jt.gif) no-repeat 140px 10px #0070c0;}

.i_item_header dt a:hover,.i_item_header dl:hover dt a{background:url(../images/jt.gif) no-repeat 140px 10px #ff4646;color:#fff;}

.i_item_header dd{float:left;color:#333333;padding-left:1em;}

.i_item_header dd a:hover{color:#ff4646;}



/*产品分类别样式*/

.i_floor{margin-top:30px;}

.i_title{position:relative;border-top:2px solid #e8ae02;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-position:0 -220px;height:46px;line-height:46px;}

.i_title .channel{float:left;color:#333;padding:0 1em;font-size:18px;font-weight:bold;}

.title_nav{float:right; text-align:right;}

.title_nav a{margin:0 8px;}

.title_nav{float:right;}

.title_nav a{margin:0 8px;}

.i_f_no{position:absolute;top:-2px;left:-44px;height:49px;background:#e8ae02;color:#fff;font:bold 20px/48px Arial;text-align:center;width:44px;}

.i_recom{padding:15px 0;}

.i_recom dl{*zoom:1;margin-right:-20px;background:#fff;}

.i_recom dt{float:left;width:240px;overflow:hidden;margin-right:20px;}

.i_recom dd{float:left;width:216px;border:3px solid #fff;line-height:1.8;margin-right:20px;}

.i_recom .star{visibility:hidden;height:14px;overflow:hidden;width:75px;margin:10px 0 0 10px;}

.i_recom .star em{float:left;height:100%;background:url(../images/star.png);overflow:hidden;}

.i_recom .cont{display:block;width:100%;overflow:hidden;}

.i_recom .img{width:100%;height:162px;line-height:162px;text-align:center;overflow:hidden;}

.i_recom .img img{display:inline-block;vertical-align:middle;}

.i_recom .cont s{_display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}

.i_recom p{margin:0 12px;height:22px;overflow:hidden;}

.i_recom .t{font-size:16px;color:#666;height:28px;overflow:hidden;}

.i_recom .panel{border-top:1px dotted #333;padding:12px 0 10px;margin:10px;}

.i_recom .panel a{margin-left:5px;}

.i_recom .panel .ico{margin-right:4px;}

.i_recom .panel a:hover{color:#e60013;}

.i_recom dd:hover{border-color:#ddd;}

.i_recom dd:hover .star{visibility:visible;}

.i_recom_fj li{float:left;width:20%;}

.productlist{ width:100%; margin:0 auto;border-bottom:1px solid #d7ecfe; padding-bottom:10px;}

.productlist1{ width:1212px; margin:0 auto;margin-top:40px;}

.productlist1 h3{font-size:24px; color:#383838; text-align: center }

.productlist1 .w{width:1212px;font-size:12px; margin: 0 auto; text-align: center; line-height:30px; color: #b3b3b3}

.wrap{width:1212px;margin-left:auto;margin-right:auto;}

.mt20{margin-top:20px;}







.about{width:100%; background:url(../images/about_bg.jpg) center no-repeat; height:588px;}

.about h3{font-size:24px; color:#FFF; text-align: center ;padding-top:60px;}

.about .w2{width:1212px;font-size:12px; margin: 0 auto; text-align: center; line-height:30px; color: #b3b3b3}

.about_c{width:1212px; margin:0 auto; color:#FFF;}

.about_c1{width:500px; float:left; padding-top:60px; }

.about_c1 img{cursor: pointer; transition: all 0.6s;}

.about_c1 img:hover{ transform: scale(1.2);}

.about_c2{width:650px; float:right; padding-top: 0px;}

.about_c2 h3{ color:#FFF; font-size:20px;  text-align: left}

.about_c2_img{}

.aboutmore{ margin:0 auto; width:200px; display:block; margin-top:40px;}

.aboutmore a{ width:200px;height:38px; line-height:38px; text-align:center; color:#FFF; font-weight:bold; display:block; border:1px solid #FFF; display:block; }

.aboutmore a:hover{width:200px;height:38px; line-height:38px; text-align:center; color:#D00003; font-weight:bold; border:1px solid #FFF; display:block }



.news{width:100%; background:url(../images/news_bg.jpg) left repeat-x; padding-bottom:20px;}

.newsimage{ width:1208px; padding-top:50px; padding-bottom:50px; margin:0 auto;}

.news1{ width:278px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0e2b4d; margin:0 11px; height:250px;}

.news .img{ width:276px; margin:0 auto; text-align:center；overflow: hidden}

.news img{cursor: pointer; transition: all 0.6s;}

.news img:hover{ transform: scale(1.2);}

.news1a{ font-size:14px; color:#333333; width:250px; margin:0 auto; margin-top:10px;} 

.news1a a{color:#333333;height:60px; overflow:hidden; display:block; padding-bottom:15px;} 

.news1a a:hover{color:#00aeff;} 

.news1b{ float:left; font-size:12px; color:#898989; line-height:16px;width:250px;margin-top:5px; margin-bottom:15px;}

.news1b a{color:#898989;height:60px; overflow:hidden;}

.news1b a:hover{color:#00aeff;}

.news2{ width:278px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0e2b4d; margin-right:26px}

.news3{ width:278px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0e2b4d; margin-right:26px}

.news4{ width:278px; float:left; border:1px solid #e5e5e5; border-bottom:3px solid #0e2b4d;}





.customer{width:100%; background-color:#e4e4e4; height:720px;}







/*====================底部样式============================*/

.footlink{ width:100%; background-color:#006fbb; border-top:5px solid #0062a7;width:100%;padding:40px 0; }

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

.footlink11{width:700px;font-size:14px; float:left;}

.footlink11 ul{ color:#FFF; }

.footlink11 li{ width: 95px; display: block;font-size:14px; float:left; line-height:30px; color:#FFF; text-align: center; }

.footlink11 li a{font-size:14px; float:left; display:block; line-height:30px; color:#FFF; }

.footlink11 li a:hover{font-size:14px; float:left; display:block; line-height:30px; color:#002454;}



.footcontact{width:450px;font-size:14px; float:right; }

.footcontact ul{ color:#FFF;}

.footcontact li{ width:450px;font-size:14px; line-height:30px; color:#FFF;}



.copy{width:100%; background-color:#002454; height:42px; line-height: 42px; font-size:14px; color:#FFF; text-align:center}



/*产品分类别样式*/

.i_floor{margin-top:30px; width:1212px; margin:0 auto}

.i_title{position:relative;border-bottom:1px solid #ddd;background-position:0 -220px;height:41px;line-height:41px;}

.i_title .channel{float:left;color:#333;padding:0 1em;font-size:18px;font-weight:bold;}

.title_nav{float:right; text-align:right;}

.title_nav a{margin:0 8px;}

.title_nav{float:right;}

.title_nav a{margin:0 8px;}

.i_f_no{ float:left;height:40px;width:6px; background:#0e2b4d;color:#fff;}

.i_recom{padding:15px 0;}

.i_recom dl{background:#fff; width:1200px; }

.i_recom dt{float:left;width:240px;overflow:hidden;}

.i_recom dd{float:left;width:216px;border:3px solid #ddd;line-height:1.8;margin-right:15px; margin-top:10px;}

.i_recom .star{visibility:hidden;height:14px;overflow:hidden;width:75px;margin:10px 0 0 10px;}

.i_recom .star em{float:left;height:100%;background:url(../images/star.png);overflow:hidden;}

.i_recom .cont{display:block;width:100%;overflow:hidden;}

.i_recom .img{width:100%;height:162px;line-height:162px;text-align:center;overflow:hidden;}

.i_recom .img img{display:inline-block;vertical-align:middle;}

.i_recom .cont s{_display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;}

.i_recom p{margin:0 12px;height:22px;overflow:hidden;}

.i_recom .t{font-size:16px;color:#666;height:28px;overflow:hidden;}

.i_recom .panel{border-top:1px dotted #333;padding:12px 0 10px;margin:10px;}

.i_recom .panel a{margin-left:5px;}

.i_recom .panel .ico{margin-right:4px;}

.i_recom .panel a:hover{color:#e60013;}

.i_recom dd:hover{border-color:#0e2b4d;}

.i_recom dd:hover .star{visibility:visible;}

.i_recom_fj li{float:left;width:20%;}

.oh{overflow:hidden;*zoom:1;}



.index_case{ width:1212px; padding:40px 0;}

.index_case .c_img_l{ float:left;text-align:center; width:30px;}

.index_case .c_img_r{ float:right;text-align:center; width:30px;}

.index_case img{ cursor:pointer}

#CSSBox,#CSSBox1,#CSSBox2,#CSSBox3,#CSSBox4{width:1128px;height:210px;margin:0 auto;overflow:hidden; float:left; margin:0 12px;}

#CSSBox ul li,#CSSBox1 ul li,#CSSBox2 ul li,#CSSBox3 ul li,#CSSBox4 ul li{ float:left; list-style:none; margin:0 5px; width:280px;height:210px;}

#CSSBox ul li img,#CSSBox1 ul li img,#CSSBox2 ul li img,#CSSBox3 ul li img,#CSSBox4 ul li img{ width:280px;height:210px;}





/*内页宽屏菜单*/

.nabout{ width:1212px; margin: 0 auto;}

.nabout h3{font-size:24px; color:#383838; text-align: center ;padding-top:60px;}

.nabout .w3{width:1212px;font-size:12px; margin: 0 auto; text-align: center; line-height:30px; color: #b3b3b3}

.nabout_c{ line-height:28px;padding-bottom:40px; width:1212px; margin: 0 auto;}



.nbanner{ width: 100%; margin: 0 auto; background: url(../images/nbanner.jpg) center no-repeat;height: 300px;}



.pyq_img{ width:1212px;margin-top:20px; margin: 0 auto; padding: 20px 0;}

.pyq_img1 {width:288px; float:left; background-color:#FFF; margin:0 10px 20px 0; height:265px;overflow: hidden;text-align: center}

.pyq_img1{background-color: #efefef;display:block;}

.pyq_img1:hover{display:block; background:#0053a0;transition: all 0.6s;}

.pyq_img1:hover .content{color: #fff;}

.pyq_img1 .img{overflow: hidden;width: 270px;height:203px;margin:0 auto; margin-top:5px; margin-bottom:5px;border: 1px solid #DBDBDB}

.pyq_img1 .img img{cursor: pointer;transition: all 0.6s;width: 270px;height:203px;}

.pyq_img1 .img img:hover{ transform: scale(1.2);-webkit-transform: scale(1.2);}


.pyq_img1 .tittle{text-align:center; font-size:18px;line-height:40px; height:40px;}

.pyq_img1 .tittle a{font-size:18px;line-height:40px;}

.pyq_img1:hover a{color:#fff;}


.keywords{ padding-top:20px; width:1212px; margin:0 auto; height:40px; line-height:40px; overflow:hidden}
.keywords a{color:#333333; font-size:20px; line-height:40px; float:left; margin-right:10px; font-weight:bold}
.keywords ul{ padding-top:8px;}
.keywords ul li{}
.keywords ul li a{ font-weight: normal; font-size:14px; background:url(../images/quxiao.png) no-repeat 95% 50% #ff4646; height:25px; line-height:25px; padding-right:20px; color:#FFF; padding-left:5px;}

a.page{ color:#FFF}
a.page:hover{ color:#FFF}
.pageno{ float:left}
.pageno li{ width:20px; height:20px; color:#FFF; background:#555555; line-height:20px; float:left; margin-right:5px; text-align:center; display:block;}

.result{ padding-bottom:15px; font-size:16px; font-weight:bold; color:#3a3a3a; clear:both}
.result span{ color:#F00}

.close{ width:100PX; text-align:center; margin:0 auto;background-color:#F00; line-height:35PX; display:block; letter-spacing:1PX; font-size:16px; margin-TOP:20PX; margin-bottom:20PX; font-weight:bold}
.close A{ color:#FFF; }

.news_nr{padding: 0 0 20px 0;}
.news_nr dl{background: #fff; overflow: hidden; zoom: 1;  margin-bottom: 30px;}
.news_nr dt{float: left;}
.news_nr dt img{display: block; width: 385px; height: 238px;}
.news_nr dd{float: right; width:800px;}
.news_nr dd em{display: block; font-size: 18px; line-height: 22px; height:22px; margin:15px 0 10px;}
.news_nr dd em a{color: #333; font-size: 20px; }
.news_nr dd p{display: block; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden;}
.news_nr dd span{display: block; padding-top: 22px; border-top: 1px solid #e0e0e0; margin-top: 30px; zoom: 1; overflow: hidden;}
.news_nr dd span i{float: left; font-style: normal; font-size: 18px; color: #c8373a;}
.news_nr dd span a{float: right; width: 76px; height: 22px; background:url(../images/btn2.gif) no-repeat;}
.news_nr dd span a:hover{background:url(../images/btn2.gif) no-repeat 0 -22px;}
.news_nr dl.cur dd span a{background:url(../images/btn2.gif) no-repeat 0 -22px;}
.news_nr dl.cur dd em a{color: #af191c;}

.apage{ text-align:center; padding:10px 0 50px; line-height:28px;color: #999; }
.apage a{display:inline-block; height:28px;border:1px solid #eaeaea; padding:0 10px; font-size:14px;color:#999; margin:0 1px; vertical-align:top;}
.apage a:hover,.apage a.cur{ background-color:#c8373a; color:#fff; text-decoration:none;height:28px; line-height:28px; border:1px solid #c8373a;}
.apage span.prev a,.apage span.next a{ padding-left: 22px; background-image: url(../images/bg1.gif); background-repeat: no-repeat;}
.apage span.prev a{ background-position: 10px -20px;}
.apage span.next a{ background-position: 60px 10px; padding-left:10px; padding-right:40px; }
.apage span.prev a:hover{background-position: 10px -80px;}
.apage span.next a:hover{background-position: 60px -51px;}

.news_more{width:1212px;margin: 0 auto; padding: 30px 0; line-height:30px;}