﻿@charset "utf-8";

html {
	overflow-y:scroll;
	/* overflow-x:hidden*/
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,div,dl,dt,dd,ul,ol,span,em,pre,fieldset,lengend,button,input,textarea,form,th,td {
	padding:0;
	margin:0;
}
body {
	line-height:1.5;
	font-size:12px;
	font-family:Arial,'\5fae\8f6f\96c5\9ed1';
	/*word-wrap:break-word;
	word-break:break-all;*/
	max-width: 1440px;
	min-width: 1000px;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
table {
	margin:auto;
	font-size:100%;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0;
}
ol,ul {
	list-style:none;
	list-style-type:none;
}
a img,img {
	vertical-align:middle;
	border:none;
}
em {
	font-style:normal;
}
/* a style */
a {
	color:#545454;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	color:red;
	text-decoration:none;
}
a:active {
	color:red;
}
a:focus {
	outline:none;
}
.tdu,.tdu a {
	text-decoration:underline;
}
.tdn,.tdn a {
	text-decoration:none;
}
/* form style */
input,textarea,select,button {
	padding:0;
	margin:0;
	font-size:100%;
	vertical-align:middle;
	outline:none;
	background:inherit;
}
/* clearfix style */
.clear {
	clear:both;
	overflow:hidden;
}
.clearfix:after {
	display:block;
	clear:both;
	height:0;
	content:"\20";
	visibility:hidden;
	overflow:hidden;
}
.clearfix {
	display:block;
	*zoom:1;
}
*html .clearfix {
	height:1%;
}
/* float style */
.fl {
	float:left;
}
.fr {
	float:right;
}
.fn {
	float:none;
}
.rel {
	position:relative;
}
/* display style */
.db {
	display:block;
}
.dn {
	display:none;
}
.ovh {
	overflow:hidden;
}

@font-face {
	font-family:'iconfont';
	src:url('iconfont.eot');
	/* IE9*/
    src:url('iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */
    url('iconfont.woff') format('woff'),/* chrome、firefox */
    url('iconfont.ttf') format('truetype'),/* chrome、firefox、opera、Safari,Android,iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg');
	/* iOS 4.1- */
}
.iconfont {
	font-family:"iconfont" !important;
	-webkit-font-smoothing:antialiased;
	/*-webkit-text-stroke-width:0.2px;
	*/ 
    -moz-osx-font-smoothing:grayscale;
	font-style:normal;
}



.welcome-content{
	width: 1440px;
	height: 58px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	padding-top: 722px;
}
.welcome-link{
	position: absolute;
	top: 101px;
	right: 77px;
	width: 344px;
	height: 329px;
	background: url(../images/cellular2.png) no-repeat 0 0;
}
.welcome-link.l1{
	background-position: 0 -2317px;
}
.welcome-link.l2{
	background-position: 0 -1988px;
}
.welcome-link.l3{
	background-position: 0 -1659px;
}
.welcome-link.l4{
	background-position: 0 -1330px;
}
.welcome-link.l5{
	background-position: 0 -1001px;
	width: 350px;
	right: 71px;
}
.welcome-link.l6{
	background-position: 0 -329px;
	height: 336px;
}
.welcome-link.l7{
	background-position: 0 -665px;
	height: 336px;
}
.welcome-link li{
	position: absolute;
	width: 110px;
	height: 117px;
	text-align: center;
}
.welcome-link li a{
	display: block;
	line-height: 27px;
	height: 46px;
	padding-top: 71px;
	font-size: 14px;
	color: #285c95;
	opacity: 0.88;
	filter: alpha(opacity=88);
}

.welcome-link li:hover a{
	opacity: 1;
	filter: alpha(opacity=100);
}
.welcome-link li.l1{
	top: 4px;
	left: 58px;
}
.welcome-link li.l2{
	top: 4px;
	left: 175px;
}
.welcome-link li.l3{
	top: 106px;
	left: 0;
}
.welcome-link li.l4{
	top: 106px;
	left: 117px;
}
.welcome-link li.l5{
	top: 106px;
	left: 234px;
}
.welcome-link li.l6{
	top: 207px;
	left: 58px;
}
.welcome-link li.l7{
	top: 207px;
	left: 176px;
}

.welcome-code{
	position: absolute;
	top: 593px;
	right: 124px;
	background: #fff;
	width: 250px;
	height: 108px;
}
.welcome-code .txt{
	float: left;
	padding: 14px 0 0 15px;
	width: 112px;
}
.welcome-code .txt .tit{
	font-size: 14px;
	color: #222;
}
.welcome-code .txt .word{
	font-size: 12px;
	color: #666;
	margin-top: 4px;
}
.welcome-code .pic{
	float: right;
	padding: 5px 5px 0 0;
	width: 98px;
	height: 98px;
}
.welcome-code .pic img{
	width: 98px;
	height: 98px;
}
.welcome-footer{
	background: #fff;
	height: 58px;
}
.welcome-footer .logo{
	float: left;
	padding: 12px 0 0 114px;
}
.welcome-footer .copy{
	float: right;
	padding: 13px 68px 0 0;
	color: #666;
}
.welcome-footer .copy a{
	color: #666;
}
@media screen and (max-width: 1439px) {
	.welcome-content{
		width: 100%;
	}
	.welcome-footer .logo{
		padding: 12px 0 0 40px;
	}
	.welcome-footer .copy{
		padding: 13px 40px 0 0;
	}
}

.header{
	width: 100%;
	height: 88px;
	background: #f2f2f2;
}
.boxer{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.header .logo{
	float: left;
	padding: 28px 0 0 35px;
}
.header .fav{
	float: right;
	width: 87px;
	height: 21px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #c3c7cc;
	margin: 44px 13px 0 0;
	cursor: pointer;
}
.header .fav span{
	display: block;
	float: left;
	width: 63px;
	height: 21px;
	line-height: 21px;
	border-right: 1px solid #c3c7cc;
	text-align: center;
	color: #505050;
}
.header .fav i{
	float: right;
	width: 23px;
	height: 21px;
	display: block;
	background: url(../images/bg.png) no-repeat 5px 4px;
}
.header .fav.on i{
	background-position: 5px -46px;
}
.header .select{
	float: right;
	margin: 44px 5px 0 0;
	width: 146px;
	height: 21px;
	background: #fff;
	border: 1px solid #c3c7cc;
	cursor: default;
	position: relative;
	z-index: 99;
}
.header .selected{
	display: block;
	width: 146px;
	height: 21px;
}
.header .selected span{
	float: left;
	width: 122px;
	height: 21px;
	line-height: 21px;
	color: #505050;
	text-indent: 8px;
}
.header .selected i{
	float: right;
	width: 23px;
	height: 21px;
	border-left: 1px solid #c3c7cc;
	background: #eee url(../images/bg.png) no-repeat -45px 7px;
}
.header .select ul{
	position: absolute;
	top: 22px;
	left: -1px;
	width: 146px;
	background: #fff;
	border: 1px solid #c3c7cc;
	border-top: none;
	padding: 3px 0 3px;
	display: none;
	z-index: 99;
}
.header .select ul li a{
	display: block;
	text-indent: 8px;
	color: #505050;
	line-height: 20px;
}
.header .select ul li a:hover{
	color: #fff;
	background: #1e91ff;
}
.header .search{
	float: right;
	margin: 44px 5px 0 0;
	background: #fff;
	border: 1px solid #c3c7cc;
	width: 146px;
	height: 21px;
	display: block;
}
.header .search input.text{
	float: left;
	width: 122px;
	height: 21px;
	line-height: 21px;
	border: none;
	text-indent: 8px;
	font-family:Arial,'\5fae\8f6f\96c5\9ed1';
	border-right: 1px solid #c3c7cc;
}
.header .search input.submit{
	float: left;
	width: 23px;
	height: 21px;
	border: none;
	background: #eee url(../images/fdj.png) no-repeat 0 0;
	cursor: pointer;
}


.footer{
	background: #495678;
	margin: 0 auto;
	width: 100%;	
	color: #fff;
}
.footer .boxer{
	padding: 16px 0 8px;
}
.footer .left{
	padding-left: 0px;
	float: left;
	line-height: 20px;
}
.footer .left a{
        color: #fff;
}
.footer .links a{
	display: block;
	float: left;
	height: 20px;
	color: #fff;
}
.footer .links span{
	width: 1px; 
	height: 20px;
	background: url(../images/dot.png) no-repeat center;
	float: left;
	padding: 0 10px;
}
.footer .copy{
	color: #fff;
	opacity: 0.40;
	filter: alpha(opacity=40);
}
.footer .right{
	float: right;
	padding-right: 30px;
	padding-top: 6px;
}



.naver{
	background: #495678 url(../images/nav_bg.jpg) repeat-x top;
	height: 36px;
	width: 100%;
}
.naver .nav>li{
	float: left;
	width: 120px;
	border-right: 1px solid #404c69;
	position: relative;
	height: 36px;
	z-index: 9;
}
.naver .nav>li>a{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
}
.naver .nav>li.on{
	background: #fff;
}
.naver .nav>li.on>a{
	color: #da251c;
}
.naver .nav ul{
	position: absolute;
	top: 36px;
	left: 0;
	width: 120px;
	background: url(../images/nav_ul.png);
	display: none;
	z-index: 9;
}
.naver .nav ul li {
	border-bottom: 1px solid #d1dbe3;
}
.naver .nav ul li a{
	display: block;
	text-align: center;
	color: #515151;
	font-size: 14px;
	line-height: 30px;
}
.naver .nav>li:hover>a,
.naver .nav ul li a:hover{
	background: #da251c;
	color: #fff;
}






