@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:5950px;
}

















.web .module{
	background-position:center top;
	background-repeat:no-repeat;
	position:relative;
}

.mobile .module{
	margin:0;
	border:none;
}
.mobile .module .titleBar{
}
.mobile .module .slaveColumnName{
}















.web #search{
	width:100%;
	height:70px;
	background-image:url(../images/searchBg.png);
}
.web #search .wrapper{
	height:70px;
}

.web #search p{
	color:#325d9c;
	line-height:70px;
}
.web #search p a{
	color:#325d9c;
} 
.web #search p label{
	font-weight:bold;
} 

.web #search form{
	position:absolute;
	right:0;
	top:14px;
}





.web #search #keyword{
	background:none;
	border:none;
	
	position:absolute;
	right:60px;
	width:188px;
	height:38px;
	border:solid 1px #dfdfdf;
	background-color:#FFF;
}
.web #search #searchBtn{
	background:none;
	border:none;
	
	position:absolute;
	right:0;
	display:block;
	width:60px;
	height:40px;
	text-indent:-9999px;
}

.mobile #search{
	background-color:#e6e6e6;
	line-height:2em;
	display:none;
}





.web #customer{
	width:100%;
	height:370px;
	background-image:url(../images/customerBg.png);
}


.web #customer .wrapper{ height:370px;}




.web #customer #customerContainer{
	position:absolute;
	left:0px;
	top:175px;
	height:160px;
	width:1200px;
}
.web #customer #customerContainer .container{
	position:absolute;
	width:1100px;
	height:160px;
	display:block;
	overflow:hidden;
	left:45px;
	top:0px;
}
.web #customer .focusModule .prevBtn{
	width:25px;
	height:110px;
	left:0px;
	top:10px;
	background-color:transparent;
}
.web #customer .focusModule .nextBtn{
	width:25px;
	height:110px;
	right:0px;
	top:10px;
	background-color:transparent;
}
.web #customer #customerContainer ul{
	position:absolute;
	width:9999px;
}
.web #customer #customerContainer li{
	position:relative;
	width:220px;
	height:160px;
	float:left;
	background:none;
	background-image:url(../images/customerItemBg.png);
}
.web #customer #customerContainer .logo{
	background:none;
	position:absolute;
	left:25px;
	top:10px;
	height:110px;
	width:170px;
}
.web #customer #customerContainer .logo:hover{
}
.web #customer #customerContainer .logo img{
	width:170px !important;
	height:110px !important;
	margin-top:0 !important;
	margin-left:0 !important;
}
.web #customer #customerContainer .title{
	position:absolute;
	top:135px;
	left:25px;
	height:30px;
	width:170px;
	line-height:30px;
	display:block;
	text-align:center;
}



.mobile #customer{}
.mobile #customer .focusModule .prevBtn{
	width:25px;
	height:60px;
	left:0px;
	top:60px;
	background-color:transparent;
	background-image:url(../images/prevBtnBg.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.mobile #customer .focusModule .nextBtn{
	width:25px;
	height:60px;
	right:0px;
	top:60px;
	background-color:transparent;
	background-image:url(../images/nextBtnBg.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.mobile #customer #customerContainer{
	height:70px;
	width:90%;
	margin:auto;
}
.mobile #customer #customerContainer .container{
	height:70px;
	display:block;
	overflow:hidden;
}
.mobile #customer #customerContainer ul{
	position:absolute;
	width:9999px;
	margin-top:10px;
}
.mobile #customer #customerContainer li{
	position:relative;
	width:80px;
	height:60px;
	float:left;
	background:none;
}
.mobile #customer #customerContainer .logo{
	background:none;
	position:absolute;
	left:0px;
	top:0px;
	height:60px;
	width:80px;
}
.mobile #customer #customerContainer .logo:hover{
}
.mobile #customer #customerContainer .logo img{
	width:80px !important;
	height:auto !important;
	margin-top:0 !important;
	margin-left:0 !important;
}
.mobile #customer #customerContainer .title{
	position:absolute;
	top:135px;
	left:25px;
	height:30px;
	width:170px;
	line-height:30px;
	display:block;
	text-align:center;
}




















