/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	color:#353535;
	font-family:"Microsoft YaHei", "Î¢ÈíÑÅºÚ";
	background-color: #fff;
	line-height:24px;
}
input,button,textarea,select{font-family:"Microsoft YaHei", "Î¢ÈíÑÅºÚ";}
img{ border:0px;}
UL {list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt{
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#head{
	width:100%;
	float:left; background-color:#fff; padding-top:6px; padding-bottom:6px;

	}
#dh{
	width:100%;
	float:left;
	height:50px;
	 background-color:#0B75CB; border-bottom:#fff solid 1px;
}
#flash{
	width:100%;
	float:left;

}



#hyweb{
	width:100%;
	float:left;
	padding-bottom:25px;
	padding-top:25px;

}
#hyweb1{ width:100%; float:left; background-color:#F7F7F7; padding-top:20px; padding-bottom:20px;}
#nyweb{
	width:100%;
	float:left;
padding-top:20px; padding-bottom:20px;

}
#body_1{width:1200px; margin-left:auto; margin-right:auto;}

#dibu{
	width:100%;
	float:left;
	padding-top:16px; padding-bottom:16px; border-top:#67ACE5 20px solid; background-color:#0B75CB;
}

#top{
	width:1200px;
	float:left;

}
#logo{ width:650px;float:left; overflow:hidden;}
#logo img{ height:100px;}

#tel{
	float:right;
padding-left:60px; 	background-image: url(tel.png);
	background-repeat: no-repeat;
	background-position: left center;  margin-top:20px;
}
#tel .f14{ font-size:16px; color:#666; line-height:20px; padding-top:5px;}
#tel .f22{
	font-size:28px;
	line-height:34px;
	font-weight:bold;
	color:#BC0000;
	font-family: Arial, Helvetica, sans-serif; padding-bottom:5px;
}
#main{
	width:1200px;
	float:left; 

}

#company{ width:650px; float:left;}
#company_1{ width:650px; float:left;}
#company_1 h1{ font-weight:normal; font-size:28px; color:#333; line-height:32px;}
#company_1 h1 p{
	color:#2070C7;
	font-weight:bold; font-size:30px;
	text-transform:uppercase;
	line-height:40px;
	font-family: Arial, Helvetica, sans-serif;
}
#company_2{ width:650px; float:left; margin-top:15px; line-height:24px; font-size:14px;}
#company_2 p{ text-indent:28px;}
#company_2 .more{ float:left; margin-top:15px; width:180px; height:52px; line-height:52px;}
#company_2 .more span{ margin-left:35px; font-size:16px;}
#company_2 .more A{ color:#333;
	background-image: url(more1.png);
	background-repeat: no-repeat;
	background-position: left top; display:block;transition:all 0.3s ease-in-out 0s;
}
#company_2 .more A:hover{  color:#2070C7;
	background-image: url(more2.png);
	background-repeat: no-repeat;
	background-position: left top; 
}
#news{ width:520px; float:right}
#news .more{
	width:520px;
	float:left;
	line-height:25px;
	margin-top:5px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;
}
#news .more A{ color:#555; font-weight:bold;}
#news .more A:hover{ color:#216FC4;}
#news_1{
	width:520px;
	float:left;
	background-image: url(dg.jpg);
	background-repeat: repeat-x;
	background-position: left 70px;
}
#news_1 h1{ font-size:35px; color:#216FC4; font-weight:normal; padding-left:5px; padding-right:5px; float:left; border-bottom:#216FC4 3px solid; line-height:69px;}
#news_1 h2{
	font-size:20px;
	color:#666;
	line-height:44px;
	margin-top:20px;
	float:left;
	margin-left:10px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

#news-2{width:520px; margin-top:14px;
	float:left; 
}
#news-2 ul{ list-style-type:none;   font-size:12px;  }
#news-2 UL LI.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#news-2 UL LI {
	text-align:left;
	WIDTH:520px;
	display:block;
	line-height:27px;
	height:27px;
	float:left;
	OVERFLOW: hidden;
	font-size:14px;
	background-image: url(dot1.jpg);
	background-repeat: no-repeat;
	background-position: 4px center; border-bottom:#ddd dotted 1px;
	
}
#news-2 UL LI span{ float:right;
	color:#216FC4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#news-2 UL LI A {
