@charset "utf-8";
/* 共用css */
* { margin: 0; padding: 0;}
img { border: 0;display: block;}
body {font: 12px/1.5 'Microsoft Yahei', 'Simsun'; color: #666; background: #fff;overflow: auto;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul li{ list-style: none; }
a{text-decoration:none;cursor:pointer;}
.clear { clear: both; }
.f_l { float: left;}
.f_r { float: right;}
/*box*/
.box{
	width: 1300px;
	margin: 0 auto;
}
/*头部*/
.box .header{
	background: url(../img/onlys.png) repeat-x;
	position:relative
}
.box .header .logo{
	margin: 0 0 20px 84px;
	padding-top: 20px;
}
.box .header .nav{
	width: 100%;
	background: #2e3c98;
}
.box .header .logo_right{ position:absolute; top:30px; right:150px}
.box .header .logo_right span{ font-size:14px}
.box .header .logo_right .logo_right_bg{ background-color:#3aa9ff;border-radius:10px; width:45px; height:23px; display:inline-block;text-align:center}
.box .header .logo_right .logo_right_bg a{ color:#fff;width:42px; height:23px;}
.box .header .nav ul{
	width: 1138px;
	margin: 0 auto;
}
.box .header .nav ul li{
	float: left;
	width: 95px;
	background: url(../img/nav-li-background.png) right center no-repeat;
	position: relative;
}
.box .header .nav ul li:hover ul{
	display: block;
}
.box .header .nav ul li ul{
	position: absolute;
	width: 95px;
	left: -1px;
	top: 35px;
	z-index: 3;
	line-height: 35px;
	background: rgba(0,0,0,.4);
	display: none;
}
.box .header .nav ul li ul li{
	float: initial;
	background: none;
	text-align: center;
	margin: 0 auto;
}
.box .header .nav ul li ul li a{
	width: 99%;
	border: 1px solid #444;
}
.box .header .nav ul li ul li a:hover{
	background: #3ba9ff;
}
.box .header .nav ul li a{
	color: #FFF;
	font-size: 13px;
	width: 95px;
	margin: 0 auto;
	height: 35px;
	text-align: center;
	display: block;
	position: relative;
}
.box .header .nav ul li a span{
	position: absolute;
	bottom: -2px;
	height: 45px;
	display: block;
	line-height: 52px;
	width: 100%;
}
.box .header .nav ul li a .active{
	background: url(../img/nav-bg1-bg.png) no-repeat;
}
.box .header .nav ul li a:hover{
	background: url(../img/nav-bg-bg.png) no-repeat;
}
.box .header .nav ul .f_r{
	margin-top: 8px;
	position: relative;
}
.box .header .nav ul .f_r span, .box .header .nav ul .f_r img, .box .header .nav ul .f_r input{
	float: left;
}
.box .header .nav ul .f_r span{
	color: #FFF;
}
.box .header .nav ul .f_r img{
	margin: 0 10px;
}
.box .header .nav ul .f_r .text{
	width: 170px;
	padding: 1px 0 1px 10px;
}
.box .header .nav ul .f_r .button{
	width: 22px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0;
	border: none;
	border-left: 1px solid #50b2fe;
	background: url(../img/icon01.jpg) center no-repeat;
	cursor: pointer;
}
.box .header .banner{
	position: relative;
	height: 509px;
}
.box .header .banner #banner{
	position: absolute;
	left: 0;top: 0;
	transition: all 0.6s;
}

.box .header .banner .main{
	width: 460px;
	height: 656px;
	background: url(../img/main01.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.box .header .banner .main ul{
	margin-top: 400px;
	margin-left: 60px;
}
.box .header .banner .main ul h3{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
}
.box .header .banner .main ul p{
	margin-top: 20px;
	font-size: 17px;
	color: #FFF;
}
.box .header .banner .main ul p span{
	color: #3aa9ff;
}
.box .header .banner .main ul li{
	width: 6px;
	height: 6px;
	background: #FFF;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	margin-top: 20px;
	cursor: pointer;
}
.box .header .banner .main ul .active{
	background: #3aa9ff;
}
/*尾部*/
.footer{
}
.footer .fl-main{
	background: #010327;
	width: 725px;
	padding: 0 40px;
}
.footer .f_l ul{
	float: left;
	color: #FFF;
	margin: 50px 20px 50px 0;
}
.footer .f_l ul .footer-header{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer .f_l ul li a{
	color: #FFF;
}
.footer .f_l img{
	margin-top: 50px;
	width: 82px;
}
.footer div.f_r{
	width: 495px;
	height: 261px;
	background: #3aa9ff;
}
.footer div.f_r .fr-main01{
	color: #FFF;
	font-size: 14px;
	margin: 30px 0 0 45px;
}
.footer div.f_r .fr-main01 li:nth-child(3){
	font-size: 20px;
}
.footer div.f_r .fr-main02{
	color: #000;
	font-size: 14px;
	margin: 30px 0 0 45px;
}

#rongyuul img{ width:196px; height:130px}