@charset "utf-8";
/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*others*/
.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


.float_l{
	float: left;
}
.float_r{
	float: right;
}
.yahei{
	font-family: "Microsoft Yahei";
}
/*header*/
.header{
	padding: 30px 10px;
	width: 992px;
	margin: 0 auto;
}
.nav_menu{
	margin: 10px 0 0 0;
}
.nav_menu a{
	font-size: 14px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}
.nav_menu a:hover{
	color: #333;
	text-decoration: underline;
}
.nav_menu li{
	float: left;
	padding: 0 5px;
}
.banner{
	background: url(/images/banner_bg.jpg);
	width: 100%;
	min-width: 1002px;
	height: 466px;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.banner_text{
	margin: 0 auto 0 auto;
	width: 992px;
	padding: 16px 10px 0 10px;
}
.index_service{
	width: 992px;
	margin: 30px auto 30px auto;
	padding: 0 10px;
}
.index_service h1{
	font-size: 18px;
	color: #464646;
	padding: 15px 0 5px 0;
}
.index_service h2{
	font-size: 14px;
	color: #AAA;
}
.index_service li{
	float: left;
	text-align: center;
	width: 33%;
}
.index_case{
	color: #464646;
	width: 992px;
	margin: 30px auto;
	padding: 0 10px;
}
.index_case h1{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #D53B70;
	width: 130px;
	margin: 0 auto 20px auto;
}
.index_case li{
	float: left;
	width: 33%;
	text-align: center;
}
.index_case h2{
	text-align: left;
	padding: 0 0 5px 5px;
	font-size: 14px;
}
.index_case a{
	color: #464646;
	text-decoration: none;
	font-size: 14px;
}
.index_case a:hover{
	color: #333;
	text-decoration: underline;
}
.index_case p{
	text-align: left;
	padding: 0 0 20px 5px;
	font-size: 12px;
	color: #9F94A4;
	line-height: 18px;
}



.index_we{
	color: #464646;
	width: 992px;
	margin: 30px auto;
	padding: 0 10px;
}
.index_we h1{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #D53B70;
	width: 130px;
	margin: 0 auto 20px auto;
}
.index_we li{
	float: left;
	width: 25%;
	text-align: center;
}
.index_we h2{
	padding: 10px 0 5px 5px;
	font-size: 14px;
}
.index_we a{
	font-size: 14px;
	color: #464646;
	text-decoration: none;
}
.index_we a:hover{
	color: #333;
	text-decoration: underline;
}
.index_we p{
	padding: 0 0 20px 5px;
	font-size: 12px;
	color: #9F94A4;
	line-height: 18px;
}

/*footer*/
.footer{
	background: #fff;
	border-top: 1px solid #DCDCDC;
	padding: 30px 0;
	font-size: 12px;
	width: 100%;
	min-width: 960px;
	height: 250px;
}
.inner_footer{
	width: 992px;
	padding: 0 10px;
	margin: 0 auto;
}
.inner_footer h1{
	font-size: 14px;
	padding: 10px 0;
}
.inner_footer a{
	color: #666;
	text-decoration: none;
}
.inner_footer a:hover{
	color: #333;
	text-decoration: underline;
}
.inner_footer li{
	float: left;
	padding: 3px 15px 3px 0;
}
.logo_bottom{
	margin: 40px 0 0 0;
	text-align: center;
}
.page_banner{
	background: url(images/bg_banner.jpg);
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	height: 142px;
	background-position: center;
	background-repeat: no-repeat;
}
.inner_page_banner{
	width: 992px;
	padding: 20px 10px;
	margin: 0 auto;
	text-shadow: 1px 1px 1px #333;
	
}
.page_banner h1{
	font-size: 28px;
	padding: 0 0 10px 0;
	color: #fff;
}
.page_banner h2{
	font-size: 14px;
	color: #ccc;
	line-height: 20px;
	font-weight: normal;
}
.case_list{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
.case_list li{
	float: left;
	padding: 0 10px 15px 10px;
	width: 300px;
	min-height: 300px;
}
.case_list li h1{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.case_list img{
	padding: 0 0 10px 0;
}
.case_list a{
	font-size: 14px;
	color: #333;
	text-decoration: none;
}
.case_list a:hover{
	color: #000;
	text-decoration: underline;
}
.case_list p{
	color: #666;
	line-height: 16px;
	font-size: 12px;
}
.addressbox{
	font-size: 14px;
	text-align: left;
	color: #5C5C5C;
	margin: 18px 0 15px;
	font: normal 15px/1.75 "TIBch", "ClassicGrotesqueW01-Rg", "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	float: left;
	width: 320px;
}
.content_left{
	float: left;
	width: 620px;
	padding: 20px 20px 0 0;
}
.content_left article{
	margin: 0 0 50px 0;
}
.content_left img{
	display: block;
	padding: 10px 0 0 0;
}
.about_us{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
.about_right{
	font-size: 14px;
	text-align: left;
	color: #5C5C5C;
	margin: 18px 0 15px 20px;
	font: normal 15px/1.75 "TIBch", "ClassicGrotesqueW01-Rg", "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
	float: left;
	width: 720px;
}
.about_right img{
	max-width: 620px;
}

.about_right p{
	padding: 0 0 20px 0;	
}
.about_left{
	float: left;
	width: 220px;
	padding: 20px 0 0 0;
}
.about_subpage{
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
	margin: 0 0 10px 0;
	box-shadow: 0px 2px 2px #ccc;
}
.about_subpage ul{
	padding: 0;
	margin: 0;
}
.about_subpage li{
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}
.about_subpage a{
	text-decoration: none;
}
.address{
	font-size: 12px;
	background: #E2EEF3;
	padding: 10px;
	box-shadow: 0px 2px 2px #ccc;
}
.address h1{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.address p{
	line-height: 18px;
	padding: 10px 0 0;
}
.who_we_are{
	width: 960px;
	margin: 20px auto 0 auto;
	padding: 20px 0;
}
.we_are{
	padding: 20px 0;
}
.we_are_pic{
	float: left;
	width: 180px;
}
.we_are_intro{
	float: left;
	width: 780px;
	padding: 10px 0 0 0;
}
.we_are_intro p{
	font-size: 12px;
	color: #333;
	line-height: 20px;
}
.we_are_intro h1{
	font-family: 14px;
	font-weight: bold;
	padding: 0;
}
.we_are_intro h2{
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
.service_box{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
.service_box ul{
	margin: 0 0 200px 0;
}
.service_box li{
	float: left;
	margin: 0 10px 15px 10px;
	width: 298px;
	border: 1px solid #eee;
	background: #fff;
}
.inner_servicebox{
	border-top: 1px solid #eee;
	margin: 15px;
	padding: 10px 0;
	font-size: 12px;
}
.inner_servicebox a{
	color: #06f;
	text-decoration: none;
}
.inner_servicebox a:hover{
	color: #333;
	text-decoration: underline;
}
.inner_servicebox h1{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 5px 0 0 0;
}
.inner_servicebox p{
	padding: 0 0 0 5px;
}
.entry-content h2{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.entry-content p{
	padding: 0 0 20px 0;
}
.entry-content strong{
	font-weight: bold;
	color: #000;
}
.news-title{
	font-size: 24px;
	margin: 0;
	padding: 0 0 10px 0;
	
}
.news-title a{
	font-size: 24px;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	background: #fbfbfb; /* Show a solid color for older browsers */
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #333;
	display: block;
	line-height: 2.333em;
	text-decoration: none;
	padding: 0 6px;
}
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	left: -38px;
	width: 430px;
	background: #D44170;
	
	box-shadow: 2px 2px 0px #eee;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 0;
	text-align: center;
	width: 60px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	color: #fff;
}
#access li:hover > a,
#access a:focus {
	background: #D44170;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}
.entry-meta{
	padding: 0 0 10px 0;
	margin: -5px 0 0 0;
	
}
.entry-meta span{
	font-size: 12px;
	color: #666;
}
.entry-meta  a{
	color: #666;
	text-decoration:underline;
	font-size: 12px;
}
.entry-meta a:hover{
	color: #000;
	text-decoration: none;
}

.client_list{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
.client_list img{
	padding: 0 0 10px 0;
}
.client_list a{
	color: #333;
	text-decoration: none;
}
.client_list a:hover{
	color: #000;
	text-decoration: underline;
}
.client_list p{
	color: #666;
	line-height: 20px;
	font-size: 14px;
}

.client_left{
	float: left;
	margin: 0 10px 0 0;	
	width: 160px;
}
.client_right {
	float: left;
	width: 750px;
}
.client_right h2{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.client_link{
	padding: 10px 0 0 0;
}
.client_link a{
	color: #09F;
	text-decoration: underline;
}
.client_link a:hover{
	color: #000;
	text-decoration: none;
}
/*guandian list*/
.guandian_list{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
.guandian_list img{
	padding: 0 0 10px 0;
}
.guandian_list a{
	color: #333;
	text-decoration: none;
}
.guandian_list a:hover{
	color: #000;
	text-decoration: underline;
}
.guandian_list p{
	color: #666;
	line-height: 20px;
	font-size: 14px;
}

.guandian_left{
	float: left;
	margin: 0 10px 0 0;	
	width: 310px;
}
.guandian_right {
	float: left;
	width: 600px;
}
.guandian_right h2{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.guandian_link{
	padding: 10px 0 0 0;
}
.guandian_link a{
	color: #09F;
	text-decoration: underline;
}
.guandian_link a:hover{
	color: #000;
	text-decoration: none;
}


/*slider link*/


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 500px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
    
}
.news_box{
	background: #fff;
	box-shadow: 2px 2px 2px #eee;
}
.news_box img{
	width: 620px;
	padding: 0;

}
.inner_news_box{
	padding: 20px;
	font-size: 13px;
	line-height: 20px;
}
.news_meta{
	padding: 10px 0 10px 0;
	color: #666;
}
a.read_more{
	background: #eee;
	color: #000;
	padding: 10px 25px;
	border-radius: 4px;	
	font-weight: bold;
	text-decoration: none;
}
a.read_more:hover{
	background: #f5f5f5;
	color: #666;
}
.dianxing{
	width: 960px;
	padding: 20px 0 10px 0;	
	background: #fff;
	margin: 20px auto 0 auto;
}
.dianxing li{
	float: left;
	text-align: center;
	width: 25%;
	padding: 0 0 10px 0;
}
