﻿@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
html, body { height:100%; },td{margin:0;padding:0;}
body { font:12px/180% Arial, Helvetica, sans-serif, "新宋体"; color:#333;}
a { text-decoration:none; color:#1c1c1c; }
a img { border:none; }
ul, li { list-style:none; }
.clear-float { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.pull-left { float:left; }
.pull-right { float:right; }

 

/* 错误提示 */
label.error { color:#fff; width:auto; font-size:13px; padding:3px; white-space:nowrap; }
/*清除浮动样式*/
 
/**t头部***/
#header {
	width:100%;
	text-align:center;
}
#header .toplink {
	height:34px;
	line-height:34px;
	color:#4D4C4D;
	background-color:#F3F3F3;
	border-bottom:1px solid #C0C0C0;
	text-align:center;
	width:100%;
	display:block;
}
#header .toplink .topcontent {
	width:1200px;
	margin:0 auto;
}
#header .toplink .topcontent .topleft {
	float:left;
}
#header .toplink .topcontent .topleft span {
	margin:0 10px;
}
#header .toplink .topcontent .topleft span a {
	color:#4D4C4D;
}
#header .toplink .topcontent .topleft span a:hover {
	color:#002061;
}
#header .toplink .topcontent .topmiddle {
	float:left;
	margin-left: 150px;
}
#header .toplink .topcontent .topmiddle .searchtext {
	background: url("../images/search_bg.gif") no-repeat scroll 0 0;
	height: 28px;
	margin-top: 3px;
	width: 169px;
	float:left;
}
#header .toplink .topcontent .topmiddle .searchtext input {
	border:none;
	height: 22px;
	line-height:22px;
	margin-left: 8px;
	margin-top: 3px;
	width: 151px;
	outline: 0 none;
	color: #999;
}
#header .toplink .topcontent .topmiddle .searchTo {
	float:left;
	margin-top:8px;
	margin-left:6px;
}
#header .toplink .topcontent .topmiddle .searchTo input {
	background:none;
	border:none;
	outline:none;
}
#header .toplink .topcontent .topright {
	float:right;
}
#header .toplink .topcontent .topright a {
	color:#4D4C4D;
}
#header .toplink .topcontent .topright a:hover {
	color:#002061;
	text-decoration:underline;
}
#header .header_1 {
	width:1200px;
	margin:10px auto 0;
	height:115px;
}
#header .header_1 .logo {
	margin-left:3px;
	float:left;
}
#header .header_1 .midcart {
}
#header .header_1 .midcart .fulogo {
	float:left;
}
#header .header_1 .midcart .dianhua {
	margin-left:50px;
	margin-right:30px;
	margin-top:38px;
}
#header .header_nav {
	height:44px;
	line-height:40px;
	background:url(../images/daohang.jpg) repeat-x;
}
#header .header_nav ul {
	list-style:none;
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
#header .header_nav ul li {
	float:left;
	font-size:16px;
	margin:0 25px;
}
#header .header_nav ul li a {
	color:#FFF;
	display:inline-block;
	position:relative;
}
#header .header_nav ul li i.hot{background:url(../images/ico_hot.png) no-repeat; width:27px; height:19px; position:absolute; top:3px; left:70px;}
#header .header_nav ul li i.youhui{background:url(../images/ico_youhui.png) no-repeat; width:27px; height:19px; position:absolute; top:3px; left:35px;}

#header .header_nav ul li a:hover {
	color:#999;
}
#header .header_bottom {
	height:30px;
	line-height:20px;
	background-color:#EDECEC;
}
#header .header_bottom .bottomconten {
	width:1200px;
	margin:0 auto;
}
#header .header_bottom .bottomconten .bottomleft {
	color:#333;
	float:left;
}
#header .header_bottom .bottomconten .bottomleft a {
	color:#333;
	margin:0 5px;
}
#header .header_bottom .bottomconten .bottomleft a:hover {
	color:#999;
}
#header .header_bottom .bottomconten .bottomright {
	float:right;
	margin-top:5px;
	margin-right:80px;
}
#header .header_bottom .bottomconten .bottomright .searchtext {
	background: url("../images/search.gif") no-repeat scroll;
	height: 21px;
	width: 112px;
	float:left;
}
#header .header_bottom .bottomconten .bottomright .searchtext input {
border: none;
    outline: 0 none;
    color: #999;
    height: 14px;
    width: 86px;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 12px;
    padding: 0px 5px;
}
#header .header_bottom .bottomconten .bottomright .searchTo {
	float:left;
	margin-left:6px;
	margin-top:2px;
}
#header .header_bottom .bottomconten .bottomright .searchTo input {
	background:none;
	border:none;
	outline:none;
}

