/*
Theme Name: 创亿互动安顺网站建设
Theme URI: http://www.anshun520.cn
Description: 安顺网站建设
Version: 1.6
Author: 张晓华
Author URI: http://www.w4s.cn/
Tags: 创亿互动

*/



/* Begin Typography & Colors */

body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#4b4c4c}
a,a:link{color:#4c808f;text-decoration:none;}
div,form,img,ul,dl,dt,dd{margin: 0; padding: 0; border: 0; list-style:none;}
.clear {clear:both;}
.float_left {float:left;}
.float_right {float:right;}
.right {text-align:right;}
.transparent{behavior:url(images/iepngfix.htc);}

/*style */
.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: 738px; }
.grid2cola .column.last { width: 242px; overflow:hidden;}
.grid2colb .column.first { width: 215px; }
.grid2colb .column.last { width: 725px; margin-left:5px; }
.grid3col .column { width: 32%; margin-left: 2%; }
.grid4col .column { width: 23%; margin-left: 3%; }
.grid5col .column { width: 18.4%; margin-left: 2%; }
.grid6col .column { width: 15%; margin-left: 2%; }

.grid3cola .column{width:238px;}
.grid3cola .column.website{margin:0px;}
.grid3cola .column.seo{margin:0px 8px 0px 8px;}
.grid3cola .column.system{margin:0px;}


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, .title:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col ,.title{ _zoom:1; }


#nav,#navigation,#navigation li,#navigation a,.teise h3,.scroL,.scroR,.contact h2,.contact .qq,.top_bar,.top_bar_c,.dz,.pay,.addfav,.service{background-image:url(images/1200style.png); background-repeat:no-repeat;}
.dz,.pay,.addfav,.service{behavior:url(images/iepngfix.htc);}
#container{width:980px; margin:0 auto; position:relative;}
#header{height:44px; padding-top:72px; overflow:hidden; background:url(images/header_bg.gif) no-repeat right 0px; position:relative;}
#logo{position:absolute;left:0px;top:60px;}
#header h1{font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px;}
#nav,#navigation,#navigation a{height:38px; line-height:38px;}
#nav{background-position:left -344px;behavior:url(images/iepngfix.htc); clear:both;}
#navigation{padding:0 60px 0 220px;behavior:url(images/iepngfix.htc);}
#navigation li{float:left; font-size:14px; font-weight:bold; color:#838383;}
#navigation li a{display:block; width:92px;text-align:center; color:#838383}
#navigation li.current_page_item a{background:url(images/btn_navigation.gif) no-repeat; color:#fff;}
#navigation li.first{border-left:0px;}
#navigation li.last{border-right:0px;}

#content{min-height:400px; _height:400px; margin:2px 0 6px 0; padding:0px;}

#footer{background:#fff url(images/gray_logo.gif) no-repeat right center; padding:10px; border-top:1px solid #d0d0d0; text-align:left; margin-top:10px;}
#footer_nav{padding:5px 0 5px 0;}
#footer_nav,#footer_nav a{color:#00a9ea; font-weight:bold; text-align:center;}
#copyright{color:#656565; line-height:20px;}
#copyright a{color:#656565;}

#friendLink{padding:10px; border-top:1px solid #d0d0d0;}


