@charset "utf-8";
/* CSS Document */
body{
	/*background-color:#ececec;*/}
.web .pageBody {
	height:auto;
	/*background-image:url(../images/pageBodyBg.png);*/
	background-position:center bottom;
	min-width:1200px;
	height:6240px;
}
.web .pageBody .wrapper{ height:100%;}

.web .pageBody .more{ position:absolute; right:20px; top:75px; width:50px; height:20px; display:block; text-indent:-9999px;}


.module{ background-position:center top; position:relative;}
.hBanner{ background-position:center top;}













.web #customer {
	background-image:url(../images/customerBg.png);
	width:100%;
	height:320px;
}
.web #customer .titleBar{ display:block; height:120px; visibility:hidden;}
.web #customer #customerContainer{ width:1100px; height:145px;  position:relative; margin:auto; overflow:hidden;}
.web #customer #customerContainer .container{ width:1100px; height:145px; position:absolute; left:00px; }
.web #customer ul{
	position:absolute;
	width:9999px;
}
.web #customer li{
	position:relative;
	width:240px;
	height:145px;
	float:left;
}
.web #customer li .logo{
	background:none;
	width:220px;
	height:110px;
	display:block;
	border:solid 1px #e5e5e5;
	position:relative;
	margin:auto;
	left:0;
	top:0;
}
.web #customer li .title{
	display:block;
	text-align:center;
	display:block;
	line-height:35px;
	background-color:#e5e5e5;
	width:222px;
	margin:auto;
}
.web #customer .prevBtn{ width:30px; height:30px; right:-5px; top:0; left:auto; background:none;background-image:url(../images/customerBtnBg.png); background-position:top left;}
.web #customer .nextBtn{ width:30px; height:30px; right:-5px; top:30px; background:none;background-image:url(../images/customerBtnBg.png); background-position:bottom left;}






.mobile #customer {
}
.mobile #customer #customerContainer{ width:100%; height:100px;  position:relative; margin:auto; overflow:hidden;}
.mobile #customer #customerContainer .container{ width:100%; height:100px; position:absolute; left:00px; }
.mobile #customer ul{
	position:absolute;
	width:9999px;
}
.mobile #customer li{
	position:relative;
	width:120px;
	height:100px;
	float:left;
}
.mobile #customer li .logo{
	background:none;
	width:110px;
	height:55px;
	display:block;
	border:solid 1px #e5e5e5;
	position:relative;
	margin:auto;
	left:0;
	top:0;
}
.mobile #customer li .logo img{
	width:100%;
	height:100%;
}
.mobile #customer li .title{
	display:block;
	text-align:center;
	display:block;
	line-height:35px;
	background-color:#e5e5e5;
	width:110px;
	margin:auto;
}
.mobile #customer .prevBtn{ width:30px; height:30px; right:-5px; top:0; left:auto; background:none;background-image:url(../images/customerBtnBg.png); background-position:top left;}
.mobile #customer .nextBtn{ width:30px; height:30px; right:-5px; top:30px; background:none;background-image:url(../images/customerBtnBg.png); background-position:bottom left;}






















.web #hBanner1 {
	background-image:url(../images/banner1Bg.jpg);
	width:100%;
	height:190px;
}
.web #hBanner1 a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
}

.web #product {
	background-image:url(../images/productBg.png);
	width:100%;
	height:450px;
}
.web #product .tabList{
	position:absolute;
	left:0px;
	top:105px;
}
.web #product .tabList li{
	width:300px;
	height:65px;
}
.web #product .tabList li a{
	background-image:url(../images/productTabListItemBg.png);
	position:relative;
	width:300px;
	height:55px;
	line-height:55px;
	display:block;
	text-indent:35px;
	color:#fff;
	background-color:#1c62b2;
}
.web #product .tabList li a:hover{
	background-position:bottom left;
	color:#FFF;
	background-color:#fe9211;
}



.web #product .productList{
	position:absolute;
	left:316px;
	top:66px;
	width:885px;
	height:354px;
}
.web #product .productList li{
	position:relative;
	width:177px;
	height:177px;
	display:block;
	float:left;
}
.web #product .productList .preview{
	width:135px;
	height:135px;
	position:relative;
	display:block;
	margin:auto;
	margin-top:5px;
}
.web #product .productList .preview img{
	width:135px;
	height:135px;
}
.web #product .productList .title{
	line-height:30px;
	text-align:center;
	display:block;
	width:100%;
}
.web #product .productList .columnName,
.web #product .productList .upDateTime,
.web #product .productList .description{
	display:none;
}





.mobile #product {
}

.mobile #product .tabList{
}
.mobile #product .tabList li{
	width:50%;
	height:30px;
	float:left;
}
.mobile #product .tabList li a{
	position:relative;
	width:90%;
	height:25px;
	line-height:25px;
	display:block;
	color:#fff;
	text-indent:1em;
	background-color:#2c62b3;
	border:solid 1px #b9c4dc;
	margin:auto;
}
.mobile #product .tabList li a:hover{
	color:#FFF;
}