padding-left:18px;
color:#555;
}
#news-2 UL LI A:hover {
	padding-left:18px;
	color:#216FC4;
}
#lmbt{ width:1200px; float:left;}
#lmbt h1{ color:#236FC5; font-size:36px; text-align:center; font-weight:normal; line-height:40px;}
#lmbt h2{ color:#fff; font-size:36px; text-align:center; line-height:45px;}
#lmbt p{
	color:#101010;
	font-size:18px;
	text-transform:capitalize;
	text-align:center;
	line-height:30px;
	background-image: url(bg1.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;
}
#more{ width:1200px; float:left; margin-top:10px;}
#more .sy-more {
	margin: 20px auto 6px; border-radius: 6px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 250px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; box-shadow: 5px 5px 5px #eee;
}
#more .sy-more:hover {
	background:#2070C7; transition:1.1s; border:#1C87E1 solid 1px;
}
#more .sy-more:hover a {
	color: rgb(255, 255, 255); display: block;
}

#more A:hover{ color:#084178}
#caselist {
	WIDTH:1200px;
	FLOAT: left; margin-top:25px;
}
#caselist UL {
	LIST-STYLE-TYPE: none
}
#caselist UL LI {
	TEXT-ALIGN: center; WIDTH:276px; FLOAT: left;padding-right:32px; margin-bottom:10px;
}
#caselist UL LI.r{ padding-right:0px;}
#caselist UL LI .tp{ width:276px; height:200px; float:left; position:relative; overflow:hidden; }
#caselist UL LI .tp img{ width:276px; height:200px; position:absolute;left:0px; top:0px; border:0px;}

#caselist UL LI .tp h3{
	width:266px;
	position:absolute;
	padding:5px;
	left:0px;
	bottom:0px;
	height:190px;
	line-height:24px;
	font-size:14px;
	overflow:hidden;
	color:#fff;
	font-weight:normal;
	z-index:800;
	background-image: url(zb_point.png);
	background-repeat: no-repeat;
	background-position: center center; display:none; z-index:9;
}
#caselist UL LI p{ width:260px; line-height:30px; height:30px; overflow:hidden; font-size:14px; float:left; text-align:center; padding-left:8px; padding-right:8px; background-color:#f6f6f6; margin-top:1px;}
#caselist UL LI A{ color:#555; display:block;}
#caselist UL LI A:hover{ color:#FF7800}
#caselist UL LI A:hover p{ background-color:#2070C7; color:#fff;}
#prolista {
	WIDTH:1140px;
	FLOAT: left; margin-top:20px;overflow:hidden;position:relative; padding-left:30px; padding-right:30px;
}
#prolista UL {
	LIST-STYLE-TYPE: none
}
#prolista UL LI {
	TEXT-ALIGN: center; WIDTH:210px; FLOAT: left; padding-left:9px; padding-right:9px;cursor:pointer; 
}

#prolista UL LI h1{ width:204px; cursor:pointer;TEXT-ALIGN: center; height:150px; display:table-cell; vertical-align:middle;}
#prolista UL LI IMG { border:0px;max-width:210px;HEIGHT: 150px; margin-top:5px;}
#prolista UL LI p{ width:204px;  cursor:pointer; font-size:14px; height:30px; line-height:30px; overflow:hidden;}

#prolista UL LI A {
	DISPLAY: block; color:#444; border:#ddd solid 1px; background-color:#fff;transition:all 0.2s ease-in-out 0s;border-radius: 4px; padding:2px;
}
#prolista UL LI A:hover { border:#2070C7 solid 1px; color:#2070C7;
}

#prolista .prev,
#prolista .next {
	width: 30px;
	height:200px;
	position: absolute;
	background-repeat: no-repeat;

	
}
#prolista .prev {
	left:0px;
