*{ margin: 0; padding: 0;}

body{ font-family: "微软雅黑"; color: #000; font-size: 16px; }
img{vertical-align: middle; border: 0;}
li{ list-style: none;}
a{ color: #000; text-decoration: none;}
.container-fluid{ width: 100%;}
.container{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{ float: right;}
.clear:after{ content: ''; clear: both;    display: block;}
.cen{ text-align: center;}
.mt30{ margin-top: 30px;}

/****头部*****/
.wheader{ height: 83px; background: ; border-bottom:solid 5px #262626}
.header{ height: 83px; }
.header-logo{ width: 320px; height: 83px;}
.header-logo img{ float: left;}
.version{     width: 120px;   padding-top: 18px; display: block;}
.version a{     display: inline-block;
    color: #9e9e9e;
    font-size: 14px;

    text-align: center;
    padding: 0 5px 0 0;}
.nav-li-about:hover .navhov{display: block;}



.nav{ width: 860px; height: 83px; position: relative;}
.nav>.nav-li{ display: block; float: left; line-height: 83px; font-size: 18px; padding: 0 32px; position:relative;}
.nav>.nav-li:hover,.nav>.nav-li.cur{ background: #cccaca; color: #fff;}
.nav>.nav-li:hover a,.nav>.nav-li.cur a{  display:block}

.navhov{ background: #262626; height: 80px; line-height: 80px; width: 1000px; left: -245px;display: none; position: absolute; top: 83px; z-index: 1000;}
.navhov li{ display: inline-block;}
.navhov  a{ color: #fff; padding: 0 28px; font-size: 15px;}
.navhov li .nav-li{ display: none;} 

#menu-header  #menu-item-1 .navhov{width: 490px;left: -98px; }
#menu-header  #menu-item-2 .navhov{width: 360px;left: -110px; }
#menu-header  #menu-item-3 .navhov{width: 400px;left: -160px; }
#menu-header  #menu-item-4 .navhov{width: 240px;left: -45px;}
#menu-header  #menu-item-5 .navhov{width: 360px;left: -100px;}


/**ban**/

.0title{ border-bottom: dashed  1px #ccc; text-align: center; font-size: 22px; padding: 10px 0; margin-bottom: 15px;}
.0title-text{ line-height: 26px;}

.wtitle{ border-bottom: dashed  1px #ccc; text-align: center; font-size: 22px; padding: 10px 0; margin-bottom: 15px;}
.wtitle-text{ line-height: 26px;}



.footer{ background: #18212a;}
.foot-list ul{ display: block; padding-top: 20px; border-bottom: solid 1px #363e49; padding-bottom: 20px;}
.foot-list ul li.foot-list-li{ color: #fff; width: 20%; display: block; float: left;}
.foot-list ul a{ color: #fff;}
.footer-title{ font-size: 16px; padding: 10px 0; margin-bottom: 10px;}
.foot-list ul li.foot-list-li a{ display: block; font-size: 14px; padding: 5px 0;}

.foot-list ul li .we {

    width: 230px;
}
.we strong {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
}

.we p {
    font-size: 14px;
    line-height: 24px;
    color: #b0b0b0;
    padding-top: 5px;
    padding-bottom: 18px;
}
.we .social {
    padding-top: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333333;
    font-size: 16px;
    color: #FFFFFF;
}
.we .social strong {
    font-size: 16px;
    font-weight: normal;
    display: block;
    padding-bottom: 8px;
}
.we .social span {
	float: none;
    margin-right: 0px;
    position: relative;
    margin-top: -32px;
}


.copylght{ padding: 20px 0 20px 0; color: #6d7278; }
.copylght-list{ padding: 20px 0;}
.copylght-list img{ margin: 0 5px;}
.htop{ background: #0a0b0f; text-align: center;}
.htop a{ display: block; padding: 10px; font-size: 18px; color: #fff;}





#solid{
	width:100%;
	height:501px;
	clear:both;
	margin-top:50px;
	position:relative;
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:498px;
	display:none;
}
#solid .solid0{
	background:#78c4db;
}
#solid .solid1{
	background:#c5c9db;
}
#solid .solid2{
	background:#e7dfd1;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:905px;
	height:501px;
	margin-left:-452px;
	display:none;
	cursor:pointer;
}
#solid #btt{
	width:905px;
	height:55px;
	top:445px;
	left:50%;
	position:relative;
	margin-left:-452px;
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:30px;
	height:8px;
	margin:0 15px;	
	text-align:center;
	background:#3d3d3d;
	z-index:1000;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度50%*/
	-moz-opacity:0.7; /*Firefox私有，透明度50%*/
	opacity:0.7;/*其他，透明度50%*/
}

.title{ background: #f7f7f7; padding: 10px; }
.title a{ color:#325c80}
.titlew{background: #f7f7f7; border-bottom: solid 1px #ededed; }
.about{ padding: 40px 0;}
.left-title{color: #325c80; border-bottom: solid 1px #325c80; padding: 10px 0 10px 40px; font-size: 18px;}
.right{ border-left: solid 1px #e5e5e5; width: 960px;    min-height: 700px;}
.left{ width: 220px; margin-left: 9px;}
.left a{padding: 15px 0 15px 20px; font-size: 14px; display: block; color: #999999; border-bottom: dotted 1px #cccccc;}
.left a span{border: solid 1px #999999; border-radius: 50%; height: 10px; margin-right: 10px; width: 10px; display: inline-block; line-height: 9px; font-size: 12px; text-align: center;}
.left a.cur{ color: #325c80;}
.left a.cur span{ color: #325c80; border-color: #325c80;}