@charset "utf-8";
/* CSS Document */

/*=global*/
*{margin:0;padding:0}
body{font:12px/1.6 Arial;color:#005590;background:#4f90ec url(img/bg.gif) repeat-x}
ul,ol{list-style:none}
img{border:0}

/*=link*/
a{text-decoration:none;outline:none;color:#F60}
a:hover{}

/*=layout*/
#page{background:url(img/footer.gif) 0 bottom repeat-x;}
#header{overflow:hidden;background:url(img/header.gif) 50% 0 no-repeat;width:960px;margin:0 auto}
#nav{background:#FFF;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;padding:2px 2px 0;width:960px;margin:0 auto}
#wrap{overflow:hidden;background:#FFF;padding:0 2px 2px;position:relative;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;width:960px;margin:0 auto}
#main{float:left;width:750px;overflow:hidden;padding:0;}
#side{float:right;width:200px;padding:10px 0 0 10px;min-height:260px}
#footer{padding:10px 0;width:960px;margin:0 auto;background:url(img/foot.gif) no-repeat 50% bottom;overflow:hidden}

/*=header*/
#bar{float:right;text-align:right;color:#7593b9;padding:20px 0 0}
#bar a{color:#FFF;}
#bar a:hover{color:#e4effa}
#bar em{display:block;color:#FFF;font:12px Arial}
#bar em span{font:italic bold 22px Georgia}
#logo{padding:15px 10px;float:left;position:relative}
#logo a{width:177px;height:57px;display:block;overflow:hidden;text-indent:-999px;font-size:12px;background:url(img/logo.png)}
#logo strong{position:absolute;font-size:14px;bottom:15px;left:85px;color:#FFF;width:200px}

/*=nav*/
#nav ul{overflow:hidden;background:#F60;height:35px;-moz-border-radius:3px;background:url(img/nav.gif);border:1px solid #2b8ee1;border-bottom:0}
#nav ul li{float:left;background:url(img/nav.gif) 0 -35px no-repeat;margin:0 0 0 -2px}
#nav a{font:bold 14px/35px Arial;color:#FFF;padding:0 20px;display:block;float:left}
#nav .current a,#nav a:hover{background:url(img/nav.gif) 50% -70px no-repeat;text-decoration:none;}

/*=wrap*/
#guide{color:#607e9f;background:#ebf6fc url(img/guide.gif) no-repeat 10px 50%;padding:0 0 0 30px;height:30px;line-height:30px}
#guide a{color:#607e9f;}
#guide a:hover{text-decoration:underline}
#scrollnews{position:absolute;right:12px;top:0;height:30px;line-height:30px;overflow:hidden}
#scrollnews a{color:#F60}
#banner{height:200px;background:url(img/banner.jpg) 0 50% no-repeat}
#process{font:12px/35px Arial;background:url(img/process.gif) 0 0;margin:5px 0;height:35px;overflow:hidden;padding:0 0 0 30px}
#process span{display:inline-block;background:url(img/process.gif) left -36px no-repeat;padding:0 0 0 15px}

/*=main*/
#menu{float:left;width:150px;text-align:right;background:url(img/menu.gif) 0 0 no-repeat;padding:35px 0 0;min-height:400px;}
#menu ul li{}
#menu ul li.current{font-weight:bold}
#menu ul li a{display:block;padding:0 20px;color:#244669;height:26px;line-height:26px}
#menu ul li a:hover{background:url(img/menu.gif) no-repeat right -35px;}
#menu ul li.current a{font:bold 14px/33px Arial;height:33px;background:url(img/menu.gif) no-repeat right 3px!important;color:#ee2214}
#content{float:right;width:580px;padding:10px;}
#content>p{text-indent:25px;margin:0 0 10px}
#content ol{list-style:outside decimal none;padding:0 0 10px 42px}
#content ul{list-style:outside square none;padding:0 0 10px 42px}
#content h4{margin:0 0 10px;text-indent:25px;font-size:14px;color:#F30}

#content #title{font-size:20px;text-align:center;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #9CF;color:#333}

.contactinfo{font-size:14px;padding:0 0 0 300px;background:url(img/contactinfo.gif) no-repeat 30px 50%}
.contactinfo h2{font-size:30px;color:#F30}

.pagebar{border-top:1px solid #EEE;text-align:right;padding:5px 0;color:#999}

/*=section*/
.section{overflow:hidden;height:100%;padding:0 0 0 2px;}
.section dl{float:left;width:170px;border:2px solid #FFF;background:url(img/panel.gif) right 0 no-repeat;overflow:hidden;margin:0 4px;padding:5px}
.section dl:hover{border-color:#F90;}
.section dl dt{font:bold 14px Arial;color:#F63;padding:10px;border-bottom:1px solid #b7c6d9}
.section dl dd{border-top:1px solid #FFF;padding:5px 0;overflow:hidden;text-align:right}
.section dl dd pre{text-align:left;word-spacing:-3px}
.section dl dd img{display:block;margin:8px auto}
.section dl dd .more{background:url(img/botton-more.gif) 0 0 no-repeat;padding:3px 21px 3px 14px;color:#36C}

#domain dl{width:266px;background-position:0 0;position:relative}
#domain dl dt span{font:bold 26px Georgia;position:absolute;right:5px;top:3px;color:#F00}
#domain dl dt span sup{font:12px Arial;}
#domain dl dd{text-align:left}
#domain dl dd img{float:left;margin:0 5px 0 0}
#domain dl dd pre{line-height:2}
#domain dl dd .more{position:absolute;bottom:5px;right:5px;padding-top:1px}

#cases img{width:175px;height:150px;margin:0 auto}

.domains dl{margin-bottom:10px}
.domains dl dt{padding:0 10px 5px;color:#39C}
.domains dl dt strong{font:bold 30px Arial;margin:0 5px 0 0;color:#F63}
.domains dl pre{padding:5px}
.domains dl p{text-align:left;padding:5px}
.domains dl span{font:bold 26px Georgia;color:#369}
.domains dl span sup{font-size:12px}
.domains dl:hover span{color:#F00}
.domains dl dd .more{bottom:10px!important;right:10px!important}

.article{padding:5px 0}
.article h3{font-size:16px;padding:0 0 5px;position:relative}
.article h3 a{color:#F60}
.article h3 span{color:#F60;position:absolute;right:0;color:#069;font:bold 15px Georgia}

.seo{overflow:hidden;height:140px;padding:5px 0;border-top:1px solid #69C;line-height:2}
.seo:first-child{border:0}
.seo img{float:left;width:150px;margin:0 20px}
.seo h3{padding:20px 0 10px}
.seo h3 a{color:#F60}

/*=side*/
#side{background:url(img/side.gif) 0 0 no-repeat}
.panel{margin:0 0 10px}
.panel h3{color:#36C;font-size:14px}
#side ul li a{color:#666}
#side ul li a:hover{color:#F60}
#contact{background:url(img/serveonline.gif) no-repeat}
#contact h3{padding:10px 0 30px}
#contact a.qq{display:block;width:190px;height:30px;overflow:hidden;text-indent:-99px;margin:0 auto 10px}

/*=partner*/
#partner{clear:both;height:30px;background:url(img/partner.gif) 0 bottom;display:block;border:1px solid #d6e0eb;margin:0 5px 5px;-moz-border-radius:3px;line-height:30px;word-spacing:5px;padding:0 5px;color:#999}
#partner strong{color:#666}
#partner a{color:#666}
#partner a:hover{color:#F60;text-decoration:none;}

/*=footer*/
#sitemap{overflow:hidden;padding:5px 0 15px;border-bottom:1px solid #1e447a}
#sitemap dl{float:left;width:230px;overflow:hidden;padding:0 5px}
#sitemap dt{color:#FFF;border-bottom:1px solid #3490f1;height:20px;margin:0 0 5px;color:#e4effa;}
#sitemap dt strong{margin:0 5px 0 0;border-bottom:3px solid #9CF;padding:2px 0;color:#FFF}
#sitemap dd{float:left;width:50%;}
#footer h2,#footer h3,#footer h4{font:12px Arial;color:#FFF;}
#footer h2{border-top:1px solid #3777b4;padding:10px 0 5px}
#footer h4{color:#789EB8}
#footer h3{float:right;margin:-35px 0 0;text-align:right;color:#789EB8}
#footer h3 strong{display:block;padding:0 0 5px;font:12px Arial}
#footer a{color:#e4effa}
#footer a:hover{color:#FFF}