background-image: url(left1.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#prolista .next {
	right:0px;
	background-position: right center;
	background-image: url(right1.png);
}
#proa{
	width:1200px;
	float:left;
	background-image: url(pbg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
#proa h1{ font-size:18px; line-height:25px; color:#236FC5; float:left; background-color:#fff; padding-left:8px; padding-right:8px; }
#proa h1 p{
	font-size:14px;
	color:#666;
	line-height:25px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
#proa .right{ float:right; line-height:50px; padding-left:26px; padding-right:6px; background-color:#fff;background-image: url(jl.png);
	background-repeat: no-repeat;
	background-position: 10px center; color:#666666; font-size:14px; font-weight:bold;}
#proa .right A{ color:#666; padding-left:6px; padding-right:6px;}
#proa .right A:hover{ color:#2070C7 ;}
#prolistb {
	WIDTH:1200px;
	FLOAT: left; margin-top:20px;overflow:hidden;
}
#prolistb UL {
	LIST-STYLE-TYPE: none
}
#prolistb UL LI {
	TEXT-ALIGN: center; WIDTH:186px; padding-left:7px; padding-right:7px;  FLOAT: left;cursor:pointer; overflow:hidden; 
}

#prolistb UL LI h1{ width:180px; cursor:pointer;TEXT-ALIGN: center; height:135px; display:table-cell; vertical-align:middle;}
#prolistb UL LI IMG { border:0px;max-width:180px;HEIGHT: 135px; margin-top:5px;}
#prolistb UL LI p{ width:186px;  cursor:pointer; font-size:14px; height:30px; line-height:30px; overflow:hidden;}

#prolistb UL LI A {
	DISPLAY: block; color:#444; border:#ddd solid 1px; background-color:#fff;transition:all 0.2s ease-in-out 0s;border-radius: 4px; padding:2px;
}
#prolistb UL LI A:hover { border:#2070C7 solid 1px; color:#2070C7;
}
#link{ width:1196px; border:#ddd solid 1px; padding:1px; float:left; background-color:#fff;}
#link_1{ width:70px; height:50px; background-color:#236FC5;float:left; line-height:25px; font-size:14px; text-align:center; color:#FFFFFF; font-weight:bold; text-transform:uppercase;}
#link_2{ width:1110px; padding-right:13px; float:right; line-height:25px;}
#bottom{
	width:1200px;
	float:left;
	text-align:center;
	line-height:22px;

}
#bottom .dlogo{ width:600px; float:left; margin-left:10px; text-align:left; margin-top:20px;}
#bottom .copyright { width:550px; float:right; text-align:left;
	LINE-HEIGHT: 26px;
	color:#fff;
	font-size: 14px;
}
#bottom .copyright A{ color:#fff;}
#bottom .copyright .img1{ float:right;}
#bqxx{ width:1200px; float:left; line-height:26px; font-size:12px; text-align:center; color:#B7B7B7}
#bqxx A{ color:#B7B7B7}
a:link {
	text-decoration: none;
	color:#5a5a5a;
}
a:visited {
	text-decoration: none;
	color:#5a5a5a;
}
a:hover {
	color:#2976BC;
}

.hg2{ margin-top:16px;}
.hg{ margin-top:26px;}
.hg1{ margin-top:17px;}

#floatDivBoxs{width:150px;background:#fff;position:fixed;top:80px;right:0;z-index:11999; right:-150px;	font-family:"Microsoft YaHei", "Î¢ÈíÑÅºÚ", "ºÚÌå";}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#2070C7;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq a{ color:#333;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:5px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:8px 14px; text-align:center;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; font-size:14px; text-align:center;}
#floatDivBoxs .floatDtel img{border:0px;}
#floatDivBoxs .floatDbg{width:100%;height:30px; line-height:30px; color:#FFFFFF; cursor:pointer; background:#2070C7; text-align:center;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:200px;background:url(online_arrow.jpg) no-repeat;position:fixed;top:80px;right:0px;z-index:11999;}
#rightArrow a{display:block;height:200px;}
.lan1{ color:#2070C7; margin-left:12px;}
.reac{ font-size:16px; font-weight:bold; color:#ff6600;}