.web #productService{
	width:100%;
	height:1350px;
	background-image:url(../images/productServiceBg.jpg);
	background-color:#007eaa;
}





.web #product{ width:1200px; margin:auto; height:555px;}
.web #product .tabList{ width:260px; height:450px; position:absolute; display:block; top:105px;}
.web #product .tabList li{ width:260px; height:50px; background-image:url(../images/productTabItemBg.png);}
.web #product .tabList li.focusOpen{ background-position:left bottom;}

.web #product .tabList li a{ text-align:center; position:relative; width:250px; height:100%; display:block; line-height:50px; color:#FFF; cursor:pointer;}

.web #product .tabContentList{ position:absolute; right:0; top:45px; width:900px; height:510px; display:block; overflow:hidden;}
.web #product .tabContentList li{ width:900px; height:510px; position:absolute; left:0; top:0; opacity:0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
	opacity:0;
}
.web #product .tabContentList li a{
	position:absolute;
	width:900px;
	height:510px;
}
.web #product .tabContentList li.focusOpen{ opacity:1}

.web #product .tabContentList li div{ position:absolute; width:710px; height:240px; display:block; top:190px; right:-300px; background-image:url(../images/productContentContentBg.png);
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
	opacity:0;
}
.web #product .tabContentList li.focusOpen div{ right:0px; opacity:1;}




.web #product .tabContentList li .title{ font-size:24px; color:#FFF; position:absolute; left:40px; top:50px; font-weight:normal;}
.web #product .tabContentList li .content{ color:#FFF; position:absolute; left:40px; top:105px; font-weight:normal; width:340px; line-height:24px;}
.web #product .tabContentList li .photo{ position:absolute; right:25px; top:-125px;}



.web #service{ width:1200px; margin:auto; height:795px;}


.web #service .tabList{}
.web #service .tabList li{ position:absolute; width:145px; height:145px;}
.web #service .tabList li a{ display:block; width:100%; height:100%; text-indent:-9999px; border-radius:50%; cursor:pointer;}

.web #service .tabList li#serverItem_01{ left:55px; top:430px;background-image:url(../images/serverItem_01.png);width: 142px;height: 142px;}
.web #service .tabList li#serverItem_02{ left:205px; top:290px;background-image:url(../images/serverItem_02.png);width: 142px;height: 142px;}
.web #service .tabList li#serverItem_03{ left:400px; top:210px;background-image:url(../images/serverItem_03.png);width: 142px;height: 142px;}
.web #service .tabList li#serverItem_04{ right:400px; top:210px;background-image:url(../images/serverItem_04.png);width: 142px;height: 142px;}
.web #service .tabList li#serverItem_05{ right:205px; top:290px;background-image:url(../images/serverItem_05.png);width: 142px;height: 142px;}
.web #service .tabList li#serverItem_06{ right:55px; top:430px;background-image:url(../images/serverItem_06.png);width: 142px;height: 142px;}




.web #service .tabList li:hover#serverItem_01{background-position:bottom center;}
.web #service .tabList li:hover#serverItem_02{background-position:bottom center;}
.web #service .tabList li:hover#serverItem_03{background-position:bottom center;}
.web #service .tabList li:hover#serverItem_04{background-position:bottom center;}
.web #service .tabList li:hover#serverItem_05{background-position:bottom center;}
.web #service .tabList li:hover#serverItem_06{background-position:bottom center;}

.web #service .tabContentList{}
.web #service .tabContentList li{ width:430px; height:220px; position:absolute; display:block; background-color:#fff; border-radius:25px;
	opacity:0;
	filter:Alpha(opacity=0);
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
}
.web #service .tabContentList li.focusOpen{
opacity:1;
filter:Alpha(opacity=100);
}
.web #service .tabContentList li h4{ font-size:20px; color:#315a97; margin-left:30px; margin-right:30px; font-weight:normal; padding-top:15px; line-height:35px}
.web #service .tabContentList li p{margin-left:30px; margin-right:30px; line-height:30px; color:#666666;}

.web #service .tabContentList li#serverContentItem_01{left:235px; top:550px; }
.web #service .tabContentList li.focusOpen#serverContentItem_01{top:500px; }

