@charset "utf-8";
* { padding:0px; margin:0px;}
body{font-family:"微软雅黑"; font-size:13px; overflow-x:hidden;color:#333;}
ul{ list-style-type:none;}
a{ text-decoration:none; color:#333;}
a:hover{}
.fl{ float:left;}
.fr{ float:right;}
.wid{ width:1100px; margin-left:auto; margin-right:auto;}
 
.hd_top{border-bottom:1px solid #e5e5e5;background:#f9f9f9;}
.hd_top .container{height:29px; line-height:29px; color:#535353;}
.hd_top a{padding:0 10px; color:#535353; }
.hd_top a.noBg{background-image:none;}

.nav{ height:40px; background:#0c58c4; border-top:#008981 1px solid;}
 
.nav_parent{Z-INDEX:9999;POSITION: relative;WIDTH:130px; FLOAT: left;HEIGHT:40px;font:normal 16px/40px "微软雅黑";text-align:center;color:#fff; margin-left:3px; border-right:#3395d9 1px solid;}
.nav_parent .toplink {TEXT-ALIGN: center;WIDTH:130px; DISPLAY: block; FONT-FAMILY:"微软雅黑";HEIGHT: 40px; font:normal 14px/40px "微软雅黑"; color:#fff;}
.nav_parent .on,.nav_parent .toplink:hover{ background:#ff9915;COLOR: #fff;}
.nav_parent .ahover { background:#ffbb00;COLOR: #fff}
.sub_con {POSITION: absolute;DISPLAY: none; BACKGROUND: #0c58c4;top:40px; z-index:9999; width:130px; left:0px; paddFing:10px 0; overflow:hidden;}
.sub_con  p{ font:normal 12px/30px "微软雅黑"; width:125px; height:30px; display:block;}
.sub_con  p a{ color:#fff;}
.sub_con  p a:hover{ color:#fff; text-decoration:underline;}

 

.hotnew{  position:relative; height:70px; z-index:999;}
.hotnew .cnt{background: url(../images/hotbg.png) no-repeat center top; position:absolute; left:0px; top:-10px; z-index:990px; width:1920px;}
.gonggao{ padding-left:80px; padding-top:27PX; height:30px; line-height:30px; width:700px;}

.hotcp{ padding-top:30px;}
.hotcp .tit{  height:60px; color:#007ad0; font:normal 24px/60px "微软雅黑"; margin:25px 0; background:url(../images/titbg.jpg) repeat-x center;}
.hotcp .tit span{ font:normal 16px/26px "Times New Roman", Times, serif; color:#666;}
 .hide { display: none; }
/*-- 在这里改栏目（就是下面那一条）的背景图 ----开始*/
.banner{ width:1000px; margin:0 auto; position:relative; height:460px; z-index:990;}
#bn {
	height: 460px;
	position: absolute;
	overflow: hidden;
	margin-left:-460px;
	width:1920px;
}
#bn .tu {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#bn #hao .xu {
	background-image: url(../images/imagehei.png);
	display: inline;
	float: left;
	height: 49px;
	width: 59px;
	line-height: 49px;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bolder;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-align:center;
}

#bn #hao {
    position: absolute;
    right: 50px;
    height: 53px;
    width: 330px;
    z-index: 3;
    top: 50px;
}
 #bn .txt {
    display: block;
    position: absolute;
    top: 350px;
    height: 53px;
    width: 385px;
    right: 200px;
    z-index: 3; 
    text-align: center;
}

#bn .txt .zi1 {
	background-image: url(../images/txtbg.png);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	width: 154px;
	font-size: 14px;
	font-style: normal;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left:-40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-position: center center;
	z-index: 3;
}
#bn .txt .zi2 {
	background-image: url(../images/txtbg.png);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	width: 154px;
	font-size: 14px;
	font-style: normal;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-position: center center;
	z-index: 3;
	text-align:center;
}
#bn .txt .zi3 {
	background-image: url(../images/txtbg.png);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	width: 154px;
	font-size: 14px;
	font-style: normal;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: 85px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	text-align:center;
	border-bottom-style: solid;
	border-left-style: solid;
	background-position: center center;
	z-index: 3;
}
#bn .txt .zi4{
	background-image: url(../images/txtbg.png);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	width: 154px;
	font-size: 14px;
	font-style: normal;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: 183px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	text-align:center;
	border-bottom-style: solid;
	border-left-style: solid;
	background-position: center center;
	z-index: 3;
}
#bn .txt .zi5 {
	background-image: url(../images/txtbg.png);
	background-repeat: no-repeat;
	display: block;
	height: 53px;
	width: 154px;
	font-size: 14px;
	font-style: normal;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	left: 243px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-position: center center;
	z-index: 3;
}

body {
	margin: 0px;
	padding: 0px;
}
#bn .tiao {
 
	height: 25px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 2;
	left: 0px;
 
 


}
#bn .tu .lianjie {
	display: block;
	height: 460px;
}

.aboutimg{ margin-right:25px;}
.about { width:520px;}
.about .tit,.new .tit{ font:normal 18px/30px "微软雅黑";color:#007ad0; background:url(../images/titbg.jpg) repeat-x center; margin-bottom:10px;}
.about .tit span,.new .tit span{ font:normal 12px/30px "微软雅黑"; color:#333; background:#fff; padding-left:10px;}
.about  p{ line-height:26px; text-indent:2em;}

.contact{ background:#0054b6; width:230px; padding:10px; margin-right:10px; height:240px; color:#fff;}
.contact div{ margin-bottom:10px;}
.contact p{ line-height:24px;}

.product{ padding:30px 0;}
.prolei{ background:#fff; width:200px;  }
 
.prolei ul li,.submenu ul li{ line-height:33px;}
.prolei .cpdt{ background:url(../images/cpdd.jpg) repeat-x;font:normal 16px/33px "微软雅黑"; padding-left:20px; display:block; width:180px; color:#333;}
.prolei .cpdt a{ color:#333;}
.prolei p a,.submenu ul li a{ width:180px; padding-left:20px; display:block; background:url(../images/cpdd.jpg) repeat-x;}.prolei ul li a:hover,.prolei p a:hover,.submenu ul li a:hover{ background:url(../images/cpdt.jpg) repeat-x; color:#fff;}
 

.proli{ width:865px;}
.proli h1{ font:bold 18px/35px "微软雅黑";  border-bottom:#ddd 1px solid; color:#f60;}
.proli h1 span{ font:normal 14px/35px "微软雅黑"; color:#999; float:right;}
.proli ul{ height:210px; width:900px;}
.proli ul li{ width:200px; text-align:center; margin:15px 20px 0  0; float:left;}
.proli ul li img{ width:200px; height:148px; border:#ddd 1px solid; margin-bottom:5px;}
.prolist ul{ width:900px;}
.prolist ul li{ width:200px; text-align:center; margin:15px 15px 0 0; float:left;}
.prolist b{ font-weight:normal;}
.prolist ul li img{ width:200px; height:148px; border:#ddd 1px solid; margin-bottom:5px;}

/*优势*/
.ystit{ text-align:center; background:url(../images/ystbg.jpg) repeat-x top;}
.ysBox { margin-bottom:25px;}
.ysBox  dl{height:260px; padding-top:65px;}
.ysBox dt{margin-bottom:24px; line-height:24px; font-size:17px; font-weight:bold; color:#ff6600; padding-left:80px;}
.ysBox dt b{display:block; font-size:20px; color:#333;}
.ysBox dd p{margin-bottom:12px; padding-left:16px; font-size:13px; color:#333; line-height:20px; background:url(Img/Index/ysP_ico.png) no-repeat left 8px;}
.ysBox dd p span , .ysBox dd p b{color:#190;}
.ysBox .ys_01{ background:url(../images/ys01.jpg) no-repeat left top; }
.ysBox .ys_02{ background:url(../images/ys02.jpg) no-repeat left top; padding-left:550px;}
.ysBox .ys_03{ background:url(../images/ys03.jpg) no-repeat left top; }
.ysBox .ys_04{ background:url(../images/ys04.jpg) no-repeat left top;padding-left:550px; }


.case{ padding:30px 0; height:230px}
.case .tit{ font:bold 18px/30px "微软雅黑"; margin-bottom:10px; border-bottom:#ddd 1px solid; color:#007ad0}
.case .tit span{ float:right; font:normal 14px/30px "微软雅黑";}
#demo ul li{ width:201px; float:left; margin-left:15px; text-align:center; height:185px; border:#ddd 1px solid; background:#fbfbfb;}
 
#demo{overflow:hidden; width:1100px;display: inline; float:left;} 
#indemo{float: left;width: 1000%;} 
#demo1,#demo2{float:left;} 
#demo1 a,#demo2 a{cursor:pointer;}
#demo ul li img{ width:200px; height:150px;}

.new{ margin-bottom:30px;}
.newsList{ padding-top: 6px; padding-bottom: 12px;}        
.newsListDl{ 
	float: left;
	width: 550px; height: 91px;border-bottom:1px solid #d5d5d5;}
.newsListDl a{width: 500px; height: 90px; display:block;padding-bottom:1px;}
.newsListDl a:hover{ background: #007ad0;}
.newsListDl a:hover .title{ color: #ffffff;}
.newsListDl a:hover .intro{ color: #fff;}	
.newsListDl a:hover .num{ color: #ffffff;}
.newsListDl dt{ 
	float: left; width: 90px; height:72px;
	color:#d2dde8; font-size:30px; padding-top:18px;font-family: impact; text-align: center;}	
.newsListDl dd{float: left;  width: 410px; height:90px;  }
.newsListDl .title {
	width: 410px; height: 30px; display: block; padding-top: 18px;
	color:#666666; font-size:16px; line-height:30px;}	
.newsListDl .intro{
	width: 410px; height: 24px; display: block; overflow: hidden;
	color:#cccccc; font-size:12px; line-height:24px;}
/* end newsListDl */	

.bottom{background: #007ad0; padding:15px 0; text-align:center; color:#ccf0f0; line-height:24px;}
.bottom a{ color:#ccf0f0; }.bottom a:hover{ color:#ccf0f0; text-decoration:underline;}

.main{  margin:20px 0 0; padding-bottom:30px; min-height:500px; height:auto !important; height:500px;}
.submenu{ background:#fff;  margin-bottom:30px;}
.submenu h4{ background:#0054b6; height:60px; text-align:center; font:normal 24px/60px "微软雅黑"; color:#fff; }
.incontact{ background:#fff; width:195px; padding:20px; line-height:28px;}
.incontact h4{font:normal 24px/40px "微软雅黑"; color:#007ad0;}
.inleft{ width:200px;}
.inright{ width:850px;}

.mainConTitle{
	position: relative;
	width:850px; height:60px;border-bottom: 1px solid #b0c0ca; margin-bottom:20px;}
.mainConTitle .mFont{float: left;
	 height: 60px;
	color: #007ad0;font-size: 22px;  line-height: 56px;}	
.mainConTitle .mFont h1{font-size: 22px; font-weight:100;}
.mainConTitle .mEnglish{
	float: left;
	width: 160px; height: 60px;
	color:#78848c; font-size: 24px;line-height: 60px; display: block; font-family: impact; text-transform: uppercase; margin-left:10px;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px
	height:60px;  
	color: #666666; font-size: 14px;line-height:60px; }
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#105095}
.mainConTitle .xian{ 
	width: 120px;height: 2px;
	font-size: 0px; line-height: 0px;
	position:absolute; left:0px; bottom:-2px;background: #348502; 
 }
 
.inright .cnt{   background:#fff; min-height:500px; height:auto !important; height:500px;  }
.newlist ul li{ line-height:45px;/* height:45px; */border-bottom:#f1f1f1 1px solid; font-size:14px;}
.newlist ul li span{ float:right;}

.pages{line-height:40px; height:40px;  margin-top:20px; margin-bottom:40px;}
.pages ul{padding:12px 0px 12px 0;}
.pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
.pages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.pages ul li.thisclass,.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#cb1327;padding:2px 4px 2px;font-weight:bold;}
.pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
.pageList {float:right;margin-top: 10px;text-align:right;}
 
.detail{ line-height:1.8em; font-size:14px; padding:0 10px;}
 
.detail img{ text-align:center;}
.page{ padding:15px 0; line-height:22px;}
 
.biaoti{ text-align:center; border-bottom:#ddd 1px dashed; padding-bottom:10px; margin-bottom:10px;}
.biaoti h1{ text-align:center; font:normal 24px/30px "微软雅黑";color:#007ad0;}
.biaoti span{ font:normal 12px/25px "宋体"; color:#999;}
.page2{ padding:10px 35px 10px 0px; margin-top:10px;color:#007ad0; border-top:#aaa 1px dashed;}
.page2 { line-height:24px;}
.page2   a{color:#007ad0;}
.page2   a:hover{ color:#f30; text-decoration:underline;}


#qqfloat {Z-INDEX: 100000; POSITION: fixed; WIDTH:96px;TOP: 20%; right:35px;}
#qqfloat{_position:absolute;
_margin-top:8%;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
}
*html{
background-image:url(about:blank);
background-attachment:fixed;}
#qqfloat .qqclose { width:28px; height:63px; position:absolute; top:5px; right:-28px;}
#qqfloat .qqcon {position:relative;}
#qqfloat .qq .cont{ background:#747474;WIDTH:96px;min-height:100px; height:auto !important; height:100px; padding-bottom:10px;}
#qqfloat .qq{padding-bottom:20px;}
#qqfloat ul li a,#qqfloat ul li a:hover{ color:#820f11;}