@charset "utf-8";
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-size:1em;font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;}
body {font-family: 'Microsoft YaHei','思源黑体 CN',Arial; font-size: 14px;}
ul,ol,li{list-style:none;}
input{border: none; outline: none;}
a{text-decoration:none; outline: none;color: #939393;}
fieldset,img{border:none}
.clear{clear:both}
.hidden{display:none;}
/*
base.header.css
*/
body{background-color: #f5f5f5;font-size: 14px; font-family: 微软雅黑; color: #666666;}
@charset "utf-8";
/* RESET */
input {border: none;outline: none;}
/*header*/
body>div:first-child
{
    background-color:#424954 !important;
    height:64px !important;
    font-family: 'Microsoft YaHei','思源黑体 CN',Arial !important;
    font-size: 14px !important;
    position:relative  !important;
    z-index:3;
}


/*导航开始*/
#header-smb{position:relative; width:100%; min-width: 1210px; height:64px; color: #939393; background-color: #424954; z-index:1;}
/*IE6 7 8下，层级的表现不是看子标签的z-index多高，而要看整个DOM tree（节点树）的第一个relative属性的父标签的层级。*/
#tobBar-smb{margin: 0 auto; width: 1210px; height: 64px; overflow:hidden;}
#tobBar-smb *{display: inline-block; float:left;}
.float{display: inline-block; float: left;}
#tobBar-smb>a{line-height: 64px; font-weight: bold; color:#939393; }
#tobBar-smb>a>span{width: 300px; line-height: 40px;  margin-left: 50px; color:#fff; font-size: 15px;}
#tobBar-smb>a:hover{color:#fff;}
#tobBar-smb>ul>li>a:hover{color:#fff;}
#logo-smb{margin-top: 14px; margin-right:265px; width: 232px; height: 40px; background: url(images/logo.png) 0 0 no-repeat;}
#homePage-smb{width:32px; margin-right:70px; color:#939393; text-align:center;}
#tobBar-smb>ul>li{
	margin-right: 70px; 
	font-weight: bold;
	line-height: 64px; 
	overflow: hidden;
	cursor: pointer;
}
#tobBar-smb>ul>li.focus{color:#fff;}
#tobBar-smb>form{ 
	padding: 0 3px; 
	margin:23px 18px 0 0; 
	width:104px; 
	height: 18px;
	border-radius: 10px;   
	background-color: #e1e1e1;
}


/*banner开始*/
.banner{width: 100%; height: 512px; margin: 0 auto; position: relative; overflow: hidden; }
.banner ul{position: relative; z-index:1;}
.banner ul li{position: absolute; margin-left: -960px; left: 50%; top: 0;}
.banner ul li.fst{ z-index:1;}
.banner>span{ width: 76px;height: 76px;  position: absolute; top: 50%; margin-top: -35px; line-height: 76px; cursor: pointer;  z-index: 3;}
.banner>span.l{ left: 100px; background:url(images/left.png) no-repeat; }
.banner>span.r{ right: 100px; background:url(images/right.png) no-repeat;}
.banner>ol{
	position: absolute;
	top: 480px;
	left: 50%;
	margin:0 0 0 -26px;
	padding: 0;
	z-index: 11;
}
.banner>ol>li{
	margin-right: 8px;
	padding: 0;
	float:left;
	width: 9px;
	height: 9px;
	cursor: pointer;
	background:url(images/pagination-02.png) 0 0 no-repeat;
}
.banner>ol>li.current{
	background:url(images/pagination-01.png) 0 0 no-repeat;
}



/* 小海报开始 */
#nav{
	width: 1210px;
	height:288px;
	margin: 30px auto 84px auto;
}

#nav>ul>li{
	margin-right: 16px;
	width:288px;
	height:288px;
	background: #FFF;
	display: inline-block; float: left;

}
#nav>ul>.lastLi{margin-right: 0 !important;}
#nav>ul>li>a
{
    display:block;
    height:100%;
}
#nav>ul>li>a>h3{
	padding: 0 20px;
	margin:19px 0 8px 0;
	width: 248px;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color:#424242;
}
#nav>ul>li>a>p{
	padding: 0 20px;
	width: 248px;
	font-size: 12px;
	line-height: 18px;
	color: #858585;
}
#nav>ul>li>a:hover{ box-shadow:0 10px 25px rgba(0, 0, 0, .3); transform:translate(0,-2px);  }
#nav>ul>li>a:hover>h3{color:#2d5eaf; }


 /* 关于我们开始 */
.box{width:1200px;  margin:0 auto; overflow:hidden;}
.US{font-size:18px; color:#333333; line-height:40px;}
.left{ overflow: hidden; float: left;  height: 305px;
    width: 435px;}
.left>img{transition:all 2s;}
.left:hover img{transform: scale(1.2);}
.right{float:right;  width: 723px; text-align: left; line-height: 2em;}



 /* 底部开始 */
#footer{width:100%; height:50px; background-color: #fff; margin-top: 80px;}
#footer>div{
	width: 1210px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 50px;
}
#footer>div>ul>li{
	display: inline-block;
	float: left;
	margin-right:22px; 
	color: #4a4a4a;
}
#footer>div a{
	color: #4a4a4a;
}
#footer>div>p{
	float: right;
	color: #9f9f9f;
}
#footer>div>a{
	float: right;
}