@font-face{
	src:url(../font/Rajdhani-SemiBold.ttf);
	font-family:"Rajdhani";
	}
html, body, div,  h1, h2, h3, h4, h5, h6, a, em, img, hr, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color:#666;
    font-weight: inherit;
    font-style: inherit;
	list-style:none;
	line-height:24px;
	font-family:Arial,sans-serif;
	}
html{
	font-size:62.5%; 
	}
img{
	display:block;
	}
p{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
	list-style:none;
	font-size:12px;
	line-height:24px;
	}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, dir, section {
    margin: 0;
    padding: 0;
    display: block;	
}
.clear{
	clear:both;
	}
a{
	text-decoration:none !important;
	}
.w_all{
	width:78%;
	margin:auto;
	}
header{
	width:100%;
	z-index:999999;
	position:fixed !important;
	left:0%;
	top:0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}
.nav{
	margin:2% auto;
	position:relative;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
header .logo{
	float:left;
}
header .logo img{
	display:block;
	height:62px;
	}
header .logo .img2{
	display:none;}
.navBtn{
	position:absolute;
	right:0px;
	top:22%;
	z-index:9999;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	cursor:pointer;
}
.navBtn span{
	display: block;
	width:25px;
	height: 2px;
	background:rgba(255,255,255,0.9);
	margin:6px 0;
	
}
.navBtn span:nth-of-type(2){
	width:30px;}
.nav_btn_active{
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	margin-top:10px;
}
.nav_btn_active span{
	background:rgba(255,255,255,0.8) !important;
	}
.nav_btn_active span:nth-of-type(1){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.nav_btn_active span:nth-of-type(2){
	width:1450px;
	position:absolute;
	left:14px;
	top:0px;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	opacity:0.8;
	}
.nav_btn_active span:nth-of-type(3){
	margin-top:-8px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
.nav_right{
	position:fixed;
	left:0%;
	height:100%;
	width:100%;
	top:-100%;
	display:none;
	background:rgba(1,30,57,0.94);
	}
.nav_list ul{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-transition:all 0.8s linear;
	transition:all 0.8s linear;
	width:60%;
	}
.nav_list ul li{
	position: relative;
	overflow:hidden;
	padding-left:5px;
}
.nav_list ul:before{
	content:"";
	height:200%;
	width:1px;
	position:absolute;
	left:220px;
	top:-50%;
	background:rgba(255,255,255,0.1);}
.nav_list ul li h1{
	font-size: 2rem;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    color: #fff;
    padding: 20px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: 0.1rem;
    float: left;
    width: 200px;
}
html[lang="en"] .nav_list ul li h1{
	letter-spacing:0;
	line-height:2.8rem;}
.nav_list ul li:hover h1{
	color: #e62129;
	text-decoration:underline;
	}
.nav_list ul li.active h1{
	color: #e62129;
	text-decoration:underline;
	}
.nav_list ul li p{
	font-size: 1.6rem;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: rgba(255,255,255,0.8);
    letter-spacing: 1px;
    margin: 5px 0;
    float: left;
    margin-left: 40px;
    padding: 28px 20px;
}
html[lang="en"] .nav_list ul li p{
	letter-spacing:0;
	padding: 20px;}
.nav_list ul li:before{
	content:"";
	position:absolute;
	left:0;
	top:42px;
	color:#fff;
	width:6px;
	height:6px;
	border-radius:50%;
	background:rgba(255,255,255,0.8);
	}
html[lang="en"] .nav_list ul li:before{
	top:34px;}
.nav_list ul li p:hover{
	color:#fff;
	}
.nav_list ul li p.active{
	color: #e62129;
	}
header .language{
	float:right;
	font-size:1.4rem;
	-webkit-transition:all .5s;
	transition:all .5s;
	position:relative;
	margin-top:16px;
	color:#fff;
	cursor:pointer;
	margin-right:80px;
	}
header .language  span.la{
	color:#fff;
	margin-left:14px;
	position:relative;
	opacity:0.9;
	-webkit-transition:all .3s;
	transition:all .3s;
	padding-right:22px;
	padding-bottom:50px;
	}
header .language  span.la:before{
	content:"";
	background:url(../image/btn_rs.png) no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	right:0;
	top:0px;
	opacity:0.8}
header .language  span.la:hover{
	opacity:1;}
header .language  span.la:hover .lans{
	opacity:1;
	top:22px;}
header .lans{
	position:absolute;
	left:0;
	top:32px;
	opacity:0;
	-webkit-transition:all .5s;
	transition:all .5s;
	}
header .lans p{
	color:#fff;
	opacity:0.9;
	font-size:1.1rem;
	}
header .lans p:hover{
	text-decoration:underline;
	}
.banner{
	width:100%;
	height:100%;
	}
.banner ul{
	width:100%;
	height:100%;
	position:relative;
	}
.banner li{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	}
.banner li .img{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0%;
	top:0%;
	-webkit-transition:all 6s;
	transition:all 6s;
	}
.banner li .img1{
	background:url(../image/banner2.jpg) no-repeat center 30%;
	background-size:cover;
	}
.banner li p{
	position:absolute;
	top:50%;
	font-size:5rem;
	color:#fff;
	letter-spacing:1px;
	line-height:70px;
	font-weight:bold;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}
html[lang="en"] .banner li p{
	letter-spacing:0;
	font-size:4.6rem;
	line-height:5.4rem;}
.banner li p span{
	display:block;
	font-size:1.6rem;
	margin-top:10px;
	line-height:20px;
	color:#fff;
	text-shadow:0 0 3px rgba(0,0,0,0.2);
	letter-spacing:0;
	font-weight:normal;
	}
.banner_scroll_btn{
	position: absolute;
	bottom: 15%;
	left: 11%;
	border-radius:50%;
	box-shadow:0 2px 5px rgba(0,62,168,0.5);
}
.banner_scroll_btn span img{
	opacity:0.9;
	display: block;
	width: 34px;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -7px;
}
.banner_scroll_btn span img{
	-webkit-animation:myfirst 2.8s ease-in-out 0s infinite;
	animation:myfirst 2.8s ease-in-out 0s infinite;
}
@keyframes myfirst
{
    0%,100% {top: 8px; opacity: 1;}
    50% {top: 16px; opacity: 0.8;}
}
@-webkit-keyframes myfirst
{
    0%,100% {top: 8px; opacity: 1;}
    50% {top: 16px; opacity: 0.8;}
}

.indexRightNav{
	position: fixed;
	right: 3%;
	top:50%;
	z-index: 99999;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.indexRightNav dl dd{
	height: 50px;
	width:2px;
	background:rgba(255,255,255,0.2);
	margin:20px 0;
	position: relative;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.indexRightNav dl dd span{
	display: none;
	width: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	color:#fff;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	text-align:center;
}
.indexRightNav dl dd.active{
	background:#fff;
	height:54px;
	}

.slide .index_box{
	position:relative;
	height:100%;}
.index_bar1{
	width: 100%;
	position:relative;
	height:100%;
	background:url(../image/index_bar1_1.jpg) center top;
	background-size:cover;
}
.slide .txt{
	width:900px;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	}
.slide .txt p{
	display: block;
    font-size: 5rem;
    line-height: 70px;
    color: #fff;
    margin-bottom: 55px;
	text-shadow:0 3px 5px rgba(0,0,0,0.1);
	}
html[lang="en"] .slide .txt{
	width:100%;
	}
html[lang="en"] .slide .txt p{
	letter-spacing:0;
	font-size:4.6rem;
	line-height:5.4rem;}
html[lang="jp"] .slide .txt{
	width:90%;
	}
html[lang="jp"] .slide .txt p{
	letter-spacing:0;
	font-size:4.6rem;
	line-height:5.4rem;}
.slide .index_mores{
	width:200px;
	border:1px solid #fff;
	text-align:center;
	padding:10px 0;
	color:#fff;
	font-size:1.42rem;
	position:relative;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	letter-spacing:1px;
	}
html[lang="en"] .slide .index_mores{
	width:260px;
	letter-spacing:0;
	}
html[lang="jp"] .slide .index_mores{
	width:260px;
	letter-spacing:0;
	}
.slide .index_mores:hover{
	background:rgba(255,255,255,0.1)}
.slide .index_mores img{
	position:absolute;
	right:-15px;
	top:9px;
	display:block;
	width:26px;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	opacity:0.6;
	}
.slide .index_mores:hover img{
	right:-25px;
	opacity:0;
	}
.index_bar2{
	position:relative;
	height:100%;
	background:url(../image/index_bar2_bc.jpg) right bottom;
	background-size:cover;
}
.index_bar3{
	position:relative;
	height:100%;
	background:url(../image/index_bar3_bc.jpg) left top;
	background-size:cover;
}
.index_bar4{
	width: 100%;
	position:relative;
	height:100%;
	background: -webkit-linear-gradient(#ccc, #eee);
    background: -o-linear-gradient(red, blue); 
    background: -moz-linear-gradient(red, blue); 
    background: linear-gradient(#dfdbdb, #eeeeee);
}
.index_bar4 .index_title{
	padding-bottom:40px;
	}
.index_bar4 .index_title h1{
	color:#222;
	font-size:4.6rem;
	text-align:left;
	letter-spacing:0;
	}
.index_bar4 .box{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-42%);
	transform:translate(-50%,-42%);
	}
.index_bar4 .box ul li{
	float:left;
	width:31.3%;
	margin-right:3%;
	}	
.index_bar4 .box ul li:nth-of-type(3){
	margin-right:0%;
	}	
.index_bar4 .box .left{
	width:100%;
	display:block;
	background:#02509b;
	}
.index_bar4 .box .left b{
	width:100%;
	display:block;
	background:#02509b;
	}
.index_bar4 .box .left img{
	width:100%;
	display:block;
	box-shadow:0 5px 15px rgba(0,0,0,0.1);
	}
.index_bar4 .box .right{
	width:96%;
	margin:auto;
	text-align:left;
	margin-top:-2%;
	}
.index_bar4 .box .right .time{
	position:relative;
	}
.index_bar4 .box .right .time strong{
	position:absolute;
	right: -10px;
    top: -20px;
    font-size: 40px;
    color: #333;
    opacity: 0.06;
    font-weight: bold;
	}
.index_bar4 .box .right b{
	font-size:13px;
	color:#666;
	float:right;
	letter-spacing:1px;
	margin-top:-20px;
	font-style:normal;
	}
.index_bar4 .box .right h1{
	margin:40px 0 20px;
	font-size:1.9rem;
	color:#111;
	font-weight:bold;
	}
.index_bar4 .box .right p{
	font-size:1.6rem;
	height:48px;
	overflow:hidden;
	}
.index_bar4 .index_mores{
	border:1px solid #666;
	margin:3% auto 0;
	color:#333;
	}
.slide .index_mores img{
	color:#333;}
.index_more{
	letter-spacing:1px;
	cursor:pointer;
	font-size:1.4rem;
	color:#02509b;
	width:76px;
	text-align:center;
	border-bottom:1px solid #02509b;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	margin-top:12%;
	}
html[lang="en"] .index_more{
	width:90px;
	letter-spacing:0;
	}
html[lang="jp"] .index_more{
	width:90px;
	letter-spacing:0;
	}
.index_more:hover{
	color:#e62129;
	border:none;
	}
.index_bar4 .btn{
	width:65px;
	margin-left:55%;
	margin-top:0%;
	}
.index_bar4 .btn .ll{
	float:left;
	background:#999;
	width:32px;
	height:32px;
	overflow:hidden;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	}
.index_bar4 .btn .b_left{
	float:left;
	}
.index_bar4 .btn .b_right{
	float:right;
	margin-left:1px;
	}
.index_bar4 .btn .ll img{
	display:block;
	width:60%;
	margin:7px auto;
	}
.index_bar4 .btn .ll:hover{
	background:#02509b;
	}

.foot{
	width:100%;
	background:#011e39;
	border-top:1px solid rgba(255,255,255,0.1);
	position: relative;
	}
.foot p{
	color:rgba(255,255,255,0.6);
	line-height:40px;}
.foot a{
	float:right;
	line-height:40px;
	color:rgba(255,255,255,0.6)}
.foot b{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.foot b a{
	float: none;
	font-weight: normal;
}
.foot b img{
	float: left;
	margin-right: 6px;
	margin-top: 10px;
}
.back_all{
	position:fixed;
	right:1.5%;
	bottom:9%;
	color:#555;
	font-size:1.2rem;
	letter-spacing:1PX;
	background:#e52028;
	width:60px;
	height:60px;
	z-index:9999;
	text-align:center;
	line-height:60px;
	color:#fff;
	cursor:default;
}
.back_all b{
  height: 0px;
  width: 0px;
  border-left: 6px solid transparent;
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  display:block;
  margin:13px auto -10px;
  }
.footer{
	width:100%;
	position:relative;
	background:#011e39;
	overflow:hidden;
	padding:3% 0 2%;
}
.footer_con_top .right{
	width:100%;
	}
.footer_con_top ul h1{
	display:inline-block;
	color:rgba(255,255,255,0.8);
	font-size:1.8rem;
	margin-bottom:10px;
	position:relative;
	}
.footer_con_top ul li{
	cursor:pointer;
	float:left;
	box-sizing: border-box;
	width:13%;
	position:relative;
	}
html[lang="en"] .footer_con_top ul h1{
	font-size: 1.6rem;}
.footer_con_top ul li:last-of-type{
	width:22%;}
.footer_con_top ul li p{
	color:rgba(255,255,255,0.5);
	font-size: 1.34rem;
	-webkit-transition:all .5s;
	margin:4px 0;
	transition:all .5s;}
html[lang="en"] .footer_con_top ul li p{
	font-size: 1.28rem;}
.footer_con_top ul li p:hover{
	color:#fff;
	text-decoration:underline;
	}
.footer_con_top ul:last-of-type li{
	cursor:default;
	}
.footer_con_top ul li span{
	color:rgba(255,255,255,0.7);
	font-size: 14px;
	font-size: 1.4rem;
	display:block;
	line-height:18px;
	margin:5px 0;}
.footer_con_top ul li b{
	color:rgba(255,255,255,0.7);
	font-size: 14px;
	font-size: 1.4rem;
	display:block;
	line-height:18px;
	font-weight:normal;
	margin:5px 0;}
.o_ban{
	height:500px;
	width:100%;
	transform: translate(0px, 0px);
	position:relative;
	display:none;
}
.o_ban p{
	position:absolute;
	left:11%;
	top:50%;
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	color:#fff;
	font-size:3.8rem;
	line-height:4.6rem;
	width:80%;
	letter-spacing:0.2rem;
	text-shadow:0 0 3px rgba(0,0,0,0.1);
	}
.o_ban p:before{
	content:"";
	position:absolute;
	left:0;
	bottom:-30px;
	width:40px;
	height:2px;
	background:#fff}
.o_ban ul{
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	bottom:20px;
	display:none;}
.o_ban ul li{
	float:left;
	color:#fff;
	margin-right:20px;
	font-size:1.6rem;}
.about{
	width:100%;
	background:url(../image/surveybg.jpg) repeat;
	padding-top:5%;
	}
.about .bar1{
	padding:4% 0 3%;}
.n_title{
	text-align:center;
	color:#02509b;
	font-size:2.8rem;
	letter-spacing:0.16rem;
	}
html[lang="en"] .n_title{
	letter-spacing:0;
	font-size:3.2rem;}
.about ul{
	margin:2% 0 0%;
	display: flex;
  	justify-content: center;
  	align-items: center;
	}
.about ul li{
	margin:0 5%;
	background:url(../image/about_bc2.png) no-repeat center center;
	width:159px;
	height:198px;
	text-align:center;
	position:relative;
	}
.about ul li b{
	font-size:1.1rem;
	position:absolute;
	top:50%;
	width:100%;
	-webkit-transform:translate(0,10%);
	transform:translate(0,10%);
	display:block;
	font-weight:normal;
	}
.about ul li b strong{
	font-size:40px;
	font-family:"Rajdhani";
	color:#02509b;
	margin-right:5px;
	}
.about ul li p{
	padding-top:30%;
	color:#333;
	font-size:1.5rem;}
html[lang="en"] .about ul li p{
	line-height:1.66rem;
	width:90%;
	margin:auto}
html[lang="en"] .about ul li b{
	-webkit-transform:translate(0,20%);
	transform:translate(0,20%);}
.about .bar3{
	padding:7% 0;
	background:url(../image/service3_bc1.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	background-attachment:fixed;
	}
.about .bar3:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0.3);}
.about .bar3 p{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:#fff;
	font-size:3rem;
	z-index:3;
	line-height:3.2rem;
	}
.about .bar2{
	background:url(../image/surveybg.jpg) repeat;
	}
.about .bar2 .box{
	width:100%;
	position:relative;
	}
.about .bar2 .content{
	padding:5% 0 3%;
	}
.title2 h5{
	font-size:3rem;
	color:#02509b;
	text-transform:uppercase;
	margin-bottom:10px;
	line-height:4rem;
	text-align:center;
	}
.title2 h5 b{
	width:70px;
	height:1px;
	background:#333;
	display:block;
	margin:auto;
	margin-top:10px !important;
	}
.title2 h2{
	color:#111;
	font-size:1.8rem;
	line-height:2.4rem;
	letter-spacing:0.05rem;
	margin:0% 0 30px;
	text-align:center;
	}
.about .bar2 p{
	color:#333;
	font-size:1.7rem;
	line-height:2.4rem;
	margin-bottom:2%;
	}
html[lang="en"] .about .bar2 p{
	font-size:1.6rem;
	line-height:2.2rem;}
.abou2{
	background:url(../image/surveybg.jpg) repeat;
	padding:8% 0 4%}
.abou2 .right{
	background:#fdfdfd;
	width:1400px;
	padding:4% 2%;
	margin:auto;
	position:relative;
	overflow:hidden;}
.abou2 .right b{
	display:block;
	
	position:relative;}
.abou2 .right b img{
	display:block;
	margin:auto;
	width:100%;
	}
.abou2 .right .box{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;}
.abou2 .right .box li{
	position:absolute;
	right:5.5%;
	top:47%;
	opacity:0;
	}
.abou2 .right .box li:nth-of-type(1){
    top: 28%;
	}
.abou2 .right .box li:nth-of-type(2){
    top: 4%;
}
.abou2 .right .box li:nth-of-type(3){
    top: 48%;
}
.abou2 .right .box li:nth-of-type(4){
    top: 49.5%;
}
.abou2 .right .box li:nth-of-type(5){
    top: -1%;
}
.abou2 .right .box li:nth-of-type(6){
    top: 46%;
}
.abou2 .right .box li:nth-of-type(7){
    top: 29%;
}
.abou2 .right .ol{
	position:absolute;
	left:2%;
	top:5%;
	}
.abou2 .right .ol h1{
	margin-bottom:15px;
	color:#333;
	font-size:1.7rem;}
.abou2 .right .ol h1 img{
	display:block;
	width:32px;
	float:left;
	margin-top:-5px;
	margin-right:5px;
}
.abou2  .d_ph{
	display:none;}
.about3{
	background:url(../image/surveybg.jpg) repeat;
	padding:8% 0 0%;
	}
.about3 .bar1{
	padding:0 0 3%;
	text-align:center;}
.about3 .bar1 b{
	margin:20px auto;}
.about3 .bar1 p{
	font-size:1.6rem;
	}
.about3 ul li{
	width:100%;
	padding:14% 0;
	position:relative;
	}
.about3 ul li:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0.2);}
.about3 ul li .two{
	position:relative;
	z-index:9;}
.about3 ul li h1{
	color:#fff;
	font-size:3.6rem;
	padding-bottom:40px;
	}
.about3 ul li p{
	color:#fff;
	font-size:2rem;
	line-height:2.6rem;
	width:64%;
	}
html[lang="en"] .about3 ul li p{
	line-height:2.4rem}
.about4{
	background:url(../image/surveybg.jpg) repeat;
	padding:8% 0 0%;
	}
.about4 .contain{
	text-align:center;
	}	
.about4 .contain b{
	margin:20px auto;}
.about4 .nextto{
	margin:3% auto 3%;}
.history-box{ padding:0% 0 4%;}
.histinfo{ width:41.888%; position:relative; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.histinfo1{ float:right; margin-top:-80px;}
.histlist li .histinfo1:first-of-type{ margin-top:0;}
.histinfo1 i{ left:-18%;}
.histinfo1 i:before{ left:0;}
.histinfo1 .histime:before{ left:-15px;}
.histime{ padding:4% 6%; background:#ccc; position:relative; transition:0.43s;}
.histinfo1 .histime:before{ content:""; width:15px; height:19px; background:url(../image/arrow3.png) center no-repeat; position:absolute; top:36px; transition:0.43s; -webkit-transform:rotate(0deg);transform:rotate(0deg);}
.histime strong{ display:block; float:left; color:#02509b; font-size:3.8rem; line-height:36px; position:relative; z-index:5;font-family:"Rajdhani";} 
.histime time{ display:block; float:right; padding-right:6%; height:34px; position:relative; z-index:5;}
.histime time:before{ content:""; width:34px; height:34px; background:url(../image/tiem1.png) center no-repeat; position:absolute; right:0; top:0;}
.hitext{ padding:3% 6%;}
.histme{ margin-top:20px;}
.histme p{ color:#333; font-size:16px; line-height:1.6; position:relative; padding-left:12px;margin-bottom:10px;}
html[lang="en"] .histme p{
	font-size:15px; line-height:1.5;}
.histme p:before{ content:""; position:absolute; left:0; top:10px; background:#333; width:5px; height:5px; border-radius:50%; }
.histinfo2{ float:left; margin-top:-130px;}
.histinfo2 i{ right:-18%;}
.histinfo2 i:before{ right:0; transform-origin:right 0;}
.histinfo2 .histime:before{ right:-15px; top:36px; content:""; width:15px; height:19px; background:url(../image/arrow3.png) center no-repeat; position:absolute; -webkit-transform:rotate(180deg);transform:rotate(180deg);}
.histinfo i{ display:block; width:18px; height:5px; background:#ccc; border-radius:2px; position:absolute; top:43px;}
.histinfo i:before{ content:""; width:0%; height:5px; position:absolute; top:0; background:#d12536; border-radius:2px; transition:0.3s;}
.histlist{ position:relative;}
.histlist:before{ content:""; width:6px; height:100%; background:#d12536; border-radius:3px; position:absolute; left:50%; margin-left:-3px; top:0;}
.histlist .histinfo{ margin-bottom:76px;}
.histlist .histinfo:last-child{ margin-bottom:0;}
.histinfo:hover .histime .hisbg{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.histinfo:hover i:before{ width:100%;}
.histinfo:hover .histime:before{ background:url(../image/arrow5.png) center no-repeat;}
.histinfo:hover .hitext figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.about5{
	background:#f0f0f0;
	padding:4% 0 3%;
	}
.honor{
	padding:4% 0 4%;
	background:#eee url(../image/bg-about-honor.png) no-repeat right top;
	}
.honor .contain{
	width:40%;
	padding-top:-5%;
	float:left;
	}
.honor .title2 h5 {
	text-align:left;}
.honor .title2 h5 b{
	margin-left:0;}
.honor .title2 h2{
	text-align:left;}
.honor .contain p{
	font-size:1.6rem;
	line-height:1.6;
	margin-bottom:5%;}
.honor ul{
	margin-top:6%;
	}
.honor .contain li{
	font-size:1.7rem;
	line-height:2;
	padding-left:20px;
	position:relative;
	color:#333;
	}
html[lang="en"] .honor .contain li{
	 font-size:1.6rem;}
.honor .contain li:before{
	content:"▲";
	position:absolute;
	left:0;
	top:3px;
	font-size:1.2rem;
	color:rgba(0,0,0,0.7);}
.honor dl{
	float:right;
	width:58%;
	margin-top:-1%
	}
.honor dl dd{
	float:left;
	width:24%;
	margin-top:2.5%;
	cursor:pointer;
	}
.honor dl dd img{
	width:90%;
	margin:auto;}
.big_box {
	overflow: auto;
  	overscroll-behavior-y: contain;}
.big_imgs img{
	width:46%;
	position:absolute;
	left:50%;
	top:10%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	}
.about5 .bar2{
	padding:4% 0;
	background:#f0f0f0 url(404.png) no-repeat right bottom;
	}

.about5 .bar2 h2{
	color:rgba(0,0,0,0.9);
	text-align:center;
	margin-bottom:2%;}
.about5 .bar2 h5{
	color: #02509b;
	text-align:center;}
.about5 .bar2 b{
	margin:20px auto;
	background:rgba(0,0,0,0.6);}
.about5 .bar2 li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 2px rgba(0,0,0,0.1);
	}
.about5 .bar2 li img{
	display:block;
	width:100%;}
.about5 .bar2 li .one{
	padding:15% 10%;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	width:80%;
	height:70%;}
.about5 .bar2 li:nth-of-type(3n){
	margin-right:0;
	}
.about5 .bar2 li h6{
	color:#333;
	font-size:1.5rem;
	}
.about5 .bar2 li h6 b{
	display:block;
	margin:3% 0;
	height:3px;
	width:100px;
	background:#ccc;
	}
.about5 .bar2 li h1{
	color:#02509b;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.01rem;
	}
.about5 .bar2 li p{
	margin-top:15px;
	font-size:1.5rem;
	}
.about5 .bar2 li .two img{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	opacity:0;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	}
.about5 .bar2 li:hover .two img{
	z-index:9;
	opacity:1;}
.o_header .logo .img1{
	display:none;
	}
.o_header .logo .img2{
	display:block;
	}
.o_header .language{color:#333}
.o_header .navBtn span{background:rgba(0,0,0,0.7)}
.o_header .language span.la{
    color: #333;
}
.o_header .language span.la p{
    color: #333;
}
.o_header .language  span.la:before{
	background:url(../image/btn_rl.png) no-repeat;}
.product{
	background:#f6f6f6;
	}
.product .box1{
	padding:8% 0 4%;
	text-align:center;
	background:url(../image/surveybg.jpg) repeat;}
.product .bar1 b{
	margin:20px auto 0;}
.product .bar1 p{
	font-size:1.6rem;
	color:#333;
	text-align:left;
	margin-top:10px;
	text-indent:3.10rem;
	line-height:1.7;
	text-align:justify
	}
.product .bar1 ul{
	margin:4% 0 0;
	}
.product .bar1 ul li{
	float:left;
	width:33.3%;
	text-align:center;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	padding:5px 0;
	}
.product .bar1 ul li:last-of-type{
	border:none;}
.product .bar1 ul li h1{
	font-size:2.4rem;
	color:#111;
	margin-bottom:10px;
	}
.product .bar1 ul li h3{
	font-size:1.6rem;
	}
html[lang="en"] .product .bar1 ul li h3{
	font-size:1.5rem; line-height:1.5;}
.product .bar2{
	background:#fff;
	background:url(../image/eu5-12.png) no-repeat right bottom;
	background-attachment:fixed;
	}
.bar2_p1{
	padding:4% 0 3%}
.bb_box{
	background:rgba(255,255,255,0.5);
	padding:4% 0 3%;
	}
.bb_box .titles{
	margin-bottom:40px;
	color:#02509b;
	font-size:2.4rem;
	font-weight:bold;}
.product .bar2 .boxx{
	margin-bottom:1.5%;
	border-bottom:1px dashed #ddd;
	}
.product .bar2 .boxx:last-of-type{
	border:none;
	padding:0;
	margin:0 auto;}
.product .bar2 h6{
	font-size:2rem;
	color:#111;
	font-weight:bold;
	position:relative;
	margin-bottom:20px;
	padding-right:1.8%;
	cursor:pointer;
	}
html[lang="en"] .product .bar2 h6{
	font-size:1.85rem;}
.product .bar2 h6 i{
	font-style:normal;
	float:right;
	display:block;
	width:26px;
	height:26px;
	background:url(../image/back_4s.png);
	-webkit-transition:all 0.1s linear;
	transition:all 0.1s linear;
	}
.product .bar2 h6 span{
    font-size: 1.5rem;
    color: #333;
    font-weight: normal;
}
.product .bar2 h6 strong{
	position:absolute;
	left:0px;
	top:-2px;
	font-size:20px;
	color:#111;
	display:block;}
.product .bar2 ul{
	display:none;}
.product .bar2 ul li{
	text-align:left;
	margin-bottom:15px;
	}
.product .bar2 ul li h1{
	width:95%;
	font-size:1.6rem;
	color:#333;
	font-weight:bold;
	background:#eee;
	padding:10px 2.5%;
	cursor:pointer;
	position:relative;
	}
.product .bar2 ul li h1:before{
	content:"";
	position:absolute;
	left:1.2%;
	width:5px;
	height:5px;
	border-radius:50%;
	top:18px;
	background:#555;}
.product .bar2 ul li h1 b{
	float:right;
	display:block;
	font-size:20px;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	}
.product .bar2 ul li h1 img{
	display:block;
	position:absolute;
	left:102px;
	top:13px;
	width:18px;}
.product .bar2 dl{
	display:none;
	background:#f5f5f5;
	width:100%;
	}
.product .bar2 dl dd{
	padding:2.5%;}
.product .bar2 dl dd h3{
	font-size:1.8rem;
	color:#222;
	text-indent:3.2rem;
	margin-top:2%;
	font-weight:bold;
	}
.product .bar2 dl dd h3:first-of-type{
	margin-top:0
	}
.product .bar2 dl dd h2{
	font-size:1.7rem;
	margin-top:5px;
	color:#555;
	text-indent:3rem;
	}
.product .bar2 dl dd p{
	font-size:1.6rem;
	margin-top:5px;
	color:#555;
	text-indent:3rem;
	}
.product .bar2 dl dd .img{
	overflow:hidden;}
.product .bar2 dl dd .img img{
	display:block;
	width:94%;
	margin:1% auto 2%;}
.product .bar2 .boxx:last-of-type dl dd .img img{
	float:left;
	width:50%;}
.product .bar2 dl dd.xn h3{
	margin:4% 0 2%;
	text-indent:0;}
.product .bar2 dl dd.xn h3:first-of-type{
	margin-top:1%;}
.product .bar2 dl dd table{
	width:100%}
.product .bar2 dl dd table td{
	text-align:center;
	font-size:1.5rem;
	background:#f0f0f0;
	padding:8px 0;
	color:#555;
	line-height:18px;}
.product .bar2 dl dd table tr td:first-of-type{
	background:rgba(2,80,155,0.05);
	font-size:1.6rem;
	color:#222;}
.product .bar2 dl dd.xn table tr:first-of-type td{
	font-weight:bold;}
.product .bar2 dl dd table tr.tt td{
	background:rgba(2,80,155,0.1);
	font-size:1.6rem;
	color:#222;}
.product .bar2 ul li dl dd h2{
	overflow:hidden;
	margin-bottom:10px;}
.product .bar2 ul li dl dd span{
	font-size:1.3rem;
	color:#333;
	float:left;
	display:block;
	background:rgba(2,80,155,0.03);
	padding:4px 15px;
	border-radius:5px;
	margin-right:10px;
	margin-bottom:10px;}
.product .bar2 dl dd h4{
	font-weight:bold;
	margin-bottom:15px;
	font-size:18px;
	color:#333;}
.product .bar2 ul li .barss{
	float:left;
	width:33.3%;
	border-left:1px solid #eee;
	padding-left:5%;
	box-sizing:border-box;
	}
.product .bar2 ul li .barsss{
	padding-left:0;
	border:none;}
.product .bar2 ul li .barss h3{
	text-indent:0;
	position:relative;
	padding-left:12px;}
.product .bar2 ul li .barss h3:after{
	content:"·";
	position:absolute;
	left:0;
	top:0;}
.product .bar2 ul li .cs a{
	padding-left:12px;
	display:block;
	font-size: 1.5rem;
    margin-top: 6px;
    color: #555;
    text-indent: 3rem;
	overflow:hidden;}
.product .bar2 ul li .p2_1 .cs{
	width:50%;
	}
.product .bar2 ul li .p2_1 .cs:first-of-type a{
	float:left;
	width:42%;
	}
.product .bar2 ul li .cs p{
	float:left;
	text-indent:0;
	margin-top:0;}
.product .bar2 ul li .cs a img{
	float:left;
	display:inline-block;
	width:14px;
	margin-right:8px;
	margin-top:5px;}
.product .bar2 ul li.case_p h3{
	margin:20px 0 0;}
.product .bar2 dl dd table.t2 tr td:first-of-type{
	font-size:14px;
	background:#f0f0f0;
	color:#666;}
.product .bar2 dl dd table.t2{
	margin:10px 0 15px;}
.product .bar2 dl dd table.t2 tr:first-of-type td{
	background:rgba(2,80,155,0.05);
	font-size:1.6rem;
	color:#333;}
.product .bar2 ul li.case_p img{
	display:block;
	margin:auto;
	margin-top:15px;
	max-width:100%;
	}
	
	
.product .box1{
	padding:8% 0 4%;
	text-align:center;
	background:url(../image/surveybg.jpg) repeat;}
.product2 .bar6{
	position:relative;
	}
.product2 .bar6 ul{
	position:absolute;
	top:0;
	left:0;
	border-bottom:1px solid rgba(255,255,255,0.2);
	width:100%;
	z-index:9;
	}
.product2 .bar6 ul li{
	float:left;
	width:16.666%;
	text-align:center;
	border-right:1px solid rgba(255,255,255,0.2);
	box-sizing:border-box;
	color:#fff;
	padding:15px 0;
	font-size:1.6rem;
	position:relative;
	cursor:default;}
.product2 .bar6 ul li:before{
	content:"◆";
	position:absolute;
	left:50%;
	bottom:-12px;
	border-radius:1px;
	}
.product2 .bar6 ul li.active{
	background:#02509b}
.product2 .bar6 .txt{
	position:absolute;
	left:20%;
	top:50%;
	width:40%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	}
.product2 .bar6 h1 {
    font-size:3rem;
    color: #fff;
	font-weight:bold;
	letter-spacing:0.1rem;
}
.product2 .bar6 h1 b{
	width:50px;
	height:1px;
	display:block;
	margin: 20px 0 10px;
	background:rgba(255,255,255,0.6);
	}
.product2 .bar6 h3{
    font-size:1.4rem;
    color:rgba(255,255,255,0.8);
	margin-bottom:20px;
	text-shadow:0 0 2px rgba(0,0,0,0.06);
}
.product2 .bar6 p{
    font-size:1.6rem;
    color: #fff;
	text-shadow:0 0 2px rgba(0,0,0,0.04);
}
.product2 .bar6 dl{
	position:relative;
	}
.product2 .bar6 dl dd{
	position:absolute;
	left:0;
	top:0;
	opacity:0;}
.product2 .bar6 dl dd:first-of-type{
	position:static;
	opacity:1;
	}
.product2 .bar6 dl dd img{
	width:100%;
	display:block;}
.product .bar7{
	position:relative;
	background:#fff;
	padding:2% 0;}
.product .bar7 img{
	width:100%;
	display:block;}
.product .bar7 .txt{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	}
.title4 {
    font-size: 3.2rem;
    margin-bottom: 30px;
    letter-spacing: 1px;
    padding-bottom: 25px;
    position: relative;
	color:#02509b;
}
html[lang="en"] .title4{
	letter-spacing:0;}
.title4 b{
	width:60px;
	height:2px;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	background:#02509b;
	}
.product .bar7 h3{
    font-size:1.4rem;
    color:#333;
	margin-bottom:20px;
}
html[lang="en"] .product .bar7 p{
	 font-size:1.6rem;}
.product .bar7 p{
    font-size:1.7rem;
    color: #222;
	width:60%;
	margin-top:5px;
}
.product .bar7 p strong{
	color:#e52028;
	margin:0 5px;
	font-weight:bold;
	}
.product3 {
	padding:8% 0 4%;
	text-align:center;
	background:url(../image/surveybg.jpg) repeat;}
.product3 dl dd{
	float:left;
	width:48%;
	cursor:pointer;
	}	
.product3 dl dd span{
	font-size:1.6rem;
	color:#333;
	font-weight:bold;
	display:block;
	margin-top:10px;
	text-align:center;}
.product3 dl dd:nth-of-type(2n){
	float:right;
	}	
.product3 dl dd .img{
	display:block;
	width:100%;
	overflow:hidden;}
.product3 dl dd img{
	display:block;
	width:100%;
	-webkit-transition:all 0.6s linear;
	transition:all 0.6s linear;
	}
.product3 dl dd:hover span{
	color:#02509b;
	text-decoration:underline;}
.product3 dl dd:hover .img img{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	}


.product4 {
	padding:8% 0 0%;
	background:url(../image/surveybg.jpg) repeat;}
.product4 .bar1{
	padding-bottom:4%;}
.product .bar8{
	padding:8% 0 2%;
	background:url(../image/surveybg.jpg) repeat;}
.product .bar8 dl{
	margin-top:0;}
.product .bar8 img{
	float:left;
	width:10.7%;
	margin-right:2%;
	margin-bottom:2%;
	background:#fff;
	border:1px solid #eee; 
	box-sizing:border-box;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	overflow:hidden;
	
	}	
.product .bar8 img:nth-of-type(8n){
	margin-right:0;}

.product .bar8 img:hover {
	box-shadow:0 5px 25px rgba(0,0,0,0.1);
	
	-webkit-transform:scale(1.03);
	transform:scale(1.03);}
.product .bar_4{
	padding:4% 0;
	background:#02509b;}
.product .bar_4 .title3 h1{
	text-align:center;}
.product .bar_4 .title3 h1:before{
	text-align:center;
	left:50%;
	margin-left:-30px;}
.product .bar_4 p{
	color:#fff;
	opacity:0.8;
	text-align:center;
	font-size:1.6rem;
	margin-bottom:1%;}
.product .bar_4 li{
	float:left;
	width:14.8%;
	border:1px solid #eee;
	margin-right:2%;
	margin-top:2%;
	background:#fff;
	}
.product .bar_4 li:nth-of-type(6n){
	margin-right:0;}
.product .bar_4 li img{
	display:block;
	width:64%;
	padding:8% 15%;
	}
.product .bar_5{
	padding:4% 0;
	background:#02509b;}
.product .bar_5 .title3 h1{
	color:#fff;
	text-align:center;}
.product .bar_5 .title3 h1:before{
	background:rgba(255,255,255,0.7);
	text-align:center;
	left:50%;
	margin-left:-30px;}	
.product .bar_5  .b_box{
	overflow:hidden;
	margin:3% auto 0;
	position:relative;
	width:1100px;
	height:190px;
	}

.product .bar_5  .b_box ul{
	width:100000px;
	position:absolute;
	left:0;
	top:0;}
.product .bar_5  .b_box li{
	float:left;
	width:300px;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	position:relative;
	cursor:default;
	}
.product .bar_5  .b_box li img{
	display:block;
	width:94%;
	margin:auto;
	background:#fff;
	box-shadow:0 0px 1px rgba(0,0,0,0.05);
	border:1px solid #f6f6f6;
	box-sizing:border-box;
	}
.product .bar_5  .b_box li p{
	width:94%;
	margin:auto;
	text-align:center;
	background:rgba(1,30,57,0.5);
	color:#fff;
	padding:6px 0;
	font-size:1.6rem;
	position:absolute;
	left:3%;
	bottom:0;
	}

	
	
	
.service{
	background:url(../image/surveybg.jpg) repeat;
	padding:8% 0 0;
	}
.service .bar1{
	padding:0% 0 3%;
	text-align:center;}
.service .bar1 b{
	margin:20px auto 0;}
.service .bar1 p{
	font-size:1.6rem;
	color:#333;
	margin-top:10px;
	text-align:left;
	text-indent:3.12rem;
	}
.service .bar_2{
	width:100%;
	
	}
.service .bar_2 .txt{
	padding:15% 5% ;
	position:relative;
	}
.title3 h1{
	color:#fff;
	font-size:4rem;
	margin-bottom:30px;
	letter-spacing:1px;
	padding-bottom:35px;
	position:relative;
	}
html[lang="en"] .title3 h1{
	font-size:3.6rem;
	letter-spacing:0;}
.title3 h1:before{
	content:"";
	width:78px;
	height:2px;
	background:rgba(255,255,255,0.6);
	position:absolute;
	left:0;
	bottom:0;
	}
.service .bar_2 .txt p{
	width:64%;
	color:#fff;
	font-size:1.8rem;
	margin:10px 0;
	text-shadow:0 2px 3px rgba(0,0,0,0.2);
	line-height:3rem;
	}
.service .bar_2.bar_2s2{
	background:url(404.png) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
	}

.service .bar_2s .txt{
	position:relative;
	padding:15% 5% }

.service .bar_2s2 .txt{
	padding:11% 5% }
.service .bar2s_timg{
	position:absolute;
	right:3%;
	top:50%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	display:block;
	width:34%;
	}
.service .bar_2.bar_2f{
	position:relative;
	}
.service .bar_2.bar_2f2{
	position:relative;
	background:url(404.png) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;}
.service .bar_3{
	padding:4% 0;
	background:#eee;}
.service .bar_3 .title3 h1{
	color:#111;
	}
.service .bar_3 .title3 h1:before{
	background:#333;
	}
.service .bar_3 .top {
	position:relative;
	}
.service .bar_3 .top p{
	font-size:1.54rem;
	color:#333;
	margin-top:8px;
	width:56%;
	}
.service .bar_3 .top img{
	position:absolute;
	right:0;
	top:-70%;
	width:32%;
	display:block;
	}
.service .bar_3 ul{
	margin-top:8%;
	position:relative;}
.service .bar_3 ul li{
	width:23%;
	float:left;
	height:200px;
	background:#02509b;
	margin-right:2%;
	position:relative;
	border-radius:2px;
	cursor:pointer;
	}
.service .bar_3 ul li:last-of-type{
	margin-right:0;}
.service .bar_3 ul li .one{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:center;
	}
.service .bar_3 ul li .one img{
	display:block;
	width:64px;
	margin:auto;}
.service .bar_3 ul li .one h2{
	 color:#fff;
	 font-size:1.7rem;
	 margin-top:10px;
	 }
.service .bar_3 ul li:hover .one img {
-webkit-animation:icon 1s .1s ease both;
-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes icon {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.8) rotate(-2deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(2deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-2deg)
}
100% {
-webkit-transform:scale(1) rotate(0)}
}


.service .s2_bar2 ul{
	width:500px;
	margin-bottom:3%;}
.service .s2_bar2 ul li{
	float:left;
	width:38%;
	border-right:1px dotted #ddd;
	padding-left:11%;
	}
.service .s2_bar2 ul li:last-of-type{
	border:none;
	margin-right:0;
	float:right;}
.service .s2_bar2 ul li h1{
	font-weight:bold;
	color:#333;
	font-size:2rem;
	margin-bottom:15px;
	}
.service .s2_bar2 ul li p{
	color:#333;
	font-size:1.5rem;
	line-height:26px;
	position:relative;
	padding-left:18px;
	}
.service .s2_bar2 ul li p:before{
	content:"●";
	position:absolute;
	left:0;
	font-size:1.2rem;
	top:-1px;
	}
	
	
	
.service .bar2{
	width:50%;
	margin:auto;
	position:relative;
	}
.service .bar2  img{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	display:none;
	}
.service .bar2  img:first-of-type{
	display:block;
	position:static;
	}
.pro_btn{
	position:absolute;
	left:50%;
	bottom:15px;
	display:none;
	z-index:9;
	}
.pro_btn span{
	display:block;
	width:10px;
	height:10px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	float:left;
	margin:0 8px;
	cursor:default;
	background:#02509b;
	border-radius:1px;
	}
.pro_btn_active{
	background:#ED090D !important;
	}
.service .others{
	overflow:hidden;
	display: flex;
	align-items: center;
	    justify-content: center;
	margin:auto;}
.service h3{
	font-size:1.6rem;
	font-weight:bold;
	color:#333;
	margin:5px 0;
	display: flex;
	align-items: center;
	float:left;
	text-align:center;
	margin:0 20px
	}
.service h3 strong{
	font-weight:normal;
	font-size:2.6rem;
	font-family: "Rajdhani";
    color: #e52028;
	margin-right:5px;
	}
.service  h3 span{
	font-size:1.5rem;
	color:#666;
	font-weight:normal;
	}

#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #02509b;
  -webkit-font-smoothing: antialiased;
  position:absolute;
  left:0;
  top:0;
}
.service3{
	padding-bottom:0;}
.service3 .se_box3{
	background:#02509b;
	}
.service3 .se_box3 dl {
	margin:auto ;}
.service3 .se_box3 dl dd{
	width:100%;
	cursor:pointer;
	float:left;
	width:50%;
	position:relative;
	}	
.service3 .se_box3 dl dd .overb{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(2,80,155,0.6);
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	}
.service3 .se_box3 dl dd:hover .overb{
	background:rgba(2,80,155,0.2);
	}
.service3 .se_box3 dl dd .bx{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);}
.service3 .se_box3 dl dd b{
	height:70px;
	width:70px;
	margin:auto;
	display:block;
	overflow:hidden;
	position:relative;}
.service3 .se_box3 dl dd b img{
	display:block;
	width:auto;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	}
.service3 .se_box3 dl dd span{
	font-size:2.2rem;
	display:block;
	letter-spacing:1px;
	color:#fff;
	margin-top:15px;
	padding-top:25px;
	position:relative;
	}
html[lang="en"] .service3 .se_box3 dl dd span{
	 font-size:2rem;
	letter-spacing:0px;}
.service3 .se_box3 dl dd span:before{
	content:"";
	width:20px;
	height:2px;
	position:absolute;
	left:50%;
	margin-left:-10px;
	top:0;
	background:rgba(255,255,255,0.8);
	}
.service3 .se_box3 dl dd:nth-of-type(2n){
	float:right;
	}	
.service3 .se_box3 dl dd .index_more{
	color:#fff;
	margin:30px auto 0;
	text-align:center;
	border-bottom: 1px solid #fff;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	margin-top:-20px;
	opacity:0;
	}
.service3 .se_box3 dl dd:hover .index_more{
	opacity:1;
	margin-top:30px;
	}
.service3 .se_box3 dl dd .img{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;}
.service3 .se_box3 dl dd img{
	display:block;
	width:100%;
	-webkit-transition:all 0.6s linear;
	transition:all 0.6s linear;
	}
.service3 .se_box3 dl dd:hover span{
	
	}
.service3 .xq h2{
	text-align:left;
	margin-bottom:30px;}
.service3 .xq .content p{
	margin-left:0;
	text-indent:0;
	padding:0;
	padding-left:20px;
	}
.service3 .xq .content p:before{
	content:"▲";
	position:absolute;
	left:0;
	top:0;
	font-size:1.3rem;
	}
.service3 .bx_box{
	margin-top:3%;}
.service3 .bx_box .imgs{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	position:relative;
	}
.service3 .bx_box .imgs:nth-of-type(3n){
	margin-right:0;
	}
.service3 .bx_box .imgs .v_btn{
	position:absolute;
	left:50%;
	top:50%;
	width:42px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block;
	}
.rslides{width:100%;position:absolute;list-style:none;padding:0px; margin:0px;left:0; top:0; height:100% }
video{
	background:none;
	border:none;
	}
.service3 .bx_box .imgs:first-of-type i{
	color:#df2128;
	font-weight:bold;}
.service3 .bx_box .imgs .one{
	overflow:hidden;
	position:relative;
	display:block;
	width:100%;}
.service3 .bx_box .imgs img{
	width:100%;
	display:block;
	padding:0;
	margin:0;}
.service3 .bx_box .imgs .two{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	background:#115d9d;
	width:94%;
	height:100%;
	padding:3%;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	}
.service3 .bx_box .imgs .two h3{
	color:#fff;
	font-size:1.6rem;
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:10px;
	margin-bottom:10px;
	}
.service3 .bx_box .imgs .two h4{
	color:#fff;
	font-size:1.3rem;
	text-align:left;
	opacity:0.9;
	line-height:20px;
	}
.service3 .bx_box .imgs i{
	font-style:normal;
	font-size:1.7rem;
	color:#333;
	display:block;
	margin-top:15px;
	text-align:center;}
.service3 .bx_box .imgs:hover .two{
	opacity:1;
	}
.service3 .bar2{
	width:100%;
	background:url(../image/service3_bc1.jpg) no-repeat center center;
	background-size:cover;
	padding:8% 0;
	background-attachment:fixed;
	}
.service3 .bar2 .box{
	margin-left:20%;
	width:50%;
	}
.service3 .bar2 .box p{
	color:#fff;
	font-size:1.7rem;
	line-height:2.3rem;
	margin:10px 0;
	text-shadow:0 2px 3px rgba(0,0,0,0.2);
	}
.service3 .bar2 .box p strong{
	font-weight:bold;
	color:#fff;
	}
	
.product3 .bx_box{
	margin-top:5%;}	
.product3 .bx_box .imgs{
	float:left;
	width:23.5%;
	margin-right:2%;
	margin-bottom:2%;
	}
.product3 .bx_box .imgs:nth-of-type(3n){
	margin-right:2%;}
.product3 .bx_box .imgs:nth-of-type(4n){
	margin-right:0;
	}
.product3 .bx_box .imgs .one{
	overflow:hidden;
	position:relative;
	display:block;
	width:100%;}
.product3 .bx_box .imgs img{
	width:100%;
	display:block;
	padding:0;
	margin:0;}
.product3 .bx_box .imgs i{
	font-style:normal;
	font-size:1.5rem;
	color:#333;
	display:block;
	margin-top:10px;
	text-align:center;}
	
	
	
.ban_ts p{
	font-size:4.8rem;
	letter-spacing:0.3rem;
	}
.news{
	background:#f6f6f6;
	padding:4% 0 0;
	background: url(../image/surveybg.jpg) repeat;
	}
.news .bar1{
	padding:4% 0;
	text-align:center;}
.news .bar1 b{
	margin:20px auto;}
.news ul{
	}
.news ul li{
	padding:4%;
	-webkit-transition:all 0.5s linear;
	transition:all 0.5s linear;}
.news ul li .left{
	float:left;
	width:40%;
	overflow:hidden;
	position:relative;
	}
.news ul li .left img{
	display:block;
	width:100%;
	-webkit-transition:all 0.5s linear;
	transition:all 0.5s linear;
	}
.news ul li .left .v_btn{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block;
	width:46px;
	}
.news ul li .right{
	float:right;
	width:54%;
	text-align:left;
	}
.news ul li .right h1{
	font-size:2rem;
	color:#222;
	margin-bottom:3%;
	}
.news ul li .right p{
	font-size:1.6rem;
	max-height:70px;
	overflow:hidden;
	margin-bottom:3%;}
.news .time img{
	display:block;
	float:left;
	width:15px;
	margin-right:8px;
	margin-top:4px;
	}
.news .time span{
	display:block;
	float:left;
	}
.news ul li:hover{
	background:#fff;
	box-sizing:0 2px 4px rgba(0,0,0,0.1);}
.news ul li:hover .left .img{
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
	}
.news ul li:hover .right h1{
	color:#02509b;
	}
.news_d{
	background:#eee;
	padding-top:4%;}
.news_d .time{
	width:100px;
	margin:auto;}
.news_d .bar2{
	padding:2% 8%;
	border-top:2px solid #02509b;
	margin-top:5%;
	box-sizing: border-box;
	}
.news_d .title2 h2{
	font-size:2.2rem;
	letter-spacing:0;}
.news_d .bar2 p{
	font-size:1.6rem;
	max-height:inherit;
	overflow:hidden;
	margin-bottom:3%;
	width:100%;
	text-align:left;
	text-indent:3rem;
	color:#555;}
.news_d .bar2 img{
	max-width: 100%;
	height: auto !important;
	margin:auto;}
.nextto{
	width:140px;
	margin:3% auto 0;
	background:#02509b;
	position:relative;
	padding:10px 0;
	}
.nextto a{
	text-align:center;
	color:#fff;
	font-size:1.4rem;
	letter-spacing:2px;
	display:block;
	}
.nextto img{
	display:block;
	width:30px;
	position:absolute;
	right:-20px;
	top:8px;
	-webkit-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
	}
.nextto:hover img{
	opacity:0;
	right:-40px;
	}
.res{
	background:url(../image/surveybg.jpg) repeat;
	padding:4% 0 0;
	}
.res .bar1{
	padding:4% 0;
	text-align:center;}
.res .bar1 b{
	margin:20px auto;}
.res .r_box{
	background:#fff;
	padding:4% 0;}
.res .bar1 p{
	font-size:1.6rem;
	color:#333;
	}
.res .bar2{
	background:#fff;
	padding:5% 0;
}
.res .bar2 .left{
	float:left;
	width:46%;
	}
.res .bar2 .left img{
	width:100%;
	display:block;
	}
.res .bar2 .right{
	float:right;
	width:50%;
	border-top:3px solid #02509b;;
	padding-top:3%;
	}
.res .bar2 .right h1{
	font-size:2.4rem;
	color:#333;
	font-weight:bold;
	letter-spacing:0.1rem;}
html[lang="en"] .res .bar2 .right h1{
	letter-spacing:0px;}
.res .bar2 .right h2{
	font-size:1.7rem;
	margin:4% 0 2%;
	color:#333;
	letter-spacing:0.1rem;
	}
html[lang="en"] .res .bar2 .right h2{
	letter-spacing:0px;}
.res .bar2 .right h2:nth-of-type(2){
	margin:-1% 0 3%;}
.res .bar2 .right h3{
	font-size:1.48rem;
	margin:4px 0;
	}
.res .bar2 .right h4{
	font-size:1.6rem;
	margin:2% 0;
	padding-left:12px;
	position:relative;
	color:#333;
	}
.res .bar2 .right h4:before{
	content:"*";
	position:absolute;
	left:0;
	top:0;
	}

.culture{
	background:#f6f6f6;
	padding:4% 0 3%;
	}
.culture .bar1{
	padding:4% 0 2%;
	text-align:center;}
.culture .bar1 b{
	margin:20px auto 0;}
.culture .bar2 ul li{
	float:left;
	width:20%;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	cursor:default;
	position:relative;
	overflow:hidden;
	}
.culture .bar2 ul li img{
	display:block;
	width:100%;
	}
.culture .bar2 ul li .one{
	position:absolute;
	left:0;
	top:0;
	padding:12% 8%;
	height:100%;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	width:84%;
	}
.culture .bar2 ul h1{
	color:#fff;
	font-size:2rem;
	margin-bottom:5%;
	letter-spacing:0.04rem;
	line-height:1.5;
	text-align:center;
	margin-top:46%;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	font-weight:bold;
	text-shadow:0 0 3px rgba(0,0,0,0.2);
	}
.culture .bar2 ul h1 strong{
	color:rgba(255,255,255,0.7);
	font-size:1.4rem;
	margin-bottom:7%;
	text-transform:uppercase;
	font-weight:normal;}
.culture .bar2 ul b{
	display:block;
	width:40px;
	height:2px;
	background:rgba(255,255,255,0.6);
	margin:5% auto 7%;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;}
.culture .bar2 ul p{
	color:rgba(255,255,255,0.8);
	font-size:1.46rem;
	opacity:0;
	margin-top:30px;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	}
.culture .bar2 ul li:hover .one{
	background:#02509b;}
.culture .bar2 ul li:hover h1{
	margin-top:0;
	text-align:left;
	}
.culture .bar2 ul li:hover b{
	width:100%;
	margin:5% 0 2%;
	}
.culture .bar2 ul li:hover .one p{
	opacity:1;
	margin-top:0;
	}
.culture .nextto{
	margin:3% auto 0;}
.ts_d p{
	top:40%;}
.develop2{
	background:#f6f6f6;
	padding:4% 0 3%;
	}
.develop2 .bar1{
	padding:4% 0 4%;
	text-align:center;}
.develop2 .bar1 b{
	margin:20px auto 0;}
.develop2 .bar1 p{
	font-size:1.56rem;
	color:#333;
	}
.develop2 .bar2{
	background:url(404.png) no-repeat center center;
	background-size:cover;
	padding:5% 0;
	background-attachment:fixed;
	}
.develop2 .bar2 .txt{
	width:30%;
	padding:4% 5%;
	background:rgba(255,255,255,0.8);
	margin:auto;
	position:relative;
	}
.develop2 .bar2 .txt b{
	position:absolute;
	top:-23px;
	left:50%;
	border-radius:50%;
	background:#e52028;
	width:46px;
	height:46px;
	display:block;
	margin-left:-23px;
	}
.develop2 .bar2 .txt b img{
	display:block;
	width:20px;
	margin:30% auto;}
.develop2 .bar2 .txt h1{
	font-size:2rem;
	color:#02509b;
	font-weight:bold;
	text-align:center;
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	}
.develop2 .bar2 .txt h1:before{
	content:"";
	width:50px;
	height:1px;
	background:#333;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-25px;
	}
.develop2 .bar2 .txt p{
	font-size:1.5rem;
	color:#333;
	letter-spacing:0.08px;
	}
.develop2 .bar2 .txt strong{
	font-size:1.54rem;
	color:#333;
	font-weight:bold;
	}
.develop2 .bar2 .txt p:nth-of-type(2){
	margin-top:15px;}
.develop2 .bar3{
	background:#02509b;}
.develop2 .bar3 ul li{
	float:left;
	width:25%;
	background:#02509b;
	padding:5% 3% 4%;
	border-right:1px solid rgba(255,255,255,0.06);
	box-sizing:border-box;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	cursor:default;
	}
.develop2 .bar3 ul li:first-of-type{
	border-left:1px solid rgba(255,255,255,0.06);}
.develop2 .bar3 ul h1{
	color:#fff;
	font-size:1.7rem;
	margin-bottom:5%;
	letter-spacing:0.02rem;
	line-height:1.5;
	font-weight:bold;
	}
.develop2 .bar3 ul b{
	display:block;
	width:40px;
	height:2px;
	background:rgba(255,255,255,0.6);
	margin:5% 0 7%;}
.develop2 .bar3 ul p{
	color:rgba(255,255,255,0.8);
	font-size:1.5rem;
	}
.develop2 .bar3 ul li:hover{
	background:#02488b;
	}
.develop3{
	background:url(../image/surveybg.jpg) repeat;
	padding:4% 0 0;
	}
.develop3 .bar1{
	padding:4% 0 4%;
	text-align:center;}
.develop3 .bar1 b{
	margin:20px auto 0;}
.develop3 .bar1 p{
	font-size:1.6rem;
	color:#333;
	text-align: justify;
    text-indent: 3.12rem;
	}
.develop3 .bar2{
	background:#fff;
	padding:4% 0 0}
.develop3 .bar2 h1{
	color:#111;
	text-align:center;
	}
.develop3 .bar2 h1:before {
	background:#333;
	left:50%;
	margin-left:-29px;}
.develop3 .bar2 .contain{
	padding:0% 0 4%;
	position:relative;
	background:#fff;
	}
.develop3 .bar2 .title2 h1{
	color:#333;
	font-size:2.4rem;
	text-align:left;
	}
.develop3 .bar2 .contain ul{
	margin:0 auto -1%;
	position:relative;
	}
.develop3 .bar2 .contain ul:before{
	content:"";
	width:1px;
	height:260px;
	position:absolute;
	left:31px;
	bottom:10px;
	background:#333;
	opacity:0.2;
	}
html[lang="en"] .develop3 .bar2 .contain ul:before {
    height: 300px;}
.develop3 .bar2 .contain ul li{
	margin-top:30px;
	position:relative;
	padding:10px 0;}
html[lang="en"] .develop3 .bar2 .contain ul li:nth-of-type(3){
	margin-top:70px;}
.develop3 .bar2 .contain ul li h2{
	width:50px;
	height:50px;
	background:#eee;
	border-radius:50%;
	text-align:center;
	line-height:50px;
	color:#333;
	border:6px solid rgba(2,80,155,0.03);
	}
.develop3 .bar2 .contain ul li h3{
	font-size:1.6rem;
	line-height:50px;
	position:absolute;
	left:90px;
	top:20px;
	width:68%;
	line-height:22px;
	}
html[lang="en"] .develop3 .bar2 .contain ul li h3{
	font-size:1.5rem;}
.develop3 .bar2 .contain ul li h3 strong{
	font-size:1.7rem;
	color:#02509b;
	font-weight:bold;
	}
.develop3 .bar2 .contain ul img{
	position:absolute;
	right:0;
	bottom:0px;
	display:block;
	width:26%;}
	
	
.develop3 .bar2 .contain2{
	background:#02509b;}
.develop3 .bar2 .contain2 ul{
	padding:3% 0;
	}
.develop3 .bar2 .contain2 .title2 h1{
	color:#fff;
	}
.develop3 .bar2 .contain2 li{
	float:left;
	width:50%;
	text-align:center;
	}
.develop3 .bar2 .contain2 li img{
	width:60%;
	display:block;
	margin:0% auto 0;}
.develop3 .bar2 .contain2 li h2{
	font-size:1.8rem;
	margin:30px 0 10px;
	color:#fff;}
.develop3 .bar2 .contain2 li p{
	font-size:1.5rem;
	width:90%;
	line-height:20px;
	color:#fff;
	opacity:0.8;
	text-align:left;}
html[lang="en"] .develop3 .bar2 .contain2 li p{
	font-size:1.4rem;
	}
.develop3 .bar3{
	background:#fff;
	padding:4% 0;
	}
.develop3 .bar3 .left{
	float:left;
	}
.develop3 .bar3 .txt{
	float:right;
	width:40%;
	}
.develop3 .bar3 .title3 h1{
	color:#111;
	padding-top:8%}
.develop3 .bar3 .title3 h1:before{
	background:#333;}
.develop3 .bar3 h2{
	color:#111;
	font-size:1.8rem;
	margin-bottom:20px;
	font-weight:bold;}
.develop3 .bar3 p{
	font-size:1.7rem;
	position:relative;
	padding-left:20px;
	margin:5px 0;
	color:#444;
}
.develop3 .bar3 p:before{
	content:"◆";
	font-size:1.4rem;
	position:absolute;
	left:0;
	top:0px;
	}
.develop3 .bar4{
	background:url(../image/ban_develop2.jpg) no-repeat center center;
	padding:8% 0;
	position:relative;
	background-attachment:fixed;
	}
.develop3 .bar4 .box{
	}
.develop3 .bar4 .box p{
	font-size:1.7rem;
	color:#fff;
	text-shadow:0 2px 3px rgba(0,0,0,0.2);
	margin:10px 0;
	line-height:2.3rem;
	width:80%
	}

	
	
.develop4{
	background:url(../image/surveybg.jpg) repeat;
	padding:4% 0 0;
	}
.develop4 .bar1{
	padding:4% 0 4%;
	text-align:center;}
.develop4 .bar1 b{
	margin:20px auto 0;}
.develop4 .bar1 p{
	font-size:1.6rem;
	color:#333;
	}
.develop4 .zp_link{
	background:none;}
.develop4 ul{
	width:700px;
	margin:auto;
	padding:6% 0 2%;}
.develop4 ul li{
	float:left;
	position:relative;
	}
.develop4 ul a:last-of-type li{
	float:right;}
.develop4 ul li .l1{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	overflow:hidden;
	background:#ccc;
	width:200px;
	height:200px;
	border-radius:6px;
	}
.develop4 ul li .l1:before{
	content:"";
	width:100%;
	height:100%;
	background:rgba(17,93,157,0.3);
	position:absolute;
	left:0;
	top:0;
	z-index:8;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	}
.develop4 ul li img{
	display:block;
	width:150%;
	position:absolute;
	top:-25%;
	left:-20%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
.develop4 ul li span{
	display:block;
	position:absolute;
	left:32%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:37%;
	z-index:15;
	color:#fff;
	font-size:1.7rem;
	letter-spacing:0.1rem;
	line-height:50px;
	text-shadow:0 2px 3px rgba(0,0,0,0.2);
	}
html[lang="en"] .develop4 ul li span{
	letter-spacing:0;
    left: 10%;
    top: 38%;
	}
.develop4 ul li span:before{
	content:"";
	width:0px;
	height:1px;
	position:absolute;
	left:50%;
	top:0;
	background:rgba(255,255,255,0.5);
	opacity:0;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	}
.develop4 ul li span:after{
	content:"";
	width:0px;
	height:1px;
	position:absolute;
	left:50%;
	bottom:0;
	background:rgba(255,255,255,0.5);
	opacity:0;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	}
.develop4 ul li:hover .l1:before{
	background:#02509b;
	opacity:0.9;
	}
.develop4 ul li:hover span:before{
	opacity:1;
	width:20px;
	margin-left:-10px;}
.develop4 ul li:hover span:after{
	opacity:1;
	width:20px;
	margin-left:-10px;}
.develop4 .bar2{
	background:#fff;
	padding:4% 0;
}
.develop4 .bar2 .left{
	float:left;
	width:43%;
	}
.develop4 .bar2 .left img{
	width:100%;
	display:block;
	}
.develop4 .bar2 .right{
	float:right;
	width:50%;
	border-top:3px solid #fff;
	padding-top:3%;
	}
.develop4 .bar2 .right h1{
	font-size:2.2rem;
	color:#02509b;
	font-weight:bold;
	letter-spacing:0.1rem;}
html[lang="en"] .develop4 .bar2 .right h1{
	letter-spacing:0;}
.develop4 .bar2 .right h2{
	font-size:1.7rem;
	margin:2% 0 4%;
	color:#333;
	}
.develop4 .bar2 .right h3{
	font-size:1.6rem;
	margin:1% 0;
	color:#333;
	opacity:0.8;
	}
.develop4 .bar2 .right h3 a{
	font-size:1.4rem;
	color:#02509b;
	opacity:0.8;
	text-decoration:underline;
	border-bottom:1px solid #02509b;
	}
.develop4 .bar2 .right h3 a:hover{
	border:none;
	opacity:1;
	color:#e52028;}
.zp{
	background:url(../image/surveybg.jpg) repeat;
	padding-top:4%;}
.zp .bar1{
	padding:4% 0 2%;
	text-align:center;}
.zp .bar1 b{
	margin:20px auto 0;}
.zp .bar2{
	padding:2% 0;
	border-top:2px solid #02509b;
	margin-top:5%;
	}
.zp .zp1{
	background:#fff;
	padding:4% 0;}
.zp ul{
	margin:auto;
	width:60%;
	}
.zp ul .bar{
	width:93%;
	background:#f0f0f0;
	padding: 8px 3% 8px 4%;
	border-radius:2px;
	box-shadow:0 0 1px rgba(0,0,0,0.1);
	margin-top:12px;
	}
.zp ul .bar h6{
	float:left;
	font-size:1.8rem;
	line-height:30px;
	color:#333;
	letter-spacing:1px;
	position:relative;
	font-weight:bold;
	}
.zp ul .bar h6:before{
	content:"◆";
	position:absolute;
	left:-20px;
	top:0px;
	font-size:12px;
	color:#333;}
.zp ul .bar h5{
	float:right;
	font-size:16px;
	margin-right:40px;
	line-height:30px;
	color:#333;
	}
.zp ul .bar h4{
	float:right;
	background:#ccc;
	width:24px;
	height:24px;
	position:relative;
	margin-top:4px;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	color:#fff;
	font-size:20px;
	text-align:center;
	line-height:24px;
	cursor:default;
	}
.zp ul .bar h4:hover{
	background:#777;}
.zp ul .bars{
	width:100%;
	background:#f6f7fd;
	height:0;
	border:1px solid #f0f1ff;
	box-sizing:border-box;
	opacity:0;
	text-align:left;
	}
.zp ul .bars .contain{
	padding:2% 4%;
	display:none;
	}
.zp ul .bars .contain h4{
	font-size:1.7rem;
	color:#111;
	letter-spacing:1px;
	margin:10px 0 5px;
	}
.zp ul .bars .contain p{
	font-size:15px;
	color:#555;}
.zp ul .bars .contain h6{
	margin-top:10px;
	font-size:15px;
	color:#222;}
.zp ul .bars .contain h6 span{
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	color:#e52028;}
.o_header2{
	background:rgba(255,255,255,0.96)}
.o_header2 .nav{margin:0.6% auto}
.o_header2 .language{color:#333;margin-top:22})
.o_header2 .navBtn span{background:rgba(0,0,0,0.7)}
.o_header2 .navBtn{top:27%}
.contact_ban{
	height:auto;
	display:block;}
#allmap{
	height:580px;}
.contact_ban p{
	font-size: 2.6rem;
    letter-spacing: 0.1rem;
    line-height: 3.4rem;
}
.contact{
	width:100%;
	background:url(../image/surveybg.jpg) repeat;
	}
.contact .n_title {
    font-size: 3rem;
    letter-spacing: 1px;
}
.contact .n_title strong{
    font-size: 2rem;
    letter-spacing: 0;
	line-height:4.6rem;
	display:block;
	color:#333;
}
html[lang="en"] .contact .n_title strong{
	font-size:1.6rem;}
.contact .bar1{
	padding:5% 0;
	background-size:contain;}
.contact ul{
	margin:4% 0 0%;
	}
.contact ul li{
	text-align:center;
	position:relative;
	float:left;
	width:20%;
	}
.contact ul li b{
	width:100px;
	height:100px;
	margin:0 auto 3%;
	display:block;
	border-radius:50%;
	border:1px solid #ddd;
	}
.contact ul li img{
	display:block;
	margin:26% auto;
	width:46px;
	}
.contact ul li p strong{
	display:block;
	font-size:1.8rem;
	color:#02509b;
	margin-bottom:3%;
	}
.contact ul li a{
	display:block;
	font-size:1.64em;
	color:#d12533;
	text-decoration:overline;
	margin-bottom:3%;
	}
.contact ul li:hover a{
	color:#02509b;
	}
.contact ul li p{
	font-size:1.6rem;
	color:#333;
	padding:2% 3% 0;
	line-height:1.4;
	word-wrap: break-word;
	}
html[lang="en"] .contact ul li p{
	font-size:1.4rem;}
.online{
	cursor:pointer;}
.contact .bar2{
	background:#fff;
	padding:5% 0;
}
.contact .bar2 .left{
	float:left;
	width:40%;
	}
.contact .bar2 .left img{
	width:100%;
	display:block;
	}
.contact .bar2 .right{
	float:right;
	width:50%;
	border-top:3px solid #02509b;
	padding-top:5%;
	}
.contact .bar2 .right h1{
	font-size:2rem;
	color:#333;
	font-weight:bold;
	letter-spacing:0.1rem;}
.contact  h2{
	font-size:1.6rem;
	margin:2% 0 4%;
	color:#111;
	letter-spacing:0.1rem;
	}
html[lang="en"] .contact  h2{
	letter-spacing:0rem;
	font-size:1.4rem;}
.contact  h2 a{
	margin-left:3px;
	border-bottom:1px solid #02509b;
	font-size:1.5rem;
	letter-spacing:0;
	color: #02509b}
.contact .bar2  h2:hover a{
	border-bottom:1px solid #e52028;
	color:#e52028}
.contact  h3{
	font-size:1.5rem;
	color:#333;
	}
.contact .bar3{
	background:#fff;
	margin-bottom:1%;
	margin-top:-2%;
	padding-top:3%;}
.contact .bar3 .title2{
	text-align:center;}
.contact .bar3 .title2 h5 b{
	margin:auto;}
.contact .bar3 .title2 h2{
	min-height:0;
	margin:0;
    letter-spacing: 0.05rem;}
.contact .bar3 dl{
	margin-top:2%;}
.contact .bar3 dl dd{
  display: block;
  position: relative;
  width: 31.3%;
  float: left;
  box-sizing: border-box;
}
.contact .bar3 .article{
	border-top:3px solid #02509b;
	margin-right:3%;
	background:#f5f5f5;
	box-shadow:0 3px 5px rgba(0,0,0,0.1);
	margin-bottom:3%;}
.contact .bar3 .article:nth-of-type(3n) {
	margin-right:0;}
.contact .bar3 .article img{
	display:block;
	width:100%;}
.contact .bar3 .article .txt{
	padding:5%;
	}
.contact .bar3 h1{
	font-size:1.8rem;
	color:#333;
	font-weight:bold;
	letter-spacing:0.1rem;}
html[lang="en"] .contact .bar3 h1{
	letter-spacing:0rem;}
.contact .bar3 h2{
	font-size:1.6rem;
	line-height:20px;
	}
.contact .bar3 h3{
	font-size:1.5rem;}
html[lang="en"] .contact .bar3 h3{
	font-size:1.4rem;}
.contact .bar3 .article:hover h2{
	text-decoration:underline;
	color: #02509b;}
	
.menu_bot{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#011e39;
	z-index:9999;
	}
.menu_bot ul{
	width:1140px;
	margin:auto;
	}
.menu_bot ul li{
	float:left;
	color:rgba(255,255,255,0.8);
	padding:5px 0;
	font-size:1.3rem;
	letter-spacing:0.05rem;
	width:14.285%;
	cursor:pointer;
	position:relative;
	}
.menu_bot ul li:hover{
	color:#fff;
	opacity:1;}
.ss_menu{
	position:absolute;
	bottom:30px;
	left:-16%;
	background:#011e39;
	z-index:9;
	padding:10% 18%;
	border-top:3px solid #e52028;
	display:none;
	}
.ss_menu p{
	line-height:28px;
	color:rgba(255,255,255,0.6);
	font-size:1.2rem;}
.ss_menu p:hover{
	color:#e52028;}

.xq{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(255,255,255,0.8);
	z-index:999999;
	display:none;
	cursor:default;
	}	
.xq .x_box{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0%;
	overflow-y:scroll
	}	
.xq .close{
	width:40px;
	height:40px;
	position:fixed;
	right:6%;
	top:6%;
	-webkit-transition:all .5s;
	transition:all .5s;
	z-index:9000;
	cursor:pointer;
	}
.xq .close:after{
	content:"";
	width:40px;
	height:2px;
	background:#df2128;
	position:absolute;
	right:0;
	top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
.xq .close:before{
	content:"";
	width:40px;
	height:2px;
	position:absolute;
	left:0;
	top:0;
	background:#df2128;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.xq .content{
	margin:auto;
	padding:5%;
	width:70%;
	min-height:80%;
	background:#fff;
	}
.xq .content h1{
	font-size:2.8rem;
	color:#005699 !important;
	text-align:center;
	letter-spacing:1px;
	}
.xq .content h2{
	font-size:2.2rem;
	color:#333 !important;
	margin-top:4%;
	}
.xq .content.content2 h2{
	text-align:center;}
.xq .content p{
	padding:2% 0 0;
	color:#333 !important;
	font-size:1.54rem;
	position:relative;
	text-indent:3rem;
	}
.xq .content img{
	display:block;
	width:90%;
	margin:3% 0;
	padding:0 3%;
	}
.online .xq .content{
	}
.online .xq  .inf{
	width:46%;
	float:left;
	position:relative;
	margin:3% 2% 0;
	}
.online .xq  input {
    z-index: 2;
    border-color: #fff;
    border:none;
    background-color: transparent;
    padding-left: 0;
	display:block;
	width:100%;
	border-bottom:1px solid #ddd;
	line-height:36px;
	box-shadow:none;
	border-radius:2px;
	color:#333;
	font-size:1.5rem;
	padding:3px;
}
.online .xq  textarea{
    z-index: 2;
    border-color: #fff;
    border:none;
    background-color: transparent;
	display:block;
	width:90%;
	margin:6% auto 0;
	border:1px solid #ddd;
	line-height:32px;
	box-shadow:none;
	border-radius:2px;
	color:#333;
	font-size:15px;
	padding:2% 3%;
	height:160px;
	background:#eee;
}
.online .xq span {
    z-index: 3;
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 6px;
    left: 0;
    font-size:14px;
	display:block;
	font-weight:normal;
}
.online .xq  span.active{
	color:#75bfe4;
	top:-15px;
	font-size:1.3rem;
	letter-spacing:0.5px}
.online .xq  h3{
	font-size:24px;
	color:#111;
	text-align:center;
	}
.online .xq  p{
	font-size:1.6rem;
	color:#555;
	text-align:center;
	margin:5px 0 3%;
	}
.online .xq  .submit{
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 3px 0px;
	margin:50px auto 6%;
	cursor:pointer;
	width: 140px;
    background: #02509b;
    position: relative;}
.f_home:hover{
	color:#fff;
	text-decoration:underline}
#cnzz_stat_icon_1275022882{
	display:block;
	float:right;
	margin-top: 15px;
    margin-left: 10px;}
.about5 .bar1 h4{
	text-align: center;
	font-size: 2rem;
    font-weight: bold;
    color: #02509b;
    margin: 20px 0px;
}
.about5 .bar1 h4:nth-of-type(2){
	margin-top: 30px;
}
.about5 .bar1 p{
	text-indent: 2em;
}
.about5 .bar1 p a{
	color: #333;
}
.about5 .bar1 p a:hover{
	color: #02509b;
}