.block h2{height:38px; line-height:38px; margin:2px 0 4px 0; background:url(images/bar_short.gif) no-repeat 0px -2px; font-size:14px; padding-left:14px;}
.block p{margin:0 2px 0 2px; padding:0px 6px 5px 12px;}
.block ul{background:#fcfcfc url(images/bg_block_ul.gif) no-repeat left bottom; padding:0 0 20px 0;}
.block.list ul{background:none;}
.block li{margin:0px 12px 0px 14px; background:url(images/line.gif) repeat-x left bottom; line-height:30px; white-space:nowrap; overflow:hidden;}
.block li a{color:#9f9f9f;}
#case{}
#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;}
/*套餐*/
.package{margin-right:8px;}
.package li.item{float:left; width:178px;}
.package li.item img.photo{float:left;}
.package li.item ul{float:left; padding:20px 0 5px 0px;}
.package li.item ul li{padding:5px 0 5px 12px;}
.package li.item ul li.desc{color:#a6a6a6; font-weight:bold;}
.package li.item ul li.btn .view{display:block; background:#ccc url(images/btn_view.gif) no-repeat; width:79px; height:25px; line-height:25px; text-align:center; color:#fff;}
/*成功案例*/
.none{display:none;}
#com_v{*margin-bottom:120px;_margin-bottom:10px;}
.case{margin-top:8px;color:#7f7f7f;}
.case ul{padding:10px 20px 10px 20px;}
.case li.item{width:49%; float:left; margin:20px 0 20px 0;}
.case li.item .photo{display:block; float:left; padding:14px; background:url(images/bg_case.gif) no-repeat;}
.case li.item .photo img{width:168px; height:119px;}
.case li.item ul{float:left; width:210px;}
.case li.item ul li{padding:0 0 0 12px;}
.case li.item ul li.nam,.case li.item ul li.nam a{font-weight:bold; color:#7f7f7f; font-size:14px;line-height:20px;}
.case li.item ul li.nam a{border-bottom:1px dashed #ccc;}
.case li.item ul li.desc{padding:20px 0 10px 12px;}
#service{border:1px solid #e1e1e1; background-color:#ffffff; border-left:0px;}
#serviceC{border:1px solid #ffffff; background-color:#f1f7f7; padding:5px; border-left:0px;}
#serviceC h2{border-bottom:1px solid #cdd1d0; margin:0; padding:5px 0 8px 0; font-size:12px; margin-bottom:5px;}
.contact h2{color:#00a9ea; font-weight:bold; text-align:left; font-size:12px; margin:5px 0 5px 0; padding:10px 0 10px 40px; background-position:-456px -300px;behavior:url(images/iepngfix.htc);}
.contact .qq{background-position:-472px -272px; line-height:18px; padding:0 0 0 30px;behavior:url(images/iepngfix.htc);}

.big_block{margin-bottom:8px;}
.big_block .title,.big_block .title h2,.big_block .more,.big_block .bot,.big_block .bot span{background-image:url(images/bg_big_block.gif);}
.big_block .title{background-position:0 -78px; position:relative;}
.big_block h1,.big_block h2{width:172px; height:33px; margin:0; padding:8px 0 0 50px; font-size:14px; background-color:#06C; color:#fff}
.big_block h1 a,.big_block h2 a{color:#fff;}
.big_block .more{display:block; width:100px; height:41px; line-height:41px; background-position:right top; position:absolute; right:0px; top:0px; text-align:center;}
.big_block .content{border-left:1px solid #a6b8de; border-right:1px solid #a6b8de; background-color:#f7f7f7; padding:5px;}
.big_block .bot{background-position:0px -128px; height:28px; position:relative; clear:both;}
.big_block .bot span{display:block; width:40px; height:28px;}
.big_block .bot .l{position:absolute; top:0px; left:0px; background-position:0px -41px;}
.big_block .bot .r{position:absolute; top:0px; right:0px; background-position:right -41px;}

.s_block .title,.s_block .title h2,.s_block .title .more{background-image:url(images/bar_short.gif); height:44px;}
.s_block .title{background-position:0px -68px; position:relative;}
.s_block .title h2{margin:0; width:180px; line-height:44px; padding-left:20px; font-size:14px;}
.s_block .title .more{display:block; width:80px; height:44px; line-height:44px; position:absolute; right:0px; top:0px; background-position:right 0px;}
.s_block .content h1{font-size:14px; text-align:center;}
.s_block .content{padding:0 12px 0 12px;}

.top_bar,.top_bar_c{height:30px; line-height:28px;}
.top_bar{background-position:0 -3px; padding:0 0 0 30px; margin-right:40px; width:300px; position:absolute; top:0; right:0;}
.top_bar_c{background-position:right -43px; padding:0 40px 0 0; position:absolute; right:-40px; color:#ffffff; width:280px; overflow:hidden;}
.top_bar_c a,.top_bar_c a:link,.top_bar_c a:visited{color:#ffffff; display:block; padding:0 5px 0 20px; float:left; height:28px; overflow:hidden;}


.dz{background-position:-486px -176px;}
.pay{background-position:-486px -140px;}
.addfav{background-position:-486px -207px;}
.service{background-position:-486px -238px;}

.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{ height:1%;}
.teise{padding:10px 10px 10px 140px; background:url(images/our.gif) no-repeat 0 10px;}
.teise h3{background-position:-490px -502px; padding-left:12px;}
.important{color:#00a9ea;}
a.important{color:#00a9ea;}