.mobile #product .productList{
	clear:both;
	position:relative;
	overflow:hidden;
	height:390px;
}
.mobile #product .productList li{
	position:relative;
	width:33.33%;
	height:130px;
	display:block;
	float:left;
}
.mobile #product .productList .preview{
	width:90px;
	height:90px;
	position:relative;
	display:block;
	margin:auto;
	margin-top:5px;
}
.mobile #product .productList .preview img{
	width:90px;
	height:90px;
}
.mobile #product .productList .title{
	line-height:30px;
	text-align:center;
	display:block;
	width:100%;
	font-size:9pt;
}
.mobile #product .productList .columnName,
.mobile #product .productList .upDateTime,
.mobile #product .productList .description{
	display:none;
}












.mobile #technology {
	display:none;
}


.web #technology {
	background-image:url(../images/technologyBg.jpg);
	width:100%;
	height:720px;
}
.web #technology .wrapper{
	display:none;
}

.mobile #technology ul{
}
.mobile #technology li{
	line-height:2em;
}
.mobile #technology h4{
	font-size:12pt;
	color:#2776ae;
	padding-bottom:5px;
}


















.web #hBanner2 {
	background-image:url(../images/banner2Bg.jpg);
	width:100%;
	height:190px;
}
.web #hBanner2 a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
}





















.web #advantage {
	background-image:url(../images/advantageBg.jpg);
	width:100%;
	height:1390px;
}

.web #advantage ul {}
.web #advantage li{
	height:235px;
	position:relative;
}
.web #advantage h4{
	font-size:36px;
	color:#2776ae;
	padding-bottom:5px;
}
.web #advantage h4 strong{
	color:#fd932d;
}

.web #advantage p{
	line-height:24px;
}
.web #advantage p strong{
	font-size:18px;
	font-weight:bold;
	color:#2776ae;
}

.web #advantage #advantage_01{}
.web #advantage #advantage_01 div{
	position:absolute;
	left:150px;
	top:58px;
	width:408px;
}
.web #advantage #advantage_02{
	height:270px;
}
.web #advantage #advantage_02 div{
	position:absolute;
	left:747px;
	top:95px;
	width:408px;
}
.web #advantage #advantage_03{
	height:294px;
}
.web #advantage #advantage_03 div{
	position:absolute;
	left:150px;
	top:110px;
	width:408px;
}
.web #advantage #advantage_04{
	height:281px;
}
.web #advantage #advantage_04 div{
	position:absolute;
	left:747px;
	top:95px;
	width:408px;
}
.web #advantage #advantage_05{
	height:308px;
}
.web #advantage #advantage_05 div{
	position:absolute;
	left:150px;
	top:120px;
	width:408px;
}


.mobile #advantage ul {}
.mobile #advantage li {
	line-height:2em;
}
.mobile #advantage h4{
	font-size:12pt;
	color:#2776ae;
	padding-bottom:5px;
}
.mobile #advantage h4 strong{
	color:#fd932d;
}









.web #support {
	background-image:url(../images/supportBg.png);
	width:100%;
	height:620px;
}

.web #support ul{
	position:absolute;
	top:180px;
}
.web #support li{
	position:relative;
	width:400px;
	float:left;
}
.web #support .icon{
	position:relative;
	margin:auto;
	display:block;
	margin-bottom:30px;
	width:200px;
	height:170px;
	overflow:hidden;
}
.web #support img{
	position:absolute;
	left:0;
	top:0;
}
.web #support li:hover img{
	top:-170px;
}



.web #support p{
	position:relative;
	width:325px;
	margin:auto;
	color:#666;
	line-height:25px;
}










.mobile #support {
}

.mobile #support ul{
}
.mobile #support li{
	padding-bottom:20px;
}
.mobile #support .icon{
	position:relative;
	margin:auto;
	display:block;
	margin-bottom:30px;
	width:200px;
	height:170px;
	overflow:hidden;
}
.mobile #support img{
	position:absolute;
	left:0;
	top:0;
}
.mobile #support li:hover img{
	top:-170px;
}



.mobile #support p{
	position:relative;
	margin:auto;
	color:#666;
	line-height:25px;
}














.web #case {
	background-image:url(../images/caseBg.png);
	width:100%;
	height:800px;
}

.web #case .tabList{
	position:absolute;
	left:13px;
	top:279px;
}
.web #case .tabList li{
	width:225px;
	height:65px;
}
.web #case .tabList li a{
	background-image:url(../images/caseTabListItemBg.png);
	position:relative;
	width:225px;
	height:50px;
	line-height:50px;
	display:block;
	text-indent:35px;
	color:#fff;
}
.web #case .tabList li a:hover{
	background-position:bottom left;
	color:#FFF;
}