/**底部**/
#footer{ width:100%; background-color:rgba(246, 246, 246, 0);}
#footer .footer_nav {
	height:44px;
	line-height:40px;
	background:url(../images/daohang.jpg) repeat-x;
}
#footer .footer_nav ul {
	list-style:none;
	width:1200px;
	margin:0 auto;
}
#footer .footer_nav ul li {
	float:right;
	font-size:14px;
	margin:0 25px;
}
#footer .footer_nav ul li a {
	color:#FFF;
}
#footer .footer_nav ul li a:hover {
	color:#999;
}
#footer .help{ width:1200px; margin:40px auto 0;}
#footer .help dl{ width:200px; margin-left:30px; float:left; margin-bottom:50px;}
#footer .help .about{ background:url(../images/footer_1.gif) no-repeat 0 0;}
#footer .help .Sign{ background:url(../images/footer_2.gif) no-repeat 0 0;}
#footer .help .Service{ background:url(../images/footer_3.gif) no-repeat 0 0;}
#footer .help .Special{ background:url(../images/footer_4.gif) no-repeat 0 0;}
#footer .help .Guide{ background:url(../images/footer_5.gif) no-repeat 0 0;}
#footer .help dl dt{ font-size:14px; font-weight:bold; text-align:center;}
#footer .help dl dt a{ color:#737373;}
#footer .help dl dd{ margin:10px 0; text-align:center;}
#footer .help dl dd a{ color:#737373;}
#footer .help dl dd a:hover{ text-decoration:underline;}
#footer .footer_info{ border:1px solid #E4E4E4; padding-top:20px; margin:0 auto;}
#footer .footer_info img{background-color:#f6f6f6; text-align:center;}
#footer .footer_info .info{/*margin-left:160px; */color:#747474;}
#footer .footer_info p{ text-align:center;}
#footer .footer_info .info p span{ margin:0 10px;}
.youshi{text-align: center;
    padding: 40px;
    margin: 0 auto;
    width: 955px;
    clear: both;
    height: 1360px;
    margin-top: -50px;}
.youshi img{font-size:0;display:block;}
.liyou{clear:both;}
.liyou h3{height:150px;font-size:60px;font-weight:bold;line-height:150px;text-align:center;background:url(../images/banner1.jpg) no-repeat center;color:#fff}
.liyou h3 span{color:#f4ea00;font-weight:bold; font-size: 70px;}
.liyou .bd{width:1100px;margin:0 auto;}
.liyou .bd li{padding-top:20px;clear:both;overflow:hidden;}
.liyou .bd li .pic{width:400px;float:left;margin-right:20px;}
.liyou .bd li .pic2{float:right;margin:0;}
.liyou .bd li .pic img{width:100%;font-size:0;display:block;}
.liyou .bd li .txt img{max-width:680px;width:680px;}
.liyou .bd li .txt P{color:#000;font-size:16px;margin-top:15px;line-height:30px; }
#main4 {
    width: 1201px;
    margin: 10px auto 0;
margin-top: -20px;
}
#main3 {
    width: 750px;
    margin: 0px auto 0;
margin-top: -25px;}
#main1 {
    width: 1200px;
    margin: 0px auto 0; }
