body { background-color: #f6f7fb; }

.banner { width: 100%; height: 380px; background: url(../image/banner.jpg) center no-repeat; }

.contentwrap{
  padding-top:40px;
  padding-bottom: 40px;
  background: url(../image/page_bgl.png) left bottom  no-repeat,url(../image/page_bgr.png) right 0px no-repeat;
}
.content { width: 1200px; margin: 0 auto 0;  background-color: #fff; position: relative; }
.content__left { width: 280px; padding-bottom: 24px; }
.content__left_tit {
	width: 280px;
	padding: 20px 0 0 20px;
	height:76px;
	background: url(../image/tit_bg.jpg);
	color: #FFFFFF;
}
.content__left_tit h2 {
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
}
.content__left_tit p {
	font-size: 11px;
	color: #a1ce89;
}
.content__left_nav { padding: 0 20px; }
.content__left_nav a { line-height: 64px; display: block; border-bottom: 1px dashed #e6e6e6; }
.content__left_nav a i { display: inline-block; width: 7px; height: 10px; background: url(../image/arrow.png); vertical-align: middle; margin-right: 10px; -webkit-transition: all .2s; transition: all .2s; }
.content__left_nav a span { font-size: 18px; color: #636466; vertical-align: middle; -webkit-transition: all .2s; transition: all .2s; }
.content__left_nav a:hover i, .content__left_nav a.on i { background: url(../image/arrow_hover.png); }
.content__left_nav a:hover span, .content__left_nav a.on span { color: #f18f57; }
.content__left_search { width: 240px; height: 36px; background-color: #ffffff; margin: 24px 0 0 20px; font-size: 0; position: relative; }
.content__left_search input { width: 186px; height: 36px; border: solid 1px #cccccc; border-right: 0; line-height: 36px; padding: 0 16px; font-size: 14px; }
.content__left_search input:focus { border-color: #6eba44; }
.content__left_search a { display: inline-block; width: 54px; height: 36px; background-color: #6eba44; position: absolute; right: 0; top: 0; font-size: 14px; color: #fff; text-align: center; line-height: 36px; }
.content__left_search a span { position: relative; z-index: 2; }
.content__left_search a:before { content: ""; display: block; width: 0; height: 100%; background-color: #f18f57; position: absolute; left: 0; right: 0; margin: auto; top: 0; -webkit-transition: all .2s; transition: all .2s; }
.content__left_search a:hover:before { width: 100%; }
.content__right { width: 920px; border-left: 1px solid #e6e6e6; }
.content__right_title { line-height: 75px; border-bottom: 1px solid #e6e6e6; padding: 0 30px; }
.content__right_title span:first-child { font-size: 18px; font-weight: bold; color: #636466; }
.content__right_title span:first-child:before { content: ""; display: inline-block; width: 10px; height: 16px; background: url(../image/icon_lines.png) center no-repeat; position: relative; top: 2px; margin-right: 4px; }
.content__right_title span:last-child a, .content__right_title span:last-child label { font-size: 14px; color: #adafb3; }
.content__right_title span:last-child a { -webkit-transition: all .2s; transition: all .2s; }
.content__right_title span:last-child a:hover { color: #f18f57; }

.details_t { padding:20px; height:68px;border-bottom: 1px solid #e6e6e6;}
.details_t h3{float: left;font-size:20px;color: #333333;line-height:28px;height:28px;padding:0;margin:0;}
.details_t span{float: right;color: #999999;font-size: 14px;position: relative;line-height:28px;height:28px;}
.details_t span::before{content:"";background: url(../image/details_icon.jpg) no-repeat center;width: 14px;height: 14px;position: absolute;display: block;left: -24px;top: 8px;}
.details .details_c{width: 100%; padding: 0 30px;}
.details .details_c video{max-width: 90%;}
.details_c img{width: 760px;margin: 0 auto;display: block;}
.details_c {font-size: 16px;color: #333333;line-height:2;text-indent:2em;margin: 30px 0;}
.details_c p{font-size: 16px; line-height: 32px; color: #636466; margin-top: 32px; text-indent: 32px; text-align: justify;}
.details_c span{text-indent: 32px; display: block;}
.details_c u{font-size: 16px;color: #333333;line-height: 2;text-indent:2em;margin: 20px 0 50px;text-indent: 2em;display: block;}