﻿@charset "utf-8";
/* CSS Document */
*{
border:0px;
margin:0px;
padding:0px;
}

body{
background:url(../images/top_bg.jpg) repeat-x top #ffffff;
font-family:"宋体",Arial, Helvetica, sans-serif;
_font-size:12px;
}
body.flash{
background:url(../images/flash_bg_x.jpg) repeat-x top #ffffff;
font-family:"宋体",Arial, Helvetica, sans-serif;
_font-size:12px;
}

body.flash #head{
height:139px;

}

body.flash #wrap{
width:850px;

}
#wrap{

width:900px;
margin-left:auto;
margin-right:auto;
_padding-left:50px;
}

#flashbox{
background:url(../images/flash_bg.jpg) no-repeat;
width:898px;
height:564px;
position:relative;
}

#opera{
position:absolute;
width:210px;
height:74px;
right:45px;
bottom:38px;

}


#chs{
float:left;
width:68px;
height:74px;
background:url(../images/chs.jpg) no-repeat;
display:block;
}
#chs:hover{
float:left;
width:68px;
height:74px;
background:url(../images/chs_hover.jpg) no-repeat;
display:block;
}
#jpn{
float:left;
width:68px;
height:74px;
background:url(../images/jpn.jpg) no-repeat;
display:block;
}
#jpn:hover{
float:left;
width:68px;
height:74px;
background:url(../images/jpn_hover.jpg) no-repeat;
display:block;
}
#eng{
float:left;
width:68px;
height:74px;
background:url(../images/eng.jpg) no-repeat;
display:block;
}
#eng:hover{
float:left;
width:68px;
height:74px;
background:url(../images/eng_hover.jpg) no-repeat;
display:block;
}
#head{
background:url(../images/baner_top.gif) 286px 40px no-repeat;
position:relative;
height:220px;
}
#headflash{
background:url(../images/flash_logo.jpg) no-repeat 30px 0px;

position:relative;
height:70px;
}

#logo{
float:left;
margin-top:40px;
margin-left:30px;
background:url(../images/logo.jpg) no-repeat 0px 0px;
width:179px;
height:76px;
}

#flash_logo{
float:left;
margin-top:5px;
background:url(../images/flash_logo.jpg) no-repeat;
width:136px;
height:124px;
}
ul#weblink{
float:right;
margin-right:1px;
}

#weblink li{
height:10px;
float:left;
list-style:none;
margin-left:5px;
}

#weblink li a{
border-right:1px solid #4d90b3;
padding-right:5px;
text-decoration:none;
color:#4d90b3;
font-size:12px;
}

#weblink li a:hover{
text-decoration:underline;
}

#navigation{
position:absolute;
background:url(../images/navigation_bg.jpg) no-repeat;
width:900px;
height:46px;
top:139px;
left:0px;

}

#navigation ul{
margin-top:3px;
margin-left:270px;
overflow:auto;

}

#navigation ul li{
float:left;
list-style:none;
}

#navigation ul li a{
background:url(../images/navigation_devide.jpg) right -3px no-repeat;
height:40px;
line-height:40px;
text-align:center;
padding-right:15px;
padding-left:15px;
font-size:16px;
color:#ffffff;
text-decoration:none;
}

#navigation ul li a:hover{
color:#000000;

}


#navigation ul li a.extraclass1{
background:none;
}


#latest{
width:624px;
padding-bottom:10px;
border-bottom:1px dotted #cccccc;
margin-bottom:10px;
}


#sideleft{
float:left;
width:250px;
margin-left:1px;
}


#login{
position:relative;
background:url(../images/login_bg.jpg) no-repeat;
width:216px;
height:118px;
}

#login p{
background:url(../images/login_title.jpg) 8px 10px no-repeat;
color:#3b6d88;
font-size:14px;
padding-top:10px;
padding-left:30px;


}

#login label{
margin-left:20px;
margin-right:5px;
font-size:13px;
_font-size:12px;
color:#535351;
}

.button1{
position:absolute;
right:35px;
bottom:10px;
background:url(../images/button1.jpg) no-repeat;
width:74px;
font-size:13px;
height:21px;
color:#ffffff;
cursor:pointer;
}

.inputclass1{
background:url(../images/input_bg.jpg) repeat-x;
height:18px;
width:130px;
border:1px solid #808f9b;
}

#webbuilding{
margin-top:20px;
width:216px;
padding-bottom:10px;
border-bottom:1px solid #DEDEDE;
}

#webbuilding span{
color:#0973ab;
font-weight:bold;
font-size:14px;
}

#webbuilding p{
color:#535351;
font-size:13px;
_font-size:12px;
}

#webbuilding a{
margin-left:100px;
font-size:13px;
_font-size:12px;
padding-left:15px;
color:#4d90b3;
line-height:13px;
background:url(../images/formore.jpg) 0px 1px no-repeat;
_background:url(../images/formore.jpg) 0px 1px no-repeat;
text-decoration:none;
}

#webbuilding a:hover{
text-decoration:underline;
}

#product{
position:relative;
width:216px;
background:url(../images/zhixiaoyihao.jpg) no-repeat;
}

#product a{
position:absolute;
top:60px;
left:125px;
background:url(../images/learnmore.jpg) no-repeat;
width:62px;
height:24px;

}

#product p{
padding-top:110px;
font-size:13px;
_font-size:12px;
color:#535351;
}