.web #case .caseList{
	position:absolute;
	left:300px;
	top:180px;
	width:915px;
	height:540px;
}
.web #case .caseList li{
	position:relative;
	width:305px;
	height:175px;
	display:block;
	float:left;
}
.web #case .caseList .preview{
	width:290px;
	height:160px;
	position:relative;
	display:block;
	overflow:hidden;
}
.web #case .caseList .preview img{
	width:290px;
}
.web #case .caseList .title{
	line-height:30px;
	text-align:center;
	display:block;
	width:100%;
	display:none;
}
.web #case .caseList .columnName,
.web #case .caseList .upDateTime,
.web #case .caseList .description{
	display:none;
}
.web #case .caseList li.first{
	position:relative;
	width:610px;
	height:350px;
	display:block;
	float:left;
}
.web #case .caseList li.first .preview{
	width:595px;
	height:335px;
	position:relative;
	display:block;
	overflow:hidden;
}
.web #case .caseList li.first .preview img{
	width:595px;
}








.mobile #case {
}

.mobile #case .tabList{
}
.mobile #case .tabList li{
	width:50%;
	height:30px;
	float:left;
}
.mobile #case .tabList li a{
	position:relative;
	width:90%;
	height:25px;
	line-height:25px;
	display:block;
	color:#626262;
	text-indent:1em;
	background-color:#e9effc;
	border:solid 1px #b9c4dc;
	margin:auto;
}
.mobile #case .tabList li a:hover{
	background-position:bottom left;
	color:#FFF;
}

.mobile #case .caseList{
	position:absolute;
	left:300px;
	top:180px;
	width:915px;
	height:540px;
	display:none;
}
.mobile #case .caseList li{
	position:relative;
	width:305px;
	height:175px;
	display:block;
	float:left;
}
.mobile #case .caseList .preview{
	width:290px;
	height:160px;
	position:relative;
	display:block;
	overflow:hidden;
}
.mobile #case .caseList .preview img{
	width:290px;
}
.mobile #case .caseList .title{
	line-height:30px;
	text-align:center;
	display:block;
	width:100%;
	display:none;
}
.mobile #case .caseList .columnName,
.mobile #case .caseList .upDateTime,
.mobile #case .caseList .description{
	display:none;
}
.mobile #case .caseList li.first{
	position:relative;
	width:610px;
	height:350px;
	display:block;
	float:left;
}
.mobile #case .caseList li.first .preview{
	width:595px;
	height:335px;
	position:relative;
	display:block;
	overflow:hidden;
}
.mobile #case .caseList li.first .preview img{
	width:595px;
}













.web #enter {
	background-image:url(../images/enterBg.jpg);
	width:100%;
	height:500px;
}


.web #enter div div{
	position:absolute;
	left:620px;
	top:180px;
	width:560px;
}
.web #enter p{
	text-indent:2em;;
	line-height:25px;
	color:#FFF;
}








.web #newsQaWrapper{
	height:400px;
}

.web #news {
	position:relative;
	background-image:url(../images/newsBg.png);
	width:600px;
	height:400px;
	float:left;
}
.web #news .newsList{
	position:absolute;
	left:300px;
	top:140px;
	width:280px;
	
}

.web #news .newsList li{
	height:40px;
	background-image:url(../images/newsListItemBg.png);
}
.web #news .newsList li .title{
	top:12px;
	font-size:14px;
}
.web #news .newsList li .upDateTime{
	top:12px;
	font-size:14px;
}




.web #QA {
	position:relative;
	background-image:url(../images/qaBg.png);
	width:600px;
	height:400px;
	float:left;
}
.web #QA .newsList{
	position:absolute;
	left:150px;
	top:130px;
	width:415px;
}

.web #QA .newsList li{
	height:110px;
	background-image:url(../images/qaListItemBg.png);
	padding-left:35px;
}
.web #QA .newsList li .title{
	font-size:14px;
	color:#2776ae;
	line-height:35px;
	position:relative;
	left:0;
	top:0;
}
.web #QA .newsList li .upDateTime{ display:none;
}
.web #QA .newsList li .content{
	display:block;
	position:relative;
	font-size:14px;
	line-height:25px;
	height:50px;
	overflow:hidden;
	
}










.web #links {
	background-image:url(../images/linksBg.png);
	width:100%;
	height:140px;
	clear:both;
}
.web #links .wrapper{ padding-left:150px; width:1050px; padding-top:20px;}
.web #links a{ padding-left:20px; padding-right:20px; display:block; float:left; line-height:30px;}



.mobile #links li{ display:inline; float:left;}
.mobile #links li a{ display:inline; padding-right:10px;}
.mobile #links .logo{ display:none;}
.mobile #links .upDateTime{ display:none;}