/* CSS Document */
 body {margin: 0px; padding: 0px; font-family:"Microsoft YaHei"; background:#fff;}
body, td, th {font-family: "Microsoft YaHei"; font-size: 14px; color: #666;}
a {font-family: "Microsoft YaHei"; color: #666; text-decoration: none;}
a:hover {color: #BC0307; }
div, dl, dt, dd, ul, ol, li, form,p,h1,h2,h3 {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}
.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}



.head .topwrap { width:100%; height:30px; background:#ebebeb}
.head .topwrap .top { width:1000px; margin:0 auto; height:30px;}
.head .topwrap .top .topleft { float:left; width:300px; line-height:30px;}
.head .topwrap .top .topright { float:right; width:180px; line-height:30px;}
.head .logok{ width:1000px; height:108px; margin:0px auto; display:block;}
.head .logok .logo{ float:left; width:700px; height:108px;  }
.head .logok .tel {float:right; width:235px; height:50px; margin-top:35px; line-height:25px; margin-left:20px; font-size:18px;}
.head .logok .tel span{ font-size:24px; color:#dc0000}
.head .navbg{ width:100%; height:53px; display:block; background:#1958b9}
.head .navbg .nav{ width:1000px; height:53px; margin:0px auto;}
.head .navbg .nav ul li{ width:142px; height:53px; display:block; float:left; text-align:center;}
.head .navbg .nav ul li a{ width:142px; height:53px; display:block; text-align:center; font-size:16px; color:#FFF; line-height:52px;}
.head .navbg .nav ul li a:hover{ background:url(../images/navbj.jpg) no-repeat center}
.head .navbg .nav ul li a.active{background:url(../images/navbj.jpg) no-repeat center}




#banner-index{
	width:100%;
	min-width:1000px;
	height:550px;;
	position:relative;
	z-index:1;
	overflow:hidden;
}


.about { margin:0 auto; width:1000px; height:477px;}
.aboutleft { float:left; width:382px; margin-top:40px;}
.aboutright { float:right; width:597px;}
.aboutright .abouttit { margin-top:31px; height:99px;}
.aboutright .ac { margin-top:42px; height:260px; line-height:26px;}
.aboutright .ac span { float:right; color:#185ab8}

.prowrap { width:100%; height:900px; background:#f8f8f8; overflow:hidden;}
.prowrap .pro { margin:0 auto; width:1000px; height:685px; margin-top:42px;}
.prowrap .pro .protit { height:97px; text-align:center; } 
.prowrap .pro .proxl { margin:0 auto; width:690px; text-align:center; height:81px; margin-top:35px;}
.prowrap .pro .proxl ul li {display:inline-table;}
.prowrap .pro .proxl ul li a { float:left; width:64px; height:51px; display:block; margin-right:21px;background:url(../images/proxl.jpg) no-repeat; padding:20px 15px 10px; line-height:20px; text-align:center;}
.prowrap .pro .proxl ul  li:nth-child(6) a{ margin-right:0px;}
.prowrap .pro .proxl ul li a:hover {filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.prowrap .pro .prot { margin-top:29px; height:501px;}
.prowrap .pro .prot ul li {float:left; width:238px; height:280px; width:238px; margin-right:11px;}
.prowrap .pro .prot ul li span { height:42px; margin-top:10px; line-height:24px;width:238px; text-align:center; display:block}
.prowrap .pro .prot ul li:nth-child(4) { margin-right:0px;}
.prowrap .pro .prot ul li img { widows:238px; height:238}
.prowrap .pro .prot ul li  a:hover {filter:alpha(Opacity=70);-moz-opacity:0.5;opacity: 0.5;}


.newwrap { margin:0 auto; width:1000px; height:533px;}
.newwrap .newtit { margin:0 auto; width:1000px; height:96px; text-align:center; margin-top:46px;}
.newwrap .new { height:354px;}
.newwrap .new .newleft { float:left; width:660px;}
.newwrap .new .newleft ul li { width:660px; height:90px;border-bottom:#CCC 1px dashed; margin-top:27px;}
.newwrap .new .newleft ul li .newt { float:left; width:100px; height:80px; }
.newwrap .new .newleft ul li .newcontent { float:right; width:541px; height:80px; line-height:24px;}
.newwrap .new .newleft ul li .newcontent span { color:#185ab8}
.newwrap .new .newleft ul li .newcontent p { height:40px; display:block; margin-top:10px; line-height:18px;}
.newwrap .new .newleft ul li .newcontent p span { color:#F00}
.newwrap .new .newright { float:right}


.gcalwrap { margin:0 auto; width:1000px; height:583px;}
.gcalwrap .altit { margin:0 auto; width:1000px; height:96px; text-align:center; margin-top:46px;}
.gcalwrap .al { height:354px;margin-top:46px;}
.gcalwrap .al .alleft { float:left; width:738px; }
.gcalwrap .al .alleft ul li { float:left; width:230px; height:173px; margin-right:20px;position:relative; margin-bottom:20px;}
.gcalwrap .al .alleft ul li:nth-child(3n) { margin-right:0px;}
.gcalwrap .al .alleft ul li img{ width:230px; height:173px; position:relative; z-index:1}
.gcalwrap .al .alleft ul li p { width:230px; height:27px; text-align:center; line-height:27px;color:#FFF; background-color:#000; opacity: 0.6;display:block; position:absolute; left:0px; bottom:0px; z-index:100; }
.gcalwrap .al .alleft ul li a:hover {filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.gcalwrap .al .alright { float:right; }

.footcu { width:100%; height:239px; background:#1958b9; overflow:hidden}
.footcu .cuwrap { margin:0 auto;width:1000px; height:210px; margin-top:10px;}
.footcu .cuwrap .cut { float:left; width:240px;}
.footcu .cuwrap .cu { float:left; width:540px; margin-left:40px; color:#FFF; line-height:30px; padding-top:22px;}
.footcu .cuwrap .ewm { float:right; margin-top:22px;}

.footwrap { width:100%; height:48px; background:#0d48a3}
.footwrap .bq { width:1000px; margin:0 auto; color:#FFF; line-height:48px;}
.footwrap .bq a { color:#FFF}
.footwrap .bq a:hover { color:#ccc}




 
 
 #float {
	width: 60px;
	position: fixed;
	right: 1px;
	bottom: 150px;
	z-index: 999;
}
#f1 {
	width: 100%;
	height: 100px;
	background: #1958B9;
	display: block;
	transition: all 0.25s;
}
#f1:hover, #f1.A {
	background: #144794;
}
#f2 {
	width: 58px;
	height: 0;
	overflow: hidden;
	display: block;
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	transition: all 0.25s;
}
#f2:hover {
	background: #ddd;
}
#onlineS {
	width: 118px;
	padding: 15px;
	height: 200px;
	position: absolute;
	left: -166px;
	top: 0;
	background: #fff;
	display: none;
	border: 1px solid #ddd;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#onlineS h2 {
	display: block;
	color: #333;
	font-size: 18px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #e6e6e6;
	margin: 0;
}
#onlineS div {
	font-size: 15px;
	padding: 10px 0 5px 0;
}
#onlineS div a {
	color: #33458E;
}
#onlineS div a:hover {
	color: #d90000 !important;
}
#onlineS div img {
	margin: -3px 7px 0 0;
}
#onlineS p {
	border-bottom: 1px dashed #e6e6e6;
	padding-bottom: 10px;
	font-size: 13px;
}
#onlineS p:last-child {
	border-bottom: 0px none;
	padding-bottom: 0;
}