@charset "utf-8";
/* CSS Document */
body {
	margin: 0px auto; padding: 0px; font-size: 12px; font-family: "宋体",Arial, Helvetica, sans-serif; color:#5F5F5F; background:url(../images/bg.jpg) repeat-x top ;background-color:#F5F6F7;
}

/** common **/
ul,li,form,dl,dt,dd,h1,h2,h3 h4{ margin: 0px; padding: 0px;}
li { list-style-type: none;}
img{ border:0}
a,area{behavior:url(css/blur.htc);} 

.dis{ display:block;}
.undis{	display:none;}
.clear{ clear:both;}

/** a link **/
a {	color: #5F5F5F; text-decoration: none;}
a:hover {color: #00F; text-decoration:underline;}

a.blue{ color:#0090A2;}
a.blue:hover{ color:#00F;}

a.blue2{ color:#4194e4;}
a.blue2:hover{ color:#00F;}

/** font **/
.font_white{ color:#fff;}
.font_gray{ color:#707070;}
.font_black{ color:#4A4A4A;}
.font_red{ color:#f00;}
.font_yellow{ color:#F0FF00;}
.font_blue{ color:#00E3FF;}
.font_style1{ color:#0090A2;}
.font_family{ font-family:Arial, Helvetica, sans-serif}
.font_bold{ font-weight:bold;}
.font_size{ font-size:14px; }
.font_size2{ font-size:11px; }
.font_normal{ font-weight:normal;}
.text_right{ text-align:right; display: block}
.text_center{ text-align:center;}
.text_height{ line-height:150%; }

.float_l{ float:left;}
.float_r{ float:right; margin-top:8px;}

/** index **/
.container{ width:984px; margin:0 auto; overflow:hidden; }

/** index top **/
.logo{ width: 249px; height:68px; float:left}
.top_r_div{ height:68px; overflow:hidden;}
.top_r{ text-align:right; width:720px; line-height:33px; height:33px; color:#CDCDCD; font-family: Arial, Helvetica, sans-serif; font-size:11px; }
.top_r a{ color:#CDCDCD}
.top_r a:hover, .top_r a.index{ color:#FFD200;}
.top_r span{ height:3px; overflow:hidden; }
.top_nav{ margin:0 0 0 20px; height:35px; overflow:hidden;}
.top_nav li{ float:left; margin-left:3px; font-family: Arial, Helvetica, sans-serif}
.top_nav li a{ height:35px; line-height:35px; width:85px; font-weight:bold; color:#fff; text-align:center; display:block;}
.top_nav li a:hover, .top_nav .cur a{ height:35px; background:url(../images/top_nav_bg.jpg) no-repeat top; color:#313131;}
.top_sub_nav{ height:37px; line-height:37px; position:relative; float:left;}
.top_sub_nav a{ margin-left:15px;}
.hot_line{ float:right; line-height:37px; color:#585858;}
.hot_line span{ font-size:13px; font-family:Arial, Helvetica, sans-serif;}

.mar_top{ margin-top:12px;}
.mar_top2{ margin-top:9px;}
.mar_top3{ margin-top:6px;}
.index_ad_text{ width:279px; height:311px; padding:20px 25px 0 25px; background:url(../images/index_08.jpg) no-repeat left top; overflow:hidden; line-height:180%; color:#D6D6D6;}

/** index seo **/
.index_seo_bg{ height:253px; background:url(../images/index_10.jpg) no-repeat left top; margin-top:8px;}
.index_seo_bg dl{ float:left;}
.index_seo_bg .dl_baidu{ padding-left:20px; width:210px;}
.index_seo_bg .dl_google{ padding-left:35px; width:210px;}
.index_seo_bg .dl_operation{ padding-left:35px; width:210px;}
.index_seo_bg .dl_marketing{ padding-left:35px; width:215px;}
.index_seo_bg dl dt{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:38px;}
.index_seo_bg dl .description{ line-height:150%; height:88px;}

/** index knowledge **/
.index_know_top{ height:34px; background:url(../images/index_12.jpg) no-repeat left top;}
.index_know_top .title{ float:left; padding:10px 0 0 20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#4A4A4A}
.index_know_top .title_right{ float:right; padding:6px 16px 0 0;}
.index_know_top .title_right .rss{ width:70px; float:left;}
.index_know_top .title_right .search{ float:left; width:148px; margin-right:20px;}
.index_know_top .title_right .s_input{ height:16px; background:none; border: none; width:120px; color:#999; float:left; margin-top:4px!important;  margin-top:2px; font-size:11px;}
.index_know_top .title_right .s_btn{ border:none; width:15px; height:14px; background:url(../images/btn_search.jpg) no-repeat left top; text-align:center; margin:5px 0 0 2px; float:left; }

.index_know_main{ height:250px; background: url(../images/index_13.jpg) repeat-y; overflow:hidden;}
.index_know_main dl{ float:left; margin:8px 0 0 18px!important; margin:8px 5px 0 10px; height:240px;}
.index_know_main dl dt{ font-weight:bold; line-height:25px;}
.index_know_main dl dd{ width:290px; line-height:24px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_know_main dl .more{ text-align:right;}
.dl_pad{ padding:0 20px; border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;}
.index_know_foot{ height:7px; background:url(../images/index_14.jpg) no-repeat; overflow:hidden;}

/*** index case **/
.index_case_top{ width:984px; height:43px; background:url(../images/index_15.jpg) no-repeat left top;}
.index_case_top .title{ float:left; padding:10px 0 0 20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#4A4A4A}
.index_case_top .title_right{ float:right; padding:4px 16px 0 0}
.title_right .num{}
.title_right .num li{ float:left; margin-left:2px;}
.title_right .num li a{ display:block; width:23px; height:39px; line-height:35px; text-align:center;}
.title_right .num .cur a{ background:url(../images/case_tab_bag.jpg) no-repeat left top; font-weight:bold; color:#fff; font-size:13px;}
.title_right .num .more a{ width:68px;}
.index_case_box{ height:124px;}
.index_case_box ul{ margin-top:5px;}
.index_case_box ul li{ float:left; margin:0 13px 0 10px!important; margin-right:11px;}
.index_case_box ul li img{ width:135px; height:88px; border:1px solid #ccc; padding:2px;}
.index_case_box ul li span{ width:135px; height:24px; line-height:24px; text-align:center; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.index_case_box ul li a:hover img{ border:3px solid #ccc; padding:0px!important;}

/** links **/
.index_link_top{ height:30px; background: url(../images/index_17.jpg) no-repeat left top;}
.index_link_top .title{ float:left; padding:10px 0 0 20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#4A4A4A}
.index_link_top .title_right{ float:right; padding:10px 16px 0 0}
.index_link_main{ background: url(../images/index_18.jpg) repeat-y; padding:8px;}
.index_link_foot{ height:6px; background: url(../images/index_19.jpg) no-repeat top; overflow:hidden;}
.index_link_main a{ line-height:150%; margin-left:8px;}

/** foot **/
.foot{ padding:15px 20px; line-height:150%; color:#4E4E4E;}


/** baidu seo page **/
.top_nav_text{ height:44px; overflow:hidden;}
.top_nav_item{ margin:5px 3px 0 0;}
.top_nav_item li{ float:left; height:23px; line-height:23px; margin-left:3px;}
.top_nav_item li a{ height:23px; padding:0 0 0 10px; display:block; float:left;}
.top_nav_item li a span{ height:23px; display:block; float:left; padding:0 10px 0 0;}
.top_nav_item li a:hover, .top_nav_item .cur a{ background:url(../images/top_nav_text_bg.jpg) no-repeat left top; color:#fff;}
.top_nav_item li a:hover span, .top_nav_item .cur a span{ background:url(../images/top_nav_text_bg.jpg) no-repeat right top; cursor:pointer;}

.seo_information{ height:57px; line-height:57px; background:url(../images/seo_information_bg.jpg) no-repeat left top;}
.seo_information img{ float:left; margin:0 10px 0 30px;}
.seo_information div{ float:left; width:230px;}
.seo_information div span{ color:#0074D5; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.baidu_seo_why{ height:312px; background:url(../images/baidu_seo_why_bg.jpg) no-repeat left top; overflow:hidden; margin-top:10px;}
.baidu_seo_why dl{ float:left; margin-top:12px; height:280px;}
.baidu_seo_why .why1{ padding-left:22px; width:210px; background:url(../images/baidu_seo_why1.jpg) no-repeat 60% bottom;}
.baidu_seo_why .why2{ padding-left:35px; width:210px; background:url(../images/baidu_seo_why2.jpg) no-repeat right bottom;}
.baidu_seo_why .why3{ padding-left:35px!important; padding-left:28px; width:205px; background:url(../images/baidu_seo_why3.jpg) no-repeat 60% bottom;}
.baidu_seo_why .why4{ padding-left:40px!important; padding-left:37px; width:215px; background:url(../images/baidu_seo_why4.jpg) no-repeat right bottom;}
.baidu_seo_why dl dt{ font-size:12px; font-weight:bold; line-height:38px; color:#383838;}
.baidu_seo_why dl .description{ line-height:150%;}


/* google seo page*/
.google_seo_information{ height:57px; line-height:57px; background:url(../images/seo_information_bg.jpg) no-repeat left top;}
.google_seo_information img{ float:left; margin:0 10px 0 20px;}
.google_seo_information div{ float:left; width:232px;}
.google_seo_information div span{ color:#0074D5; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.google_seo_why{ height:312px; background:url(../images/baidu_seo_why_bg.jpg) no-repeat left top; overflow:hidden; margin-top:10px;}
.google_seo_why dl{ float:left; margin-top:12px; height:280px;}
.google_seo_why .why1{ padding-left:22px; width:210px; background:url(../images/google_seo_pic1.jpg) no-repeat 60% bottom;}
.google_seo_why .why2{ padding-left:30px; width:210px; background:url(../images/google_seo_pic2.jpg) no-repeat 80% bottom;}
.google_seo_why .why3{ padding-left:35px!important; padding-left:35px; width:205px; background:url(../images/google_seo_pic3.jpg) no-repeat 70% bottom;}
.google_seo_why .why4{ padding-left:40px!important; padding-left:37px; width:215px; background:url(../images/google_seo_pic4.jpg) no-repeat 65% bottom;}
.google_seo_why dl dt{ font-size:12px; font-weight:bold; line-height:38px; color:#383838;}
.google_seo_why dl .description{ line-height:150%;}


/** network marketing page **/
.marketing_information{ height:57px; line-height:57px; background:url(../images/seo_information_bg.jpg) no-repeat left top;}
.marketing_information img{ float:left; margin:0 5px 0 20px;}
.marketing_information div{ float:left; width:240px;}
.marketing_information div span{ color:#0074D5; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.network_marketing_why{ height:312px; background:url(../images/baidu_seo_why_bg.jpg) no-repeat left top; overflow:hidden; margin-top:10px;}
.network_marketing_why dl{ float:left; margin-top:12px; height:280px}
.network_marketing_why .why1{ padding-left:22px; width:210px; background:url(../images/newtwork_marketing_why1.jpg) no-repeat 65% bottom;}
.network_marketing_why .why2{ padding-left:35px; width:210px; background:url(../images/newtwork_marketing_why2.jpg) no-repeat 65% bottom;}
.network_marketing_why .why3{ padding-left:35px!important; padding-left:28px; width:205px; background:url(../images/newtwork_marketing_why3.jpg) no-repeat 60% bottom;}
.network_marketing_why .why4{ padding-left:40px!important; padding-left:45px; width:215px; background:url(../images/newtwork_marketing_why4.jpg) no-repeat 85% bottom;}
.network_marketing_why dl dt{ font-size:12px; font-weight:bold; line-height:38px; color:#383838;}
.network_marketing_why dl .description{ line-height:150%; height:95px;}

/** website operators page **/
.website_operators_why{ height:312px; background:url(../images/baidu_seo_why_bg.jpg) no-repeat left top; overflow:hidden; margin-top:10px;}
.website_operators_why dl{ float:left; margin-top:12px; height:280px}
.website_operators_why .why1{ padding:0 10px 0 22px; width:210px; background:url(../images/website_operators_why1.jpg) no-repeat 10px bottom;}
.website_operators_why .why2{ padding-left:25px; width:210px; background:url(../images/website_operators_why2.jpg) no-repeat 65% bottom;}
.website_operators_why .why3{ padding-left:35px!important; padding-left:30px; padding-right:15px; width:205px; background:url(../images/website_operators_why3.jpg) no-repeat 15px bottom;}
.website_operators_why .why4{ padding-left:25px!important; padding-left:30px; width:215px; background:url(../images/website_operators_why4.jpg) no-repeat center bottom;}
.website_operators_why dl dt{ font-size:12px; font-weight:bold; line-height:38px; color:#383838;}
.website_operators_why dl .description{ line-height:150%; height:95px;}

.website_operators{ height:57px; line-height:57px; background:url(../images/seo_information_bg.jpg) no-repeat left top;}
.website_operators img{ float:left; margin:0 5px 0 20px;}
.website_operators div{ float:left; width:250px;}
.website_operators div span{ color:#0074D5; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

/** case page **/
.case_nav{ width:984px; height:34px; background:url(../images/typical_case_nav_bg.jpg) no-repeat left top; margin-top:6px; overflow:hidden;}
.case_nav dl{ padding:8px 0 0 20px;}
.case_nav dl dt{ font-weight:bold; float:left; line-height:20px; }
.case_nav dl dd{ float:left; margin-left:1px; height:20px; line-height:20px;}
.case_nav dl dd a{ padding:0 8px; height:20px; float:left; }
.case_nav dl dd a:hover, .case_nav dl dd a.cur{ height:20px; background:url(../images/typical_case_tab_bg.jpg) no-repeat center top; color:#fff;}

.case_list{ margin-top:20px;}
.case_list li{ float:left; padding:5px 0 0px 15px;}
.case_list dl { width:215px; height:205px; overflow:hidden;}
.case_list dl dt{ width:215px; height:145px; }
.case_list dl dt img{ width:198px; height:127px; border:8px solid #ccc}
.case_list dl dt a:hover img{ border:8px solid #FFCC01;}
.case_list dl dd{ width:215px;}
.case_list dl h1{ width:215px; font-size:13px; line-height:30px; text-align:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case_list dl .date{ font-family:Arial; font-size:10px;}
.case_list dl .more{ padding-left:15px; display:block; margin-top:2px; background:url(../images/read_icon.jpg) no-repeat left center; font-family:Arial; font-size:11px; color:#7C7C7C; }
.case_list dl .more:hover{ color:#00F}


/* case_show page*/
.bottom_line{ border-bottom:1px solid #d1d1d1;}
.top_nav_caseshow{ margin:5px 3px 0 0;}
.top_nav_caseshow li{ float:left; height:20px; line-height:20px; margin-left:3px;}
.top_nav_caseshow li a{ height:20px; padding:0 0 0 5px; display:block; float:left;}
.top_nav_caseshow li a span{ height:20px; display:block; float:left; padding:0 3px 0 0; font-size:12px; font-weight:bold;}
.case_title{color:#2f2f2f; font-weight:bold; font-size:16px; padding:25px 0 10px 0; text-align:center;}
.case_pic{ width:934px; height:499px; background:url(../images/case_bg.jpg) no-repeat left top;}
.case_pic img{ margin:38px 0 0 172px; width:590px; height:370px;}
.case_content{padding:0 10px; line-height:23px;}
.case_content_bottom{padding:0 10px; text-align:right;}


/** list **/
.news_list2{ margin:20px 10px;}
.news_list2 dd{ line-height:23px;}
.news_list2 dd span{ float:right; color:#ccc;}
.news_list2 dd a{ color:#4194e4; }


/** news list page  **/
.list_left{ width:680px; float:left;}
.distype{ font-family: 微软雅黑, Verdana, 宋体; line-height:25px; padding-top:20px; color:#333; font-weight:bold;}
.list{ margin:10px 0 10px 0;}
.list dd{ padding:5px 0}
.list h1{ font-size:14px;}
.list h2{ font-size: 11px; color: #d6d1bd; padding-top: 4px; font-weight:normal;}
.list .dyfirst{ margin:8px 0; line-height:180%;}
.list .dyfirst:first-letter { PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; FONT: bold 2.8em/1em "楷体_GB2312","微软雅黑",; COLOR: #403c31; PADDING-TOP: 0px}

.list .more{ padding-left:15px; background:url(../images/read_icon.jpg) no-repeat left center; font-family:Arial; font-size:11px; color:#88866f;}
.list .more:hover{ color:#00f;}
.list .tags{ padding:15px 0; font-family:Arial, Helvetica, sans-serif;}
.list .cate{ text-align:right; padding:5px 0 20px 0}

.list_right{ width:275px; float:right; margin-top:50px!important; margin-top:70px; margin-right:5px;}
.list_right dl{ min-height:500px;}
.list_right dt{ margin-left:10px;}
.list_right h4{ font-size:14px; color:#4194e4; text-decoration:underline;}
.list_right dd{ margin-left:15px; line-height:150%; padding:3px 0}
.list_right dd a{ color:#88866f; border-bottom:1px dotted #ddd6c2 }

/**  news show page **/
.news_nav{ width:984px; height:34px; background:url(../images/typical_case_nav_bg.jpg) no-repeat left top; margin-top:6px; overflow:hidden;}
.news_nav span{ padding:8px 0 0 10px; font-size:12px; font-weight:bold; float:left; line-height:20px;}
.newscontent_show{ width:984px; padding-top:10px;}

.news_show_left{width:680px; float:left;}
.news_title{ font-size:13px; font-weight:bold; text-align:center; padding:10px 0; border-bottom:1px dotted #ccc;}
.news_content{ padding:0 6px; line-height:23px;}
.news_content_bottom{ padding:6px 0 6px 10px;}

.news_show_right{width:275px; float:right; margin-right:3px; margin-top:5px!important; margin-top:10px;}
.news_show_right dl{ min-height:500px;}
.news_show_right dt{ margin-left:5px;}
.news_show_right h4{ font-size:14px; color:#4194e4; text-decoration:underline;}
.news_show_right dd{ margin-left:15px; line-height:150%; padding:3px 0}
.news_show_right dd a{ color:#88866f; border-bottom:1px dotted #ddd6c2 }


/** contact us page **/
.box_border{ border:1px solid #ccc;}
.contact_left{ width:568px; padding:10px 0 10px 20px; float:left; line-height:200%;}
.contact_left .user_info{ color:#9E9E9F; margin-top:15px;}
.contact_left .user_info li{ float:left; margin-right:10px; width:250px; line-height:normal;}
.contact_left .user_info li img{ margin-bottom:0!important; margin-bottom:2px;}
.contact_left .input_bg{ width:250px; height:23px; background:url(../images/input_bg.jpg) no-repeat left top; padding:0 0 0 3px; margin-top:3px; padding-top:2px!important;}
.contact_left .input_bg input{ width:238px; height:15px; border:none; background:none; font-size:12px;} 
.contact_left .ask_list{ padding:10px 0; width:510px; background:#EFF2DE; margin:3px 0 0 0;}
.contact_left .ask_list dt{ font-weight:bold; color:#6B6D59; margin-left:20px;}
.contact_left .ask_list dd{ margin-left:17px; line-height:normal; margin-top:5px;}
.contact_left .ask_list dd checkbox{ border:none;}
.contact_left .other_help{ padding-top:15px; background:url(../images/otherhelp.jpg) no-repeat left top; margin-top:8px;}
.contact_left .textarea{ width:520px; height:96px; background:url(../images/areatext_bg.jpg) no-repeat left top; padding:5px;}
.contact_left .textarea textarea{ background:none; border:none; width:500px; height:85px; font-size:12px;}
.contact_left .submit{ text-align:right; margin-right:48px;}

.contact_r{ float:right; width:330px; padding:10px 20px 10px 0; line-height:200%;}
.contact_r .red{ color:#FF5400; font-size:13px; font-weight:bold;}
.contact_r .service_center{ font-size:13px; color:#939393; font-weight:bold;}
.contact_r .chat{ padding:10px 0}
.contact_r .chat a{ margin-right:5px;}

.mar_top4{ margin-top:20px;}
.line{ height:1px; background:#ccc; overflow:hidden; margin:22px 3px 0 3px;}\


/**  about page **/
.contnet_list{ background-color:#f5f6f7;}

.about_caseshow{ margin:5px 3px 0 0;}
.about_caseshow li{ float:left; height:35px!important; height:38px; line-height:35px!important; line-height:38px; margin-left:3px;}
.about_caseshow li a{ height:20px; padding:0 5px 0 5px; float:left;}
.about_caseshow li span{ height:20px; float:left; padding:0 3px 0 0; font-size:12px; font-weight:bold;}

.about_title{color:#2f2f2f; font-weight:bold; font-family:"黑体"; font-size:30px; padding-top:25px; text-align:center;}
.about_title span{color:#0073d1;}
.title_1{font-weight:bold; font-size:13px; padding:8px 0 0 3px; text-align:center; color:#818182;}
.title_2{font-weight:bold; font-size:14px; padding:5px 0; text-align:center; color:#565656;}
.title_2 span{ color:#0f0f0f;}
.about_pic{text-align:center; margin-top:10px;}

.content_list1{padding:0 8px; color:#2f2f2f;}
.content_list1 h4{font-size:15px; font-family:Arial, Helvetica, sans-serif;}
.content_list1 p{ line-height:20px;}

.about_content2{padding:25px 8px;}
.about_content2_left{ width:570px; float:left;}
.about_content2_left dl{ color:#0073d1; font-size:12px; font-weight:bold; padding:8px 0;}
.about_content2_left dt{ color:#434343; line-height:150%;}

.about_content2_right{ width:380px; float:right; margin-right:5px; padding:50px 0 0 10px;}


/* 分页样式 */
.PageControl {text-align:right; clear:both; margin:10px 0; height:27px; width:979px; background:url(../images/typical_case_page_bg.jpg) no-repeat right top;}
.page_text_left{ text-align:left;}
.page_list {font:normal 11px Tahoma; line-height:27px; margin-right:15px; }
.page_list a:link, .page_list a:visited {font:normal 9px Tahoma; padding:1px 0 2px 0; margin:0 3px 0 3px; text-align:center; text-decoration:underline; font-weight:bold;}
.page_list a:hover {}
.page_list .pageInfo {margin:0 3px}
.page_list .pageNum {padding:0 1px}
.page_list a.currBtn:link, .page_list a.currBtn:visited {}
.page_list a.currBtn span{ color:#00f; font-size:12px;}

.page_list a.pageBtn:hover {}
.page_list a.pageBtn:hover span{}

.page_list a.firstBtn:link, .page_list a.firstBtn:visited, .page_list a.lastBtn:link, .page_list a.lastBtn:visited { border:none; padding:0px; text-decoration:none;}
.page_list a.firstBtn:hover, .page_list a.firstBtn:hover, .page_list a.lastBtn:hover, .page_list a.lastBtn:hover {text-decoration:none; background:none; text-decoration:none;}