*{
	margin:0;
	padding:0
}
body{
	background:#f6f6f6;
}
ul {
	list-style:none;
	margin:0;
	padding:0
}
li {
	list-style-type:none
}
a {
	text-decoration:none;
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both
}
* {
	font-family:寰蒋闆呴粦
}
body {
	overflow-x:hidden
}
.main {
	width:1200px;
	margin:0 auto
}
.header {
	background:#fff;
	width:100%
}
.logo {
	padding:18px 0
}
.header-t {
	color:#444;
	font-size:14px;
	margin-left:12px;
	margin-top:40px
}
.header-t span {
	color:#0093d8
}
.nav-list .one {
	float:left;
	margin-right:48px;
	position:relative;
	padding:40px 0
}
.nav-list .one .er {
	width:193px;
	position:absolute;
	left:-65px;
	top:100%;
	z-index:10000
}
.er {
	display:none;
	box-shadow:0 -3px 10px rgba(204,204,204,.4);
	background:rgba(255,255,255,1) url(../images/ying.png) center top
}
.nav-list .one:hover .er {
	display:block
}
.er li {
	height:45px;
	line-height:45px;
	width:100%;
	text-align:center;
	border-bottom:1px solid #3db1ea
}
.er li:last-child {
	border:none
}
.er li a {
	display:block;
	width:100%;
	height:44px;
	background:rgba(255,255,255,.1);
	color:#3db1ea!important
}
.er li:hover a {
	color:#3db1ea;
	font-size:16px
}
.nav-list {
	margin-left:100px
}
.nav-list .one a {
	display:block;
	width:100%;
	color:#444;
	font-size:14px
}
.jian {
	background:url(../images/jian.png) center right no-repeat;
	padding-right:10px
}
.header-right {
	padding-top:20px;
	width:140px;
	float:right;
	position:relative;
	height:80px
}
.tel {
	background:url(../images/tel.png) no-repeat center left;
	padding-left:24px;
	color:#3db1ea;
	font-size:16px;
	height:18px;
	line-height:18px
}
.btn {
	width:142px;
	height:32px;
	background:#3db1ea;
	border-radius:20px;
	line-height:32px;
	margin-top:10px
}
.btn span {
	display:block;
	background:url(../images/btn.png) no-repeat center left 25px;
	color:#fff;
	font-size:14px;
	padding-left:50px
}
.banner{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.banner img{
	width: 100%;
}
.parent{
	position: relative;
}
.about{
	width:1200px;
	height:auto;
	overflow: hidden;
	margin:0 auto;
	background: #fff;
	z-index: 100;
	position: absolute;
	left : 50%;
	top:0;
	margin-left: -600px;
}

.pos{
	width:1200px;
	height:80px;
	margin:0 auto;
	margin-top:30px;
	opacity: 0;
}
.about_title{
	width:100%;
	height:80px;
	background: #fff;
}
.about_title li{
	width:25%;
	height:80px;
	float: left;
	position: relative;
	background:url(../images/about01.png) no-repeat 45px center;
}
.about_title li a{
	width:99%;
	height:47px;
	text-align: center;
	line-height: 47px;
	display:inline-block;
	color:#282828;
	font-size: 16px;
	margin-top:17px;
	border-right: 1px solid #E2E2E2;
}
.about_title li.active a{
	color:#3DB1EA;
}
.about_title li:nth-of-type(1){
	background-image: url(../images/about01.png);
}
.about_title li:nth-of-type(2){
	background-image: url(../images/about02.png);
}
.about_title li:nth-of-type(3){
	background-image: url(../images/about03.png);
}
.about_title li:nth-of-type(4){
	background-image: url(../images/about04.png);
}
.about_title li:nth-of-type(5){
	background-image: url(../images/about05.png);
}
.about_title li:nth-of-type(1).active{
	background-image: url(../images/about01_hover.png);
}
.about_title li:nth-of-type(2).active{
	background-image: url(../images/about02_hover.png);
}
.about_title li:nth-of-type(3).active{
	background-image: url(../images/about03_hover.png);
}
.about_title li:nth-of-type(4).active{
	background-image: url(../images/about04_hover.png);
}
.about_title li:nth-of-type(5).active{
	background-image: url(../images/about05_hover.png);
}
.about_title li.no-border a{
	border-right: none;
}
.company_info{
	width:1200px;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
	background:  url(../images/line.png) no-repeat center bottom;
	padding-bottom: 73px;
}

.no_bg{
	background: none;
}
.line{
	width: 100%;
	height:2px;
	background:#3DB1EA;
	position: absolute;
	left : 0;
	bottom: 0;
	display: none;
}
.company_info h2{
	margin:85px 0 36px 0 ;
	font-size: 24px;
	color : #282828;
	font-weight: normal;
}
.company_info h2 span{
	color:#B3B3B3;
	font-size: 22px;
	padding-left: 21px;
}
.company_info p{
	font-size: 16px;
	color :#666666;
	line-height: 32px;
	font-weight: 100;
}
.company_info h3{
	font-size : 20px;
	color:#4D4D4D;
	padding-left: 42px;
	background: url(../images/hope.png) no-repeat left center;
	margin-bottom: 34px;
}
.company_info h3:nth-of-type(2){
	background-image: url(../images/duty.png);
	margin-top: 38px;
}
.company_info h3:nth-of-type(3){
	background-image: url(../images/destination.png);
}
.company_info h3:nth-of-type(4){
	background-image: url(../images/qilin.png);
	margin-bottom: 0;
}
.company_info h3 p{
	display: inline-block;
	font-size: 20px;
}

.big_record{
	width:100%;
	height: 470px;
	background: url(../images/video_bg.jpg) no-repeat center center;
}
.tab{
	width:330px;
	margin: 0 auto 35px;
	height: auto;
	overflow: hidden;
}
.tab li{
	width:49%;
	height: auto;
	float: left;
	text-align: center;
	border-right: 1px solid #B3B3B3;
}
.tab li a{
	color : #B3B3B3;
}
.tab li a.active{
	color :#3DB1EA;
	text-decoration: underline;
}
.tab li:nth-of-type(2){
	border-right :0;
}
.tab_video {
	width:720px;
	height:450px;
	margin:0 auto;
}
.tab_video li{
	width:720px;
	height:450px;
	display: none;
}
.tab_video li video{
	width:720px;
	height:450px;
}
.tab_video li.show{
	display: block;
}
.company{
	width:100%;
	height: 540px;
	background: url(../images/002.jpg) no-repeat center center;
	overflow: hidden;
}
.company video{
	width:720px;
	height:425px;
	margin: 45px auto 0;
	display: block;
}
.qilin{
	background: url(../images/003.jpg) no-repeat center center;
}

.bottom {
    width: 100%;
    height: 455px;
    background: #1b1c20 url(../images/bottom.jpg) no-repeat center bottom;
    background-size: 100% 100%;
}
.bot-logo {
	margin-left:80px;
	padding-top:80px;
	background:url(../images/bor.png) no-repeat top right;
	width:255px;
	height:240px;
	float:left
}
.bot-con {
	height:280px;
	padding-top:66px
}
.bot-link {
	width:250px;
	margin-left:69px;
	background:url(../images/bor.png) no-repeat top right;
	float:left;
	height:280px;
	line-height:40px;
	color:#989898
}
.bot-link a {
	color:#989898;
	font-size:14px
}
.bot-link span {
	font-size:12px;
	font-family:Arial;
	display:inline-block;
	margin-left:30px
}
.bot-link ul {
	padding-top:25px
}
.bot-com {
	color:#fff;
	font-size:17px;
	margin-top:29px
}
.bot-com span {
	color:#31bdef
}
.bot-right {
	margin-left:80px;
	float:left
}
.bot-info {
	color:#989898;
	font-size:12px;
	line-height:30px;
	padding-top:20px;
	padding-bottom:25px
}
.qq,.wx {
	float:left;
	margin-right:10px;
	cursor:pointer
}
.f-window {
	width:100%;
	background:rgba(0,0,0,.7);
	height:142px;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10000
}
.f-window .main {
	position:relative
}
.fw-pic {
	position:absolute;
	top:-13px;
	left:0
}
.fw-pic img {
	max-width:140px;
	max-height:120px
}
.fw-t {
	margin-left:130px
}
.lan {
	color:#31bdef
}
.hand {
	margin:70px 0 0 15px
}
.form {
	width:524px;
	margin-top:30px;
	margin-left:30px;
	float:left;
	position:relative
}
.hot-tel {
	width:388px;
	text-align:center;
	color:#fff;
	font-size:14px;
	height:36px;
	line-height:36px;
	background:#666;
	margin-bottom:15px
}
.hot-tel span {
	color:#31bdef;
	font-size:22px
}
.bs-put input,.bs-put select {
	width:180px;
	height:36px;
	line-height:36px;
	padding-left:15px;
	background:#fff;
	border:none;
	color:#666;
	font-size:14px
}
.bs-put {
	float:left;
	margin-right:13px
}
.bs-btn input {
	width:115px;
	height:86px;
	background:#31bdef;
	line-height:86px;
	text-align:center;
	border:none;
	font-size:20px;
	color:#fff;
	border:1px solid #31bdef
}
.bs-btn {
	position:absolute;
	top:0;
	right:0
}
.code {
	width:164px;
	margin-top:30px
}
.code-t {
	color:#fff;
	font-size:12px;
	margin-top:43px;
	line-height:22px;
	float:left
}
.code-pic {
	float:left;
	margin-right:10px
}