#mainwaper{
			width: 100%;
			height: 100%;
			position: relative;
			/*overflow: hidden;*/
		}
		.video{
			position: relative;
			height: 100vh;
			min-height: 100%;
		}
		.container {
            background: #fff;
            opacity: 0.9;
            filter:alpha(opacity=90);
            width: 100%;
            /*height: 100%;*/
        }
        .loading {
		  position: absolute;
		  margin: auto;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  width: 120px;
    	  height: 120px;
		  z-index: 1000;
		}
.arrow{
	position: absolute;
	bottom: 50px;
	left: 49%;
	width: 40px;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;

}
.fadeInDown{
	-webkit-animation: arrow 1.5s infinite;
    -moz-animation: arrow 1.5s infinite;
    -o-animation: arrow 1.5s infinite;
    -ms-animation: arrow 1.5s infinite;
    animation: arrow 1.5s infinite;
}
@keyframes arrow{
	0%{
		opacity:1;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	100%{
		opacity:0;
		-webkit-transform:translateY(30px);
		transform:translateY(30px);
	}
}
#main{
	width: 100%;
	height: 100%;
	will-change: transform;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.introduce{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f0f0f0;
}
.textwapers{
	width: 100%;
	height: 64%;
	margin-top: 75px;
	box-sizing: border-box;
	background-image: url(../images/home_image11.jpg);
	background-position-y: 10%;
	background-repeat: no-repeat;
	background-size:cover;
}
.textwaper{
	width: 45%;
	min-width: 548px;
	height: 100%;
	padding-top: 36px;
	box-sizing: border-box;
	background: rgba(0, 92, 170, 0.8);
	overflow: hidden;
}
.textwaper h4{
	text-align: center;
	color: #F0F0F0;
	font-size: 30px;
	margin-bottom: 60px;
	position: relative;
	z-index: 10;
}
.active .textwaper h4{
	-webkit-animation: fadeInUp 1s ease 0.6s 1 both;
	animation: fadeInUp 1s ease 0.6s 1 both;
}

.hr{
	width: 138px;
	height: 2px;
	background: #9B9B9B;
	margin: 0 auto;
	display: block;
	border: none;
	position: relative;
	top: -59px;
	z-index: 1;
}
.hr::before,.hr::after{
	content: '';
	width: 14px;
	height: 2px;
	background: #E50113;
	display: block;
	overflow: hidden;
	position: absolute;
}
.hr::before{
	left: -14px;
	
}
.hr::after{
	right: -14px;
}
.active .text{
	-webkit-animation: fadeInUp 1s ease 0.6s 1 both;
	animation: fadeInUp 1s ease 0.6s 1 both;
}
.text{
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
	color: #F0F0F0;
	line-height: 40px;
}
.more{
	border: 1px solid #F0F0F0;
    font-size: 18px;
	color: #F0F0F0;
    overflow: hidden;
    display:block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 160px;
    margin: 0 auto;
    margin-top: 55px;
    cursor: pointer;
	opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
/*transition-delay: 1s;*/
}
.active .more{
	opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
}
.nottransform{
	opacity: 1 !important;
    -webkit-transform: none !important;
    transform: none !important;
}
.more span{
	display: block;
    width: 100%;
    position: relative;
    text-align: center;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1) 200ms;
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1) 200ms;
    font-size: 18px;
	color: #fff;
}
.more span:after{
	content: '了解更多';
    position: absolute;
    height: 40px;
    width: 100%;
    text-align: center;
    top: 0px;
    left: 0px;
    right: 0;
    color: transparent;
    transform: translate(0, 100%);
    -webkit-transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1) 200ms;
    transition: all 0.2s cubic-bezier(0.2, 1, 0.3, 1) 200ms;
}
.more:hover{
	background-color: #005CAA;
	border-color:#005CAA ;
	color:#fff;
}
.more:hover span{
	transform: translate(0, -100%);
}
.more:hover span:after{
	color:#fff;
	background-color: #005CAA;
}
.mbg{
	position:relative;
	height: 54%;
	overflow: hidden;
	width: 100%;
	background-image: url(../images/home_image01.jpg);
	background-position-x: center;
	background-position-y: 90%;
	background-size: cover;
}
	.itemlist{
		width:964px;
		height: 30.6%;
		margin: 0 auto;
		padding: 1.4% 0;
    	box-sizing: border-box;
	}
	.itemlist:after,.itemlist li:after{
		content: ' ';
		height: 0;
		width: 0;
		clear: both;
		display: block;
		visibility: hidden;
		overflow: hidden;
	}
	.itemlist li{
		padding: 1% 0;
	    float: left;
	    text-align: center;
	    box-sizing: border-box;
	    color: #505050;
	}
	.list1{
		width: 280px;
	}
	.list2{
		width: 368px;
		border-left: 1px solid #d8d8d8;
    	border-right: 1px solid #d8d8d8;
	}
	.list3{
		width: 313px;
	}
	.list4{
		width: 280px;
		border-top: 1px solid #d8d8d8;
	}
	.list5{
		width: 368px;
		border: 1px solid #d8d8d8;
    	border-bottom: 0;		
	}
	.list6{
		width: 313px;
		border-top: 1px solid #d8d8d8;
	}
	
	.itemlist li img{
		display: inline-block;
		width: auto;
	}
	.itemlist li div{
		font-size:18px;
		float: left;
	}
	.list1 div:first-child{
		margin-right: 31px;
		margin-left: 28px;
	}
	.list2 div:first-child{
		margin-right: 29px;
		margin-left: 64px;
	}
	.list3 div:first-child{
		margin-right: 50px;
		margin-left: 99px;
	}
	.list4 div:first-child{
		margin-right: 13px;
		margin-left: 28px;
	}
	.list5 div:first-child{
		margin-right: 48px;
		margin-left: 64px;
	}
	.list6 div:first-child{
		margin-right: 28px;
		margin-left: 99px;
	}
	.itemlist li div:first-child{
		color:#005CAA;
		text-align: left;
	}
	.itemlist li div:last-child{
		font-family: DIN;
		margin-top: 10px;
		color: #005CAA;
	}
	.itemlist li div span{
		font-weight: 900;
		font-size:50px ;
	}
	.zhongbo{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.zb_left{
		padding-top: 75px;
		box-sizing: border-box;
	    float: left;
	    width: 50%;
	    height: 100%;
	    position: relative;
	}
	.zb_right{
		float: left;
	    width: 50%;
	    height: 100%;
	    padding-top: 75px;
		box-sizing: border-box;
	}
	.zuo,.r_top div,.r_down div{
		position: relative;
		cursor: pointer;
	}
	.r_top,.r_down{
		height: 50%;
		overflow: hidden;
	}
	.r1,.r2{
		float: left;
	    width: 50%;
	    height: 100%;
	}
	.zuo,.r_down div{
		display: block;
		width: 100%;
		height: 100%;
	}
	.zuo {
		background: url(../images/zuo_hover.jpg) 0 0 no-repeat;
		background-size:cover ;
	}
	.zuo .more{
		background: #005BAB;
		color:#fff;
		border: none;
		border-radius: 2px;
	}
	.r1{
		background-image: url(../images/down2b_hover.jpg);
		background-position-x:  center;
		background-position-y: 60%; 
		background-repeat: no-repeat;
		background-size:cover;
	}
	.r2{
		background: url(../images/nanhongqiao.jpg) 0 0 no-repeat;
		background-size:cover ;
	}
	.r3{
		background: url(../images/gongyinglian.jpg) 0 bottom no-repeat;
		background-size:cover ;
	}	
	.zb_right div p{
		text-align: center;
		color:#fff;
		font-size: 60px;
		position: absolute;
		top: 40%;
		width: 100%;
		display: block;
	}
	.r_top div span{
		color:#FFDE77;
	}
	
	.r1:after{
		content: '+';
		color:#FFDE77;
		font-size: 60px;
		display: block;
		position: absolute;
		right: -5.6%;
		top: 40%;
		z-index: 10;
	}
	.r_down div span{
		letter-spacing: 10px;
	}
	.zb_tit {
		    position: absolute;
		    top: 268px;
		    text-align: center;
		    width: 100%;
		    display: block;
	}
	.zb_tit p:first-child{
		font-size: 60px;
	    color: #fff;
	}
	.zb_tit .p2{
		font-size: 60px;
		font-weight: 700;
	    color: #FFFFFF;
	    letter-spacing: 1px;
	}
	.business{
		
		padding: 0 30px;
		overflow: hidden;
	}
	.business h5{
		text-align: center;
		font-size: 34px;
		color: #005CAA;
		font-weight: 100;
		margin-bottom: 7px;
		width:100%;
	}
	.desc{
		text-align: center;
		position: relative;
		margin: 0 auto;
		font-size: 36px;
	    color: #005CAA;
	    font-weight: 900;
		width: 584px;
		z-index: 10;
	}
	.business .hr{
		width: 560px;
		background:  #C8C8C8;
		top: -3px;
	}
	.businesslist {
		width: 100%;
		position: relative;
		z-index: 10;
		top: 50%;
 		transform: translateY(-50%);
 		-webkit-transform: translateY(-50%);
	}
	.businesslist li {
		width: 25%;
		float: left;
		padding-right: 5px;
    	box-sizing: border-box;
    	padding-bottom: 5px;
	}
	.active .businesslist li{
		-webkit-animation: fadeInUp 1s ease 0.4s 1 both;
		animation: fadeInUp 1s ease 0.4s 1 both;
	}
	.active .businesslist li:nth-child(1){
		animation-delay:0s;
		-webkit-animation-delay:0s;
	}
	.active .businesslist li:nth-child(2){
		animation-delay:0.2s;
		-webkit-animation-delay:0.2s;
	}
	.active .businesslist li:nth-child(3){
		animation-delay:0.3s;
		-webkit-animation-delay:0.3s;
	}
	.active .businesslist li:nth-child(4){
		animation-delay:0.4s;
		-webkit-animation-delay:0.4s;
	}
	.active .businesslist li:nth-child(5){
		animation-delay:0.5s;
		-webkit-animation-delay:0.5s;
	}
	.active .businesslist li:nth-child(6){
		animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
	}
	.active .businesslist li:nth-child(7){
		animation-delay:0.7s;
		-webkit-animation-delay:0.7s;
	}
	.active .businesslist li:nth-child(8){
		animation-delay:0.8s;
		-webkit-animation-delay:0.8s;
	}
	.active .businesslist li:nth-child(9){
		animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
	}
	.businesslist li a{
		display: block;
		transition: all 0.25s ease 0s;
	}
	.b_desc{
		color: #505050;
		height: 100%;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		position: relative;
	}
	.b_desc h6{
		font-size: 20px;
		color:#505050;
		font-weight: 700;
		transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		margin-bottom: 10px;
	}
	.b_desc p{
		font-size: 14px;
		line-height: 20px;
		color:#505050;
		transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		width: 100%;
		height: 75%;
		overflow: hidden;
	}
	.businesslist:after{
		content: '';
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		visibility: hidden;
		clear: both;
	}
	.b_img{
		position: relative;
		transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}

	.b_img .blue_bg{
		position: absolute;
    	top: 0;
	}
	.btnbox{
		display: block;
		width: 110px;
		margin: 0 auto;
		margin-top: 40px;
	}
	 .btnbox a{
	 	display: inline-block;
		width: 42px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		margin: 0 auto;
		border:1px solid #005CAA;
		color:#005CAA;
		background: #fff;
	 }
	 .btnbox a:hover{
	 	background: #005CAA;
	 	color:#fff;
	 }
	 .businesslistwaper{
	 	overflow: hidden;
	 	position: relative;
	 	width: 100%;
	 	height: 90%;
	 }
	 .ts p{
	 	color:#fff;
	 	font-size: 16px;
	 	display: none;
	 	line-height: 30px;
	 }
	 .ts_bg{
	 	width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    opacity: 0.3;
	    filter: alpha(opacity=30);
	    background: #005BAB;
	    z-index: 10;
	 }
	 .ts{
	 	position: absolute;
	    padding: 0 20px;
	    width: 100%;
	    height: 100%;
	    box-sizing: border-box;
	    overflow: hidden;
	    top: 0;
	    z-index: 11;
	 }
	 .ts h6{
	 	font-size: 34px;
	 	color: #fff;
    	font-weight: 700;
        text-align: center;
		margin-top: 26%;
	 }
	 .ts .shiye_title{
	 	margin-top: 14%;
	 }
	 #map{
	 	width: 100%;
	 	height: 100%;
	 }
	 .linkus{
	 	position: relative;
	 	width: 100%;
	 	min-width: 1000px;
	 	overflow: hidden;
	 	border-top: 10px solid #005CAA;
	 	background: #F0F0F0;
	 }
	 #footer{
	 	min-width: 1000px;
	 }
	 .mp_detail{
	 	width: 900px;
	 	height: 200px;
	 	margin: 86px auto;
	 	overflow: hidden;
	 }
	 .mp_detail div{
	 	float: left;
	 }
	 .mp_detail ul{
	 	float: left;
	 	margin-left: 86px;
	 }
	 .mp_detail ul li {
	 	font-size: 20px;
		color: #343434;
		margin-top: 29px;
		line-height: 30px;
	 }
	 .mp_detail ul li img{
	 	float: left;
	 	width: auto;
	 }
	 .footer {
	 	width: 100%;
	 	height: 40px;
	 	line-height: 40px;
	 	font-size: 12px;
		color: #343434;
		line-height: 40px;
		text-align: center;
		background: #E5E5E5;
	 }
	 .active .contact-cont{
	 	transform: translateX(0);
	 }
	 .contact-cont{
	 	position: absolute;
	    bottom: 0;
	    z-index: 8;
	    right: 0;
	    background: transparent;
	    border-bottom: 950px solid #005BAB;
	    border-left: 350px solid transparent;
	    border-right: 0px solid transparent;
	    width: 20%;
	    transform: translateX(100%);
	    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	    -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	    -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 300ms;
	    -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 300ms;
	    transition-duration: 1.2s;
	 }
	.tex{
    	position: absolute;
	    top: 50%;
	    z-index: 9;
	    width: 25%;
	    text-align: right;
	    right: 80px;
	    transform: translateY(-50%);
    }
    .tex h3,.tex p{
    	color: #ffffff;
	    margin-bottom: 20px;
	    opacity: 0;
	    transform: translateY(100%);
	    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms;
	    -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms;
	    -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 600ms;
	    -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms;
	    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 600ms;
	    transition-duration: 1.2s;
	    height: 60px;
	    font-size: 24px;
	    position: relative;
	    font-weight: normal;
    }
    .active .tex h3,.active .tex p{
    	opacity: 1;
		transform: translateY(0);
    }
    .detail{
    	color:#fff;
    	width: 80%;
    	float: right;
    }
    .detail li{
    	height: 34px;
    	line-height: 34px;
    }
    .anchorBL{
        display:none;
    }
    .mpwaper{
    	/*width: 1000px;*/
    	margin: 0 auto;
    	padding-top: 90px;
    	overflow: hidden;
    	height: 100%;
    	box-sizing: border-box;
    }
    .bt{
    	font-size: 28px;
		color: #005CAA;
    	text-align: center;
    	margin-bottom: 1%;
    }
    .bt h4{
    	margin-bottom: 10px;
    	font-size: 34px;
    	position: relative;
    	z-index: 10;
    	color: #005CAA;
    }
    .kuaguo .hr{
    	width: 610px;
    	top: -8px;
    	background: #cbcbcb;
    }
    #mp{
		width: 1000px;
		height: 487px;
	}
	.list{
		width: 1020px;
		margin: 0 auto;
		margin-top: 3%;
	}
	.list:after,.mp_detail::after{
		content: ' ';
		height: 0;
		width: 0;
		clear: both;
		display: block;
		visibility: hidden;
		overflow: hidden;
	}
	.list li{
		float: left;
		text-align: center;
		font-size: 18px;
		color: #005CAA;
		box-sizing: border-box;
		position: relative;
	}
	.list li:after{
		content: '';
	    width: 1px;
	    height: 40px;
	    background:#9BD1FF;
	    display: block;
	    overflow: hidden;
	    clear: both;
	    position: absolute;
	    left: 0;
	    top: 27%;
	}
	.list li:first-child:after{
		display: none;
	}
	.list li img{
		display: inline-block;
		width: auto;
	}
	.list li div{
		float: left;
	}
	.item1{
		margin-right: 34px;
	}
	.item2{
		margin-right: 46px;
	}
	.item3{
		margin-left: 51px;
    	margin-right: 35px;
	}
	.item4{
		margin-right: 48px;
	}
	.item5{
		margin-left: 50px;
        margin-right: 38px;
	}
	.item6{
		margin-right: 65px;
	}
	.item7{
		margin-left: 57px;
    	margin-right: 28px;
	}
	.list li div span{
		font-weight: 900;
		font-size: 80px;
		/*color: #F4B91F;*/
		font-family: DIN;
	}
