@charset "utf-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

* img {
	margin: 0;
	padding: 0;
}


.pos_fixed {
	position: absolute;
	left: 10%;
	top: 20%;
	z-index: 9999;
}

.pos_fixed a {
	margin-top: 40px;
	display: block;
	color: #FFF;
	padding: 7px 15px;
	background-color: #F60;
}


.menu_01 {
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50px;
	display: none;
	background-color: #333;
}

.menu_01 li {
	float: none;
	list-style: none;
}

.menu_01 a {
	color: #fff;
	padding: 2;
	margin: 0;
	font-size: 14px;
}

.menu_01 a:hover {
	color: #fff;
	background-color: #F63;
	padding: 2;
	margin: 0;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	/* font-family: "宋体"; */
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.company_login a {
	background-color: #09F;
	padding: 10px 40px;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
}

.company_login a:hover {
	background-color: #F60;
	font-weight: bold;
}

#banner_bg {
	background: #ebebeb;
	position: relative;
}

#lunbo {
	width: 1920px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
}

#lunbo .oUlplay {
	width: 99999px;
	position: absolute;
	left: 0;
	top: 0;
}

#lunbo .oUlplay li {
	float: left;
}

#lunbo .oUlplay img {
	display: block;
}
.lunboul {
    width: 90px;
    height: 20px;
    border-radius: 7px;
    list-style: none;
    position: absolute;
    left: 41%;
    top: 580px;
    margin: -50px 80px;
}

.lunboul > li {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: gray;
    float: left;
    margin-left: 11px;
    margin-top: 1px;

}

.column {
	margin-top: 30px;
}

.column_width {
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.service {
	border-bottom: solid 2px #9d9d9d;
	width: 150px;
	margin-left: 540px;
}

.service img {
	display: block;
	margin: 0 auto;
}



.service p,
.service_01 p,
.service_02 p {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}

.service_01 {
	border-bottom: solid 2px #9d9d9d;
	width: 240px;
	padding-bottom: 10px;
	margin-left: 500px;
	margin-top: 30px;
}

.article {
	border-radius: 10px;
	margin: auto;
	width: 900px;
	margin-top: 40px;
	line-height: 30px;
	border: solid 1px #09F;
	padding: 5px 5px;
	;
	color: #333;
	font-size: 14px;
}

.service_02 {
	border-bottom: solid 2px #9d9d9d;
	width: 150px;
	padding-bottom: 10px;
	margin-left: 540px;
	margin-top: 30px;
}

.page01 {
	height: 450px;
	background-color: #7294b7;
}

.page01_box {
	width: 1300px;
	margin: auto;
}

.page02 {
	width: 1300px;
	margin: auto;
}

.page03 {
	height: 450px;
	background-color: #e7ebf7;
}

.page03_box {
	width: 1300px;
	margin: auto;
}

#footer {
	clear: both;
	background-color: #3b3b3b;
	height: 240px;
	position: relative;
	padding-bottom: 30px;
}

#footerbox {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 60px;
}

#footerbox * {
	color: #FFF;
}

#footerbox p {
	clear: both;
	font-size: 12px;
}

.float_01 {
	float: left;
	margin-left: 90px;
	padding-bottom: 40px;
	text-align: left;
}

.float_01 a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	margin-top: 10px;
	color: #333;
}

#footerbox a:hover {
	color: #F60;
}

.float_01 h1 {
	font-size: 14px;
	margin-bottom: 20px;
	color: #333;
}

#floatDivBoxs {
	width: 170px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 200px;
	z-index: 999;
}

#rightArrow {
	width: 45px;
	height: 100px;
	background: url(../images/online_arrow_01.gif) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 200px;
	right: 155px;
	z-index: 999;
}

#rightArrow a {
	display: block;
	height: 45px;
}

#floatDivBoxs .floatDtt {
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #f08326;
	color: #fff;
	font-size: 18px;
	text-indent: 22px;
	position: relative;
}

#floatDivBoxs .floatDqq {
	text-align: center;
}

#floatDivBoxs .floatDqq img {
	padding-bottom: 7px;
}

#floatDivBoxs .floatDqq li {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	border-bottom: 1px solid #e3e3e3;
}

#floatDivBoxs .floatDqq a {
	color: #666;
	text-decoration: none;
}

#floatDivBoxs .floatDqq a:hover {
	color: #F63;
}

#floatDivBoxs .floatDtxt {
	text-align: center;
	font-size: 18px;
	color: #333;
	padding: 12px 14px;
}

#floatDivBoxs .floatDtel {
	padding: 0 0 15px 10px;
}

#floatDivBoxs .floatDtel img {
	display: block;
}

#floatDivBoxs .floatDbg {
	width: 100%;
	height: 20px;
	background-color: #666;
	box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25);
}

.floatShadow {
	background: #fff;
	box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25);
}

#rightArrow a {
	display: block;
	height: 45px;
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	left: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
	opacity: 0.5;
}

.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}
}

.scroll_number{
	
}
.scroll_number_out{
	background-color:#F96;
	color:#FFF;
	z-index: 9999;
}

.scroll_number_over{
    background-color:#F96;
    color:#FFF;
}