.web #service .tabContentList li#serverContentItem_02{left:325px; top:480px; }
.web #service .tabContentList li.focusOpen#serverContentItem_02{top:430px; }

.web #service .tabContentList li#serverContentItem_03{left:380px; top:420px; }
.web #service .tabContentList li.focusOpen#serverContentItem_03{top:370px; }

.web #service .tabContentList li#serverContentItem_04{right:380px; top:420px; }
.web #service .tabContentList li.focusOpen#serverContentItem_04{top:370px; }

.web #service .tabContentList li#serverContentItem_05{right:325px; top:480px; }
.web #service .tabContentList li.focusOpen#serverContentItem_05{top:430px; }

.web #service .tabContentList li#serverContentItem_06{right:235px; top:550px; }
.web #service .tabContentList li.focusOpen#serverContentItem_06{top:500px; }





.mobile #product{
}
.mobile #product .tabList{ display:none;}

.mobile #product .tabContentList{}
.mobile #product .tabContentList li{ position:relative; height:auto; overflow:hidden; width:33.33%; float:left; margin-bottom:10px;}
.mobile #product .tabContentList li .contentBg{ width:100%; display:none;}
.mobile #product .tabContentList li div{ text-align:center;}
.mobile #product .tabContentList li .title{ font-size:12px; font-weight:normal; line-height:30px; padding-top:5px; position:relative; text-align:center;}
.mobile #product .tabContentList li .content{ width:210px; font-weight:normal; line-height:16px; font-size:12px; display:none;}
.mobile #product .tabContentList li .photo{ width:100px; position:relative; margin:auto;border:solid 1px #ccc; }


.mobile #service{
}
.mobile #service img.mobile{
	width:100%;
}
.mobile #service .tabList{ display:none;}
.mobile #service .tabList a{ display:none;}

.mobile #service .tabContentList{ display:none;}
.mobile #service .tabContentList li{
	padding-bottom:10px;
}




.web #advantage{
	width:100%;
	height:1150px;
	background-image:url(../images/advantageBg.png);
	background-color:#007eaa;
}
.web #advantage .titleBar{ height:180px; display:block; visibility:hidden;}
.web #advantage .wrapper{ width:1200px; height:900px;}
.web #advantage .adv{ display:block; width:600px; position:relative; height:300px; float:left;}
.web #advantage .adv .content{ width:50%; clear:both; position:absolute; height:300px;}
.web #advantage .adv .photo{ width:50%; height:100%; position:absolute; right:0; top:0;clear:both; overflow:hidden;}
.web #advantage .adv img{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:300px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
}
.web #advantage .adv:hover img{
	width:320px;
	height:320px;
	left:-10px;
	top:-10px;
}

.web #advantage .adv h4{ font-size:24px; color:#315a97; padding-left:30px; padding-top:28px;}
.web #advantage .adv ul{ padding-left:30px; padding-right:30px; padding-top:30px;}
.web #advantage .adv ul li{ line-height:30px;}

.web #advantage .adv_01 .content,
.web #advantage .adv_02 .content{ right:0;}

.web #advantage .adv_01 .photo,
.web #advantage .adv_02 .photo{ right:auto; left:0; }


.web #advantage .adv_05{ width:1200px;}
.web #advantage .adv_05 h4{ font-size:24px; color:#315a97; padding-left:40px; padding-top:60px;}
.web #advantage .adv_05 ul{ padding-left:40px; padding-right:30px; padding-top:20px;}
.web #advantage .adv_05 ul li{ line-height:30px;}
.web #advantage .adv_05 .photo{ width:600px; height:300px;}
.web #advantage .adv_05 .photo img{ width:600px; height:300px;}
.web #advantage .adv_05:hover .photo img{ width:640px; height:320px; left:-20px;}





.mobile #advantage{
	width:100%;
}
.mobile #advantage .adv{
	padding-bottom:10px;
	height:120px;
	position:relative;
	margin:auto;
	
}
.mobile #advantage .adv .content{
	position:absolute;
	left:120px;
	top:0;
	width:220px;
}

