/* CSS Document */
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	border: 0;
	box-sizing: border-box;
}
table td, table p{ font-family: Arial,'微软雅黑';}
.container p, #header p, #footer p{
	font-family: 'Microsoft YaHei';
	font-size:16px;
}
.container img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: #666;
}
.clear {
	clear: both;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
#header{padding:30px 0;}
#header, .container {
	max-width: 1168px;
	width: 100%;
	height:auto;
	margin: 0 auto;
}
#header p {
	color: #666;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Microsoft YaHei';
	line-height: 50px;
}
#header p a:hover {
	color: #ffa126;
}
#header p span {
	margin: 0 10px;
}
#banner {
	background: url(http://www.shibangchina.com/topic/guolumeifen/images/banner.jpg) center center;
	height: 745px;
}
#guide {
	background-color: #ffe304;
	padding: 25px 75px 64px 76px;
	position: relative;
	top: -81px;
}
#guide img {
	margin: 0 107px 24px 0;
}
#guide p {
	padding-top: 30px;
	padding-left: 3px;
	line-height: 30px;
}
#guide .arrow {
	margin: 0;
	position: absolute;
	bottom: -15px;
	left: 565px;;
}
#intro {
	background:url(http://www.shibangchina.com/topic/guolumeifen/images/introbg.jpg) repeat-x;
	margin-top: 43px;
}
#intro .container {
	background-color: #ffe304;
	padding-bottom: 7px;
	position:relative;
	top:86px;
}
.introduction {
	width: 56%;
	height: auto;
	margin: 0 28px 0 72px;
	position: relative;
	top: -46px;
}
#introright {
	padding-top: 50px;
	margin-right: 70px;
}
#introright p {
	margin-top: 28px;
	line-height: 30px;
}
#intro .container .arrow {
	position: relative;
	top: 19px;
	left: 565px;
}
#epindexes {
	background-color: #f9f9f9;
	margin-top:149px;
	padding-top: 53px;
}
.title {
	background: url(http://www.shibangchina.com/topic/guolumeifen/images/line.jpg) center repeat-x;
	text-align: center;
	margin-bottom: 49px;
}
#epindexes ul{ width:1168px;}
#epindexes ul li {
	float: left;
	width: 389px;
	height: 349px;
	position: relative;
}
#epindexes span {
	border-bottom: 11px solid #393b3a;
	display: none;
	width: 389px;
	position: absolute;
	bottom:0;
	left:0;
	z-index: 100;
}
#epindexes p {
	line-height: 78px;
}
#process {
	background-color: #2c2932;
	padding-top: 44px;
	padding-bottom: 43px;
}
#myTab {
	width:960px;
	margin: 6px 10% 42px 9%;
	overflow:hidden;
}
#process .title {
	background: url(http://www.shibangchina.com/topic/guolumeifen/images/proline.jpg) center repeat-x;
}
#myTab li {
	border: 2px solid #eee;
	width: 259px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	float: left;
	margin-left: 73px;
	cursor: pointer;
}
#myTab li.first{
	margin-left: 0;
}
#myTab li p{
	color: #eee;
}
#myTab li.active, #myTab li:hover{
	border: 2px solid #ffe304;
	color: #ffe304;
}
#myTab li.active p, #myTab li p:hover{
	color: #ffe304;
}
#myTabContent .active {
	display: block;
}
.tab-pane {
	display: none;
}
#myTabContent img {
	margin-bottom: 9px;
}
#equipment {
	margin-top: 50px;
	margin-bottom: 78px;
}
#equipment ul{ overflow:hidden;}
#equipment ul li {
	width: 31.68%;
	float: left;
	background-color: #ffe304;
	margin-top: 3px;
	padding: 35px 0 40px 0;
	margin-left: 28px;
}
#equipment ul li.first {
	margin-left: 0;
}
#equipment li h2 {
	text-align: center;
	padding-bottom: 28px;
	font-size: 24px;
	font-family: 'Microsoft YaHei';
}
#equipment li p {
	text-align: center;
	margin-top: 38px;
	font-size: 18px;
	font-weight: bold;
}
#equipment li p a {
	padding: 8px 20px;
	border: 2px solid #333;
	color: #333;
}
#equipment li p a:hover {
	background-color: #333;
	color: #ffe304;
}
#site {
	background-color: #f9f9f9;
	padding: 54px 0 80px 0;
}
#slidewrapper{ width:1168px; overflow:hidden; position: relative;}
#slidewrapper ul, #slideHandler ol{position:relative;}
#slidewrapper ul li{ float:left;}
#slideHandler {margin-top: 24px;}
#slideHandler img {
	width: 100%;
	height: 100%;
}
#slideHandler li{
	float: left;
	width: 281px;
	height: 172px;
	margin-right: 14px;
	cursor:pointer;
}
#slideHandler .on{
	width: 275px;
	height: 166px;
	border: 3px solid #f5b903;
}
#scroll_left{cursor: pointer; position:relative; bottom:105px; left:3px; z-index:100; opacity:0.75; float:left;width: 38px;
	height: 38px;}
#scroll_right{cursor: pointer; position:relative; bottom:105px; z-index:100; opacity:0.75; float:right; margin-right:3px;width: 38px;
	height: 38px;}
#scroll_left:hover,#scroll_right:hover{ opacity:1;}
#footer {
	background-color: #2c2932;
	padding: 70px 0 83px 0;
}
#footer p {
	color: #908e91;
	text-align: center;
	line-height: 18px;
}
#footer p.link, #footer .link a {
	color: #fffffd;
	margin-bottom: 30px;
	margin-left:10px;
}
/* fixed sidebar */
.fixed-bar { position: fixed; right: 20px; bottom: 20px; z-index: 50; }
.fixed-bar li { width: 38px; height: 38px; background-color: #fff; border: 1px solid #ddd; margin-top: -1px; overflow: hidden; text-align: center; vertical-align: middle; cursor: pointer;}
.fixed-bar li:hover { border-color: #3671cf; }
.fixed-bar li:hover a { line-height: 999; color: #fff; }
.fixed-bar li a { display: inline-block; text-align: center; text-decoration: none; outline: none; line-height: 999; vertical-align: middle; font-size: 12px; padding-top: 4px; }
.fixed-bar .f-feedback { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 0%; }
.fixed-bar .f-feedback:hover { background: url("http://www.shibangchina.com/images/items/side_04.jpg") no-repeat center; }
.fixed-bar .f-chat { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 25%; }
.fixed-bar .f-chat:hover { background: url("http://www.shibangchina.com/images/items/side_12.jpg") no-repeat center; }
.fixed-bar .f-wechat { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 50%; }
.fixed-bar .f-wechat:hover { background: url("http://www.shibangchina.com/images/items/side_16.jpg") no-repeat center; }
.fixed-bar .f-wechat:hover .wechat-mask { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.fixed-bar .f-phone { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 75%; }
.fixed-bar .f-phone:hover { background: url("http://www.shibangchina.com/images/items/side_24.jpg") no-repeat center; }
.fixed-bar .f-phone:hover .phone-mask { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.fixed-bar .f-top { background: url("http://www.shibangchina.com/images/items/side_03.jpg") no-repeat 0% 100%; }
.fixed-bar .f-top:hover { border: 1px solid #3671cf; background: #3671cf; }
.fixed-bar .f-top:hover a { line-height: 15px;}
.fixed-bar .wechat-mask { position: absolute; right: 42px; top: -5px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }
.fixed-bar .phone-mask { position: absolute; right: 42px; top: 101px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; }