@charset "utf-8";
/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td, textarea, button
{
margin: 0; padding: 0; border: 0; outline: none;
}

a{color:#1876cf;text-decoration:none;}
a:hover{text-decoration:underline;}
.white{color:#fff;}
.blue_light{color:#9acbd6;}

/*描述文字*/
.info{color:#8a8989;}

body, html{
	background-color:#041322;
	background-image:url(/styles/images/bg.gif);
	background-repeat:repeat-x;
	font-size:12px;font-family:Arial, Helvetica, sans-serif, "宋体";
	color:#55637b;/*一般文字*/
}

#container{
	width:100%;
	margin:0 auto;
	/*min-height:318px;*/
	background-image:url(/styles/images/bg-body.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	overflow:visible;
}

.copyright{
	font-size:12px;
	line-height:normal;
	color:#1d3d5a;font-family:Arial;padding-right:10px;
}
p.copyright span{padding-left:8px;}

ul,li{list-style:none;list-style-type:none;}
li{float:left;}
#img_services,#img_seo,#img_cantact,#intro_home,#img_showcase,#img_shop{width:648px;height:84px;}
/*-----------------------------------------------------------------------
Header
------------------------------------------------------------------------*/

#frame_header{
	width:990px;
	height:87px;
	position:relative;
	margin:0 auto;
}

#logo{
	width:200px;
	height:80px;
	position:absolute;
	top:12px;
	left:8px;
}

#tel{
	width:300px;
	height:51px;
	position:absolute;
	top:20px;
	right:6px;
}
#tel_us{float:right;margin-top:3px;padding-right:78px;}
/*#tel_us{float:right;margin-top:3px;padding-right:48px;}*/
/*-----------------------------------------------------------------------
General
------------------------------------------------------------------------*/

#frame_content{
	width:990px;
	margin:0 auto;
}

#content_bg
{
    background-image:url(/styles/images/bg-content-c.png);
    _background-image:url(/styles/images/bg-content-c.gif);
    background-repeat: repeat-y;
	width:980px;
	padding:0 5px;
    }

#content_main{
	width:680px;
	float:left;background:#ebebeb;
}

#navigation
{
	height:34px;
	background-image:url(/styles/images/bg-content-header.png);
	_background-image:url(/styles/images/bg-content-header.gif);
	background-repeat:no-repeat;
	background-position:top center;	
	padding:24px 0 0 18px;
}
#navigation ul{margin-top:0px;margin-left:10px;}
#navigation li{margin-right:22px;}
#navigation a{float:left;font-size:14px;color:#8e989f;text-decoration:none;font-weight:600;font-family:"宋体","微软雅黑";}
#navigation a:hover{color:#6892af;}
#navigation a.currentN{color:#6892af;}

