@charset "utf-8";
/* CSS Document */
html{
	min-height:100%;
}
body{
	font-family:"微软雅黑";
}
body{
}
body.web{
	font-size:14px;
}
a{
	color:#282d41;
}
body, td, th{
	color:#282d41;
}
.slaveColumnName{ display:none;}
section{
	display:block;
}
.web .wrapper{
	width:1200px;
	height:auto;
	overflow:hidden;
	position:relative;
	margin:auto;
}
header.pageHeader{
	width:100%;
	background-color: #168ec9;
}
.web header.pageHeader{
	min-width:100%;
	min-width:1200px;
	height:100px;
	/*background-image:url(../images/pageHeaderBg.png);
	background-position:center top;*/
}
.web header.pageHeader .wrapper{
	height:100px;
	margin:auto;
	/*background-image:url(../images/headerBg.png);
	background-repeat:no-repeat;
	background-position:center top;*/
	overflow:visible;
}
.mobile img{
	max-width: 100%;
}

.logo{
	background-image:url(../images/logo.png);
}

.web .logo{
	width:250px;
	height:100px;
	top:0px;
	left:0px;
	position:absolute;
}
.web .nav{
	position:absolute;
	top:0px;
	right:00px;
	width:750px;
	height:100px;
}
.web .nav ul{
}

.web .nav li{
	width:16.66%;
	height:100px;
}
.web .nav li a{
	background:none;
	height:100px;
	line-height:100px;
	padding:0;
	font-size: 16px;
	width: 160px;
	margin: auto;
	color: #fff;
	/*background-color: transparent;
	background-image: url(../images/navListItemBg.png);*/
}
.web .nav li a:hover{
	font-weight:bolder;
	/*background-color: transparent;*/
}

.web .nav li.current a{
	font-weight:bolder;
	background-color: transparent;
	background-position: bottom left;
}
.web .nav li.focusOpen a{
	font-weight:bolder;
	background-color: transparent;
}




.web .nav li ul{
	display:none;
	padding-bottom: 10px;
	z-index:20;
	width: 500px;
}
.web .nav li.focusOpen ul{
	display: block;
	position: absolute;
	left: 0px;
	top: 80px;
}
.web .nav li li{
	background: none;
	background-color: #0094d7;
	float: none;
	clear: both;
	height: 26px;
}
.web .nav li li a{
	height: 26px;
	line-height: 26px;;
	font-size: 14px;
	border: none !important;
	color: #fff;
}

.web .nav li li a:hover{
	color: #fff;
	background-color: #48afde;
}

.web .nav li.focusOpen ul li{
}
.web .nav li.focusOpen ul li{
}

.web .nav li ul ul{
	display: none !important;
}

.web .nav li li{
	background:none;
	float:left;
	width:160px;
	height: 60px;
	clear: none;
}
.web .nav li li a{
	width:56px;
	background:none;
	height:40px;
	line-height:40px;
	padding:0;
	padding-top: 20px;
	font-weight:normal;
	font-size:14px;
	border-bottom:solid 1px #ccccca;
	margin: auto;
}
.web .nav li li a:hover{
	background:none;
	color:#000;
}



.web .nav li.focusOpen ul{
	display: none;
}



.mobile .navBgGroup{
	display:none;
}


.mobile .logo{
}
.mobile .nav{
	border-top: solid 1px #4ba9d8;
}
.mobile .nav li{
	width: 20%;
	background-color: #168ec9;
}
.mobile #navListItem1{
	display: none;
}
.mobile .nav li.current a{
	background-color: #1077aa;
}


.mobile .logo{
	background-size: contain;
	background-position: 20px center;
}













.web #addFavorite{
	position:absolute;
	display:block;
	right:105px;
	top:8px;
	display:none;
}
.web #setHome{
	position:absolute;
	display:block;
	right:170px;
	top:8px;
	display:none;
}
.web #languageLink{
	position:absolute;
	right:20px;
	top:20px;
	display:block;
	z-index:500;
	font-size: 14px;
}
.web #languageLink a{
	padding:0 5px;
}
.web .banner {
	width: 100%;
	background-color:#eee;
	height: 360px;
	margin:auto;
	/*background-image:url(../images/bannerBg.png);*/
}
.web .banner .alpha {
	height:360px;
}
.web .banner .control {
	position:absolute;
	top:330px;
	left:0px;
	z-index:11;
}
.focusModule.control li a.title{
	background-color:#999;
}
.focusModule.control li.focusOpen a.title{
	background-color:#af2124;
}
.focusModuleGroup{ position:relative;}




