@charset "utf-8";
body{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,fieldset,input,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
img a{border:none;}

/*--公共部分--*/
body{background:#fff;font:12px/1.5em Verdana, Geneva, sans-serif, "宋体";color:#000;padding:0px;margin:0px;width:100%;height:100%;}
select,input{font:12px/1.25em Verdana, Geneva, sans-serif, "宋体";}
html,html>body{width:100%;height:100%;}
.clear{height:1px;font:1px/1px Verdana, Geneva, sans-serif, "宋体";clear:both;margin-top:-1px;}
body{ background-image: url(../img/bg.gif); width:100%; height:100%;}
*{ padding:0; margin:0;}
ul,li{ padding:0; margin:0;}
/*--文字样式--*/
a{color:#000; text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
a:active{ text-decoration:none;}
.clear{ clear:both;}


#banner{ width:100%; background-image:url(../images/bannerbg.gif); height:299px; border-bottom: #17337d 8px solid;}

#banner .photo{ width:980px; height:299px; margin:0 auto; overflow:hidden;}

#wrapper{ width:980px; height:auto; background-color: #FFFFFF; margin:0 auto; margin-top:20px;}

#mainone{ width:980px; height:284px; margin:0 auto;}

#mainoneleft{ width:356px; height:280px; background-color:#faeed7;border:1px solid #fbbd43; float:left; padding:1px;}

#mainoneleft #show{width:356px; margin:0 auto;}
#mainoneleft #kinMaxShow{width:356px; height:280px; visibility:hidden; overflow:hidden;}
#mainoneleft #kinMaxShow p.title{ position:absolute; left:0; bottom:0; text-indent:10px; line-height:30px;font-family:Verdana; color:#FFF; display:block;width:100%; height:30px; font-family:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}

#mainoneright{ width:548px; height:234px; background-image:url(../images/first.gif); float:right; padding:25px; overflow:hidden;}

#mainonerightbg1{ width:548px; height:85px;}

#mainonerightbg2{ width:448px; height:35px; line-height:35px; padding-left:100px; text-align:center; font-size:20px; color:#000000; font-family: "黑体"; font-weight:bold;}

#mainonerightbg2 a{ font-size:20px; color:#000000; font-family: "黑体"; font-weight:bold;}

#mainonerightbg2 a:hover{ font-size:20px; color:#000000; font-family: "黑体"; font-weight:bold; text-decoration:none;}

#mainonerightbg3{ width:448px; height:50px;padding-left:100px; text-indent:2em; color:#343232;}

#mainonerightbg3 a{ color:#343232; text-decoration:none;}

#mainonerightbg3 a:hover{ color:#000; text-decoration: underline;}

#mainonerightbg4{ width:548px; height:146px; padding-top:15px;}

#mainonerightbg4 table a{ font-size:14px; color:#333333; text-decoration:none;}

#mainonerightbg4 table a:hover{ font-size:14px; color:#000; text-decoration: underline;}

#maintwo{ width:980px; height:275px; padding-top:15px; overflow:hidden;}

#maintwoleft{ width:668px; height:273px; border:1px solid #fbbd43; float:left;}

.row-content{ width:668px; margin:0 auto; text-align:left; clear:both}
.showcase.cloud{ position:relative; height:273px}
.showcase.cloud .container{ width:985px; height:273px; overflow:hidden; position:relative}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:799px; height:273px}
.showcase.cloud .slide .content-main-visual{ width:487px; height:364px; overflow:hidden; position:relative}
.showcase.cloud .slide .content-main-visual a{ display:none; width:487px; height:273px; overflow:hidden; position:absolute; z-index:0; top:0; left:0}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a.tablet{ display:none}
.showcase.cloud .slide .content-main-visual a.smartphone{ display:none}
.showcase.cloud .slide .content-main-visual a img{ width:487px; height:273px}

.showcase.cloud .slide .content-main-feature{ height:366px; width:180px; position:absolute; top:0; left:487px}
.showcase.cloud .slide .content-main-feature .feature{ width:180px; height:91px; text-align:center; position:relative; overflow:hidden}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:180px; height:91px; position:relative; background-image:none; opacity:0.4; filter:alpha(opacity=40); color:#000}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a.current{ background:none}
.showcase.cloud .slide .content-main-feature .feature a img{ position:absolute; top:18px; left:18px; width:56px; height:57px; margin:0 auto}
.showcase.cloud .slide .content-main-feature .feature a img.tablet{ display:none}
.showcase.cloud .slide .content-main-feature .feature a img.mobile{ display:none}
.showcase.cloud .slide .content-main-feature .feature a span{ position:absolute; top:32px; left:92px; display:block; width:70px; height:auto; text-align:left; padding:0; color:#fff; font-size:15px}

.showcase.cloud .slide .content-main-feature .azure{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .brick{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .gray{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .green { background-color:transparent}
.showcase.cloud .slide .content-main-feature .dark-azure{ background-color:#0088C4}
.showcase.cloud .slide .content-main-feature .dark-brick{ background-color:#6F0B01}
.showcase.cloud .slide .content-main-feature .dark-gray{ background-color:#272727}
.showcase.cloud .slide .content-main-feature .dark-green{ background-color:#308900}

.showcase.cloud .slide .content-main-feature .azure a{ background-color:#49b8da}
.showcase.cloud .slide .content-main-feature .brick a{ background-color:#A83513}
.showcase.cloud .slide .content-main-feature .gray a{ background-color:#646464}
.showcase.cloud .slide .content-main-feature .green a{ background-color:#85bb23}

.showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .azure a:hover span, .showcase.cloud .slide .content-main-feature .azure a.current span{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover span, .showcase.cloud .slide .content-main-feature .brick a.current span{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover span, .showcase.cloud .slide .content-main-feature .gray a.current span{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current{ background-color:#6FBB00; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover span, .showcase.cloud .slide .content-main-feature .green a.current span{ background-color:#6FBB00; color:#fff}

.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a .timerLine{ display:none; position:absolute; left:0; bottom:0; width:122px; height:7px}
.showcase.cloud .slide .content-main-feature .feature a.current .timerLine{ display:block}













#maintworight{ width:288px; height:273px; border:1px solid #fbbd43; float: right;}

#maintworighttip{ width:276px; background-image:url(../images/tipbg.gif); height:30px; font-size:20px; 
				  font-weight:bold; color:#b03708; padding:7px 0px 0px 12px}

#maintworightcont{ width:258px; height:220px; padding:15px; padding-top:0px;}

#mainthree{ width:980px; height:auto; margin:0 auto; margin-top:20px; margin-bottom:15px; overflow:hidden;}

#mainthreeleft{ width:373px; height:auto; float:left;}

#mainthreeright{ width:582px; height:1046px; float:right;background-color:#faeed7;border:1px solid #fbbd43; overflow:hidden;}

#mainthreeleft .video{ width:373px; height:400px; margin-bottom:12px; overflow:hidden;}

#mainthreeleft .videobg1{ width:363px; height:30px; background-image:url(../images/video.gif); float:left;
 text-align:right; color:#666666; padding:26px 10px 0px 0px;overflow:hidden;}

#mainthreeleft .videobg2{ width:319px; height:330px; background-color:#faeed7;border:1px solid #fbbd43; border-top:none; 

 						margin-left:12px; padding:10px 20px 0px 20px;overflow:hidden; }

#mainthreeleft .videobg3{ width:319px; height:105px; float:left;overflow:hidden;}

#mainthreeleft .videobg4{ width:319px; height:205px; float:left;overflow:hidden;}

#mainthreeleft .videobg4 ul{ margin:0px; padding:0px;}

#mainthreeleft .videobg4 ul li{ line-height:30px; height:30px; text-align:left;}




#mainthreeleft .videobg4 a{ font-size:14px;}

#mainthreeleft .videobg4 a:hover{ font-size:14px; text-decoration:underline}



#mainthreeleft .videobg5{ width:160px; height:100px; float:left;overflow:hidden;}

#mainthreeleft .videobg5 img{ border: 1px solid #FDD485;
    padding: 1px;}

#mainthreeleft .videobg6{ width:157px; height:100px; float:left;overflow:hidden;}

#mainthreeleft .videobg6 a{ font-size:14px; font-weight:bold;}

#mainthreeleft .videobg6 a:hover{ font-size:14px; font-weight:bold; text-decoration:underline}


#mainthreeleft .people{ width:373px; height:360px; margin-bottom:12px; overflow:hidden;}

#mainthreeleft .peoplebg1{ width:373px; background-image:url(../images/people.gif); height:57px; float:left; overflow:hidden;}

#mainthreeleft .peoplebg2{ width:319px; height:300px; background-color:#faeed7;border:1px solid #fbbd43; border-top:none; padding:0px 20px; margin-left:12px; overflow:hidden; }

#mainthreeleft .peoplebg3{ width:317px; height:155px; float:left; padding-top:8px;overflow:hidden;}

#mainthreeleft .peoplebg4{ width:120px; height:155px; float:left;overflow:hidden;}

#mainthreeleft .peoplebg4 img{ padding:1px; border:1px solid #fdd485;}

#mainthreeleft .peoplebg5{ width:193px; height:155px; float: right;overflow:hidden;}

#mainthreeleft .peoplebg5 table{ text-align:left;}

#mainthreeleft .peoplebg6{ width:317px; height:135px; float:left;overflow:hidden;}

#mainthreeleft .peoplebg6 table a{ font-size:14px;}

#mainthreeleft .peoplebg6 table a:hover{ font-size:14px; text-decoration:underline;}

#mainthreeleft .kepu{ width:373px; height:265px; overflow:hidden;}

#mainthreeleft .kepubg1{ width:373px; background-image:url(../images/kepu.gif); height:58px; float:left; overflow:hidden;}

#mainthreeleft .kepubg2{ width:319px; height:205px; background-color:#faeed7;border:1px solid #fbbd43; border-top:none; padding:0px 20px; margin-left:12px; overflow:hidden; }

#mainthreeleft .kepubg3{ width:317px; height:110px; float:left; padding-top:8px;overflow:hidden;}

#mainthreeleft .kepubg4{ width:110px; height:110px; float:left;overflow:hidden;}

#mainthreeleft .kepubg5{ width:203px; height:110px; float: right;overflow:hidden;}

#mainthreeleft .kepubg5 table{ text-align:left;}

#mainthreeleft .kepubg6{ width:317px; height:85px; float:left; line-height:25px;overflow:hidden;}

#mainthreeright .lighthousetip{ width:582px; background-image:url(../images/pgt.gif); height:171px;overflow:hidden;}

#mainthreeright .lighthousecont{ width:542px; height:869px; padding:0px 20px; padding-top:6px;overflow:hidden;}

#mainthreeright .lighthousecontbg1{ width:540px; height:186px; float:left; padding-top:30px; overflow:hidden;}

#mainthreeright .lighthousecontbg2{ width:200px; height:186px; float:left;overflow:hidden;}

#mainthreeright .lighthousecontbg2 img{ border:1px solid #FDD485; padding:1px; float:left;}

#mainthreeright .lighthousecontbg3{ width:337px; height:186px; float:left;overflow:hidden;}

#mainthreeright .lighthousecontbg3 ul{ padding:0px; margin:0px; padding-top:5px;}

#mainthreeright .lighthousecontbg3 ul li{ height:30px; width:337px; float:left;}

#mainthreeright .lighthousecontbg3 ul li a{ font-size:14px; text-decoration:none;}

#mainthreeright .lighthousecontbg3 ul li a:hover{ font-size:14px; text-decoration: underline;}

#mainthreeright .lighthousecontbg4{ width:200px; height:216px; float: right;overflow:hidden;}

#mainthreeright .lighthousecontbg4 img{ border:1px solid #FDD485; padding:1px; float: right;}

#mainthreeright .lighthousequoke1{ width:582px; background-image: url(../images/block1.gif); height:1px; overflow:hidden}

#mainthreeright .lighthousequoke2{ width:582px; background-image: url(../images/block2.gif); height:1px; overflow:hidden}

#mainthreeright .lighthousequoke3{ width:582px; background-image: url(../images/block3.gif); height:1px; overflow:hidden}

#mainfour{ width:978px;background-color:#faeed7;border:1px solid #fbbd43; margin-top:15px; overflow:hidden;}

#mainfourtip{ width:963px; background-image:url(../images/tipbg.gif); height:30px; font-size:16px; 
				  font-weight:bold; color:#b03708; padding:7px 0px 0px 15px;overflow:hidden;}

#mainfourcont{ width:928px; padding:25px; float:left; overflow:hidden;}

.omy{
	width:900px; float:left; 
	margin-left:10px; margin-top:10px; 
	display:inline; background-color:#ededed; 
	padding-bottom:10px;
}
.ck{
	width:880px; margin-left:10px; 
	margin-top:5px; display:inline; 
	float:left;
}
.yyh{
	text-align:left; line-height:20px; 
	float:left; width:100%; 
	margin-top:5px; display:inline; 
}
.neirong{
	width:910px; float:left; 
	margin-left:10px; margin-top:10px; 
	display:inline; height:400px; overflow:hidden;
}
.dac{
	width:890px; float:left; 
	border:1px solid #dadada; 
 padding-bottom:5px; 
	display:inline;
	background-color:#FFFFFF;
}
.dac h2{
	width:890px; border:2px solid #fff; 
	height:24px; background-color:#ededed; 
	float:left; font-weight:normal;
	font-size:12px;
}
.il{
	float:left; text-align:left; 
	line-height:24px; color:#333; 
	padding-left:10px;
}
.il2{
	float:right; text-align:left; 
	line-height:24px; color:#333; 
	padding-right:10px;
}
.dac a:link {
	color: #333;text-decoration:none;
}
.dac a:visited {
	color:#333;text-decoration:none;
}
.dac a:hover {
	color: #333;text-decoration: underline;
}
.zxcc{
	width:880px; float:left; 
	margin-left:10px; margin-top:5px; 
	display:inline;
}
.zxcc p{
	width:100%; text-align:left; 
	line-height:30px; color:#333;
}
.zxcc h3{
	width:100%; float:right; 
	text-align:right; line-height:22px; 
	padding-top:5px; font-weight:normal;
	font-size:12px;
}


#mainfive{ width:978px; height:220px; background-color:#faeed7;border:1px solid #fbbd43;overflow:hidden;}

#mainfivetip{ width:963px; background-image:url(../images/tipbg.gif); height:30px; font-size:16px; 
				  font-weight:bold; color:#b03708; padding:7px 0px 0px 15px}

#mainfivecont{ width:928px; height:180px; padding:15px 25px; float:left; overflow:hidden;}

#mainfivecont ul{ margin:0px; padding:0px;}

#mainfivecont ul li{ width:460px; float:left; height:34px;}

#mainfivecont ul li a{ font-size:14px; color:#333333; text-decoration:none;}

#mainfivecont ul li a:hover{ font-size:14px; color:#333333; text-decoration: underline;}
.leaveword_up{ background-color:#FFFFFF}
.leaveword_down{ margin-top:10px;}