div.slider{
	width:680px;
	height:260px;
	position:relative;
	/*float:left;*/
	background-image:url(/styles/images/bg-slideshow.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}
div.slider_play
{
position:absolute;width:100%;top:210px;
}
img.prev{position:absolute;left:30px;top:7px;cursor:pointer;}
img.next{position:absolute;right:30px;top:7px;cursor:pointer;}


.section_line{
	width:680px;
	height:2px;
	overflow:hidden;
	background-image:url(/styles/images/section-line.gif);
	background-repeat:repeat-x;
	background-position:top;
	/*float:left;*/
}

.general_section{
	width:644px;
	height:auto;
	position:relative;
	float:left;
	background-image:url(/styles/images/bg-general.gif);
	background-repeat:repeat-x;
	background-position:top center;
	padding:18px 18px 0 18px;
	text-align:left;
}

.main_section{
	width:644px;
	height:auto;
	position:relative;
	float:left;
	background-image:url(/styles/images/bg-section.gif);
	background-repeat:repeat-x;
	background-position:top center;
	padding:0 18px 0 18px;
	text-align:justify;
}
.title_header{
	width:644px;
	height:34px;
	position:relative;
	float:left;
	padding-top:15px;
	color:#505050;font-size:20px;font-weight:500;letter-spacing:1px;
}

.section_text{
	width:644px;
	height:auto;
	position:relative;
	float:left;
	padding-top:18px;
}
/*-----------------------------------------------------------------------
services
------------------------------------------------------------------------*/
#service_list li{position:relative;}
div.s_webdesign{background:url(/styles/images/icon-services.png) no-repeat 0 0;
                _background:url(/styles/images/icon-services.gif) no-repeat 0 0;
width:28px;height:27px;position:absolute;top:0;left:0;text-indent:-10000px;
}
.s_convertcode{background:url(/styles/images/icon-services.png) no-repeat 0 -144px;
               _background:url(/styles/images/icon-services.gif) no-repeat 0 -144px;
width:28px;height:31px;position:absolute;top:0;left:0;text-indent:-10000px;}
.s_tuiguang{background:url(/styles/images/icon-services.png) no-repeat 0 -29px;
            _background:url(/styles/images/icon-services.gif) no-repeat 0 -29px;
width:28px;height:31px;position:absolute;top:0;left:0;text-indent:-10000px;}
.s_seo{background:url(/styles/images/icon-services.png) no-repeat 0 -204px;
       _background:url(/styles/images/icon-services.gif) no-repeat 0 -204px;
width:28px;height:31px;position:absolute;top:0;left:0;text-indent:-10000px;}
.s_shop{background:url(/styles/images/cart.png) no-repeat 0 0;
width:32px;height:28px;position:absolute;top:0;left:0;text-indent:-10000px;}
.s_platform{background:url(/styles/images/platform.png) no-repeat 0 0;
width:32px;height:34px;position:absolute;top:0;left:0;text-indent:-10000px;}
li dl{margin-left:40px;padding-right:0px;height:120px;width:272px;margin-right:10px;}
li dt{font-size:12px;padding-top:1px;padding-bottom:3px;color:#434343;}
li dd{line-height:20px;color:#55637b;}
div.png{}
p.s_txt{color:#8a8989;}div.s_welcome{margin-bottom:20px;margin-top:3px;}
#skills{padding:4px 0 20px 0;margin-top:10px;height:100px;}
#skills li
{
padding-right:8px;width:180px;padding-left:20px;line-height:20px;padding-bottom:5px;
background:url(/styles/images/tick.png) no-repeat left 2px;_background:url(/styles/images/tick.gif) no-repeat left 2px;
}
.s_section_line{clear:both;
	width:644px;
	height:2px;
	overflow:hidden;
	background-image:url(/styles/images/section-line.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-bottom:20px;
}
/*-----------------------------------------------------------------------
SEO
------------------------------------------------------------------------*/
#seo_c{margin:0;}
#seo_c dl{margin-bottom:20px;}
#seo_c dt{padding-bottom:5px;font-size:14px;color:#434343;}
#seo_c dd{line-height:22px;padding-left:8px;}
#seo_services li{padding-right:20px;text-indent:10px;margin-top:10px;}
#seo_c strong{color:#434343;}

#seo_c dd p{text-indent:24px;margin:8px 0;}
.seo_bg{background:url(/styles/images/seo_optimization.png) no-repeat left center;_background:url(/styles/images/seo_optimization.gif) no-repeat left center;padding-left:80px;}
.seo_rank{background:url(/styles/images/stats.png) no-repeat right center;_background:url(/styles/images/stats.gif) no-repeat right center;margin-right:20px;}
.seo_website{background:url(/styles/images/websiteseo.png) no-repeat left center;_background:url(/styles/images/websiteseo.gif) no-repeat left center;padding-left:80px;}
.seo_websiteeffect{background:url(/styles/images/clients.png) no-repeat right center;_background:url(/styles/images/clients.gif) no-repeat right center;margin-right:20px;}
.seo_keyword{background:url(/styles/images/keyword.png) no-repeat left center;padding-left:80px;_background:url(/styles/images/keyword.gif) no-repeat left center;}
.seo_ruanwen{background:url(/styles/images/articles.png) no-repeat left center;padding-left:80px;_background:url(/styles/images/articles.gif) no-repeat left center;}
.seo_rweffect{background:url(/styles/images/GoldCup.png) no-repeat right center;_background:url(/styles/images/GoldCup.gif) no-repeat right center;margin-right:20px;}
.seo_ppc{background:url(/styles/images/search_google.png) no-repeat left center;padding-left:80px;_background:url(/styles/images/search_google.gif) no-repeat left center;}
.seo_ppcffect{background:url(/styles/images/search_check.png) no-repeat right center;_background:url(/styles/images/search_check.gif) no-repeat right center;margin-right:20px;}
dl.seo_websiteeffect,dl.seo_ppcffect,dl.seo_rweffect dd{padding-right:80px;}
.margint10{margin-top:10px;}
.gotop{text-align:right;margin-bottom:10px;}
.seo_section_line{clear:both;
	width:644px;
	height:2px;
	overflow:hidden;
	background-image:url(/styles/images/section-line.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-bottom:30px;
}
/*-----------------------------------------------------------------------
Shop
------------------------------------------------------------------------*/
#shop_c strong{color:#434343;}
#shop_c  dl{margin-bottom:20px;}
#shop_c dt{font-size:14px;padding-bottom:15px;}
#shop_c dd{padding-bottom:5px;}
#shop_c p{text-indent:24px;line-height:22px;}
.shop_pack{background:url(/styles/images/shop-solution.png) no-repeat;padding-left:138px;}
/*-----------------------------------------------------------------------
Contact
------------------------------------------------------------------------*/
.contact_info
{
    line-height:22px;
}
.contact_info dt{font-size:14px;font-weight:600;padding-bottom:8px;}
.contact_info dd{padding-left:6px;letter-spacing:1px;font-family:Verdana;}
div.contact_title{border-bottom:#d0d0d7 1px solid;font-weight:300;
height:26px;line-height:26px;padding-left:4px;margin-top:4px;clear:left;}

input.textfield{
	width:192px;
	height:22px;_height:19px;
	background-color:transparent;
	font-size:12px;
	color:#000000;
	padding:6px 6px 0px 6px;
}
.input_textfield{
	width:204px;
	height:28px;
	background-image:url(/styles/images/contact-general.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.input_textfield_focus{
	width:204px;
	height:28px;
	background-image:url(/styles/images/contact-general.gif);
	background-repeat:no-repeat;
	background-position:0px -28px;
	_background-position:0px -29px;
}

.input_textfield_subject{
	width:428px;
	height:28px;
	background-image:url(/styles/images/contact-general.gif);
	background-repeat:no-repeat;
	background-position:0px -56px;
	
}

.input_textfield_subject_focus{
	width:428px;
	height:28px;
	background-image:url(/styles/images/contact-general.gif);
	background-repeat:no-repeat;
	background-position:0px -84px;
	_background-position:0px -86px;
}

.input_textfield_message{
	width:428px;
	height:138px;
	background-image:url(/styles/images/contact-general.gif);
	background-repeat:no-repeat;
	background-position:0px -112px;
}

.input_textfield_message_focus{
	width:428px;
	height:138px;
	background-image:url(/styles/images/contact-general.gif);
	background-repeat:no-repeat;
	background-position:0px -250px;
	_background-position:0px -251px;
}

.input_left{
	width:auto;
	height:auto;
	float:left;
	margin:10px 20px 6px 4px;
}

.input_left p{
	line-height:normal;
	padding:0px 0px 6px 0px;
}

input.textfield_subject{
	width:416px;
	height:22px;_height:20px;
	background-color:transparent;
	font-size:12px;
	color:#000000;
	padding:6px 6px 0px 6px;
}

textarea.textarea{
	width:416px;
	height:126px;_height:123px;
	background-color:transparent;
	font-size:12px;
	line-height:18px;
	color:#000000;
	padding:6px;
	overflow:auto;
}

#div_btn_submit_contact{clear:both;padding:18px 28px 18px 4px ;}
div.btn_submit_contact
{
    background:url(/styles/images/forms-submit-green-158.png) no-repeat top left;
    _background:url(/styles/images/forms-submit-green-158.gif) no-repeat top left;
    width:158px;float:left;margin-right:25px;
    height:25px;cursor:pointer;
    }
div.btn_submit_contact_hover{
    background:url(/styles/images/forms-submit-green-158.png) no-repeat left -25px;
    _background:url(/styles/images/forms-submit-green-158.gif) no-repeat left -25px;
    width:158px;float:left;margin-right:25px;
    height:25px;cursor:pointer;}
    
span.icon_warning
{height:15px;display:inline-block;margin-top:6px;text-indent:22px;line-height:18px;
    background:url(/styles/images/warn.gif) no-repeat;
    }
/*-----------------------------------------------------------------------
Showcase
------------------------------------------------------------------------*/
#cases_list{}
#cases_list dl{margin:0;padding:0;width:300px;}
#cases_list li{height:365px;}
#cases_list dd{padding-bottom:5px;font-family:Tahoma;line-height:18px;}
#cases_list dt{color:#434343;font-weight:600;font-size:14px;padding-bottom:5px;}
#cases_list .dlleft{margin-right:30px;_margin-right:20px;}
.work_img{border:solid 5px #e3e3e3;}
dd.casetxt{color:#747474;}
/*-----------------------------------------------------------------------
Sidebar
------------------------------------------------------------------------*/

#content_sidebar{
	width:300px;
	float:right;
	padding-top:10px;
}
#content_sidebar a{color:#3e9cf4;}
.sidebar_item{
	width:248px;
	height:auto;
	float:left;
	background-image:url(/styles/images/sidebar-line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:25px 26px 25px 26px;
}

#sidebar_contact{line-height:22px;font-size:16px;font-family:Verdana;font-weight:600;letter-spacing:0px;color:#cecece;}
#sidebar_contact dd{padding-top:8px;}
#sidebar_contact a img{vertical-align:bottom !important;vertical-align:middle;}


.sidebar_item.last{
	background-image:none;
}

.sidebar_item_title
{
    color:#959699;font-size:14px;margin-bottom:12px;}

.sidebar_txt{line-height:16px;margin:5px 0;color:#5d6771;}

.links li{
	width:223px;
	background-image:url(/styles/images/sidebar-bullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	list-style-type:none;
	padding:0 0 10px 25px;
}

/*-----------------------------------------------------------------------
Footer
------------------------------------------------------------------------*/

#content_footer{
	width:980px;
	height:165px;
	background-image:url(/styles/images/bg-content-footer.png);
	_background-image:url(/styles/images/bg-content-footer.gif);
	background-repeat:no-repeat;
	background-position:top center;	
	padding:0 5px;padding-top:2px;color:#5d6771;
}

#footer_social{
	width:944px;
	height:113px;
	position:relative;
	float:left;
	margin-top:8px;padding-left:20px;
}
#footer_sitelinks{
	width:924px;margin-left:20px;
	padding-left:20px;
	padding-top:8px;
	overflow:hidden;padding-left:25px;
	color:#363d42;
	background:url(/styles/images/clip.png) no-repeat left 6px;
}
#footer_sitelinks a
{color:#5b666e;margin-left:8px;margin-right:8px;
    }
    

.sitelinks li{
	width:auto;
	list-style-type:none;
	float:left;
	padding-right:20px;
}

#frame_copyright{
	width:980px;
	height:68px;
	margin:0 auto;
	text-align:right;
	padding:0 5px 48px 5px;font-size:20px;font-family:"宋体";
	_padding-bottom:8px;
}

div#fullname{
	width:206px;
	height:26px;
	position:relative;
	margin-right:20px;
	background-image:url(/styles/images/icon-general.gif);
	background-repeat:no-repeat;
	background-position:0 -22px;
	font-size:12px;
	margin-top:-25px;margin-left:30px;
}
div#emailaddress {
	width:206px;
	height:26px;
	position:relative;
	margin-right:20px;
	background-image:url(/styles/images/icon-general.gif);
	background-repeat:no-repeat;
	background-position:0 -22px;
	font-size:12px;
	margin-top:-26px;margin-left:280px;
}
#mailinglist button{
	width:57px;
	height:23px;
	margin:6px 0px 0px 30px;
	background:url(/styles/images/submit-btn-black.png) no-repeat 0 0;
}

#mailinglist button:hover{
	background:url(/styles/images/submit-btn-black.png) no-repeat 0 -23px;
}
input#mailinglist_name,
input#mailinglist_email {
	width:185px;
	height:20px;padding-left:8px;
	background-color:transparent;
	font-size:12px;
	color:#999;padding-top:5px;
	position:absolute;
}

label.overlabel {
	position:absolute;
	top:6px;
	left:-30px;
	z-index:1;
	color:#999;
}
label.overlabel-apply {
	position:absolute;
	top:6px;
	left:8px;
	z-index:1;
	color:#999;
}

#social_mailinglist{
	width:519px;
	height:97px;
	position:relative;
	float:left;
	background-image:url(/styles/images/mailinglist-line.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding:16px 12px 0px 0px;
}

span.social_r{background:url(/styles/images/associations-business-title.gif) no-repeat;width:111px;height:15px;display:block;margin-bottom:8px;}

#mailinglist{
	width:519px;
	height:36px;
	position:absolute;
	top:68px;
	left:0px;
	padding-top:8px;
}

.mailinglist_input{
	width:205px;
	height:26px;
	position:relative;
	float:left;
	margin-right:20px;
	background-image:url(/styles/images/icon-general.gif);
	background-repeat:no-repeat;
	background-position:0 -22px;
}

#social_recognition{
	width:395px;
	height:97px;
	position:relative;
	float:left;
	padding:16px 0px 0px 18px;
}

#recognition{
	width:395px;
	height:44px;
	position:absolute;
	top:58px;
	left:18px;
}

.recognition_items li{
	width:60px;
	height:44px;
	position:relative;
	float:left;
	margin-right:7px;
	list-style-type:none;
}

.recognition_items li.last{
	margin-right:0px;
}
/*-----------------------------------------------------------------------
Theme Switcher
------------------------------------------------------------------------*/

#theme{
	width:100%;
	height:auto;
	position:fixed;
	bottom:0px;
	margin: 0 auto;
	background-image:url(/styles/images/theme-bg.png);
	background-repeat:repeat;
	z-index:1200;
}

#theme_top_bar{
	width:892px;
	height:37px;
	margin:0 auto;
	background-image:url(/styles/images/theme-bar.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px 18px 0px 70px;
	position:relative;
}

#theme_top_bar a{color:#9acbd6;}

#theme_bottom_bar{
	width:944px;
	height:84px;
	margin:0 auto;
	position:relative;
	display: none;
	padding:16px 18px 0px 18px;
}

.theme_news{
	width:597px;
	height:25px;
	text-align:left;
	position:relative;
	float:left;
	padding:12px 8px 0px 0px;
}

.theme_background{
	width:135px;
	height:19px;
	position:relative;
	float:left;
	background-image:url(/styles/images/icon-general.gif);
	background-repeat:no-repeat;
	background-position:0px -92px;
	margin:8px 0px 0px 0px;
	padding:4px 0px 0px 12px;
}

.theme_background a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.theme_background:hover{
	background-position:0px -115px;
}

.theme_items li{
	width:116px;
	height:68px;
	position:relative;
	float:left;
	margin-right:22px;
	list-style-type:none;
}

.theme_items li.last{
	margin-right:0px;
}

.btn_slide{
	cursor:pointer;
}

.theme_text{}