﻿/* doererp 前台 */
@charset "utf-8";
/*==================================================
深绿色主标题文字、文字移上：	#009c25
稍淡标题绿色背景 / 按钮背景 / 边框移上颜色 / 文字移上颜色：	#2cb252
移上更淡绿色：	#51e27a
按钮边框：	#76c679

下拉列表：
background-color: #eefbf2; color: #139f54;
或：
background-color:#d3f0e0; color:#333;
==================================================*/

/*
apple.com/cn 官司网字体：
font-family:"myriad set pro","lucida grande","helvetica neue",helvetica,arial,verdana,sans-serif;
font-family: pinghei,"helvetica neue",helvetica,arial,verdana,sans-serif;

font-family: "mhei","lucida grande","lucida sans unicode","stheiti","helvetica","arial","verdana","sans-serif";
*/

/*==================================================*/
html {
	-webkit-font-smoothing: inherit; 
	-moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}
body { background:#e9e9e9;}
.none { display:none !important;}
.hidden { visibility:hidden !important;}

.no_margin { margin:0 !important;}
.no_margin_left { margin-left:0 !important;}
.no_margin_right { margin-right:0 !important;}
.no_margin_top { margin-top:0 !important;}
.no_margin_bottom { margin-bottom:0 !important;}

.no_padding { padding:0 !important;}
.no_padding_left { padding-left:0;}
.no_padding_right { padding-right:0;}
.no_padding_top { margin-padding:0 !important;}
.no_padding_bottom { margin-padding:0 !important;}

.no_bg { background-image:none !important;}

.align_left { text-align:left !important;}
.align_right { text-align:right !important;}
.align_center { text-align:center !important; margin:0 auto;}

.no_border { border:none !important;}

.valign_box {width:100%; position:absolute;}

.color_red {color:#c80000 !important;}
.color_green {color:#0d8800 !important;}
.color_orange {color:#ff8800 !important;}
.color_black {color:#000 !important;}
.color_white {color:#fff !important;}

.block { display:block !important;}
.inline { display:inline !important;}

.icon_16 {font-size:16px !important; position: relative; top: 1px;}
.icon_24 {font-size:24px !important; position: relative; top: 2px;}

.icon_img_16 {width:16px; height:16px; position: relative; top:1px;  display:inline-block; margin-right:3px;}
.icon_img_24 {width:24px; height:24px; position: relative; top:5px;  display:inline-block; margin-right:3px;}

.icon_16_img {width:16px; height:16px; position: relative; top:1px;  display:inline-block; margin-right:3px;}
.icon_24_img {width:24px; height:24px; position: relative; top:5px;  display:inline-block; margin-right:3px;}

.btn_no_bg { background:none !important; color:#6c6c6c;}

.box_shadow_01 {
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow: #d0d0d0 0px 0px 5px\0/;	/* for ie8 */
}
.box_shadow_02 {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.6);
	box-shadow: 0 0 10px rgba(0,0,0,.6);
}
.txt_shadow_01 {
	text-shadow:0 2px 4px rgba(0,0,0,0.8);
	text-shadow: #d0d0d0 0px 0px 5px\0/; /* for ie8 */
}

.txt_shadow_01 a {
	text-shadow:0 2px 4px rgba(0,0,0,0.8);
	text-shadow: #d0d0d0 0px 0px 5px\0/; /* for ie8 */
}


.alpha_70 {
	/* fallback for web browsers that don't support rgba */
	background-color: rgb(0, 0, 7);
	/* rgba with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.7);
	/* for ie 5.5 - 7*/
	filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000);
	/* for ie 8*/
	-ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr=#99000000, endcolorstr=#99000000)";
}


.alpha_50 {
	background-color: #000;
	filter: alpha(opacity=50);
	filter: progid:dximagetransform.microsoft.alpha(opacity=50);
	opacity:0.5;
	-moz-opacity: 0.50; 
	zoom: 1;
}

div, input, select, textarea, span, img, table, label, td, th, p, a, button, ul, code, pre, li, h1,h2,h3,h4,h5 {
	/*font-family:"hiragino sans gb", "microsoft yahei", "wenquanyi micro hei", sans-serif;*/
	/*font-family: "mhei","stheiti",sans-serif,"microsoft yahei";*/
	
	font-family: "open sans",arial,"hiragino sans gb","microsoft yahei","微软雅黑","stheiti","wenquanyi micro hei",simsun,sans-serif;
}
input,
select,
textarea,
button,
 {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  
  behavior: url(/uploads/image/csdfafassets/pie.htc);
  
}

a { color:#009c25;}
a:hover { color:#e80000; text-decoration:underline;}
a:hover span { color:#e80000; text-decoration:underline;}

/*==================================================*/
/* footer */
.footer_block { margin:20px 0;}
.footer_top { background:#109d53; color:#dff3e9; padding:12px 0 0 0;}
.footer_top .logo_footer { text-align:center; margin-bottom:15px;}
.footer_top .logo_footer img { text-align:center; position:relative; top:8px;}
.footer_top .qr {}
.footer_top .qr img {width:100px; height:100px; position:relative; top:-4px;}

.footer_top a {color:#b3ffb8; font-size:12px;}
.footer_top a:hover {color:#fff; text-decoration:none;}

.footer_top ul { margin:0; padding:0;}
.footer_top ul li { list-style:none; margin:0; text-align:left; line-height:1.8em; font-size:12px;}
.footer_top ul li i {font-size:14px; margin-right:4px;}

.footer_top .footer_link { margin-bottom:10px;}
.footer_top .footer_address { margin-bottom:15px;}
.footer_top .footer_social { margin-bottom:15px;}
.footer_top .qr {}

.footer_bottom { color:#666; line-height:1.6em; overflow:hidden; text-align:center; margin:10px 0;}
.footer_bottom .left { text-align:left; font-size:13px; color:#888;}
.footer_bottom .right { text-align:right; font-size:13px; color:#888;}

.footer_address { margin:0; margin-bottom:15px; padding:0;}
.footer_address li { list-style:none; margin:0; text-align:left; line-height:1.8em; font-size:12px;}
.footer_address li i {font-size:13px; margin-right:4px; color:#139f54; margin-left:0;}

/*==================================================*/
.home_page {}

.container {width:1000px;}

.page_box {
	position:relative;
	background:#fafafa;
	box-shadow: -7px 0 7px -7px rgba(51, 51, 51, 0.07), 7px 0 7px -7px rgba(51, 51, 51, 0.07), 0 8px 8px -8px rgba(51, 51, 51, 0.07);
	
	margin:15px auto; border-radius:3px;
	border-radius:0 0 -30px 0;
}
.page {	padding:25px 80px 40px 80px;}


body.style1 { background:#e9e9e9;}
body.style1 .page .corner {
	width:200px; height:180px;
	background:url(/uploads/image/csdfafimg/corner_right_bottom1.png) no-repeat;
	position:absolute; bottom:-39px; right:-20px;
}

body.style1 .page .page_top {
	width:1060px; height:108px;
	background:url(/uploads/image/csdfafimg/page_top1.png);
	position:absolute; top:0px; left:-49px;
	
	display:none;
}

body.style1 .footer_bottom .left, body.style1 .footer_bottom .right { color:#888;}

/**********************************/
body.style2 { background:#409f64;}
body.style2 .page .corner {
	width:192px; height:155px;
	background: no-repeat;
	position:absolute; bottom:-39px; right:-20px;
}
body.style2 .page .page_top {
	width:1060px; height:108px;
	background:;
	position:absolute; top:0px; left:-49px;
}
body.style2 .footer_bottom .left, body.style2 .footer_bottom .right { color:#fff;}


.page .~corner {
	width:190px; height:126px;
	background:;
	position:absolute; bottom:-1px; right:-1px;
}







.header {}
.header h2 { font-size: 31px; line-height: 1.3em; color:#c80000; text-align:center; margin-top:15px; margin-bottom:15px;}
.header h3 { font-size: 28px; line-height: 1.4em; color:#009c25; text-align:center;}

.line_001 {background:url(/uploads/image/csdfafimg/line_001.png) no-repeat center bottom; margin:20px 0;}

.txt_ind { text-indent:2em;}

h3 { color:#c80000; margin-top:30px; margin-bottom:20px; line-height:2em;}
.page h3 { font-size:26px; text-align:center; }
.page h4 { font-size:20px; text-align:center; line-height:2em;}

.text_block { margin-bottom:10px;}

.title2 {
	color: #495258;
    display: inline-block;
    font-size: 28px;
	margin-bottom:15px;
}

.desc {
	line-height: 1.8em;
    margin: 5px 0;
    clear: both;
	font-size:18px;
	color:#666;
	/*border-bottom:1px solid #ebebeb;*/
}


.txt_green, .txt_green li {color:#666;}
.txt_bold {font-weight:bold;}
.spec_01 { font-weight:bold; color:#c80000; background:#fff7c8; border:1px solid #f8e2c2; border-radius:4px; padding:8px 5px; margin:0 5px;}
.spec_02 { font-weight:bold; color:#c80000; background:#fff7c8; border:1px solid #f8e2c2; border-radius:4px; padding:8px 5px; margin:0 5px; margin-bottom:10px; line-height:2em;}

.font_18, .font_18 li { font-size:18px !important;}
.font_20, .font_20 li { font-size:20px !important;}
.font_22, .font_22 li { font-size:22px !important;}
.font_24, .font_24 li { font-size:24px !important;}
.font_28, .font_28 li { font-size:28px !important;}
.font_30, .font_30 li { font-size:30px !important;}
.font_32, .font_32 li { font-size:32px !important;}
.font_34, .font_34 li { font-size:34px !important;}
.font_36, .font_36 li { font-size:36px !important;}

.color_01 { color:#666;}

.desc span img { width:28px; margin:0 5px; position:relative; top:-2px;}

.multi_sub_line {}


ol { margin-left:-16px;}
ol li {
	line-height: 2.2em;
    margin: 5px 0;
    clear: both;
	font-size: 18px;
	color:#666;
	border-bottom:1px solid #ebebeb;
}

/**********************************/


.thumb_list_01 .left { float:left; width:200px;background:#cf9;}
.thumb_list_01 .right { margin-left:202px; background:#ffa;}

.thumb_list_01 .item { /*border-bottom:1px solid #ddd;*/ padding-bottom:15px; margin-bottom:30px;}
.thumb_list_01 .media {}
.thumb_list_01 .media img { padding:2px; background:#fff; border:1px solid #ddd;}
.thumb_list_01 .media_body {}
.thumb_list_01 .media_body .title { padding:0; margin:0; margin-bottom:5px; margin-top:-6px; font-size:20px; line-height:1.0em; font-weight:bold;}
.thumb_list_01 .media_body .desc { font-size:16px; line-height:2.4em; border-bottom:0; text-indent:2em;}

/**********************************/
.list_01 { font-size:18px; color:#009c25; line-height:2em;}
.list_01 i { margin-right:8px; font-size:18px; color:#009c25;}
.list_01 .item {
	background:#fff; color:#009c25; border:1px solid #ddd; padding:2px 4px; padding-left:15px;
	display:block; border-radius:4px; margin-bottom:10px;
}

/**********************************/
.team_block { margin-bottom:45px;}
.team_block .photo {}
.team_block .title { text-align:center; display:block; margin-bottom:0;}
.team_block .title h4 { text-align:center; font-size:18px; display:block; color:#333;}
.team_block .intro {text-align:center; font-size:15px; color:#666; line-height:1.8em;}


.contact_block { margin:40px 0; padding: 8px 5px 0 30px; background:#e7e7e7; border-radius:5px; border:1px solid #ddd;}
.contact_block .icon_box {width:50px; height:50px; border-radius:100%; background:#009c25; float:left; margin-right:10px; margin-top:5px;}
.contact_block i { font-size:30px; color:#fff; position:relative; top:12px; left:14px;}
.contact_block h4 { font-size:18px; color:#666; margin:8px 0 0; text-align:left;}
.contact_block p { color:#009c25; font-size:18px;} 
.contact_block .btn_box { margin:5px 0 8px 0;} 



.video_block {
	margin:0 auto; overflow:hidden; text-align:center; margin:15px 0; /*border:1px solid #ddd !important;*/
}
.jp-video .jp-interface {border-top:1px solid #ddd !important;}



.featured_block {margin-bottom:20px;}
.featured_block .inner { margin:0 auto; text-align:center;}
.featured_block .style1 {}
.featured_block .style1 .item { width:18.5%; display:inline-block; margin:0 4px; margin-bottom:15px; float:left;}
.featured_block .style1 h3 { text-align:center; margin-bottom:20px; color: #c80000; line-height: 2em;}
.featured_block .style1 h5 {
	color: #333;
    font-size: 18px;
    line-height: 2.5em;
    margin: 5px 0;
	text-align:center;
}

.featured_block .style1 .icon_box {
	text-align:center; background:#ebebeb; border:2px solid #fff; padding:20px 0px; border-radius:4px;
}

.featured_block .style1 .icon_box i {color:#e05a5a; font-size: 50px;}


.featured_block .style2 {}
.featured_block .style2 .item {
	display:block; margin:0 4px; margin-bottom:15px; overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
.featured_block .style2 h3 { text-align:center; margin-bottom:20px; color: #c80000; line-height: 2em;}
.featured_block .style2 h5 {
	color: #333;
    font-size: 18px;
    line-height: 2.5em;
    margin:6px 0 5px 10px;
	text-align:left;
}

.featured_block .style2 .icon_box {
	text-align:center; background:#eaeaea; /*border:2px solid #fff;*/ padding:10px 40px; border-radius:4px;
	float:left;
	margin-right:15px;
}

.featured_block .style2 .icon_box i {color:#e05a5a; font-size:30px;}

.featured_block .style3 { margin-bottom:30px;}

.monthlyfeetable th, .monthlyfeetable td{
  border:1px solid #9f9f9f;
  min-width:50px;
  padding:5px;
  line-height:30px;
}

.monthlyfeetable th{
	background-color:rgb(15, 173, 64);
  	color:#fff;
   text-align:center;
  font-size:16px;
}

.monthlyfeetable.monthlyfeecenter td{
	text-align:center;
}

.list_01 .item img{
	width:25px;
   height:25px;
  	margin-right:8px;
   margin-top:-5px;
}