.mobile .banner {
	width: 100%;
	background-color:#eee;
	height: 150px;
	margin:auto;
	/*background-image:url(../images/bannerBg.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.mobile .banner .alpha {
	height:150px;
}
.mobile .banner .control {
	position:absolute;
	top:130px;
	left:0px;
	z-index:11;
}

.web header #searchForm{
	display:block;
	right:20px;
	padding:0;
	top: 45px;
}

.web header #keyword{
	width:233px;
	height:28px;
	background:none;
	border:none;
	line-height:20px;
	background-color:#ccc;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
}
.web header #searchBtn{
	width:28px;
	height:28px;
	text-indent:-9999px;
	background:none;
	border:none;
	right:3px;
	position: absolute;
	top: 1px;
	background-image:url(../images/searchBtnBg.png);
}












.web .pageBody{
	width:100%;
	min-width:1200px;
	
}

.web .pageBody .wrapper{
	/*background-color:#FFF;*/
}

.web .pageBody #falseBanner{
	width:1130px;
	height:125px;
	background-color:#eee;
	padding-top:25px;
	padding-bottom:25px;
}
.web .pageBody #falseBanner img{
	height:125px;
}
.pageBody #falseBanner .title{
	display:none;
}








.web .pageFooter{
	position:relative;
	width:100%;
	min-width:1200px;
	height:340px;
	background-color: #383838;
	background-image:url(../images/pageFooterBg.png);
	background-position: center top;
}

.web .pageFooter{
	color:#efefef;
	background-color: #1e1f1c;
}
.web .pageFooter strong{
	color: #efefef;
	font-weight: normal;
}
.web .pageFooter a{
	color:#efefef;
}


.web .pageFooter .wrapper{
	height:340px;
}
.web .pageFooter .webDesign{
	display:none;
}
.web .pageFooter .copyRight{
}
.web .pageFooter .slaveNav{
	position: absolute;
	top:35px;
	right: 0px;
}
.web .pageFooter .slaveNav li{
	width:150px;
	display:block;
	float: left;
	line-height: 40px;
	font-size: 18px;
	text-indent: 40px;
}
.web .pageFooter .slaveNav li li{
	font-size: 14px;
	line-height:25px;
}
.web .pageFooter .slaveNav li a{
	
}


.web .pageFooter .slaveNav li li ul{
	display: none;
}


.web .pageFooter .slaveNav #navListItem1{
	display: none;
}



.web .pageFooter .slaveNav #navListItem3{
	width:300px;
}










.web .pageFooter #contact{
	position: absolute;
	top: 160px;
	left: 0;
}
.web .pageFooter #contact p{
	line-height: 24px;
	text-align: left;
}



.mobile .pageFooter #contact{
	clear: both;
}




.web .pageFooter .copyRight{
	position: absolute;
	bottom: 35px;
	width: 100%;
	text-align: center;
}

.web .pageFooter .miitbeian{
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.mobile .pageFooter{
	position:relative;
	height:40px;
	background-position:top center;
	background-image:url(../images/pageFooterBg.png);
	background-color: #303030;
	background-size:cover;
	background-repeat: no-repeat;
}
.mobile .pageFooter{
	text-align:center;
	color:#fff;
	height:auto;
}
.mobile .pageFooter a{
	color:#fff;
}

.mobile .pageFooter .slaveNav{
	display: none;
}

.mobile .pageFooter p{
	padding-top:10px;
}










#pageBody2 .banner{
	background-image:url(../images/banner/2.jpg);
}

#pageBody3 .banner{
	background-image:url(../images/banner/3.jpg);
}


#pageBody10 .banner{
	background-image:url(../images/banner/10.jpg);
}

#pageBody4 .banner{
	background-image:url(../images/banner/4.jpg);
}

#pageBody5 .banner{
	background-image:url(../images/banner/5.jpg);
}

.web #floatBox {
    background-image: url(../images/floatBox.png);
    height: 330px;
    width: 200px;
    position: absolute;
    z-index: 1000;
}
.web .close {
    display: block;
    width: 15px !important;
    height: 15px !important;
    position: absolute;
    top: -15px;
    right: 0px;
    background-image: url(../images/close.png);
    cursor: pointer !important;
}
.web #floatBox .qq1 {
    bottom: 240px;
}

.web #floatBox .qq {
    height: 25px;
    width: 80px;
    left: 97px;
    top: 200px;
}
.web #floatBox .qq2 {
    height: 25px;
    width: 80px;
    left: 97px;
    top: 240px;
}
.web #floatBox .qq3 {
    height: 25px;
    width: 80px;
    left: 97px;
    top: 280px;
}
.web #floatBox a {
    position: absolute;
    width: 20px;
    height: 60px;
    cursor: pointer;
}



/*
.mobile #floatBox {
    background-image: url(../images/floatBox.png);
    height: 330px;
    width: 200px;
    position: absolute;
    z-index: 1000;
}
.mobile #floatBox .qq1 {
    bottom: 240px;
}

.mobile #floatBox .qq {
    height: 25px;
    width: 80px;
    left: 97px;
    top: 200px;
}
.mobile #floatBox .qq2 {
    height: 25px;
    width: 80px;
    left: 97px;
    top: 240px;
}
.mobile #floatBox .qq3 {
    height: 25px;
    width: 80px;
    left: 97px;
    top: 280px;
}
.mobile #floatBox a {
    position: absolute;
    width: 20px;
    height: 60px;
    cursor: pointer;
}*/