*{
	margin: 0 auto;
	padding: 0;
}
#call{
	width: 50px;
	height: 200px;
	position: fixed;
	right: 0;
	top: 40%;
	background: #004294;
	border-radius:10px 0px 0px 10px ;
	cursor: pointer;
}
#call img{
	width: 30px;
	margin-left: 10px;
	height: auto;
	margin-top:40px;
}
#call p{
	width: 100%;
	height: auto;
	text-align: center;
	color: #FFFFFF;
}
@keyframes call_p1{
	0%{
		margin-left: 0;
	}
	10%{
		margin-left: -10px;
	}
	20%{
		margin-left: 0;
	}
	100%{
		margin-left: 0;
	}
}
@keyframes call_p2{
	0%{
		margin-left: 0;
	}
	10%{
		margin-left: 0px;
	}
	20%{
		margin-left: -10px;
	}
	30%{
		margin-left: 0;
	}
	100%{
		margin-left: 0;
	}
}
@keyframes call_p3{
	0%{
		margin-left: 0;
	}
	30%{
		margin-left: 0px;
	}
	40%{
		margin-left: -10px;
	}
	50%{
		margin-left: 0;
	}
	100%{
		margin-left: 0;
	}
}
@keyframes call_p4{
	0%{
		margin-left: 0;
	}
	40%{
		margin-left: 0px;
	}
	50%{
		margin-left: -10px;
	}
	60%{
		margin-left: 0;
	}
	100%{
		margin-left: 0;
	}
}
#P1{
	animation: call_p1 1.5s ease infinite normal;
}
#P2{
	animation: call_p2 1.5s ease infinite normal;
}
#P3{
	animation: call_p3 1.5s ease infinite normal;
}
#P4{
	animation: call_p4 1.5s ease infinite normal;
}
#right_ewm{
	display: none;
}
#right_ewm img{
	width: 314px;
	height: auto;
	position: absolute;
	margin-top: -230px;
	right: 60px;
}
#tcbox{
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #0000008a;
	z-index: 999;
	display: none;
}
#tc{
	width: 400px;
	height: 600px;
	position: fixed;
	top: calc(45% - 300px);
	left: calc(50% - 200px);
	background: #FFFFFF;
	border: 1px solid #808080;
	border-radius: 10px;
}
#tc_logo{
	width: 100%;
	height: 80px;
	background: url(../img/LOGO.png) no-repeat;
	background-size:auto 100%;
	background-position:center ;
	margin-top: 30px;
}
#tc_text{
	width: 100%;
	height: auto;
	line-height: 50px;
	text-align: center;
	font-size: 1.1rem;
	margin-top: 10px;
	color: #808080;
}
#tc_call{
	width: 100%;
	height: auto;
	line-height: 60px;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	color: #004294;
}
#tc img{
	width: 250px;
	margin-left: 85px;
}
#off{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px 15px;
	cursor: pointer;
}
#off:hover{
	color: #004294;
}
.Top{
	width: 100%;
	height: auto;
	float: left;
}
#bannerbj{
	width: 100%;
	max-width: 2560px;
	min-width: 1000px;
	display: block;
	margin: auto;
	margin-top: 100px;
}
#TopLogo{
	width: 100%;
	height: 100px;
	min-width: 1400px;
	float: left;
	background: #FFFFFF;
	position: fixed;
	z-index: 99;
}
#hometopbox{
	width: 90%;
	min-width: 1000px;
	margin-left: 5%;
	height: auto;
}
#TopLeft{
	float: left;
}
#hometopbox img{
	height: 80px;
	width: auto;
	float: left;
	margin-top: 10px;
}
#TopRight{
	width: auto;
	height: auto;
	line-height: 40px;
	padding: 2px 40px;
	font-size: 1.2rem;
	color: #000000;
	border: 1px solid #808080;
	border-radius:3px ;
	float: right;
	cursor: pointer;
	margin-top: 27px;
	background: #FFFFFF;
}
#TopRight:hover{
	background: #004294;
	color: #FFFFFF;
	border: 1px solid #004294;
}
#topBars{
	width:auto;
	height: auto;
	float: left;
}
#topBars li{
	list-style: none;
	float: left;
	margin-left: 30px;
	font-size: 1.2rem;
	margin-top: 37.5px;
	color: #5b5b5b;
	cursor: pointer;
}
#topBars li:hover{
	color: #004294;
}
#topBars .selectColor{
	color: #004294;
}
#topBars #bar1{
	margin-left: 85px;
}
.CenterBox{
	width: 100%;
	max-width: 1400px;
	min-width:1000px ;
	height: auto;
	margin: auto;
}
.Title_BTimg{
	width: 100%;
	height: 90px;
	margin-top: 100px;
	margin-bottom: 50px;
	background: url(../img/hot_bt.png);
	background-repeat:no-repeat ;
	background-size:auto 100%;
	background-position:center ;
	float: left;
}
#btimg2{
	background: url(../img/ys_bt.png);
	background-repeat:no-repeat ;
	background-size:auto 100%;
	background-position:center ;
}
#btimg3{
	background: url(../img/us_bt.png);
	background-repeat:no-repeat ;
	background-size:auto 100%;
	background-position:center ;
}
#btimg4{
	background: url(../img/lc_bt.png);
	background-repeat:no-repeat ;
	background-size:auto 100%;
	background-position:center ;
}
#Hot_fiveimg{
	width: 100%;
	height: auto;
	float: left;
}
#Hot_fiveimg img{
	width: 20%;
	height: auto;
	float: left;
	cursor: pointer;
}
@keyframes ball{
	from{margin-top: 0px;}
	to{margin-top: -20px;}
}
#Hot_fiveimg img:hover{
	animation:ball 0.5s ease 0s forwards alternate ;
}
#ys_bj,#ys_bj2{
	width: 100%;
	min-width: 1000px;
	min-height: 800px;
	background: url(../img/ys_bj.jpg) no-repeat;
	background-size:100% auto;
	background-position:bottom ;
	float: left;
}
#ys_bj2{
	margin-top: 80px;
	background: #D0E5FF;
	min-height: 600px;
}
.ys_img,.ys_img2{
	width: 48%;
	height: auto;
	background: #FFFFFF;
	float: left;
	margin-top: 30px;
	box-shadow: 3px 3px 5px #A4A4A4;
	cursor: pointer;
}
@keyframes ys{
	from{background: #FFFFFF;}
	to{background: #FFFFFFb8;}
}
.ys_img:hover,.ys_img2:hover{
	animation: ys 0.5s ease 0s forwards alternate;
}
.ys_img2{
	margin-left: 4%;
}
.ys_img img,.ys_img2 img{
	width:260px;
	float: left;
}
.ys_textbox{
	width: calc(100% - 320px);
	height: 100%;
	margin-left: 30px;
	float: left;
}
.ysbt{
	width: 100%;
	height: auto;
	line-height: 50px;
	margin-top: 20px;
	font-size: 1.5rem;
	color: #004294;
}
.ystext{
	width: 100%;
	height: auto;
	font-size: 1.1rem;
	color: #808080;
}
#ys_text{
	margin-top: 80px;
	padding-bottom: 80px;
	float: left;
}
#usleft{
	width: 40%;
	height: auto;
	float: left;
}
#usright{
	width: 58%;
	height: 600px;
	margin-left: 2%;
	background: url(../img/us_right.jpg)no-repeat;
	background-size:auto 100%;
	background-position: left;
	float: left;
}
#usright img{
	display: none;
}
.us1{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 30px;
	cursor: pointer;
	border-radius:5px
}
@keyframes us{
	from{
		border: 1px dashed #80808000;
		padding-left: 0px;
	}
	to{
		border: 1px dashed #808080;
		padding-left: 10px;
	}
	
}
#us_01:hover,#us_02:hover,#us_03:hover,#us_04:hover{
	animation: us 0.5s ease 0s forwards alternate;
}
.us1 img{
	width: auto;
	height: 90px;
	float: left;
	margin-top: 10px;
}
.ustextall{
	width: calc(100% - 128px);
	height: 110px;
	float: left;
	margin-left: 20px;
}
.ussmallbt{
	width: 100%;
	height: auto;
	line-height: 40px;
	padding-bottom: 10px;
	font-size: 1.5rem;
	color: #004294;
}
.ustext{
	line-height: 22px;
	font-size: 1.1rem;
	color: #808080;
}
.Lcimgbox,.Lcimgbox2{
	width: 16.6%;
	height: auto;
	text-align: center;
	font-size: 1.4rem;
	float: left;
}
.Lcimgbox2{
	width: 15%;
	margin-left: 0.8%;
	margin-right: 0.8%;
	font-size: 1rem;
	color: #808080;
	margin-top: 10px;
	margin-bottom: 20px;
	cursor: pointer;
}
@keyframes Lc{
	from{
		color: #808080;
		margin-top: 10px;
	}
	to{
		color: #004294;
		margin-top: 0;
	}
}
.Lcimgbox2:hover{
	animation: Lc 0.5s ease 0s forwards alternate;
}
.Lcimgbox img{
	width: 100px;
	height: 100px;
	border: 2px solid #808080;
	padding: 10px;
	border-radius:60px;
}
.lc_box{
	width: 100%;
	height: auto;
	float: left;
}
#xuxian{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px dashed #808080;
	float: left;
}
.xian_upbox{
	width: 16.6%;
	height: 1px;
	float: left;
}
.yuan{
	width: 20px;
	height: 20px;
	border-radius:10px;
	margin-top: -30px;
	background: #808080;
}
#footer{
	width: 100%;
	height: 350px;
	float: left;
	background: #222222;
	margin-top: 100px;
}
#foot_left,#foot_right{
	width: 30%;
	height: 100%;
	float: left;
}
#footlogo{
	width: auto;
	height: 100px;
	margin-top: 70px;
	filter: grayscale(1) brightness(10);
	float: left;
}
#foot_add{
	width: 80%;
	height: auto;
	float: left;
	color: #a4a4a4;
	font-weight: lighter;
	font-size: 1.0rem;
	margin-top: 30px;
}
#foot_center{
	width: 14%;
	height: 100%;
	float: left;
}
.foottextbt,.foottextbt2{
	width: 100%;
	height: auto;
	text-align: center;
	color: #FFFFFF;
	margin-top: 120px;
	float: left;
	cursor: pointer;
}
.foottextbt2{
	margin-top: 0;
	line-height: 30px;
	color: #A4A4A4;
	text-align: left;
}
.footbtbig{
	line-height: 30px;
	font-size: 1.4rem;
	float: left;
}
.footbtsmall{
	line-height: 30px;
	font-size: 1.1rem;
	float: left;
}
@keyframes foot{
	from{margin-left: 0px;}
	to{margin-left: -10px;}
}
.foottextbt2:hover{
	animation: foot 0.5s ease forwards alternate;
	;
}
#foot_right{
	width: 40%;
	float: right;
}
#ewm{
	height: 220px;
	padding-top: 65px;
	float: left;
}
#ewm_text{
	width: calc(100% - 235px);
	height: 350px;
	float: left;
	color: #FFFFFF;
	font-size: 1.3rem;
}
#ewm_text p{
	width: 100%;
	line-height: 40px;
	text-indent: 20px;
	font-size: 0.9rem;
}
#p_call{
	margin-top: 90px;
}
#ewm_text img{
	width: 50px;
	height: auto;
	margin-top: 20px;
	margin-left: 10px;
}
.center_flolt{
	width: 100%;
	height: auto;
	float: left;
}
.ep_center_bt{
	width: 100%;
	height: auto;
	font-size: 2.0rem;
	text-align: center;
	margin-top: 100px;
	font-weight: bold;
	float: left;
}
.btsmalltext,.btsmalltext2{
	font-size: 1.0rem;
	margin-top: 10px;
	color: #A4A4A4;
	font-weight: 100;
}
.btsmalltext2{
	color: #000000;
}
#ep_center_imgbox,.newgs_center_imgbox{
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 100px;
	float: left;
}
.newgs_center_imgbox{
	
}
.centerimgbox,.centerimgbox2,.centerimgbox3,.centerimgbox4{
	width: 24%;
	height: auto;
	margin-left: 0.5%;
	margin-right: 0.5%;
	background: #D0E5FF;
	float: left;
	margin-top: 15px;
}
.centerimgbox2,.centerimgbox3,.centerimgbox4{
	background: #FFFFFF;
}
.centerimgbox3 img{
	margin-left: 94px;
}
.centerimgbox4 img{
	margin-left: 44px;
	margin-top: 50px;
}
.centerimgbox5{
	width:10%;
	height: auto;
	margin-left: 0;
	margin-right: 0;
	background: #FFFFFF;
	float: left;
	margin-top: 65px;
	margin-bottom: 50px;
}
.newgs_lc{
	width: 120px;
	height: 120px;
	border-radius: 60px;
	float: left;
}
.newgs_lc_next{
	width: 7%;
	height: 125px;
	margin-left: 0.5%;
	margin-right: 0.5%;
	border-bottom: 1px dashed #A4A4A4;
	float: left;
}
.newgs_lc img{
	width: 118px;
	height: 118px;
	border-radius: 59px;
	border: 1px solid #004294;
	float: left;
}
.centerimgbox img{
	width: 100%;
	height: auto;
	float: left;
}
.ep_center_text1{
	width: 100%;
	height: auto;
	line-height: 40px;
	font-size: 1.5rem;
	text-align: center;
	margin-top: 20px;
	float: left;
}
.ep_center_text2,.ep_center_text4{
	width: 100%;
	height: auto;
	line-height: 30px;
	text-align: center;
	margin-bottom: 20px;
	float: left;
}
.ep_center_text4{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.5rem;
	color: #004294;
}
.ep_center_text3{
	width: 70%;
	height: auto;
	margin-left: 15%;
	line-height: 30px;
	margin-bottom: 20px;
	float: left;
	color: #A4A4A4;
}
#ep_zg_box{
	width: 100%;
	height: 600px;
	background: white;
	border-radius: 10px;
	margin-top: 100px;
	float: left;
}
#ep_zg_leftbox{
	width: 30%;
	height: 100%;
	float: left;
}
#xian_s{
	width: 1px;
	height: 60%;
	background: #dddddd;
	margin-top: 10%;
	float: left;
}
#epzgleft_bt{
	width: 100%;
	height: auto;
	line-height: 100px;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 150px;
	color: red;
	float: left;
}
#epzgleft_text{
	width: 80%;
	margin-left: 10%;
	height: auto;
	float: left;
	color: #A4A4A4;
}
#ep_zg_rightbox{
	width: calc(70% - 1px);
	height: 100%;
	float: left;
}
.zg_right_text{
	width: 80%;
	height: auto;
	float: left;
	margin-left: 10%;
	line-height: 25px;
}
.zg_right_texttop,.zg_right_texttop2{
	width: auto;
	background: #D0E5FF;
	border-radius: 30px;
	padding: 5px 25px;
	margin-bottom: 5px;
	font-weight: bold;
}
.zg_right_texttop{
	margin-top: 60px;
}
.zg_right_texttop2{
	margin-top: 20px;
}
#ep_Successful_imgbox{
	width: 100%;
	height: auto;
	float: left;
	margin: 30px 0px;
}
.Successful_left{
	width: 160px;
	height: 100%;
	float: left;
}
.Successful_left img{
	width: 90%;
	margin-left: 5%;
	margin-top: 20px;
}
.Successful_right{
	width: calc(100% - 200px);
	height: 100%;
	margin-left: 20px;
	float: left;
}
.Successful_box{
	width: 31%;
	height: 240px;
	margin-left: 2%;
	float: left;
	margin-top: 20px;
	box-shadow: 0px 2px 5px 2px #DDDDDD;
}
.suc_bt{
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #FFFFFF;
	background: red;
	text-align: center;
	margin-top: 20px;
	float: left;
}
.suc_name{
	width: 100%;
	margin-top: 20px;
	line-height: 30px;
	font-size: 1.2rem;
	float: left;
}
.suc_text{
	width: 100%;
	line-height: 25px;
	color: #808080;
	float: left;
	font-size: 0.9rem;
}
#Our_box{
	width: 100%;
	min-height: 800px;
	float: left;
	background: #D0E5FF;
	margin-top: 100px;
}
.newgslx_box{
	width: calc(20% - 22px);
	height: 300px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-top: 60px;
}
.gslx_bt{
	width: 100%;
	height: auto;
	line-height: 50px;
	text-indent: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #FFFFFF;
	background: #004294;
	float: left;
}
.gslx_en{
	width: 90%;
	height: auto;
	line-height: 30px;
	font-size: 0.9rem;
	margin-left: 5%;
	float: left;
	color: #A4A4A4;
}
.gslx_text{
	width: 90%;
	height: auto;
	margin-top: 20px;
	margin-left: 5%;
	font-size: 1.1rem;
	line-height: 30px;
	float: left;
}
#Msg_toptext{
	width: 100%;
	height: auto;
	line-height: 50px;
	color: #5B5B5B;
	float: left;
}
#Msg_toptext a{
	text-decoration: none;
	color: #5B5B5B;
}
#msg_box{
	width: 100%;
	height: auto;
	float: left;
}
#msg_left{
	width: 74%;
	height: auto;
	float: left;
}
#msg_right{
	width: 24%;
	height: auto;
	margin-left: 2%;
	float: left;
}
#iframebox{
	width: 100%;
	border: 0;
	font-family: ProximaNova-Light;
}
.msg_01{
	width: 100%;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
	float: left;
	cursor: pointer;
}
.msg_img1,.msg_img2,.msg_img3,.msg_img4,.msg_img5,.msg_img6,.msg07_Video{
	width: 230px;
	height: 150px;
	background: url(../img/msg_01.png) no-repeat;
	background-size:100% auto ;
	background-position:center ;
	float: left;
}
.msg_img2{
	background: url(../img/msg_02.jpg) no-repeat;
	background-size:100% auto ;
	background-position:center ;
}
.msg_img3{
	background: url(../img/msg_03.png) no-repeat;
	background-size:100% auto ;
	background-position:center ;
}
.msg_img4{
	background: url(../img/msg_04.png) no-repeat;
	background-size:100% auto ;
	background-position:center ;
}
.msg_img5{
	background: url(../img/msg_05.png) no-repeat;
	background-size:100% auto ;
	background-position:center ;
}
.msg_img6{
	background: url(../img/msg_02.png) no-repeat;
	background-size:100% auto ;
	background-position:center ;
}
.msg07_Video{
	background: url(../img/msg07_Video.png) no-repeat;
	background-size:100% auto ;
	background-position:center ;
}
.msg_textbox{
	width: calc(100% - 250px);
	height: auto;
	margin-left: 20px;
	float: left;
}
.msg_textbox_bt{
	width: 100%;
	height: auto;
	line-height: 50px;
	font-size: 1.2rem;
	float: left;
}
.msg_textbox_text{
	width: 100%;
	height: 60px;
	line-height: 20px;
	color: #A4A4A4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}
.msg_time{
	width: 100%;
	height: auto;
	line-height: 30px;
	margin-top: 10px;
	color: #A4A4A4;
	bottom: 0px;
	float: left;
}
.msg_R_topbtn{
	width: 100%;
	height: auto;
	line-height: 40px;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-top:0px ;
	cursor: pointer;
	float: left;
}
.msg_R_topbtn2{
	border-top: 1px solid #DDDDDD;
}
.msg_R_topbtn:hover{
	background: #DDDDDD;
}
.msg_R_box{
	width: 100%;
	height: auto;
	margin-top: 30px;
	font-weight: bold;
	float: left;
}
.msg_R_left{
	width: 47%;
	height: auto;
	margin-top: 20px;
	float: left;
}
.msg_R_img{
	width: 100%;
	height: 100px;
	background: url(../img/msg_01.png) no-repeat;
	background-size:100% auto ;
	background-position: center;
}
.msg_R_img2{
	width: 100%;
	height: 100px;
	background: url(../img/msg_02.jpg) no-repeat;
	background-size:100% auto ;
	background-position: center;
}
.msg_R_img3{
	width: 100%;
	height: 100px;
	background: url(../img/msg_03.png) no-repeat;
	background-size:100% auto ;
	background-position: center;
}
.msg_R_img4{
	width: 100%;
	height: 100px;
	background: url(../img/msg_04.png) no-repeat;
	background-size:100% auto ;
	background-position: center;
}
.msg_R_img5{
	width: 100%;
	height: 100px;
	background: url(../img/msg_05.png) no-repeat;
	background-size:100% auto ;
	background-position: center;
}
.msg_R_img6{
	width: 100%;
	height: 100px;
	background: url(../img/msg_02.png) no-repeat;
	background-size:100% auto ;
	background-position: center;
}
.mag{
	margin-left: 6%;
}
.msg_R_text{
	width: 100%;
	height: 44px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 7px;
	float: left;
}
#gs{
	position: fixed;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: rgba(0,0,0,0.7);
	z-index: 999;
	display: none;
}
#gs_box{
	width: 400px;
	height: 480px;
	position: absolute;
	top: calc(50% - 400px);
	left: calc(50% - 200px);
	background: #FFFFFF;
	border-radius:5px ;
}
#inlabel{
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
	float: left;
}
#gs_box input{
	width: calc(80% - 20px);
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	float: left;
	margin-left: 10%;
}
#gs_box button{
	background-color: #007bff; 
	color: #fff; border: none; 
	padding: 10px 20px; 
	border-radius: 3px; 
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: calc(50% - 34px);
}
#X{
	position: absolute;
	right: 10px;
	top: 5px;
	cursor: pointer;
}
#X img{
	width: 30px;
	height: auto;
}
#gs_ps{
	width: 90%;
	line-height: 20px;
	margin-top: 30px;
	margin-left: 5%;
	color: #A4A4A4;
    font-size: 0.9rem;
	float: left;
}
#Ctus_left{
	width: 40%;
	height: 400px;
	float: left;
	margin-top: 100px;
	background: url(../img/map.png) no-repeat;
	background-size:130% auto ;
	background-position: center;
}
#Ctus_left:hover{
	background: url(../img/map.png) no-repeat;
	background-size:190% auto ;
	background-position: center;
	transition: all 0.5s ease-in-out;
}
#Ctus_right{
	width: 58%;
	height: 400px;
	float: left;
	margin-top: 100px;
	margin-left: 2%;
}
.Ctus_bold{
	width: 100%;
	height: auto;
	font-size: 1.1rem;
	line-height: 30px;
	font-weight: bold;
	float: left;
}
.Ctus_text{
	width: 100%;
	height: auto;
	line-height: 30px;
	float: left;
	margin-bottom: 40px;
}
.msg_xq_bt{
	width: 100%;
	height: auto;
	line-height: 40px;
	margin-top: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	float: left;
}
.msg_xq_time{
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	font-size: 0.8rem;
	color: #CCCCCC;
	float: left;
	text-align: center;
}
.msg_xq_text{
	width: 100%;
	height: auto;
	line-height: 25px;
}
.msg_xq_text2{
	margin-top: 30px;
}
.msg_bigbt{
	font-size: 1.3rem;
	color: #004294;
	line-height: 40px;
	margin-top: 20px;
}
.msg_smallbt{
	font-weight: bold;
	line-height: 40px;
	margin-top: 20px;
}
.nubm_all{
	width: 1280px;
	height: 130px;
	position: relative;
	list-style-type: none;
    font-size:100px;
    font-family: fantasy;
    color: #004294;
    margin-top: 200px;
    margin-bottom: 200px;
    z-index: 9;
}
.box_indextext{
	width: auto;
	height: auto;
	padding: 0 36px;
	border-right:1px solid #585858 ;
	float: left;
}
.nub_1{
	width: auto;
	height: 122px;
	overflow: hidden;
	float: left;
}
.shuzi,.shuzi2,.shuzi3,.shuzi4,.shuzi5,.shuzi6,.shuzi7,.shuzi8{
	width: 60px;
	height: auto;
	animation: nub 2s 1 forwards;
	float: left;
}
.J{
	width: 50px;
	height: 122px;
	line-height: 190px;
	text-align: center;
	font-size: 60px;
	font-family: arial;
	color: #000000;
	float: left;
}
@keyframes nub{
	0%{
	}
	100%{
		margin-top: -1340px;
	}
}
.shuzi2{
	animation: nub2 3s 1 forwards;
}
@keyframes nub2{
	20%{
	}
	100%{
		margin-top: -1220px;
	}
}
.shuzi3{
	animation: nub3 4s 1 forwards;
}
@keyframes nub3{
	50%{
	}
	90%{
		margin-top: -1220px;
	}
	100%{
		margin-top: -1220px;
	}
}
.shuzi4{
	animation: nub4 4s 1 forwards;
}
@keyframes nub4{
	20%{
	}
	100%{
		margin-top: -1830px;
	}
}
.shuzi5{
	animation: nub5 6s 1 forwards;
}
@keyframes nub5{
	50%{
	}
	80%{
		margin-top: -2440px;
	}
	100%{
		margin-top: -2440px;
	}
}
.shuzi6{
	animation: nub6 6s 1 forwards;
}
@keyframes nub6{
	50%{
	}
	90%{
		margin-top: -2440px;
	}
	100%{
		margin-top: -2440px;
	}
}
.shuzi7{
	animation: nub7 6s 1 forwards;
}
@keyframes nub7{
	50%{
	}
	100%{
		margin-top: -2440px;
	}
}
.shuzi8{
	animation: nub8 6s 1 forwards;
}
@keyframes nub8{
	50%{
	}
	100%{
		margin-top: -2200px;
	}
}
.smalltext{
	width: auto;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #000000;
	margin-top: 20px;
	float: left;
}
.ocbc_all{
	width: 100%;
	height: auto;
	margin-top: 90px;
	float: left;
}
.ocbcimgsmall{
	width: 50%;
	height: auto;
	float: left;
}
.ocbcimgsmall img{
	width: 100%;
	height: auto;
}
.ocbc_next2{
	width: 48%;
	height: auto;
	margin-left: 2%;
	float: left;
}
.fenge{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 60px;
}
.big{
	width: 100px;
	height: 4px;
	background: red;
	border-bottom: 1px solid #DDDDDD;
	float: left;
}
.small{
	width: calc(100% - 100px);
	height: 4px;
	border-bottom: 1px solid #FFFFFF;
	float: left;
}
.ocbc_bt{
	width: 100%;
	height: auto;
	float: left;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.ocbc_kh_leftbox,.ocbc_kh_rightbox{
	width: 47%;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin-top: 50px;
	float: left;
}
.ocbc_kh_rightbox{
	margin-left: calc(6% - 4px);
}
.ocbc_kh_Sbt{
	width: 80%;
	margin-left: 10%;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 30px;
	font-size: 1.3rem;
	float: left;
}
.ocbc_kh_text{
	width: 80%;
	margin-left: 10%;
	line-height: 30px;
	float: left;
}
.ocbc_kh_text2{
	margin-top: 30px;
	color: #A4A4A4;
}
.ocbc_us{
	width: 30%;
	height: 200px;
	box-shadow: 5px 4px 10px 0px #DDDDDD;
	margin-top: 50px;
	border: 1px solid #A4A4A4;
	float: left;
}
.ocbc_us2{
	margin-left: calc(5% - 3px );
}
.ocbc_us_text{
	width: 80%;
	margin-left: 10%;
	line-height: 50px;
	font-weight: 600;
	font-size: 1.6rem;
	margin-top: 30px;
	margin-bottom: 10px;
	float: left;
}
.us_hz01,.us_hz02{
	width: 80%;
	line-height: 30px;
	color: #222222;
	margin-left: 10%;
	float: left;
}
#zx_left{
	width:400px;
	height: auto;
	float: left;
	margin-top: 50px;
	border: 1px solid #CCCCCC;
	padding: 30px 0px;
}
#zx_left img{
	margin-left: 75px;
}
#zx_right{
	width: calc(100% - 455px);
	margin-left: 50px;
	margin-top: 50px;
	height: auto;
	float: left;
}
#Ctus_left2{
	width: 90%;
    height: 200px;
    float: left;
    background: url(../img/map.png) no-repeat;
    background-size: 130% auto;
    background-position: center;
}
#Ctus_left2:hover{
	background: url(../img/map.png) no-repeat;
	background-size:190% auto ;
	background-position: center;
	transition: all 0.5s ease-in-out;
}
.bottom_0{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #181818;
	text-align: center;
	color: #959595;
	float: left;
	position: relative;
}
#ystk{
	width: auto;
	height: 50px;
	float: left;
	color: blue;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: calc(50% + 150px);
}
#ystkbj{
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
#ysbox{
	width: 1000px;
	height: 720px;
	position: relative;
	top: calc(50% - 500px);
	border: 1px solid #CCCCCC;
	padding: 20px;
	font-size: 1.2rem;
	border-radius: 5px;
	background: white;
}
#ysclose{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
#ysclose img{
	width: 60px;
	height: 60px;
}