﻿/*******基本格式*******/
* {
	font-family: "微软雅黑";
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
img, a img {
	border: 0px;
}
.auto {
	width: 1020px !important;
	margin: 0 auto !important;
}
.auto2{
	width:995px !important;
	margin:0 auto !important;
}
.auto4{
        width: 896px !important;
	margin: 0 auto !important;
}

a {
	text-decoration: none;
	color: #555;
}
a:hover {
	text-decoration: none;
	color: #333;
}
.yt-link{font-size: 13px; font-weight:bold ;color: #333;}
/*******banner*********/
.slider_wrapper {
	position: relative;
	text-align: left;
}
.camera_target_content {
	overflow: visible !important;
}
.camera_wrap {
	display: none;
	position: relative;
	overflow: visible !important;
	z-index: 0;
	margin-bottom: 0 !important;
}
.camera_wrap img {
	max-width: 10000px;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
	background: url(../imgaes/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
	background: #fff url(../imgaes/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../imgaes/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_commands > .camera_stop {
	display: none;
}
.slide_wrapper .camera_prev {
	background: url(../imgaes/prevnext_bg.png) 0 0 repeat;
	width: 70px;
	top: 0 !important;
	height: auto !important;
	bottom: 0;
	left: -80px;
	display: block;
	position: absolute;
	opacity: 1 !important;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.slide_wrapper .camera_prev>span {
	background: url(../imgaes/prev.png) center 0 no-repeat;
	top: 50%;
	margin-top: -10px;
	position: absolute;
	display: block;
	height: 20px;
	left: 0;
	right: 0;
}
.slide_wrapper .camera_next>span {
	background: url(../imgaes/next.png) center 0 no-repeat;
	top: 50%;
	margin-top: -10px;
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	height: 20px;
}
.slide_wrapper .camera_next {
	background: url(../imgaes/prevnext_bg.png) 0 0 repeat;
	width: 70px;
	top: 0 !important;
	bottom: 0;
	height: auto !important;
	right: -80px;
	display: block;
	position: absolute;
	opacity: 1 !important;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.camera_thumbs_cont {
	z-index: 900;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	background: url(../imgaes/thumb_bg.png) 0 0 repeat;
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	margin-left: 0px !important;
	left: 0% !important;
	margin-top: 0px !important;
	text-align: center;
	padding: 10px 0 10px;
}
.camera_thumbs_cont ul li {
	background-color: transparent;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.camera_thumbs_cont ul li+li {
	margin-left: 11px !important;
}
.camera_thumbs_cont ul li > img {
	cursor: pointer;
	opacity: 1 !important;
	vertical-align: bottom;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.camera_thumbs_cont ul li:hover, .camera_thumbs_cont ul li.cameracurrent {
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
	text-align: right;
}
.caption {
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	top: 50%;
	margin-top: 0px;
	font: 300 48px/40px 'Open Sans Condensed', sans-serif;
	color: #fff;
	right: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.caption .bull {
	display: inline-block;
	border-radius: 500px;
	width: 4px;
	height: 4px;
	margin: 0 8px;
	background-color: #fff;
	position: relative;
	top: 24px;
}
.camera_pag {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 999;
	text-align: left;
}
.camera_pag_ul {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.camera_pag ul li {
	display: inline-block;
}
.camera_pag ul li+li {
	margin-left: 10px;
}
.camera_pag ul li span {
	background-color: #fff;
	display: block;
	width: 17px;
	height: 17px;
	overflow: hidden;
	color: transparent;
	text-indent: -100px;
	border-radius: 500px;
}
.camera_pag ul li:hover span, .camera_pag ul li.cameracurrent span {
	cursor: pointer;
	background-position: 0 0;
	background-color: #287e7d;
}
@media screen and  (min-width: 1200px) and (max-width: 2000px)
{
	.banner{
		max-width:100%;
		height:auto;
		display:block;
	}
}
/*****结束********/
.head {
	background:#F1F1F1;
	height: 100px;
	padding-top: 15px;
}
.logoLeft {
	float: left;
}
.logoLeft img {
	padding-left: 10px;
}
.logoCenter {
	float: left;
	margin-left: 100px;
}
.logoCenter img {
	margin-left: 20px;
}
.logoRight {
	float: right;
}
.china {
	padding-left: 100px;
}
.china a {
	color: #555;
}
.china a:hover {
	color: #ff1c1c;
}
.china span {
	color: #666;
}
.tel span {
	color: #797878;
	font-size: 16px;
	padding-left: 5px;
}
.number {
	padding-top: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #ff1c1c;
}
.nav {
	background: #141F35;
	height: 50px;
}
.nav a {
	color: #fff;
	float: left;
	width: 125px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	letter-spacing: 1px;
	font-size: 16px;
	margin-right: 3px;
}
.nav a:hover {
	background: #ff1c1c;
}
.link {
	background: #ff1c1c;
}
/******头部*********/
.index {
	margin: 20px 0 0 0;
}
.newListingH3 h3 {
	font-size: 18px;
	color: #ff1c1c;
	margin-bottom: 10px;
}
.newListingPro {
	text-align: center;
	float: left;
	margin-left: 16px;
}
.newListingImg {
	border: 2px solid #EDEDED;
	width:170px;
	height:170px;
}
.newListingImg img{width: 100%;}
.newListingImg:hover {
	border: 2px solid #ccc;
}
.newListingFont {
	position: relative;
	top: 5px;
}
.newListingFont a {
	color: #000;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
}
.newListingFont a:hover {
	color: #047dff;
}
.proImg img{
	width:225px;
	height:225px;
}
.proImgs img{
	width:225px;
	height:225px;
}
.marquee {
	width: 1050px;
	height: 212px;
	overflow: hidden;
	margin-top: 20px;
}
.marquee li {
	display: inline;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}
.project {
	background: url(../imgaes/main_bg.jpg) repeat-x;
	height: 110px;
	margin: 20px auto auto auto;
}
.projectFont {
	padding-top: 10px;
}
.projectFont h3 {
	color: #ffd802;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 6px;
}
.projectFont span {
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 25px;
}
.proShow {
	background: #f4f4f4;
	padding-top:40px;
	padding-bottom:40px;
}
.promargin {
	/*border: 1px solid #ccc;*/
}
.proLeft {
	width: 250px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 10px 0 10px 10px;
	padding-bottom: 15px;
	float: left;
}
.proTitle {
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #ff1c1c;
	margin: 10px;
}
.proTitle span {
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
}
.proContent {
	padding: 5px 10px 5px 10px;
}
.proContent a {
	color: #000000;
}
.proContent a:hover {
	color: #2471E8;
}
.proContent span {
	float: left;
}
.proContent img {
	vertical-align: middle;
	margin-right: 5px;
	float: right;
}
.proHr {
	border-bottom: 1px solid #ccc;
	width: 230px;
	margin: 10px auto 5px auto;
}
.proRight {
	float: left;
	margin-top: 20px;
	/*width: 690px;*/
	margin-bottom:30px;
}
.proImgTop {
	margin-top: 20px;
}
.proTop {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.proShowH3 {
	float: left;
	padding-left: 30px;
}
.proShowH3 h3 {
	font-size: 16px;
}
.proMore {
	float: right;
}
.proMore span {
	font-size: 14px;
	margin-left: -100px;
}
.proTitleImg {
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-left: 27px;
}
.proTitleImg a {
	color: #000;
}
.proTitleImg a:hover {
	color: #299CFB;
}
.proFont {
	background: #000;
	width: 220px;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	margin-top: -34px;
	padding: 5px 0;
}
.proFont span {
	font-size: 14px;
	color: #ffce0b;
}
.proName {
	padding-top: 10px;
}
.proName span {
		font-size: 14px;
	width: 210px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	word-break: keep-all;
	white-space: nowrap;
}
.proTitleImgs {
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-left: 27px;
}
.proTitleImgs a {
	color: #000;
}
.proTitleImgs a:hover {
	color: #299CFB;
}
.proFonts {
	background: #000;
	width: 225px;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	margin-top: -34px;
	padding: 5px 0;
}
.proFonts span {
	font-size: 14px;
	color: #ffce0b;
}
.proNames {
	padding-top: 10px;
}
.proNames span {
	font-size: 14px;
}
.proBoder {
	border: 1px solid #ccc;
	width: 220px;
	height: 200px;
}
.QQ {
	background: url(../imgaes/main_bg.jpg) repeat-x;
	height: 100px;
}
.kf {
	padding-top: 10px;
	padding-left: 5px;
}
.kf_img {
	float: left;
}
.kf_font {
	float: left;
	padding-left: 20px;
}
.kf_font h3 {
	line-height: 45px;
	font-size: 16px;
}
.kf_font span {
	font-size: 12px;
	color: #FFCE0B;
}
.QQkf {
	float: left;
	text-align: center;
	padding-left: 65px;
	padding-top: 5px;
}
.QQkf_font span {
	line-height: 23px;
}
.QQkf a {
	color: #000;
}
.QQkf a:hover {
	color: #fff;
}
.fuwu {
	float: left;
	padding-top: 5px;
}
.fuwu span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	padding-left: 5px;
}
.compny {
	margin: 20px 0 0 0;
	background: url(../imgaes/main_bg.jpg) repeat-x;
	height: 110px;
}
.compnylogo {
	padding-top: 10px;
	float: left;
}
.compnyFont {
	float: left;
	padding-top: 20px;
}
.compnyLingJian span {
	color: #ffce0b;
	font-size: 13px;
	letter-spacing: 1px;
	padding-left: 10px;
}
.bottom {
	background: url(../imgaes/main_banner.jpg) no-repeat center;
	height: 600px;
}
.indexNewMargin {
	padding-top: 20px;
}
.indexNew {
	float: right;
	margin-left: 14px;
	width: 500px;
	height: 264px;
	background: #edecea;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.indexNewTop {
	background: #FF0004;
	height: 10px;
}
.indexNewCenter {
	text-align: center;
	padding-top: 10px;
}
.indexNewFont span {
	font-size: 24px;
	font-family: "Arial";
}
.indexNewHr {
	border-bottom: 1px solid #ccc;
	width: 80px;
	margin: 15px auto auto auto;
}
.indexNewContent {
	margin-top: 10px;
}
.indexNewContent span {
	font-size: 14px;
	color: #FF0004;
	letter-spacing: 1px;
}
.indexNewCompny {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-top: 15px;
}
.indexNewGG {
	float: left;
}
.indexNewGG span {
	padding-left: 10px;
	color: #555555;
}
.indexNewTime {
	float: right;
}
.indexNewTime span {
	margin-left: -70px;
	color: #555555;
}
.indexNewDeilt {
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 100px;
	background: #FF0004;
	margin: 10px auto auto auto;
}
.indexNewDeilt a {
	color: #fff;
}
.indexNewDeilt a:hover {
	color: #000;
}
.indexNewGS {
	float: left;
	border: 2px solid #ccc;
	height: 260px;
	width: 500px;
}
.indexAbout {
	width: 500px;
	height: 264px;
	background: #edebe8;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	float: left;
	margin-top: 20px;
}
.indexAboutUS {
	text-align: center;
	padding-top: 10px;
}
.indexAboutUS span {
	font-family: "Arial";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}
.indexAboutUSHr {
	margin: 0 auto;
	width: 80px;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
}
.indexAboutFont {
	text-align: center;
	padding: 15px;
}
.indexAboutFont span {
	font-size: 14px;
	color: #ff0a0a;
	letter-spacing: 1px;
}
.indexAboutContent {
	margin: 0 20px;
	text-indent: 2em;
	text-align: justify;
}
.indexAboutContent span {
	line-height: 25px;
	color: #555555;
}
.indexAboutUS_BottomHr {
	border-bottom: 1px solid #ccc;
	padding-top: 25px;
}
.indexAboutDelit {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #FF0004;
	margin: 15px auto auto auto;
}
.indexAboutDelit a {
	color: #fff;
}
.indexAboutDelit a:hover {
	color: #000;
}
.indexMap {
	background: url(../imgaes/map.jpg) no-repeat;
	width: 500px;
	height: 260px;
	float: right;
	margin-top: 20px;
	border: 2px solid #ccc;
}
.indexAdd {
	margin-top: 54px;
	margin-left: 59px;
	color: #fff;
}
.indexAdd span {
	display: block;
	line-height: 30px;
}
.indexAdd img {
	vertical-align: middle;
	padding-right: 5px;
}
/*******about*********/
.banner_about {
	background: url(../imgaes/banner_about.jpg) no-repeat center;
	height: 250px;
}
.banner_new {
	background: url(../imgaes/banner_new.jpg) no-repeat center;
	height: 250px;
}
.banner_product {
	background: url(../imgaes/banner_product.jpg) no-repeat center;
	height: 150px;
}
.banner_case {
	background: url(../imgaes/banner_case.jpg) no-repeat center;
	height: 250px;
}
.banner_contact {
	background: url(../imgaes/banner_contact.jpg) no-repeat center;
	height: 250px;
}
.aboutLeft {
	width: 250px;
	float: left;
	margin-bottom: 50px;
}
.aboutGG {
	background: url(../imgaes/about_bg.png) no-repeat;
	margin-top: 35px;
	height: 70px;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	text-align: center;
	font-weight: 600;
	background:#0072E8;
}
.aboutGG span {
	padding-top: 10px;
	letter-spacing: 1px;
	font-size: 20px;
	color: #fff;
	font-style: normal;
	display: block;
}
.aboutGG em {
	padding-top: 10px;
	font-style: normal;
	font-family: "Arial";
	font-size: 14px;
	color: #fff;
}
.aboutCompny a:hover {
	background: #2d55ff;
}
.aboutCompny a {
	background: #399AFF;
	text-align: center;
	margin-top: 7px;
	display: block;
	line-height: 70px;
	width: 250px;
	height: 70px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
}
.aboutCompny .linkpro {
	background: #2d55ff;
}
.aboutContact {
	margin-top: 30px;
	height: 149px;
}
.aboutRight {
	float: left;
	margin: 35px 0 50px 30px;
	width: 740px;
}
.aboutMap {
	padding-left: 10px;
	padding-top: 10px;
	border: 1px solid #ccc;
}
.aboutMap span {
	display: block;
	line-height: 30px;
	letter-spacing: 1px;
}
.aboutMap img {
	vertical-align: middle;
	margin-right: 10px;
}
.aboutNav {
	border-bottom: 2px solid #1865b2;
	padding-bottom: 5px;
}
.aboutNav a {
	color: #000;
}
.aboutNav a:hover {
	color: #000;
}
.aboutContent {
	padding-top: 25px;
	text-align: justify;
}
.aboutContent span {
	display: block;
	text-indent: 2em;
	letter-spacing: 1px;
	line-height: 20px;
}
.aboutContent span.bold {
	padding-top: 10px;
	font-weight: bold;
	font-size: 13px;
}
.aboutImg {
	margin-top: 30px;
}
.aboutImg img {
	border: 1px solid #ccc;
	margin-left: 20px;
	/*width: 100%;display: block;*/
}
/*******联系我们**********/
.contact {
	margin-top: 20px;
}
.contact span {
	display: block;
	line-height: 30px;
	letter-spacing: 1px;
}
.contact img {
	vertical-align: middle;
	margin-right: 10px;
}
.contactMap {
	margin-top: 30px;
}
.certitficate {
	margin-top: 20px;
	float: left;
	text-align: center;
	margin-left: 10px;
}
.certitficateImg {
	border: 1px solid #ccc;
	width: 210px;
	height: 295px;
}
.certitficateFont {
	margin-top: 5px;
}
.certitficateFont a:hover {
	color: #2d55ff;
	cursor: pointer;
}
.certitficate img {
	padding-top: 5px;
	width: 200px;
	height: 285px;
}
.certitficateTwo {
	text-align: center;
	margin-top: 20px;
}
.certitficateTwo h3 {
	font-size: 18px;
	padding-bottom: 10px;
}
/********new***********/
.new {
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	margin-top: 20px;
}
.newFont {
	float: left;
}
.newFont img {
	vertical-align: middle;
	padding-right: 10px;
}
.newFont a {
	color: #000;
}
.newFont a:hover {
	color: #2D55FF;
}
.newTime em {
	float: right;
	font-style: normal;
}
.js-buttom {
	text-align: center;
	margin-top: 20px;
}
.js-buttom a {
	padding: 5px 10px;
	margin-left: 5px;
	color: #000000;
	border-width: 40px;
	border: 2px solid #ccc;
}
.js-buttom a:hover {
	color: #11B1FF;
}
.newContent {
	margin-top: 20px;
}
.newContent h3 {
	margin-bottom: 5px;
	text-align: center;
}
.newContent span {
	letter-spacing: 1px;
	display: block;
	line-height: 25px;
	text-indent: 2em;
}
.newPage {
	margin: 10px 0;
}
.newPage a {
	color: #8E8888;
}
.newPage a:hover {
	color: #1370FF;
}
.newNext a {
	color: #8E8888;
}
.newNext a:hover {
	color: #1370FF;
}
/*******Product***********/
.product a {
	background: #8aa0ff;
	padding-left: 20px;
	margin-top: 4px;
	width: 230px;
	height: 40px;
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	letter-spacing: 1px;
	float: left
}
.product a:hover {
	background: #2d55ff;
}
.product .link_product {
	background: #2d55ff;
}
.product img {
	float: right;
	vertical-align: middle;
	margin-top: -24px;
	padding-right: 10px;
}
.productTitleImg {
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	border: 1px solid #ccc;
	width: 221px;
	height: 255px;
}
.productImg img {
	width: 220px;
	height: 220px;
}
.productFont {
	background: #000;
	width: 221px;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	margin-top: -33px;
	padding: 5px 0;
}
.productFont span {
	font-size: 14px;
	color: #ffce0b;
}
.productName {

}
.productName a {
	color: #000;
}
.productName a:hover {
	color: #1D9EFC;
}
.productName span {
	font-size: 14px;
}
.productTwo {
	text-align: center;
}
.productTwoTitleImg {
	text-align: center;
	margin-top: 20px;
	margin-left: 0px;
	padding-top: 1px;
	border: 0px solid #ccc;
	width: 676px;
}
.productTwoFont {
	background: #000;
	width: 602px;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	margin-top: -33px;
	padding: 5px 0;
}
.productTwoFont span {
	font-size: 14px;
	color: #ffce0b;
}
.productTwoName {
	padding-top: 10px;
}
.productTwoName a {
	color: #000;
}
.productTwoName a:hover {
	color: #1D9EFC;
}
.productTwoName span {
	font-size: 14px;
}
/**********case**********/
/************* gallery-slider begin *************/
.bo {
	float: left;
	width: 200px;
	margin-left: 26px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.more {
	text-align: center;
	padding-top: 25px;
}
/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos {
	visibility: hidden;
}
/* GALLERY CONTAINER */
.gallery {
	background: #ddd;
	border: 1px solid #aaa;
	padding: 5px;
}
.loader {
	background: url(loader.gif) center center no-repeat #ddd;
}
.panel {
}
.panel .panel-overlay, .panel .overlay-background {
	height: 60px;
	padding: 0 1em;
}
.panel .overlay-background {
	background: #222;
}
.panel .panel-overlay {
	color: white;
	font-size: 0.7em;
}
.panel .panel-overlay a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
.filmstrip {
	margin: 5px;
}
/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {
}
/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap {
	border: 1px solid #aaa;
}
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap {
	border-color: #000;
}
/* FRAME IMAGES */
.frame img {
	border: none;
}
.filmstrip img {
	width: 98px;
	height: 74px;
}
/* FRAME CAPTION */
.frame .caption {
	font-size: 11px;
	text-align: center;
	color: #888;
}
/* CURRENT FRAME CAPTION */
.frame.current .caption {
	color: #000;
}
/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}
/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
/************* prettyPhoto begin 去掉这3行，则放大之后缩略图不显示 *************/
div.pp_pic_holder a:focus {
	outline: none
}
div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500
}
div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000
}
.pp_top {
	height: 13px;
	position: relative
}
* html .pp_top {
	padding: 0 13px
}
.pp_top .pp_left {
	height: 13px;
	left: 0;
	position: absolute;
	width: 13px
}
.pp_top .pp_middle {
	height: 13px;
	left: 13px;
	position: absolute;
	right: 13px
}
* html .pp_top .pp_middle {
	left: 0;
	position: static
}
.pp_top .pp_right {
	height: 13px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 13px
}
.pp_content {
	height: 40px;
	position: relative;
	background: #FFF
}
.pp_fade {
	display: none
}
.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%
}
.pp_content_container .pp_left {
	padding-left: 13px
}
.pp_content_container .pp_right {
	padding-right: 13px
}
.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px 0
}
.pp_description {
	display: none;
	margin: 0 0 5px 0
}
.pp_nav {
	clear: left;
	float: left;
	margin: 3px 0 0 0
}
.pp_nav p {
	float: left;
	margin: 2px 10px
}
.pp_nav .pp_play, .pp_nav .pp_pause {
	float: left;
	margin-right: 4px;
	text-indent: -10000px
}
a.pp_arrow_previous, a.pp_arrow_next {
	display: block;
	float: left;
	height: 20px;
	overflow: hidden;
	text-indent: -10000px;
	width: 20px
}
.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000
}
.pp_gallery {
	left: 50%;
	bottom: 80px;
	position: absolute;
	z-index: 10000
}
.pp_gallery ul {
	height: 35px;
	overflow: hidden;
	padding: 0;
	position: relative;
	margin: 0 auto;
	margin-left: 21px
}
.pp_gallery ul a {
	border: 1px #000 solid;
	border: 1px rgba(0,0,0,0.5) solid;
	display: block;
	float: left;
	height: 33px;
	overflow: hidden
}
.pp_gallery ul a:hover, .pp_gallery li.selected a {
	border-color: #fff
}
.pp_gallery ul a img {
	border: 0
}
.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0
}
.pp_gallery li.default a {
	display: block;
	height: 33px;
	width: 50px
}
.pp_gallery li.default a img {
	display: none
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
	float: none;
	position: absolute;
	top: 7px
}
.pp_gallery .pp_arrow_next {
	right: 0
}
.pp_gallery .pp_arrow_previous {
	left: 0
}
a.pp_next {
	display: block;
	height: 92px;
	text-indent: -10000px;
	width: 46px;
	z-index: 9999;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -46px
}
a.pp_previous {
	display: block;
	float: left;
	height: 92px;
	text-indent: -10000px;
	width: 46px;
	z-index: 9999;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -46px
}
a.pp_expand, a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;
	position: absolute;
	right: 10px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000
}
a.pp_contract {
	display: block!important
}
a.pp_close {
	display: block;
	float: right;
	line-height: 22px;
	text-indent: -10000px;
	width: 20px;
	height: 20px
}
.pp_bottom {
	height: 13px;
	position: relative
}
* html .pp_bottom {
	padding: 0 13px
}
.pp_bottom .pp_left {
	height: 13px;
	left: 0;
	position: absolute;
	width: 13px
}
.pp_bottom .pp_middle {
	height: 13px;
	left: 13px;
	position: absolute;
	right: 13px
}
* html .pp_bottom .pp_middle {
	left: 0;
	position: static
}
.pp_bottom .pp_right {
	height: 13px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 13px
}
.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px
}
#pp_full_res {
	line-height: 1!important;
	float: left
}
#pp_full_res .pp_inline {
	text-align: left
}
#pp_full_res .pp_inline p {
	margin: 0 0 15px 0
}
div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
div.duotive-modal .pp_loaderIcon {
	background: url(../imgaes/bg/001/duotive-modal-loader.gif) no-repeat
}
div.duotive-modal .pp_expand {
	background: #b2b2b2 url(../imgaes/bg/001/duotive-modal-expand.png) no-repeat
}
div.duotive-modal .pp_contract {
	background: #b2b2b2 url(../imgaes/bg/001/duotive-modal-contract.png) no-repeat
}
div.duotive-modal .pp_top .pp_left {
	background: url(../imgaes/bg/001/duotive-modal-top-left.png) no-repeat
}
div.duotive-modal .pp_top .pp_middle {
	background: url(../imgaes/bg/001/duotive-modal-top-middle.png) repeat-x
}
div.duotive-modal .pp_top .pp_right {
	background: url(../imgaes/bg/001/duotive-modal-top-right.png) no-repeat
}
div.duotive-modal .pp_content_container .pp_left {
	background: url(../imgaes/bg/001/duotive-modal-left.png) left repeat-y
}
div.duotive-modal .pp_content_container .pp_right {
	background: url(../imgaes/bg/001/duotive-modal-right.png) right repeat-y
}
div.duotive-modal .pp_bottom .pp_left {
	background: url(../imgaes/bg/001/duotive-modal-bottom-left.png) no-repeat
}
div.duotive-modal .pp_bottom .pp_middle {
	background: url(../imgaes/bg/001/duotive-modal-bottom-middle.png) repeat-x
}
div.duotive-modal .pp_bottom .pp_right {
	background: url(../imgaes/bg/001/duotive-modal-bottom-right.png) no-repeat
}
div.duotive-modal .pp_arrow_previous {
	background-image: url(../imgaes/bg/001/duotive-modal-control-bottom-left.png);
	background-repeat: no-repeat;
	background-color: #b2b2b2
}
div.duotive-modal .pp_arrow_next {
	background-image: url(../imgaes/bg/001/duotive-modal-control-bottom-right.png);
	background-repeat: no-repeat;
	background-color: #b2b2b2
}
div.duotive-modal a.pp_next {
	background: url(../imgaes/bg/001/duotive-modal-control-right.png) top center no-repeat
}
div.duotive-modal a.pp_next:hover {
	background-position: bottom center
}
div.duotive-modal a.pp_previous {
	background: url(../imgaes/bg/001/duotive-modal-control-left.png) top center no-repeat
}
div.duotive-modal a.pp_previous:hover {
	background-position: bottom center
}
div.duotive-modal a.pp_close {
	background-image: url(../imgaes/bg/001/duotive-modal-close.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #b2b2b2
}
.pp_gallery ul a {
	background-image: url(../imgaes/bg/001/duotive-modal-video.png);
	background-position: center;
	background-repeat: no-repeat
}
/************* prettyPhoto end *************/

/************example*****************/


/************* gallery-slider begin *************/

#slideshow-wrapper {
	margin: auto;
}
#gallery-slider-wrapper {
	padding: 10px 0;
	margin: auto;
}
#gallery-slider {
	margin: auto;
	overflow: hidden;
	position: relative;
	z-index: 9000;
}
#gallery-slider #slider-controls {
	margin: auto;
	width: 100%;
	height: 450px;
	position: absolute;
	overflow: hidden
}
#gallery-slider #slider-controls a#slider-control-left, #gallery-slider #slider-controls a#slider-control-right {
	height: 92px;
	width: 46px;
	position: absolute;
	top: 180px;
	z-index: 9500;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none
}
#gallery-slider #slider-controls a#slider-control-left {
	left: 0;
	background-image: url(../imgaes/bg/gallery-slider-control-left.png);
	background-repeat: no-repeat;
	background-position: 0 0
}
#gallery-slider #slider-controls a#slider-control-left:hover {
	background-position: 0 -92px
}
#gallery-slider #slider-controls a#slider-control-right {
	right: 0;
	background-image: url(../imgaes/bg/gallery-slider-control-right.png);
	background-repeat: no-repeat;
	background-position: 0 0
}
#gallery-slider #slider-controls a#slider-control-right:hover {
	background-position: 0 -92px
}
#gallery-slider #slider-bottom-controls {
	height: 20px;
	width: 960px;
	padding-top: 10px;
	margin: 0 auto
}
#gallery-slider #slider-bottom-controls a#slider-scroll-left, #gallery-slider #slider-bottom-controls a#slider-scroll-right {
	width: 20px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	float: left;
	text-decoration: none
}
#gallery-slider #slider-bottom-controls a#slider-scroll-left {
	background-image: url(../imgaes/bg/gallery-slider-scroll-left.png);
	background-repeat: no-repeat
}
#gallery-slider #slider-bottom-controls a#slider-scroll-right {
	background-image: url(../imgaes/bg/gallery-slider-scroll-right.png);
	background-repeat: no-repeat
}
#gallery-slider #slider-bottom-controls a#slider-scroll-left:hover, #gallery-slider #slider-bottom-controls a#slider-scroll-right:hover {
	background-color: #24241f
}
#gallery-slider #slider-bottom-controls #slider-scroll {
	height: 20px;
	width: 920px;
	background: #fff;
	float: left
}
#gallery-slider #slider-bottom-controls div.knob {
	width: 920px;
	height: 20px;
	cursor: pointer;
	background: #24241f url(../imgaes/bg/gallery-slider-scroll-handle.png) no-repeat center
}
#gallery-slider #slider-images-wrapper {
	margin: auto;
	position: relative;
	overflow: hidden
}/*
#gallery-slider #slider-images-wrapper ul#slider-main-ul {
	height: 450px;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #FFF
}
#gallery-slider #slider-images-wrapper ul#slider-main-ul li {
	float: left;
	list-style: none
}
#gallery-slider #slider-images-wrapper ul#slider-main-ul li ul {
	float: left;
}*/
#gallery-slider #slider-images-wrapper ul#slider-main-ul li li {
	border: solid 1px #fff;
	background: #eae9e2 url(../imgaes/bg/duotive-slideshow-preloader2.gif) no-repeat center;
	margin-bottom: 5px;
}
#gallery-slider ul#slider-main-ul li a {
	text-decoration: none;
	position: relative;
	display: none
}
#gallery-slider ul#slider-main-ul li a div.icon {
	position: absolute;
	width: 16px;
	height: 16px
}
#gallery-slider ul#slider-main-ul li a.article-icon div.icon {
	background: url(../imgaes/bg/gallery-slider-icon-article.png) no-repeat center;
	right: 9px;
	bottom: 10px
}
#gallery-slider ul#slider-main-ul li a.image-icon div.icon {
	background: url(../imgaes/bg/gallery-slider-icon-image.png) no-repeat center;
	right: 10px;
	bottom: 8px
}
#gallery-slider ul#slider-main-ul li a.video-icon div.icon {
	background: url(../imgaes/bg/gallery-slider-icon-video.png) no-repeat center;
	right: 10px;
	bottom: 7px
}
#gallery-slider ul#slider-main-ul li a span {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
	background: url(../imgaes/bg/gallery-slider-content-bg.png);
	padding: 20px;
	color: #fff;
	font-size: 8pt;
	opacity: 0;
	filter: alpha(opacity=0)
}
#gallery-slider ul#slider-main-ul li a span strong {
	display: block;
	font-size: 10pt;
	padding-bottom: 11px
}
#gallery-slider ul#slider-main-ul li a span em {
	display: block;
	font-size: 8pt;
	padding-top: 11px;
	font-style: normal
}
#gallery-slider ul#slider-main-ul li a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px
}
#gallery-slider ul#slider-main-ul li li.type-1, #gallery-slider ul#slider-main-ul li li.type-1 a {
	width: 200px;
	height: 150px
}
#gallery-slider ul#slider-main-ul li li.type-1 a span {
	width: 160px;
	height: 110px;
}
#gallery-slider ul#slider-main-ul li li.type-2, #gallery-slider ul#slider-main-ul li li.type-2 a {
	width: 318px;
	height: 148px;
}
#gallery-slider ul#slider-main-ul li li.type-2 a span {
	width: 278px;
	height: 108px;
}
#gallery-slider ul#slider-main-ul li li.type-3, #gallery-slider ul#slider-main-ul li li.type-3 a {
	width: 318px;
	height: 298px;
}
#gallery-slider ul#slider-main-ul li li.type-3 a span {
	width: 278px;
	height: 258px;
}
/************* gallery-slider end *************/
/************* skin begin 去掉这段，则放大之后缩略图不显示 *************/
#toptoolbar-wrapper {
	background: #312528;
}
.menu-header ul li a:hover, .menu-header ul li a:active, .menu-header ul li.current-menu-item a:link, .menu-header ul li.current-menu-item a:visited, #complex-slider-wrapper #slider-description strong, #presentation-slider #slider-gallery li span.number, #presentation-slider #slider-gallery li.active span.title, #content-slider-wrapper .side-description .content a.read-more:hover, #content-slider-wrapper .side-description .content a.read-more:active, #anything-slider-wrapper .content a.read-more:hover, #anything-slider-wrapper .content a.read-more:active, #nivo-slider .nivo-controlNav a.nivo-control, #intro h1, #front-page-business .front-page-post h3 a:link, #front-page-business .front-page-post h3 a:visited, #front-page-posts .post h3 a:link, #front-page-posts .post h3 a:visited, #front-page-posts .post a.more-link:link, #front-page-posts .post a.more-link:visited, #front-page-business #front-page-bottom ul li h3 a:link, #front-page-business #front-page-bottom ul li h3 a:visited, #front-page-business #bottom-content-scroll ul li a.more-link:link, #front-page-business #bottom-content-scroll ul li a.more-link:visited, #front-page-botton-widgets div.column a:link, #front-page-botton-widgets div.column a:visited, #front-page-botton-widgets div.column strong, #front-page-news #left-content .post h3 a:link, #front-page-news #left-content .post h3 a:visited, #front-page-news #left-content .post a.more-link:link, #front-page-news #left-content .post a.more-link:visited, #front-page-news #content .post a.title:link, #front-page-news #content .post a.title:visited, #front-page-news #left-content .post .more-link:link, #front-page-news #left-content .post .more-link:visited, #front-page-news #content .just-title-element a:link, #front-page-news #content .just-title-element a:visited, #front-page-news #content-sidebar ul li a:link, #front-page-news #content-sidebar ul li a:visited, #front-page-news #content-sidebar strong, #front-page-presentation ul li a:link, #front-page-presentation ul li a:visited, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content table thead tr th, #content a:link, #content a:visited, #content .blog-classic h2 a:link, #content .blog-classic h2 a:visited, #content .blog-modern h2 a:link, #content .blog-modern h2 a:visited, #content span.post-date strong, #content span.post-date strong em, #content #blog-accordion h3 a:hover, #content #blog-accordion h3 a:active, #content .blog-full h2 a:link, #content .blog-full h2 a:visited, #content .tabs ul.ui-tabs-nav li.ui-state-active a:link, #content .tabs ul.ui-tabs-nav li.ui-state-active a:visited, #content .tabs ul.ui-tabs-nav li a:hover, #content .tabs ul.ui-tabs-nav li a:active, #content .accordion .ui-accordion-header a:hover, #content .accordion .ui-accordion-header a:active, #content .accordion .ui-state-active a:link, #content .accordion .ui-state-active a:visited, #comments div.comment-header div.author, #sidebar ul li.widget-container ul li a:hover, #sidebar ul li.widget-container ul li a:active, #sidebar ul li.widget_tag_cloud a:hover, #sidebar ul li.widget_tag_cloud a:active, .dt-twitter a:link, .dt-twitter a:visited, #sidebar #calendar_wrap caption, #sidebar #wp-calendar a:link, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar tr th, #sidebar .contact li a:link, #sidebar .contact li a:visited, #footer-tabs .tab h3, #footer-tabs .tab li.widget-container a:link, #footer-tabs .tab li.widget-container a:visited, #footer-tabs .tab li.widget-container ul li a:hover, #footer-tabs .tab li.widget-container ul li a:active, #copyright a:link, #copyright a:visited {
 color: #;
}
abbr {
 color: # !important;
}
div.duotive-modal .pp_arrow_previous:hover, div.duotive-modal .pp_arrow_next:hover, div.duotive-modal a.pp_close:hover, div.duotive-modal a.pp_expand:hover, div.duotive-modal a.pp_contract:hover, #toptoolbarsearch input.searchbutton:hover, .menu-header ul.sub-menu, .menu-header .sfHover .sf-sub-indicator, #content-slider-wrapper .side-description .content a.read-more:link, #content-slider-wrapper .side-description .content a.read-more:visited, #anything-slider-wrapper .content a.read-more:link, #anything-slider-wrapper .content a.read-more:visited, #complex-slider-wrapper #slider-timer #slider-progress-bar, #presentation-slider #slider-timer #slider-progress-bar, #presentation-slider #slider-bottom-controls a#slider-scroll-left, #presentation-slider #slider-bottom-controls a#slider-scroll-right, #gallery-slider #slider-bottom-controls a#slider-scroll-left, #gallery-slider #slider-bottom-controls a#slider-scroll-right, #fullwidth-slider #slider-text #content-controls a#slider-control-up:hover, #fullwidth-slider #slider-text #content-controls a#slider-control-down:hover, #fullwidth-slider #slider-text #content-controls a#slider-control-play, #fullwidth-slider #contentbox, #front-page-business .front-page-post .more-link:hover, #front-page-business .front-page-post .more-link:active, #front-page-business #bottom-content-scroll .bx-pager a:hover, #front-page-business #bottom-content-scroll .bx-pager a:active, #front-page-business #bottom-content-scroll .bx-pager a.pager-active, #front-page-botton-widgets div.column li.widget-container a.read-more:hover, #front-page-botton-widgets div.column li.widget-container a.read-more:active, #front-page-news #content-sidebar a.read-more:hover, #front-page-news #content-sidebar a.read-more:active, #content a.more-link:hover, #content a.more-link:active, #content form.jqtransformdone div.jqTransformSelectWrapper ul li a.selected, #content form.jqtransformdone div.jqTransformSelectWrapper ul li a:hover, #content form.jqtransformdone div.jqTransformSelectWrapper ul li a:active, #content form.jqtransformdone .jqTransformRadioWrapper a.jqTransformChecked, #content form.jqtransformdone .jqTransformCheckboxWrapper a.jqTransformChecked, #content form div.jqTransformSelectWrapper div:hover a:link, #content form div.jqTransformSelectWrapper div:hover a:visited, #content input[type="button"]:hover, #content input[type="submit"]:hover, #content input[type="reset"]:hover, #content .accordion .ui-state-hover span.ui-icon, #content .accordion .ui-state-active span.ui-icon, #content table.pricing tr.buttons td a.button:hover, #content table.pricing tr.buttons td a.button:active, #content .portfolio-sub-pages li.current_page_item a:link, #content .portfolio-sub-pages li.current_page_item a:visited, #content .portfolio-sub-pages li a:hover, #content .portfolio-sub-pages li a:active, #content div.portfolio-two-column-slideshow .nivo-prevNav:hover, #content div.portfolio-two-column-slideshow .nivo-nextNav:hover, #comments div.comment-header div.reply a:hover, #comments div.comment-header div.reply a:active, #content .button:hover, #content .button:active, #respond h3 small a:hover, #respond h3 small a:active, #sidebar input[type="submit"]:hover, #sidebar .sidebar-slideshow .nivo-prevNav:hover, #sidebar .sidebar-slideshow .nivo-nextNav:hover, #sidebar .contact .contact-icon, #contact-page #contact-sidebar ul li span.contact-icon, #footer-partners .bx-prev:hover, #footer-partners .bx-prev:active, #footer-partners .bx-next:hover, #footer-partners .bx-next:active, #footer-tabs .tab li.widget-container a.read-more:hover, #footer-tabs .tab li.widget-container a.read-more:active, #footer-tabs .tab li.widget-container input[type="submit"]:hover {
 background-color: #;
}
#content input[type="text"]:focus, #content input[type="password"]:focus, #content textarea:focus, #content form div.jqTransformSelectWrapper div:hover, #sidebar li.minigallery div.mini-gallery a:hover, #sidebar li.minigallery div.mini-gallery a:active, #sidebar input[type="text"]:focus, #sidebar textarea:focus, #footer-tabs .tab li.widget-container input[type="text"]:focus, #footer-tabs .tab li.widget-container textarea:focus, #complex-slider #slider-contentbox #slider-gallery a.active span, #fullwidth-slider #slider-gallery a.active span {
 border-color: #;
}
#toptoolbar .menu-toptoolbar ul li.current-menu-item a:link, #toptoolbar .menu-toptoolbar ul li.current-menu-item a:visited, #content-slider-wrapper .side-description .content h3, #content-slider-wrapper .side-description .content strong, #anything-slider-wrapper .content h3, #anything-slider-wrapper .content strong, #presentation-slider #slider-images-wrapper a span.title, #gallery-slider ul#slider-main-ul li a span em, #gallery-slider ul#slider-main-ul li a span strong, #accordion-slider ul li div.content h3, #accordion-slider ul li div.content a:link, #accordion-slider ul li div.content a:visited, #nivo-slider .nivo-caption span.title, #nivo-slider .nivo-caption .read-more, #sub-footer .menu-footer ul li a:hover, #sub-footer .menu-footer ul li a:active {
	color: #9ab04d; /** 去掉颜色值9ab04d 则标题不显示  */
}
/*******底部**********/
.footer {
	background: #040404;
	text-align: center;
}
.footer span {
	color: #fff;
}
.footer em {
	color: #fff;
	padding-left: 10px;
	font-style: normal;
}
.footer_copy {
	padding: 5px 0;
	letter-spacing: 1px;
	background: #000;
	border-top: 1px solid #6F6F6F;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	color: #0F66FF;
}
.footer_link {
	padding: 10px 0;
	letter-spacing: 1px;
}
.split {
	color: #CBC9C9;
	padding: 0 1px;
}
.keifu {
	position: fixed;
	top: 35%;
	right: 0;
	width: 131px;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	z-index: 990;
}
.keifu_tab {
	width: 160px;
}
.icon_keifu {
	width: 26px;
	height: 100px;
	float: left;
	background: url(../imgaes/keifu.png) 0 0;
	position: relative;
	display: none;
	cursor: pointer;
}
.keifu_box {
	float: left;
	width: 131px;
}
.keifu_tab img {
	display: block;
}
.keifu_head {
	width: 131px;
	height: 41px;
	background: url(../imgaes/keifu.png);
	background-position: 0 -103px;
	font-size: 0;
	line-height: 0;
	position: relative;
}
.keifu_close:link, .keifu_close:visited {
	display: block;
	width: 11px;
	height: 11px;
	background: url(../imgaes/keifu.png) -42px 0;
	position: absolute;
	top: 5px;
	right: 5px;
}
.keifu_close:hover {
	background-position: -60px 0;
}
.keifu_con {
	border-left: 7px solid #029bdb;
	border-right: 7px solid #029bdb;
	padding-top: 15px;
	background: #fbfbfb;
}
.keifu_con li {
	height: 33px;
	padding-left: 12px;
}
.keifu_con .weixin {
	height: 96px;
}
.keifu_con .bt {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 0 0 20px;
	color: #012646;
}
.keifu_bot {
	width: 131px;
	height: 119px;
	background: url(../imgaes/keifu.png);
	background-position: 0 -149px;
}
/********二级菜单************/
ul.expmenu {
	width: 250px;
	margin: 10px auto;
}
ul.expmenu li div.header {
	padding: 12px;
	border-bottom: 1px #fff solid;
}
ul.expmenu li:last-child div.header {
	border-bottom: none;
}
ul.expmenu li ul li {
	background-color: #f7f2e5;
	padding: 12px;
	border-bottom: 1px solid #d2c8b5;
	color: #727272;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
}
ul.expmenu li ul li:last-child {
	border-bottom: none;
}
ul.expmenu li ul li.selected {
	background-color: #2d55ff;
}
ul.expmenu div.header {
	color: #203f61;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
	background: #2d55ff;/* Old browsers */
	background: -moz-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d55ff), color-stop(100%, #2d55ff));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* IE10+ */
	background: linear-gradient(to bottom, #2d55ff 0%, #2d55ff 100%);/* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d55ff', endColorstr='#2d55ff', GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .label {
	background: no-repeat;
	color: #fff;/*text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);*/
	font-weight: bold;
}
ul.expmenu li div.header .arrow {
	display: block;
	width: 16px;
	height: 16px;
	background: no-repeat center;
	float: right;
}
ul.expmenu li div.header .arrow.up {
	background-image: url(../images/arrow_u.png);
}
ul.expmenu li div.header .arrow.down {
	background-image: url(../images/arrow_d.png);
}
ul.expmenu li .menu {
	display: none;
}
/* Mouse Events */
ul.expmenu div.header:hover {
	background: #2d55ff;/* Old browsers */
	background: -moz-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d55ff), color-stop(100%, #2d55ff));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2d55ff 0%, #2d55ff 100%);/* IE10+ */
	background: linear-gradient(to bottom, #2d55ff 0%, #2d55ff 100%);/* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d55ff', endColorstr='#2d55ff', GradientType=0 );/* IE6-9 */
	cursor: pointer;
}
ul.expmenu li ul li:not(.selected):hover {
	background: #efe8d8;/* Old browsers */
	cursor: pointer;
}
ul.expmenu li ul li:not(.selected):active {
	background: #efe8d8;/* Old browsers */
	cursor: pointer;
}
.menu ol {
	padding-left: 15px;
	border: #E7E7E7 1px solid;
	border-top: none;
	background: #f7f2e5;
}
.menu li i {
	background-color: #8aa0ff;
	padding: 1px 4px;
	color: #fff;
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.8);
	font-family: 宋体;
	font-style: normal;
}
.menu a {
	color: #000;
	text-decoration: none;
}
.menu .no {
	display: none;
}
.menu ol a {
	display: block;
	line-height: 2em;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	margin-left: -15px;
	padding-left: 28px;
}
.online_content{
	float:left;
	width:100%;
	margin-left:20%;
	margin-top:10px;
}
.online_content span{
	font-size:14px;
}	
.txt:hover{
box-shadow: 0px 0px 2px 1px #f1f1f1;
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
}
.txt{
	width:350px;
	padding-left:5px;
	height:24px;
	color:#333;
	/*! background:#f3ede5; */
	/*! border:1px solid #726E6E; */
	/*! border-bottom:1px solid #C7C3C3; */
	/*! border-right:1px solid #CDC7C7; */
	border: 1px solid #d8d8d8;
	/*! box-shadow: 10px; */
	border-radius: 5px;
}
.submit{
	width:100px;
	height:30px;
	cursor:pointer;
	background: #FB8008;
	color: #fff;
	border: 0px;
	margin-left:70px;
}
.btn{
	width:100px;
	height:30px;
	cursor:pointer;
	background: #029BDB;
	color: #fff;
	border: 0px;
		margin-left:40px;
}

.online_kf{}
.online_kf{margin: 15px 0;font-size: 16px;}