.mobile #advantage .adv .photo{
	width:100px;
	height:100px;
	position:absolute;
	overflow:hidden;
	left:0;
}
.mobile #advantage .adv .photo img{
	width:100%;
}

.mobile #advantage .adv_05 .photo img{ width:auto; height:100px;}
















.web #domain{
	width:100%;
	height:720px;
	background-image:url(../images/domainBg.jpg);
	background-color:#007eaa;
}

.web #domain ul{ width:1020px; position:relative; margin:auto; padding-top:60px;}
.web #domain li{ width:340px; height:300px; overflow:hidden; position:relative; float:left;}
.web #domain li a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.web #domain li img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.web #domain strong{ position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/domainItemBg.png); font-size:30px; text-align:center; color:#FFF; line-height:300px; font-weight:normal; opacity:0; cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
}
.web #domain li:hover strong{ opacity:1;}
.web #domain li:hover img{
	width:110%; height:110%; left:-5%; top:-5%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
}

.web #domain li.domain_01,
.web #domain li.domain_02{
	width:510px;
}
.web #domain li.domain_01:hover img,
.web #domain li.domain_02:hover img{ width:110%; height:110%; left:-5%; top:-5%;}




.mobile #domain{
}

.mobile #domain ul{ width:300px; position:relative; margin:auto;}
.mobile #domain li{ width:100px; height:100px; overflow:hidden; position:relative; float:left;}
.mobile #domain li a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.mobile #domain li img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.mobile #domain strong{ position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/domainItemBg.png); font-size:14px; text-align:center; color:#FFF; line-height:100px; font-weight:normal; opacity:0; cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
}
.mobile #domain li:hover strong{ opacity:1;}
.mobile #domain li:hover img{
	width:110%; height:110%; left:-5%; top:-5%;
	transition: all 0.5s;
	-moz-transition: all 0.5s;	/* Firefox 4 */
	-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
	-o-transition: all 0.5s;	/* Opera */
}

.mobile #domain li.domain_01,
.mobile #domain li.domain_02{
	width:150px;
}
.mobile #domain li.domain_01:hover img,
.mobile #domain li.domain_02:hover img{ width:110%; height:110%; left:-5%; top:-5%;}














.web #certification{
	width:100%;
	height:460px;
	background-image:url(../images/certificationBg.png);
}
.web #certification .wrapper{ height:460px;}




.web #certification #certificationContainer{
	position:absolute;
	left:0px;
	top:175px;
	height:220px;
	width:1200px;
}
.web #certification #certificationContainer .container{
	position:absolute;
	width:1100px;
	height:220px;
	display:block;
	overflow:hidden;
	left:45px;
	top:0px;
}
.web #certification .focusModule .prevBtn{
	width:25px;
	height:110px;
	left:0px;
	top:55px;
	background-color:transparent;
}
.web #certification .focusModule .nextBtn{
	width:25px;
	height:110px;
	right:0px;
	top:55px;
	background-color:transparent;
}
.web #certification #certificationContainer ul{
	position:absolute;
	width:9999px;
}
.web #certification #certificationContainer li{
	position:relative;
	width:220px;
	height:220px;
	float:left;
	background:none;
}
.web #certification #certificationContainer .preview{
	background:none;
	position:absolute;
	left:9px;
	top:9px;
	height:200px;
	width:200px;
	border:solid 1px #cccccc;
}
.web #certification #certificationContainer .preview:hover{
}
.web #certification #certificationContainer .preview img{
	/*width:200px !important;
	height:200px !important;
	margin-top:0 !important;
	margin-left:0 !important;*/
}
.web #certification #certificationContainer .title{
	position:absolute;
	top:180px;
	left:10px;
	height:30px;
	width:200px;
	line-height:30px;
	display:block;
	text-align:center;
	background-image:url(../images/black_op70.png);
	color:#FFF;
}




