/*
Theme Name: WordPress c
Theme URI: http://www.w4s.cn/
Description: 创亿互动
Version: 1.0
Author: 张晓华
Tags:创亿互动
*/
@import url("images/base.css");
@import url("images/index_sbar.css");
body {text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; background: #fff; font-size:12px; color:#5a5a5a;line-height:20px;}
* html{_filter: expression(document.execCommand("BackgroundImageCache", false, true));}
div,form,img,ul,dl,dt,dd{margin: 0; padding: 0; border: 0; list-style:none;}
p{clear:both; text-align:left;}
a:link {color:#2970a6; text-decoration:none;}
a:visited {color:#2970a6;text-decoration:none;}
a:hover {color:#0fa1fd; text-decoration:underline;}
a:active {color:#2970a6;}
.graylink a:link {color:#989898; text-decoration:none;}
.graylink a:visited {color:#989898;text-decoration:none;}
.graylink a:hover {color:#535353; text-decoration:none;}
.graylink a:active {color:#535353;text-decoration:none;}

#content { padding: 18px 20px; position: relative; color: #333;}
.swapcontent{text-align:left; padding:10px 20px 10px 20px;}
.swapcontent h2{font-size:14px; font-weight:bold; color:#666666}

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid2colg .column.first { width: 708px; }
.grid2colg .column.last { width: 270px; margin-left:2px; }

.grid3col .column { width: 30%; margin-left: 1%; overflow:hidden;}
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid4cola .column{width:220px; margin-left:0; text-align:left; overflow:hidden;}
.grid4cola .column.rightbg{background:url(images/rightbg.gif) no-repeat right center; height:274px;}

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width:auto !important; _float:none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { _zoom:1; }

.infolist{background:url(images/infolist_bg.jpg) repeat-x; height:276px; padding:0 10px 0 10px;}
.infolist h3{font-size:12px; line-height:30px; background:url(images/infolist_title.gif) no-repeat;}
.list li{text-align:left; padding:0px 10px 0px 10px!important;}
.clearDiv{clear:both}
.container{width:980px; margin:0 auto; padding-top:112px; position:relative;}
.nav{ width:980px;height:36px; margin:10px auto; position:absolute; top:60px; left:0px;}
.nav span{display:none}
.nav360,.nav_store,.nav_website,.nav_seo,.nav_cool,.nav_works,.nav_support,.nav_search{display:block; width:117px; height:36px; line-height:36px; float:left; background:url(images/main_menu.gif) no-repeat;}
.nav360{background-position:0px 0px;}
.nav360:hover{background-position:0px -38px;}
.nav360:active{background-position:0px -76px;}

.nav_store{background-position:-117px 0px;}
.nav_store:hover{background-position:-117px -38px;}
.nav_store:active{background-position:-117px -76px;}
#store .nav_store{background-position:-117px -114px;}

.nav_website{background-position:-234px 0px;}
.nav_website:hover{background-position:-234px -38px;}
.nav_website:active{background-position:-234px -76px;}
#website .nav_website{background-position:-234px -114px;} 

.nav_seo{background-position:-351px 0px;}
.nav_seo:hover{background-position:-351px -38px;}
.nav_seo:active{background-position:-351px -76px;}
#seo .nav_seo{background-position:-351px -114px;} 

.nav_cool{background-position:-468px 0px;}
.nav_cool:hover{background-position:-468px -38px;}
.nav_cool:active{background-position:-468px -76px;}
#coolsite .nav_cool{background-position:-468px -114px;}

.nav_works{background-position:-585px 0px;}
.nav_works:hover{background-position:-585px -38px;}
.nav_works:active{background-position:-585px -76px;}
#works .nav_works{background-position:-585px -114px;}

.nav_support{background-position:-702px 0px;}
.nav_support:hover{background-position:-702px -38px;}
.nav_support:active{background-position:-702px -76px;}
#support  .nav_support{background-position:-702px -114px;}
#header{height:112px; position:absolute; top:0px; left:0px;}
#logo,.intro{text-align:left; float:left; }
.intro{padding:10px 0 0 0; width:780px; height:58px; background:url(images/telephone.gif) no-repeat right bottom; color:#999999;}
h1.normal,h2.normal{font-size:12px; font-weight:normal; margin:0; padding:0; color:#4a4a4a;text-align:left!important}
.nav_search{width:161px; background-position:-819px 0px; overflow:hidden;}
.nav_search #s{border:0px; background:none; width:138px; height:20px; line-height:20px; padding:0 2px 0 2px; overflow:hidden; margin:8px 10px 8px 10px; color:#999;}
/*layer position*/
#block-first{position:absolute; top:112px; left:0px;}
#package{position:absolute; top:325px; left:0px;}
#case{position:absolute; top:542px; left:0px; text-align:left;}
#home .container{padding-top:810px;}
/*case*/
#case{border:1px solid #e1e1e1; background-color:#ffffff;}
#caseC{border:1px solid #ffffff; background-color:#f1f7f7; padding:5px;}
#caseC h2{border-bottom:1px solid #cdd1d0; margin:0; padding:5px 0 8px 0; font-size:12px;}
#template .tempList{
background:url(images/tempLbg.gif) repeat-x left bottom;
height:155px;
}
#case p{padding:0; margin:0;}
.scroL{float:left; background-position:-271px -200px;}
.scroR{float:right;background-position:-315px -200px;}
.scroL,.scroR{width:19px; height:36px;margin-top:55px; cursor:pointer;}
.scroC{float:left; width:660px; margin-left:5px; height:140px;overflow:hidden;}
.scroC li{float:left; margin-top:20px; text-align:center;padding:0 5px;}
.scroC li img,.scroC li a{width:134px; height:94px;}
.scroC li a{display:block; padding:3px;background:url(images/temp_linkBg.gif) no-repeat 0 0;}
.scroC li a:hover{display:block; padding:3px;background:url(images/temp_hoverBg.gif) no-repeat 0 0;}
.scroC li p a,.scroC li p a:hover{background:none; color:#4c808f;}


.softBox{border:1px solid #e1e1e1;position:relative;width:310px; float:left;margin-right:10px;}
.softBox span{display:block; width:5px; height:5px;overflow:hidden;}

.softBoxC{border:1px solid #fff;background:#f3f7f8;padding:6px 0px 4px 10px; text-align:left;}
.softBoxC .textList{background:url(images/bg.gif) no-repeat 0px -310px;padding-left:80px; text-align:left;}
.softBoxC .textList.bg{background:url(images/bg.gif) no-repeat 0px -505px;}


#operation{width:215px;}
#operation .bnt img{margin-bottom:5px;}
/*case*/
.none{display:none;}
#com_v{*margin-bottom:120px;_margin-bottom:10px;}
.caseBox{height:210px;}
.case{width:962px; margin-right:0px;background:#efede1;}
.caseTit{background:#fff; margin:4px;padding:8px;}
.case .caseTit h3{float:left; width:78px; height:65px;margin:0px 3px; padding:0px; background:url(images/caseTit_h3bg_1.gif) no-repeat 0 0;font-size:12px; line-height:65px; text-align:center;}
.case .caseTit h3.h3bg{background:url(images/caseTit_h3bg.gif) no-repeat 0 0;}
.case .caseTit h3 img{width:72px; height:53px; margin-top:9px;}
.caseImg{margin:10px 15px 10px 10px;}
.caseImg img{width:140px; height:100px;}
.caseInfo{margin-top:10px; width:760px; text-align:left;height:100px;clear:right;}
.caseInfo a,.caseInfo a:link{color:#10a1cd; text-decoration:none;}

/*case*/
.cases .item{width:280px; height:228px; text-align:center; float:left; padding:0px 28px 10px 28px; background:url(images/bg-case.gif) no-repeat center bottom;}
.cases .item h3{width:280px; height:188px; border:1px solid #d1d1d1; background:#f1f1f1; position:relative;}
.cases .item h3 .new{background:url(images/ico-new.gif) no-repeat; display:block; width:68px; height:68px; overflow:hidden; line-height:100em; position:absolute; z-index:10; right:-1px; bottom:-1px;}
.cases .item h3 img{width:256px; height:168px; margin:10px auto;}
.cases .item .description{width:280px; text-align:center; overflow:hidden; white-space:nowrap;}
.cases .item .description,.cases .item .description a{font-size:14px; color:#9d9d9d!important;}

.cases_localtion{background:url(images/bg-local.gif) repeat-x; border-bottom:1px solid #ddecf8; height:27px; line-height:27px; padding:0 10px 0 10px;}
.cases_search{background:url(images/bg-search-bar.gif) repeat-x left bottom; padding:8px 10px; color:#737f8d;}
.cases_search strong{color:#5e799f;}
/*hotnews*/

.scrolltxt{height:25px; line-height:25px; text-align:left; padding:0px 20px; border:1px solid #e6e6e6; background-color:#f7f7f7; margin:10px auto;}

.foot_link{border-bottom:1px solid #ededed; border-top:1px solid #ededed; text-align:left; padding:0px 10px; color:#5a5a5a; clear:both;}
.foot_link ul{text-align:left;}
.footer_nav{height:25px; line-height:25px; border-bottom:1px solid #ededed; text-align:left; padding:0px 10px; color:#5a5a5a; clear:both;}
.footer_txt{color:#3c3838; padding:30px 10px 30px 10px; text-align:left;}
.txtcompany{width:200px; height:20px; line-height:20px; background:url(images/china.gif) no-repeat; margin:0 auto; color:#5a5a5a; padding-left:40px;}
.float_right{float:right;}
.txt{width:400px; display:block; float:left;}
.hacker{clear:both;}
.imgbox{line-height:7px;}
.border_normal{border:1px solid #cee7f8; background:url(images/package_bg.gif) repeat-x;}

.cards,.block{position:relative; margin-top:38px; text-align:left;}
.cards{min-height:170px;_height:170px;background-image:url(images/package_bg.gif); background-repeat:repeat-x;}
.block h2{border:2px solid #cee7f8; border-bottom:0px; background-color:#ecf5fa; padding:0px 40px 0px 40px; margin:0; height:30px; line-height:30px; position:absolute; top:-30px; left:-1px; font-size:14px; color:#146ba7; }

.cards .block_menu{height:30px; position:absolute; width:100%; top:-31px; left:-1px; text-align:left; }
.cards .block_menu h2{border:2px solid #cee7f8; border-bottom:0px; line-height:28px; background-color:#f4f9fe; padding:0px 20px 0px 20px; margin:0 2px 0 0;font-size:14px; color:#c1c1c1; float:left; cursor:pointer}
.cards .block_menu h2.card_select{border:2px solid #cee7f8; border-bottom:0px;line-height:30px; background-color:#ecf5fa; padding:0px 20px 0px 20px; font-size:14px; color:#146ba7; float:left;}
.cards .content_lst{display:none;}
.cards .content_lst.on{display:block;}

.lst{text-align:left; padding:5px;}
.lst h3{margin:0; padding:4px 0 4px 0;}
.lst p{margin:0; color:#000000;}
.lst h3,.lst h3 a{font-size:14px; font-weight:bold;}
/*360box样式*/
/*.box_360{clear:both; width:156px; float:left; margin-left:30px; position:relative;}*/
.box_360{clear:both; width:156px; float:left; margin:10px 0 0 30px; position:absolute; color:#000;}
.box_360 a{color:#000000;}
.box_360 span{display:none;}
.x_control_box,.x_tool,.x_skype,.x_domain,.x_photo,.x_seo{width:36px; height:36px; display:block; background:url(images/360box.jpg) no-repeat; float:left}
.x_control_box{background-position:-3px -4px;}
.x_tool{background-position:-41px -4px;}
.x_skype{background-position:-78px -4px;}
.x_domain{background-position:-3px -40px;}
.x_photo{background-position:-41px -40px;}
.x_seo{background-position:-78px -40px;}

.boxs{background-image:url(images/package_bg.gif); background-repeat:repeat-x; text-align:left;}
#packagebox{border:1px solid #ffffff; height:204px; background-position:0 0;}
#packagebox{border:1px solid #ffffff;background-position:0 0;}
#packagemenu,#packagecontent,#cardcontent{float:left;}
#packagemenu{background:url(images/package_menu_bg.gif) repeat-y; width:125px; height:202px;}
#packagemenu li{text-align:right; padding:0 20px 0px 0px; line-height:30px; background-image:url(images/package_menu_bar.gif); background-repeat:no-repeat; background-position:bottom; cursor:pointer;}
#packagemenu li.card_select{background-color:#ffffff; font-weight:bold; color:#146ba7;}
#packagemenu li.card_no{}
#cardcontent .content_lst,#packagecontent .content_lst{display:none;}
#cardcontent .content_lst.on,#packagecontent .content_lst.on{display:block;}
#packagecontent{width:448px; height:172px; background:url(images/package_01.gif) no-repeat 30px -2px; padding:20px 10px 10px 120px; text-align:left;}
#cardcontent h2,#packagecontent h2{font-size:12px; color:#074878; padding:0; margin:0;}
#cardcontent{width:578px; text-align:left;}
#cardcontent .content_lst{padding:20px 10px 5px 18px;}
#cardcontent .content_lst.domain{}


.cardmenu li{float:left; width:33%; line-height:22px; color:#697f8f; font-weight:bold; cursor:pointer;}
.cardmenu ul{display:block; height:22px; margin-top:6px;}
.cardmenu li.card_select{background:url(images/card_sel.gif) no-repeat; color:#06750e;}
.cardmenu li.card_no{}

.box_content{display:none;}
.box_content.on{display:block;}
#Business_content{background:url(images/3.gif) no-repeat; padding:10px 2px 10px 100px; height:123px;}

.infobox{border:1px solid #ffffff; background:url(images/info_box_bg.gif) repeat-x;}
.index_baidu{height:202px;}
#index_product{width:708px; height:210px;}

.prince{font-family:Constantia; color:#999999; font-size:14px;}


#breadcrumbs{width:980px; text-align:left;}
.ft_980,.fb_980{ background:url(images/breadcrumbs.gif) no-repeat; clear:both;}
.ft_980{background-position:0px -30px; height:31px; border-bottom:1px solid #eeeeee; line-height:31px; padding:1px 20px;}
.ft_980 span{background:url(images/lt.gif) no-repeat; display:block; width:20px; height:31px; float:left;}
.ft_980 img{float:left;}
.ft_980,.ft_980 a,.f_980 a{}
.fb_980{background-position:0px -2px; height:22px;}
.f_980{_height:140px; min-height:140px; line-height:20px; background:url(images/breadcrumbsbg.gif) repeat-y; clear:both; color:#939393;}
.f_980 h2,.f_980 h2 a{font-size:12px; margin:0; color:#4e4e4e; padding:0;}

.more{padding-right: 9px; background: url(morearrow.png) 100% 0.4em no-repeat; position: absolute; right: 15px;}
.more_o{padding-right: 9px; position: absolute; right: 15px;}
.box{position:relative;}
.column{position:relative;}
.first{float:left;}
.last{float:right;}
.bluefont{color:#0099FF; font-weight:bold;}
.normal,.normal ul,.normal li{font-size:12px; width:auto; margin:0; padding:0}
.normal li a{font-weight:normal; color:#2970a6;}
.mgt{margin:5px 0px 5px 0px;}


.container #content h1{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:40px auto;}
.container #content a{color:#2970a6; text-decoration:none;}


#latest .stories {padding: 8px 10px 0; margin-bottom:0;}
#latest li#downloads .stories,
#latest .stories { margin-top: 0; }
#latest .stories li { padding:18px 0; _width: 164px; }
#latest .stories li.first { padding-top:0; }
#latest .stories li { padding: 9px 0px 11px; background: url(ruleinset.png) 50% 0 no-repeat; }
#latest .stories li p{ margin-bottom: 0px; }
#latest .stories img { margin: 0px 0px 2px; }
#latest .stories li.first { background:none; padding-top:0 !important;  }
#main h3 { font-size: 13px; color: #333; font-weight: normal; word-spacing: -0.1em; }

#main .sidebar p,
#main .sidebar ul,
#main .sidebar ol,
#main .sidebar h4 { font-size: 11px; line-height: 14px; margin-top: 2px; }
#main .sidebar p,
#main .sidebar ol {margin-bottom: 8px; }

.insert{background:#ffffff url(/files/insert/summer.jpg) no-repeat; height:auto; margin:0 0 20px 0}
.navigation span{display:none;}
.navigation_page a,.navigation_page .page{
font-size: 10px;
float: left;
height: 20px;
padding: 0 5px;
line-height: 20px;
margin: 0 1px 1px 0;
}
.navigation_page a{
background: #222;
border:1px solid #333;
color: #666;
}
.navigation_page a:hover, .navigation_page .page{
color: #ccc;
background: #555;
border:1px solid #777;
text-decoration:none;
}
.transparent{behavior: url(/themes/style/iepngfix.htc)}

.infolist li{white-space:nowrap; overflow:hidden; width:200px;}

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{ height:1%;}

.qqb{display:block; position:relative; margin-left:60px; padding-left:20px; height:35px; line-height:35px; text-align:left;}
.qqb img{position:absolute; left:-42px; top:0;}

#ticker h3{font-size:12px; font-weight:normal; margin:0; padding:0; float:left;}
.scrollDiv{height:25px;line-height:25px;overflow:hidden; float:left;}
.scrollDiv li{height:25px;}