/*************************************
* 文件名称：layout_aboutus.css
* 作   者：QQ:280474722 E-mail:zcli@vip.qq.com
/*************************************/

/*中间内容*/
#content{
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	background:#F0F0F0;
	padding-top:20px;
}
#content_left{
	float:left;
	width:190px;
}
#content_left .title_h3{
	width:100%;
	height:50px;
	line-height:50px;
	text-indent:10px;
	padding-bottom:16px;
	background:url(../images/a_h3_bg.jpg) no-repeat left bottom;
	color:#fff;
	font-size:20px;
}
#content_left .content_left_top{
	float:left;
	width:100%;
	background:url(../images/a_left_bg.jpg) no-repeat center bottom;
	background-color:#fff;	
	padding-bottom:10px;
	margin-bottom:20px;
}

#content_left_prolist{
	width:160px;
	float:left;
	padding:10px 15px;
	background:url(../images/left_bg_conter.jpg) repeat-y left top;
}
#content_left_prolist ul{
	width:100%;
}
#content_left_prolist li{
	width:100%;
	float:left;
	margin-bottom:2px;
}
#content_left_prolist li a{
	width:100%;
	float:left;
	height:26px;
	line-height:24px;
	display:block;
	color:#fff;
	font-size:12px;
	padding:5px 0px;
	-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
	text-align:left;
	background:#3B207B;
	border:0px solid #3B207B;
	border-bottom:1px solid #3B207B;
	text-indent:5px;
}

#content_left_prolist li a:hover{
	color:#fff;
	background:#3B207B;
	text-indent:5px;
	border:0px solid #3B207B;
	border-bottom:1px solid #3B207B;
}
#content_left_prolist .two{
	width:100%;
	float:left;
	margin-bottom:0px;
}
#content_left_prolist .two a{
	width:100%;
	float:left;
	height:16px;
	line-height:16px;
	display:block;
	color:#333;
	font-size:12px;
	padding:5px 0px;
	border:0px solid #333;
	-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;
	text-align:left;
	border-bottom:1px solid #efefef;
	background:none;
	text-indent:15px;
}

#content_left_prolist .two a:hover{
	color:#fff;
	background:#B0A6CA;
	text-indent:10px;
	border:0px solid #3B207B;
	border-bottom:1px solid #B0A6CA;
}


#content_right{
	float:right;
	width:994px;
	background:#fff;
}
#content_right .title_h3{
	width:100%;
	height:80px;
	line-height:80px;
	font-size:20px;
	color:#333;
	background:url(../images/a_h3_line.jpg) no-repeat left bottom;
	margin-top:-20px;
	margin-bottom:10px;
}

#content_right .content_aboutus{
	padding:10px;
	width:958px;
	margin:0 auto;
	color:#666;
	font-size:14px;
	padding-top:20px;
	line-height:200%;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:20px;
	float:left;
	min-height:412px;
}
#content_right .content_aboutus_bottom{
	float:left;
	width:100%;
	height:9px;
	background:url(../images/a_right_bg_bottom.jpg) no-repeat left bottom;
}

#content_right .boxlist{
	float:left;
	width:100%;
}
#content_right .boxlist li{
	float:left;
	width:100%;
	height:auto;
	line-height:18px;
	border-bottom:dotted 1px #E1E1E1;
	padding-bottom:12px;
	padding-top:12px;
}
#content_right .boxlist h1{
	width:100%;
	height:20px;
	line-height:20px;
	color:#CCCCCC;
}
#content_right .boxlist li .title{
	font-size:12px;
}

#content_right .boxlist li h3 a{
	font-size:12px;
	color:#333;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/ico.jpg) no-repeat left 50%;
}
#content_right .boxlist li h3 a:hover{
	color:#F0880D;
}

#content_right .content_right_list{
	float:left;
	width:100%;
}


#content_right .content_right_list li{
	float:left;
	width:200px;
	padding:5px;
	height:288px;
	margin:10px 10px 10px 18px;
	color:#999;
	background:url(../images/pro_bg.jpg) no-repeat center 180px;
}
#content_right .content_right_list .two{
	height:248px;
	text-align:center;
}
#content_right .content_right_list li img{
	float:left;
	margin-bottom:10px;
}
#content_right .content_right_list li p{
	color:#999;
	line-height:120%;
}
#content_right .content_right_list li p a{
	color:#333333;
}
#content_right .content_right_list li p a:hover{
	color:#FF0103;
}
#content_right .content_right_list li .more{
	width:96px;
	height:20px;
	line-height:20px;
	text-align:center;
	display:block;
	color:#fff;
	font-weight:bold;
	background:#0169B2;
	margin-top:10px;
	margin-left:45px;
}
#content_right .content_right_list li .more:hover{
	background:#E62513;
	color:#fff;
}



#lib_Tab1{padding-top:20px;float:left;width:960px;}
#lib_Tab1 .lib_Menubox {height:34px;line-height:34px;position:relative;width:385px; float:right; margin-top:-80px; margin-right:120px;}
#lib_Tab1 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; height:34px;text-align:center;}
#lib_Tab1 .lib_Menubox li{float:left;display:block;cursor:pointer;width:120px;font-size:14px;height:32px;line-height:32px; margin-right:8px; background:#E6E6E6;	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
#lib_Tab1 .lib_Menubox li.hover{padding:0px;background-color:#3B207B;width:120px;font-size:14px;height:32px;line-height:32px; color:#fff;}
#lib_Tab1 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto;padding-top:20px;}




div.sdmenu {
	width: 160px; font-size:14px; font-weight:bold; color:#ad8634;
}
div.sdmenu div {
	background: url(../images/menu_bg_hover.gif) repeat-x;overflow: hidden;
}
* html div.sdmenu div{
    float:left
}
div.sdmenu div.collapsed {
	height: 32px;
	width: 160px;
}
div.sdmenu div span {
	display: block;line-height:32px;width:160px;font-weight: bold;color: white;cursor: pointer; margin-left:10px;
}
div.sdmenu div span a{
    padding:0; background:none; border:0; font-size:14px;line-height:32px;display:block
}
div.sdmenu div.collapsed {
	background:#3A207B; width:160px; color:#fff;
	margin-bottom:1px;
	font-weight:normal;
}
div.sdmenu div.collapsed span{
    color:#ad8634; line-height:32px
}
div.sdmenu div.collapsed span a.current{
    color:#ad8634;
}
div.sdmenu div a {
	padding-left:47px;display: block;border-bottom: 1px solid #fff;color: #ad8634;font-size:13px; background:url(../images/menu_sub_icon.gif) no-repeat 27px 7px #f7f2d4; line-height:28px; font-weight:normal;
}
div.sdmenu div a.current {
	background : url(../images/linkarrow.gif) no-repeat  27px 7px #f8ec94;  color:#ad8634
}
div.sdmenu div span a.current {
	background :none; color:#fff
}
div.sdmenu div a:hover {
	background : url(../images/menu_sub_icon.gif) no-repeat  27px 7px #f8ec94;text-decoration: none;
}
div.sdmenu div span a:hover {
	background:none;
}


 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 0px auto 0px;
 	background: #FFF;
 }

.accordion .link {
	cursor: pointer;
	display: block;
	width: 100%;
    float: left;
    height: 26px;
    line-height: 24px;
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 5px 0px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    text-align: left;
    background: #3B207B;
    border: 0px solid #3B207B;
    border-bottom: 1px solid #3B207B;
    text-indent: 10px;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #fff;
	background:#ED3922;
}

.accordion li.open i {
	color: #fff;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #fff;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }
/*http://www.jq22.com*/