.mobile #certification{ }
.mobile #certification .focusModule .prevBtn{
	width:25px;
	height:60px;
	left:0px;
	top:60px;
	background-color:transparent;
	background-image:url(../images/prevBtnBg.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.mobile #certification .focusModule .nextBtn{
	width:25px;
	height:60px;
	right:0px;
	top:60px;
	background-color:transparent;
	background-image:url(../images/nextBtnBg.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.mobile #certification #certificationContainer{
	height:70px;
	width:90%;
	margin:auto;
}
.mobile #certification #certificationContainer .container{
	height:70px;
	display:block;
	overflow:hidden;
}
.mobile #certification #certificationContainer ul{
	position:absolute;
	width:9999px;
}
.mobile #certification #certificationContainer li{
	position:relative;
	width:60px;
	height:60px;
	float:left;
	background:none;
}







/*
.web #newsQa{
	width:100%;
	height:400px;
	background-image:url(../images/newsQaBg.png);
}
*/
.web #news{
	width:760px;
	height:400px;
	background-image:url(../images/newsBg.png);
	float:left;
}
.web #news.focus_01{
	background-position:left top;
}
.web #news.focus_02{
	background-position:left bottom;
}



.web #news .newsItemTab{ width:120px; height:50px; display:block; float:left; text-indent:-9999px; display:block; cursor:pointer;}
.web #news .newsItemContent{ display:none; clear:both;}

.web #news .newsList{
	position:absolute;
	width:330px;
	height:350px;
	left:380px;
	top:75px;
}
.web #news .newsList li{
	height:35px;
	background-image:url(../images/newsItemBg.png);
	font-size:14px;
}
.web #news .newsList li .upDateTime{
	display:none;
}

.web #news .recommendList{
	position:absolute;
	left:0;
	top:75px;
}
.web #news .recommendList .preview{
	width:350px;
	height:200px;
}
.web #news .recommendList .preview img{
	width:350px;
	height:200px;
}
.web #news .recommendList .title{
	width:350px;
	position:absolute;
	top:210px;
	left:0;
	font-size:14px;
}
.web #news .recommendList .upDateTime{
	display:none;
}
.web #news .recommendList .description{
	width:350px;
	position:absolute;
	left:0;
	top:235px;
	left:0;
	display:block;
	font-size:12px;
}




.mobile #news{}
.mobile #news .newsItemTab{ width:80px; height:30px; line-height:30px; text-align:center; display:block; float:left;display:block; cursor:pointer;}
.mobile #news .newsItemContent{ display:none; clear:both; padding-top:10px;}

.mobile #news .newsItemTab{ background-color:#9a9a9a; color:#FFF;}

.mobile .focus_01{}
.mobile .focus_01 #newsItemTab_01{ background-color:#228cee;}
.mobile .focus_02{}
.mobile .focus_02 #newsItemTab_02{ background-color:#228cee;}




.web #QA{
	width:440px;
	height:400px;
	background-image:url(../images/QABg.png);
	float:left;
}
.web #QA .titleBar{
	height:50px;
	display:block;
	visibility:hidden;
}
.web #QA ul{
}
.web #QA li{
	background-image:url(../images/QAItemBg.png);
	height:150px;
	position:relative;
	overflow: hidden;
}
.web #QA li .title{
	position:absolute;
	left:45px;
	top:25px;
	line-height:30px;
	color:#3e107c;
}
.web #QA li .content{
	position:absolute;
	top:75px;
	width:395px;
	left:45px;
	line-height:25px;
}



.mobile #QA{}
.mobile #QA li .title{
	line-height:30px;
	color:#3e107c;
	font-size:14px;
	font-weight:bold;
}
.mobile #QA li .content{
	line-height:2em;
	height:6em;
	overflow:hidden;
}
















.web #company{
	width:100%;
	height:980px;
	background-image:url(../images/companyBg.jpg);
}
.web #company .more{
	position:absolute;
	display:block;
	width:180px;
	height:50px;
	bottom:150px;
	top:auto;
	left:510px;
	text-indent:-9999px;
}
.web #company .wrapper{
	height:980px;
}
.web #company .wrapper p{
	line-height:34px;
	font-size:14px;
	padding-top:30px;
	text-align:center;
	color:#666;
}

.mobile #company{
}
.mobile #company .wrapper p{
	line-height:20px;
	text-indent:2em;
}
.mobile #company img{
	max-width:100%;
	margin-bottom:10px;
}