.btnbox i{
	font-size: 24px;
}
@media (max-width: 1600px) {
	.ts .shiye_title{
	 	margin-top: 6%;
	 }
}
@media (max-width: 1400px) {
	.textwaper{
		padding-top: 30px;
	}
	.textwapers{
		height: 54%;
	}
	.textwaper h4 {
		margin-bottom: 20px;
	}
	.text{
		line-height: 30px;
		font-size: 16px;
	}
	.textwaper .hr{
		top: -18px;
	}
	.textwaper .more{
		margin-top: 4px;
	}
	.ts img{
		top: 10%;
	    transform: translateY(-10%);
	    -webkit-transform: translateY(-10%);
	}
	.zb_tit p:first-child{
		    font-size: 50px;
	}
	.zb_tit .p2 {
    	font-size: 50px;
    }
    .ts p{
    	line-height: 20px;
    	font-size: 14px;
    }
    .ts .shiye_title{
	 	margin-top: 10%;
	 }
	 .ts h6{
	 	font-size: 20px;
	 	margin-bottom: 10px;
	 }
}

@media (max-width: 1200px) { 
		.ts .shiye_title{
	 		margin-top: 6%;
	 }	
 }
.blue_bg{
	background: #005BAB;
	opacity: 0.3;
	filter: alpha(opacity=30);
	width: 100%;
	height: 100%;
	
}
.zhongbo .blue_bg{
	background: #005BAB;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

canvas {
  position : absolute;
  display: block;
  z-index: 9;
  top: 75px;
  left: -30px;
}