#main2 {
    width: 1100px;
    margin: 0px auto 0; }
	.mark{ background:#F0F0F0 url("../images/mark_bg.gif") repeat-x scroll 0px bottom;}
.mark .content{ background:none; margin-top:0px;}
.mark .plc{ background:none; height:52px; line-height:52px;   padding-left:328px;}
 .mark .plc span{ color:#333; font-weight:normal;}
.mark .plc a{ line-height:52px;}
 /*---面包屑导航xsl---*/
.plc { height:36px; line-height:36px; border-bottom:1px solid #ddd ; overflow:hidden;padding: 0 15px 4px 54px;  background:url(../images/dh.gif) no-repeat 8px center #fff; font-size:14px; padding-left:38px;} 
.plc span { color:#F1811F; font-weight:bold; font-family:Microsoft Yahei; padding-right:10px;}
.plc a { color:#333; margin-left:5px; margin-right:5px;}
.plc a:hover { color:#e60012;}
.plc .a_b { color:#FE0000; font-weight:bold;}
/*xsl 产品通栏分类 (2015-10-17)*/
.columnBanner{ width:1200px; margin:0 auto; padding-bottom:0px; border-bottom:0px solid #999;margin-top:10px;}
.columnBanner ul{background:#fff;}
.columnBanner ul li{ float:left; text-align:center;  margin-right:1px; position:relative; border-radius: 4px; padding-top:10px; padding-bottom:10px; color:#999; border:1px solid #999; }

.columnBanner ul li.show a{ }
.columnBanner ul.hej li a{ background:none; padding-left:12px; padding-right:12px; white-space:nowrap;}
.columnBanner ul.hej li a:hover{background:#fd7b02;}
.columnBanner ul li.show:hover .hej{ display:block; background:none;}
.columnBanner ul.hej{ display:none; position:absolute; z-index:999; top:42px;width: 150%;left: -25%;}
.columnBanner ul.hej li{ width:100%; display:block; margin-top:8px;}
.columnBanner ul li a{text-align:center;position: relative; height: 28px;line-height: 28px;color: #999;font-family: "microsoft yahei","微软雅黑"; outline: 0px none; text-decoration:none; font-size:15px; display:block; letter-spacing:7px; text-indent:8px; }
.columnBanner ul li a img{ height:20px; padding-right:5px; display:inline-block; vertical-align:middle; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}
.columnBanner ul li a:hover,.columnBanner ul li.cur a{  color:#000;}
.columnBanner ul li a:hover img,.columnBanner ul li.cur a img{ -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: gray;}

.columnBanner ul li.cur,.columnBanner ul li:hover{ background:#ff6239;  background:none!important; }
.columnBanner ul li.contactUs{ float:left; height:42px; line-height:42px; width:19%; border-right:none; display:none;}
.columnBanner ul li.contactUs a{ border-right:none; padding-left:12px; width:auto; height:25px; line-height:25px; padding-top:6px; padding-left:30px; background:url(../images/cc.gif) no-repeat left 5px; margin-left:34px;font-style:normal;}
.columnBanner ul li.contactUs a span{ padding-left:20px; color:#b98e41; font-size:16px; font-style:normal; width:20%;}
.sidetalk{width: 55px; position: fixed; background: #DF6F04; top: 30%; right: 0; display: none; border: 1px solid #FFF; border-radius: 3px;}
.sidetalk li{color: #FFF; font-family: "microsoft sans serif"; font-size: 16px; text-align: center; border-bottom: 1px solid #CCCCCC; cursor: pointer;  display: block;}
.sidetalk a{color: #FFF; display: block; padding: 5px;}
.sidetalk li:hover{background: #0D399B;}
.sidetalk li.men{background: #4A4A4A; }
.sidetalk li.last{border-bottom: none;}
.sidetalk li.men:hover{background: #0D399B;}
.sidetalk li a.cur{background: #0D399B;}
#main10 {
    width: 1200px;
    margin: 0px auto 0;
    }
#main9 {
    width: 1200px;
    margin: 0px auto 0;
    margin-top: 5px; 
	}
    .liucheng h2{height: 150px;font-size: 60px;font-weight: bold;line-height: 150px;text-align: center;background:url(../images/banner_1.jpg) no-repeat center;color: #fff;}
.liucheng h2 span{color: #f4ea00;font-weight: bold;}
.liucheng h3{font-size:30px;color:#000;text-align:center;background:url(../images/h2.jpg) no-repeat center;font-weight: bold;  height: 65px;margin: 30px auto 0;}
.liucheng h3 span{color:#fe0908;font-weight:bold;font-size: 40px;}
.liucheng .dz{width: 1200px;margin: 10px auto 0;}
.liucheng .zt{width: 1200px;margin: 10px auto 0;}
.liucheng .bd{width:100%;min-width:1200px;max-width:1200px;margin:0 auto;height: 450px;}
.liucheng .bd li{overflow:hidden;text-align:center;float:left;width:20%;}
.liucheng .bd li img{width:100%;height:150px;font-size:0;}
.liucheng .bd li h4{background:#F4F4F4;color:#000;font-size:18px;padding:50px 0 30px 0}
.liucheng .bd li p{background:#F4F4F4;color:#3c3c3c;font-size:16px;padding-bottom:35px;line-height:30px;}
.liucheng .bd li.bg h4,.liucheng .bd li.bg p{background:#889CB7;}