/*中间main*/
#content{
overflow:auto;
width:920px;

}
#main{

float:left;
margin-left:20px;
width:627px;

}

#main h2{
color:#55badd;
font-size:normal;
font-size:13px;
_font-size:12px;

}

#main ul li{
list-style:none;
}

#main ul li a{
text-decoration:none;
color:#535351;
font-size:13px;
_font-size:12px;

}

#main ul li a:hover{
text-decoration:underline;
}

#leftbar{
overflow:auto;
width:280px;
float:left;

}

#rightbar{
overflow:auto;
width:280px;
margin-left:60px;
_margin-left:62px;
float:left;
clear:right;
}

#companynews,#news{
margin-bottom:20px;
min-height:100px;

}


#service,#infomation,#company{
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}


#infomation,#company,#hr{
margin-top:10px;

}

a.more{
position:absolute;
right:10px;
bottom:5px;
color:#5094D8;
font-size:13px;
_font-size:12px;
text-decoration:none;
padding-right:8px;
line-height:12px;
background:url(../images/arrow_blue.jpg) right bottom no-repeat;
}

a.more:hover{
text-decoration:underline;
}

#bottombar{
margin-top:30px;
overflow:auto;
float:left;
width:630px;
}

#bottombar h2{
color:#FFFFFF;
background:url(../images/singeltitle.jpg) no-repeat;
width:177px;
height:31px;
line-height:31px;
text-align:center;

}
#div1{

float:left;
width:280px;

margin-left:1px;
overflow:auto;
}

#div1 ul{
margin-left:0px;
margin-top:10px;

}

#div2{

float:left;
width:280px;
margin-left:60px;
overflow:auto;
}

#div2 ul li{
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #D4D4D4;

}
/*页脚*/

#footer{
float:left;
margin-top:30px;
background:url(../images/footer_bg.jpg) no-repeat;
margin-left:auto;
margin-right:auto;
width:900px;
height:100px;
color:#535351;
font-size:13px;
_font-size:12px;
padding-top:30px;

}

#footer_flash{
float:left;

width:900px;
height:2px;
color:#535351;
font-size:13px;
_font-size:12px;


}
.footer_span1{
margin-left:450px;

}

#footer .footer_span1{
margin-left:250px;
_margin-left:330px;

}

span.copyright{
margin-left:30px;
}

span.email{
background:url(../images/mail.jpg) no-repeat 0px 5px;
_background:url(../images/mail.jpg) no-repeat 0px 3px;
margin-left:580px;
padding-left:15px;
width:15px;
height:11px;

}


#footer span.email{
background:url(../images/mail.jpg) no-repeat 0px 1px;
_background:url(../images/mail.jpg) no-repeat 0px 3px;
margin-left:530px;
_margin-left:560px;
padding-left:15px;
width:15px;
height:11px;

}
span.email a{
color:#55BADD;
text-decoration:none;

}
span.email a:hover{
color:#55BADD;
text-decoration:underline;

}
a.ICP{
font-size:12px;
text-decoration:none;
color:#000000;
}

#breadcrumb{
margin-bottom:20px;
margin-left:1px;
font-size:13px;
_font-size:12px;
color:#535351;

}

#breadcrumb span{
color:#2b98c0;

}

#article_root{
background:url(../images/root_top.jpg) no-repeat;
}

#article_root h2{
background:url(../images/arrow_blue_down.jpg) 15px 15px no-repeat;
width:170px;
height:35px;
color:#0973ab;
font-size:13px;
_font-size:12px;
font-weight:normal;
line-height:35px;
padding-left:30px;
border-bottom:1px dotted #E2E2E2;
}


#article_root ul{
padding-left:30px;
width:170px;
min-height:100px;
background:url(../images/root_bottom.jpg) bottom center no-repeat;
padding-bottom:20px;
}

#article_root ul li{
list-style:none;
}

#article_root ul li a{
color:#A0A0A0;
font-size:13px;
_font-size:12px;
text-decoration:none;
}

#article_root ul li a:hover{
text-decoration:underline;
}
#article_root ul li.article_now a{
color:#0973AB;
}

#main h1{
font-weight:normal;
font-size:15px;
color:#0973ab;
margin-bottom:10px;
}

#main p{

font-size:13px;
_font-size:12px;
color:#535351;
}



#article_root{
margin-bottom:20px;
}

/*#flashbox embed{
border:1px solid red;
margin-top:20px;
*margin-top:30px;
_margin-top:30px;
margin-left:22px;
*margin-left:32px;
_margin-left:32px;

}
*/
#flashbox{
padding-top:20px;
padding-left:22px;
}

#item1{
position:relative;
margin-top:30px;
background:url(../images/item1.jpg) no-repeat;
min-height:100px;
width:206px;
padding-top:60px;
}
#item1 a{
position:absolute;
top:0px;
left:0px;
width:206px;
height:47px;
}

#item1 p{
padding-top:5px;
font-size:13px;
_font-size:12px;
color:#535351;
}

#item2{
position:relative;
margin-top:30px;
background:url(../images/item2.jpg) no-repeat;
min-height:100px;
width:206px;
padding-top:60px;
}
#item2 a{
position:absolute;
top:0px;
left:0px;
width:206px;
height:47px;
}

#item2 p{
padding-top:5px;
font-size:13px;
_font-size:12px;
color:#535351;
}





