@charset "utf-8";
/* CSS Document */
@font-face{
	src:url(../fonts/SourceHanSansCN-Regular.otf);
	font-family:"myfont";
	}
@font-face{
	src:url(../fonts/SourceHanSerifCN-Light.otf);
	font-family:"title";
}
@font-face{
	src:url(../fonts/impact.ttf);
	font-family:"en";
	}
*{
	padding:0;
	margin:0;
	border:none;
	outline:none;
	font-size:62.5%;
	color:#666;
	list-style:none;
	font-family: "Arial","myfont";
	font-weight:normal;
	}
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;	
}
img{
	display: block;
}
.clear{
	clear:both;
	}
a{
	text-decoration:none;
	}
::-webkit-scrollbar-track-piece {
    width: 10px;
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #d1d1d1;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0607c4;
}

::selection {
    background: #0607c4;
    color: #fff;
}
.dianhua{
	position: relative;
	padding: 5px 0;
}

.header_other .dianhua img{
	height: 22px;
	position: absolute;
	left: -38px;
	top: 50%;
	transform: translateY(-50%);
}
.dianhua img:nth-child(2){
	display: none;
}
.active .dianhua img:nth-child(2){
	display: block;
}
.active .dianhua img:nth-child(1){
	display:none;
}
.bg_all{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	background: url(../img/banner_2.jpg) no-repeat center;
}
.menu{
width: 16%;
height: 100%;
z-index: 999999;
position: fixed;
right: -600px;
top: 0;
}

.menu_all{
	width: 100%;
	overflow-x: hidden;
    overflow-y: scroll;
}
 .menu_all::-webkit-scrollbar {
        display: none;
    }
.menu_top{
	overflow: hidden;
	margin-bottom: 20%;
}
.menu_top img{
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}
.menubox{
	padding: 15px 0;
}
.menu_down{
	margin-top: 20px;
	
}
.menu_down img{
	border: 2px solid #333;
	box-sizing: border-box;
	width: 100%;
	margin-top: 5%;
}
.menu_list{
	margin-top: 10px;
}
.menu_list p{
	font-size: 1.5rem;
	color: rgba(0,0,0,0.6);
	line-height: 2;
}
.menu_list p:hover{
	color: #0607c4;
}
.menubox h2{
	font-size: 1.8rem;
	position: relative;
	color: #333;
	cursor: default;
}
.menubox h2 img {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
}
.menu_all{
	height: 100%;
	background:rgba(255,255,255,0.98);
	position: absolute;
	right: 0;
	padding: 40px 45px;
	box-sizing: border-box;
}
.bg_all::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.88;
	background: #fff;
	}
.header{
	width: 100%;
	padding: 20px 0px;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	z-index: 9999;
	overflow: hidden;
}
.header.active{
	background: rgba(255,255,255,0.96);
	padding: 12px 0px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.header_logo{
	height: 60px;
	margin: auto;
}
.header .header_logo{
	height: 65px;
	float: left;
	margin-left: 3.5%;
}
.header_logo img{
	height: 100%;
	margin: auto;
}
.header .header_logo .img2{
	display: none;
}
.header.active .header_logo .img1{
	display: none;
}
.header.active .header_logo .img2{
	display: block;
}
.header_other{
	position: absolute;
	right: 3.5%;
	top: 50%;
	transform: translate(-0%,-50%);
	-webkit-transform: translate(-0%,-50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_other img{
	height: 17px;
	margin-top: -1px;
	margin-left: 20px;	cursor: pointer;
}
.header .header_other .img2{
	display: none;
}
.header.active .header_other .img1{
	display: none;
}
.header.active .header_other .img2{
	display: block;
}
.navs{
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 36%;
}
.navs ul{display: flex;
justify-content: space-around;
align-items: center;
}
.navs ul li{

}
.navs ul li a{
	font-size: 1.7rem;
	color: #fff;
	position: relative
}
.header.active .navs ul li a{
	color: #222;
}
.header.active .navs ul li a:before{
	background: #0607c4;
}
.header.active .navs ul li a:hover{
	color: #0607c4;
}
.navs ul li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0%;
	height: 2px;
	opacity: 0;
	background: #fff;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.navs ul li:hover a:before{
	width: 100%;
	opacity: 1;
}
.other_txt p{
	font-size: 1.7rem;
	color: #fff;
	
}
.header.active .other_txt p{
	color: #333;
}
.other_txt span{
	padding: 0px 10px ;
	box-sizing: border-box;
	font-size: 1.6rem;
	color: rgba(255,255,255,0.7);
}
.other_txt .dianhua .dianhuas{
	margin-right: 50px;
}
.header.active .other_txt span{
	color: rgba(0,0,0,0.5);
}
.other_txt span.active{
	color: rgba(255,255,255,1);
}
.header.active .other_txt span.active{
	color: rgba(0,0,0,0.7);
}
.navBtn{	cursor: pointer;
	-webkit-transition: all 0.5s linear; 
	transition: all 0.5s linear; 
	margin-left: 30px;
	}
.navBtn:hover{
	opacity: 0.8;
}
.navBtn span{
	display: block;
	width: 30px;
	border-radius: 10px;
	height: 2px;
	background:#fff;
	margin:6px 0;
	opacity: 0.96;
}
.header.active .navBtn span{
	background: #666;
}
.nav_btn_active{
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	margin-top:32px;
}
.nav_btn_active span:nth-of-type(1){
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.nav_btn_active span:nth-of-type(2){
	opacity:0;
	}
.nav_btn_active span:nth-of-type(3){
	margin-top:-16px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}.search_box{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(238,238,238,0.96);
	display: none;
}
.search_box .navaal{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 50%;
}
.search_box .navaal input{
	width: 100%;
	padding: 10px;
	line-height: 40px;
	text-align: center;
	color: #0607c4;
	font-size: 2rem;
	background: none;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.search_box .navaal ::placeholder{
	font-size: 2rem;
	color: #333;
}
.search_box .navaal img{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 26px;
}
.search_box .close{
	position: absolute;
	top: 3%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 36px;
}
.search_box .close:hover{
	opacity: 0.8;
	cursor: pointer;
}
.videos{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 9;
}

.videos video{
	max-width: 100%;
	min-height: 110%;
	object-fit: fill;	
}
.swiper-slide{
	position: relative;
}

#swipers2 .swiper-slide .video_mask img {
	width: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.swiper-slide .video{
	overflow: hidden;
}
.video_mask{
	
}
.swiper-slide video{

	 width: 100%;
     height: 100%; 
     object-fit: cover;
	

}
#swipers2{
	overflow: hidden;
}
.box{
	width: 100%;
	
}
.box  .title1{
	font-size: 4rem;
	color: #333;
	margin-bottom: 2.2%;
	font-family: "title";
	opacity: 0.8;
}
.box .title{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 3%;
}
.box  .title2{
	font-size: 3rem;
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
}.box2 .box2_l > p:first-of-type{
	font-size: 3rem;
	font-weight: bold;
	letter-spacing: 2px;
}
.box1{
	background: #fff;
	padding-bottom: 5%;
	position: relative;
	z-index: 9;
}
.box1_all{
	width: 100%;
	padding:0px 50px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.box1_all li:hover img{
	 transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.box1_l{
	width: 42%;
	overflow: hidden;
    position: relative;
    left: -50%;
}
.box1_l img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none;
}
.box1_l img:first-of-type{
	display: block;
}
.box1_l .bigimg{
	transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.box1_l .bigimg:hover{
	cursor: pointer;
	
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.box1_l img{
	width: 100%;
	height: 100%;
}
.box1_r ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
}
.box1_r{
	width: 57%;	position: relative;
}
.box1_r ul li {
	width: 31%;	margin-left: 10%;
	opacity: 0;
	height: 100%;
	overflow: hidden;
	position: relative;	border-left: 15px solid #fff;
	box-sizing: border-box;
}.box1_r ul li:first-of-type {
	border: none;
}
.box1_mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}


.box1_mask .mask_txt{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.box1_mask .mask_txt h2{
	font-size: 2rem;
	color: rgba(255,255,255,0.6);
	font-family: "title";
	line-height: 1.2;
	padding:  0 5%;	text-transform: uppercase;
}
.box1_mask .mask_txt img{
	width: 50px;
	margin:5% auto;
}
.box1_mask .mask_txt p{
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	margin-top: 12%;
	letter-spacing: 1px;
}
.box1_r ul li img{
	height: 100%;
	width: 100%;
	cursor: pointer;
    transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.box .btn{
	margin: auto;
	margin-top: 3%;
}
.btn{
	width: 200px;
	text-align: center;
	padding: 13px 15px;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.2);
}
.btn span{
	font-size: 2rem;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.btn_mask{
	width: 100%;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	background: #0607c4;
	z-index: 1;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.btn:hover span{
	color: #fff;
}
.btn:hover .btn_mask{
	left: 0;
}
.btn p{
	font-size: 1.7rem;
	color: #333;
	cursor: pointer;
    transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    position: relative;
    z-index: 3;
}
.btn:hover .btn_txts{
	color: #fff;
}
.btn p span{
	margin-left: 20px;
}
.box2{
	z-index: 9;
	position: relative;
	overflow: hidden;
}
.box2_title{
	
	position: relative;
}
.box2::after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 50%;
	width: 85%;
	background: #f1f4f6;
}
.box2::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 50%;
	width: 100%;
	background: #fff;
}
.box2_title p{
	font-size: 12rem;
	line-height: 1;
	padding:3% 3.5%;
	position: relative;
	z-index: 2;
	color:#0607c4;
	font-family: "title";
	opacity: 0.06;
}

.box2_all{
	position: relative;
	z-index: 1;
}
.box2_l{
	width: 55%;
	box-sizing: border-box;
	padding-left: 50px;
	background: rgba(51,51,51,0.8);
	padding: 5% 15% 5% 3.5%;
	position: relative;
	left: -20%;
	opacity: 0;
}
.box2_l .title2{
	margin-bottom: 5%;
	color: #fff;
	opacity: 1;
}
.box2_l .btn{
	margin-top: 8%;
	margin-left: 0;
	border: 1px solid rgba(255,255,255,0.1);
}
.box2_l > p{
	font-size: 1.5rem;
	color: #fff;
	line-height:1.5;
	margin: 10px 0;
	font-weight: normal;
	opacity: 0.9;
}
.box2_r{
	width: 55%;
	position: absolute;
	right: -20%;
	top: -20%;	z-index: 9;
}
.box2_l .btn_txts{
	color: #fff;
}
.box2_l .btn_txts span{
	color: #fff;
}


.box2_r .swiper-slide img{
	transition: all 0.6s;

    -ms-transition: all 0.6s;
}
.box2_r .swiper-slide img:hover{
	transform: scale(1.05);

    -ms-transform: scale(1.05);
}
.box3_img img{
	transition: all 0.6s;

    -ms-transition: all 0.6s;
}
.box3_img img:hover{
	transform: scale(1.05);

    -ms-transform: scale(1.05);
}
.box3_img{
	overflow: hidden;
}
.box2_r .jt img{
	display: block;
	position: absolute;
	right: 25%;
	bottom: -17%;
	width: 50px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	}
#swipers2{
	width: 100%;
	height: 100%;
}
#swipers2 .swiper-slide img{
	width: 100%;
}
.jt:hover{
	cursor: pointer;
}
#swipers2 .swiper-slide{
	overflow: hidden;
}
.box3_all{
	width: 100%;
	position: relative;
}
.box3{
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.box3_l{
	width: 48.5%;
	float: left;
	position: relative;
	left: -20%;	opacity: 0;
}
.box3_r{
	width: 48.5%;
	float: right;
	position: relative;
	right: -20%;
	opacity: 0;
}.box3_all .bb{
	cursor: pointer;
}
.box3_all .box3_img{
	width: 65%;
}
.box3_all .box3_img img{
	width: 100%;
}
.box3_all .box3_txt{
	width: 38%;
	padding:0 5%;
	background: #615f5f;
	position: relative;
}
.box3_l {
	display: flex;
	justify-content: space-between;
}
.box3_r{
	display: flex;
	justify-content: space-between;
}
.box3_txt p:nth-child(1){
	display: block;
	margin-top:10%;
	font-size: 1.4rem;
	padding: 15px 0;
	box-sizing: border-box;
	color: #fff;
	opacity: 0.8;
}
.box3_txt .box3_txt_p2{
	font-size: 1.8rem;
	line-height: 1.5;
	color: #fff;
	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;
}
.box3_all .bb:hover .box3_txt_p2{
	text-decoration: underline;
}
.box3_l .btn{
	position: absolute;
	bottom: 20px;
	right: 0;
	padding: 8px 20px;
}
.box3_r .btn{
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 8px 20px;
}
.box3_txt .btn {
	width: 120px;
	border: none;
	border-bottom:1px solid rgba(255,255,255,0.4) ;
}
.box3_txt .btn:hover {
	border-bottom:1px solid #0607c4;
}
.box3_txt .btn p span{
	margin-left:40px ;
	color: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	font-size: 1.8rem;
}
.box3_txt .btn:hover p span{
	margin-left:20px ;
}
.box3_txt .btn p{
	margin: 0;
	text-align: center;
	padding: 0;
	color: #fff;
	font-size: 1.4rem;
}
.box4{
	position: relative;
	z-index: 9;
	padding: 1% 0  2%;
}
.box4_all{
	width: 100%;	margin-top: 10%;
	opacity: 0;
}
.box4_all ul{
	box-sizing: border-box;
	width: 70%;
	margin:1.5% auto 0;
}
.box4_all ul li{
	width: 25%;
	margin-top: -8%;
	float: left;
	overflow: hidden;
	transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.box4_all ul li img{
	width: 100%;
	padding: 19%;
	box-sizing: border-box;
}
.box4_all ul li:hover{
	cursor: pointer;
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.footer{
	width: 100%;
	text-align: center;
	background: #222;
	padding: 2% 0 2%;
	z-index: 9;
	position: relative;
}
.footer p{
	color: #fff;
}
.logs{
	height: 60px;
	margin:0 auto 15px;
}

.footer_title{
	font-size: 2rem;
	line-height: 2;
}
.spans{
	margin-top: 20px;
}
.spans span a{
	border-right: 1px solid rgba(255,255,255,0.2);
	padding:0px 20px;
	font-size: 1.5rem;
	color: #fff;
	opacity: 0.9;
}.spans span:last-of-type a{
	border: none;
}
.spans span a:hover{
	opacity: 1;
}
.xinxi img{
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.xinxi {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.xinxi p{
	padding:0px 20px;
	font-size: 1.5rem;
	opacity: 0.8;
}
.footer_down{
	width: 100%;
	margin-top: 5px;
}
.footer_down span{
	margin-right: 15px;
	color: #fff;
	opacity: 0.8;
	font-size: 1.2rem;
}
.footer_down span a{
	margin-left: 10px;
	color: #fff;
	font-size: 1.2rem;
}
.footer_down p{
	opacity: 0.8;
	font-size: 1.2rem;
}
.footer_down p> a{
	color: #fff;
	font-size: 1.2rem;	opacity: 0.8;
}
.ewm img{
	width: 130px;
	margin: 0 auto 10px;
}
.ewm{
	color: #fff;
	font-size: 1.4rem;
	margin:0 auto 30px;
	}
.wall{
	width: 76%;
	margin: auto;
}.o_ban{
	width: 100%;
	background: #eee;
	height: 70%;
	position: relative;
	overflow: hidden;
	z-index: 999;
}
.o_ban .o_nav{
	border-top: 1px solid rgba(255,255,255,0.5);
	position: absolute;
	left: 70%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	}
.o_ban h1{
	color: #fff;
	font-size: 4.6rem;
	letter-spacing: 2px;
	position: absolute;
	left: 70%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0 !important;
}
.o_ban h1 strong{
	text-transform: uppercase;
	font-size: 5rem;
	color: #fff;
	display: block;
	font-family: "title";
	opacity: 0.6;
	margin-bottom: 10px;
}
.o_ban .left{
	float: left;
}
.o_ban .left a{
	font-size: 1.8rem;
	color: #fff;
	margin-right: 50px;
	position: relative;
	padding: 26px 0 18px;
	display: block;
	float: left;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	cursor: pointer;
}
.o_ban .left a.active{
	color:#0607c4;
}
.o_ban .left a::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 3px;
	background: #0607c4;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.o_ban .left a.active:before,.o_ban .left a:hover:before{
	opacity: 1;
	width: 100%;
}
.o_ban .right{
	float: right;
	display: flex;
	display: none;
}.o_ban .right img{
	width: 16px;
	float: left;
	margin-right: 6px;
	margin-top: 3px;
	
}
.o_ban .right p{
	font-size: 1.4rem;
	color: #fff;
	margin-left: 15px;
	padding: 26px 0 18px;
	opacity: 0.6;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.o_ban .right p.op{
	opacity: 1;
}
.o_ban .right p:hover{
	opacity: 1;
}
.all_box{
	margin-top: 5%;
	opacity: 0;
}
.all_box .bar1{	z-index: 9;
	padding: 4% 0 5%;
	position: relative;
}.all_box h1{
	font-size: 3.2rem;
	text-align: center;
	margin-bottom: 3%;
	color: #333;
}
.news .bar1 .swiper-wrapper{
	padding-bottom: 30px;
}.news .bar1 .swiper-slide img{
	transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.news .bar1 .swiper-slide img:hover{
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.news h3{
	font-size: 1.3rem;
	color: #888;
	margin: 20px 0 0px;
}.news h2{
	margin: 10px 0 10px;
	font-size: 2rem;
	color: #333;
	font-weight: bold;
	height: 52px;
	line-height: 26px;
	overflow: hidden;
}
.news .bar1 .swiper-slide:hover h2{
	color: #0607c4;
}
.news p{
	font-size: 1.5rem;
	color: #888;
	line-height: 1.5;
}
.news .bar2{
	background: #f9f9f9;
	padding: 4% 0;
}
.news ul li{
	border-bottom: 1px solid #ddd;
	margin-bottom: 3%;
	padding-bottom: 3%;
	position: relative;
}
.news ul li b img{
	width: 100%;
	transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.news ul li:hover b img{
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.news ul li b{
	float: left;
	overflow: hidden;
	width: 30%;
}
.news ul li .txt{
	float: right;
	width: 65%;
	padding-right: 10%;
	box-sizing: border-box;
}
.news ul li h2{
	height: auto;
}
.news ul li:hover h2{
	color: #0607c4;
}
.news ul li h3{
	position: absolute;
	right: 0;
	top: 20px;
	background: #999;
	text-align: center;
	padding: 9px 10px;
	font-size: 1.5rem;
	font-family: "title";
	color: #fff;
	margin: 0;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.news ul li h3 strong{
	display: block;
	font-size: 1.8rem;
	margin-bottom: 4px;
	font-family: "title";
	color: #fff;
}
.news ul li .btn{
	margin-top: 6%;
	width: 140px;
    padding: 6px 15px;
	-webkit-transform: scale(0.86);
	transform: scale(0.86);
	margin-left: -8px;
}
.news ul li:hover h3{
	background: #0607c4;
}
.news_d .left{
	width: 72%;
	padding: 10% 5% 5% 2%;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	min-height: 600px;
}
.social_d .left{
	width: 100%;
	border: none;
}.news_d h2{
	margin: 0px 0 10px;
	font-size:3rem;
	color: #0607c4;
	font-weight: bold;
	text-align: center;
}
.news_d h3{
	font-size: 1.4rem;
	color: #888;
	margin-bottom: 40px;
	text-align: center;
}
.news_d img{
	max-width: 100%;
}
.news_d p{
	font-size: 1.6rem;
	margin: 20px 0;
	color: #555;
	line-height: 1.6;
	text-indent: 2em;
}
.news_d dl{
	position: fixed;
	right: 14%;
	top: 23%;
	width: 18%;
}
.news_d dl dt{
	margin: 0px 0 20px;
	font-size:3rem;
	color: #333;
}
.news_d dl dd{
	font-size: 1.5rem;
	margin: 10px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color: #888;
}
.news_d dl dd:hover{
	letter-spacing: 0.3px;
	color: #0607c4;
}
.news_d dl dd strong{
	margin-right: 10px;
	opacity: 0.6;
	font-size: 1.3rem;
}
.video .bar1{
	padding-bottom:1%;
}
.video dl dd{
	float: left;
	width: 31.3%;
	margin-right: 3%;
	margin-bottom: 2%;
}
.video dl dd:nth-of-type(3n){
	margin-right: 0;
}
.video dl dd b{
	position: relative;
	display: block;
}
.video dl dd img{
	width: 100%;
	transition: all 0.6s;
    -ms-transition: all 0.6s;
}
.video dl dd img:hover{
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.video dl dd:hover h2{
	color: #0607c4;
}
.video .v_btn{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px !important;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.con_ban{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}
.con_ban b{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0607c4;
	z-index: 3;
	pointer-events: none;
	display: block;
	opacity: 0.15;
}
.con_ban #allmap{
	height: 100%;
	width: 100%;
}
.con_ban .box{
	position: absolute;
	top: 0%;
	right: -20%;
	background: rgba(255,255,255,0.94);
	z-index: 9;
	width: 27%;
	height: 100%;
	padding:8% 3%;
	box-sizing: border-box;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	opacity: 0;
}
.con_ban .box .left{
}
.con_ban .box .left img{
	width: 40%;
	margin: 8% 0 0;
	border: 1px solid #ddd;
}
.con_ban .box .txt h1{
	font-size: 2rem;
	color: #0607c4;
	text-decoration: underline;
	margin-bottom: 20px;
}
.con_ban .box .txt p{
	font-size: 1.6rem;
	color: #333;
	margin: 8px 0;
}
.con_ban .box .txt p img{
	float: left;
	width: 22px;
	margin-right: 5px;
}
.con_ban .box .message{
	border-top: 1px solid #999;
	margin-top: 10%;
	padding-top: 3%;
}
.con_ban .box h2{
	font-size: 2rem;
	color: #111;
	margin-bottom: 5px;
}
.con_ban .box h3{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.con_ban .box input{
	background: rgba(6,7,196,0.02);
	padding:10px 8px;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0;
	color: #333;
	font-size: 1.5rem;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #333;
	opacity: 0.8;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#333;
	opacity: 0.8;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#333;
	opacity: 0.8;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#333;
	opacity: 0.8;
}
.con_ban .box textarea{
	background: rgba(6,7,196,0.02);
	padding:10px 8px;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0;
	color: #333;
	font-size: 1.5rem;
	height: 80px;
}
.con_ban .box .submit input{
	width: 120px;
	margin: 5% auto;
	background: #999;
	color: #fff;
	padding:8px 8px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}
.con_ban .box .submit input:hover{
	background: #0607c4;
}
.question ul{
	width:80%;
	margin: auto;
}
.question .bar{
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #eee;
	padding-bottom:10px;
	margin-top:20px;
	cursor:pointer;
	}
.question .bar img{
	float:left;
	margin-right:15px;
	width:26px;
	margin-top: 2px;
	}
.question .bar h2{
	font-size:1.7rem;
	color:#333;
	margin-top:1px;
	float:left;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear;
	width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
.question .bar:hover h2{
	color:#0607c4;
	letter-spacing:0.5px;
	}
.question .bar.active h2{
	color:#0607c4;
	letter-spacing:0.5px;
	}
.question .bar .jt{
	float:right;
	width:24px;
	margin-top:0;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	opacity: 0.8;
	}
.question .bar.active .jt{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.question .bar2{
	padding:3% 4%;
	background:#f9f9f9;
	display:none;}
.question .bar2 p{
	font-size:1.5rem;
	color:#555;
	position:relative;
	margin:6px 0;
	}
.job .bar0 h1{
	margin-bottom: 2%;
}
.job .bar0 h6{
	width: 80%;
	margin: auto;
	font-size: 1.7rem;
	text-align: center;
	color: #888;
}
.job .bar0 dl{
	width: 60%;
	margin: auto;
	margin-top: 3%;
}
.job .bar0 dl dd{
	float: left;
	width: 25%;
	text-align: center;
	font-size: 1.7rem;
	color: #333;
}
.job .bar0 dl dd img{
	margin:0 auto 2%;
}
.job .bar0 ul{
	margin-top: 3%;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.job .bar0 ul li{
	float: left;
	width: 33.3%;
	text-align: center;
	font-size: 1.6rem;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
	box-sizing: border-box;
	padding: 5%;
}
.job .bar0 ul li h2{
	font-size: 2rem;
	color: #333;
	margin-bottom: 3%;
}
.job .bar0 ul li p{
	font-size: 1.5rem;
	color: #888;
	padding: 0 5%;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.job .bg{
	padding: 8% 0;
	text-align: center;
	font-size: 3.2rem;
	color: #fff;
	letter-spacing: 2px;
}
.job .bg img{
	margin:0 auto 2%;
	height: 25px;
}
.job .zp{
	background: #fff;
	padding: 4% 0 5%;
}
.job .zp .bars {
	width: 64%;
	margin:1% auto 3%;
}
.job .zp .bars .bb{
	float: left;
	width: 50%;
	text-align: center;
	background: rgba(51,51,51,0.02);
	padding: 3%;
	box-sizing: border-box;
	position: relative;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	cursor: pointer;
}
.job .zp .bars .bb.active{
	box-shadow: 0 15px 50px rgba(0,0,0,0.12);
	z-index: 2;
}
.job .zp .bars .bb b{
	display: block;
	width: 56px;
	margin:0 auto 15px;
}
.job .zp .bars .bb b img{
	width: 100%;
}
.job .zp .bars .bb h2{
	font-size: 2rem;
	color: #333;
	margin-bottom: 10px;
}
.job .zp .bars .bb.active h2{
	color:#0607c4;
}
.job .zp .bars .bb p{
	font-size: 1.6rem;
	margin: 5px 0;
}
.job .zp .bars .bb p a{
	font-size: 1.6rem;
}
.job .zp .bars .bb p:first-of-type a{
	text-decoration: underline;
}
.job .zp h1{
	margin-bottom: 2%;
}
.job .zp ul li{
	width: 80%;
	margin: auto;
}
.job .zp ul li:first-of-type h2{
	color: #fff;
	font-size: 1.8rem;
}
.job .zp ul li:first-of-type .bar{
	background: #615f5f;
	padding: 10px 0;
}
.job .zp ul li .bar{
	padding-top: 20px;
	margin-top: 0;
}
.job .zp ul li h2{
	width: 19%;
	padding-left: 2%;
}
.job .zp ul li h2:nth-of-type(4){
	width: 15%;
}
.job .zp ul li h2:last-of-type{
	text-align: right;
	width: 15%;
}
.job .zp ul li h2:last-of-type img{
	margin-right: 25px;
}
.job .zp ul li .bar2{
	padding: 3% 20% 5% 4%;
	position: relative;
}
.job .zp ul li .bar2 h3{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 12px 0 2px;
	color: #333;
}
.job .zp ul li .bar2 .top p{
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	line-height: 18px;
	color: #333;
	font-size: 1.7rem;
}
.job .zp ul li .bar2 p{
	line-height: 20px;
	color: #777;
}
.job .zp h6 a{
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.job .zp .bar2:hover a{
	color: #0607c4;
	text-decoration: underline;
	letter-spacing: 0.2px;
}
.job .zp h6{
	margin: 15px 0 0;
	color: #333;
	font-size: 1.5rem;
	padding-left: 10px;
	position: relative;
}
.job .zp h6:before{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	background: #333;
	border-radius: 50%;
	width: 4px;
	height: 4px;
}
.job .zp .ewm img{
	width: 13%;
	position: absolute;
	right: 4%;
	top: 12%;
}
.pro{
	width: 100%;
	height: 100%;
	position: relative;
}
.pro b{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.pro b:first-of-type{
	display: block;
}
.pro b:after{
    content: "";
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: inherit;
    filter: blur(3px);
    z-index: 2;
}
.pro .txt{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
.pro h1{
	width: 20%;
	float: left;
	position: relative;
	height: 100%;
	border-left:1px solid rgba(255,255,255,0.2) ;
	box-sizing: border-box;
	cursor: pointer;
}
.pro h1 span{
	width: 80%;
	display: block;
	color: #fff;
	font-size: 3.8rem;
	letter-spacing: 2px;
	position: absolute;
	left: 60%;
	top: 70%;
	-webkit-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
	opacity: 0;
	-webkit-transition: all 0.8s linear;
	transition: all 0.8s linear;
	z-index: 3;
	line-height: 1.3;
}
.pro h1 strong{
	text-transform: uppercase;
	font-size: 3.2rem;
	color: #fff;
	display: block;
	font-family: "title";
	opacity: 0.8;
	margin-bottom: 20px;
	line-height: 1.3;
}
.pro h1:hover span{
	top: 68%;
}
.pro h1 img{
	position: absolute;
	left: 10%;
	bottom: 0%;
	width: 32px;
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.pro h1:hover img{
	bottom: 5%;
	opacity: 0.8;
}
.pro_l .bar1{
	padding: 5% 0 2%;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fafbfb;
	display: none;
}
.pro_l .bar1:nth-of-type(2){
	display: block;
}

.pro_l .p_nav2{
	position: fixed;
	left: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 99;
}
.pro_l .p_nav2.active{
	top: 93%;
}
.pro_l h1{
	text-align: left;
	font-size: 1.8rem;
	margin-top: 20px;
	position: relative;
	cursor: pointer;
}
.pro_l h1::before{
	content: "";
	position: absolute;
	left: -45px;
	top: -12px;
	background: url(../img/guanbi.png) no-repeat center;
	background-size: 24%;
	width: 50px;
	height: 50px;
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
	display: block;
}
.pro_l span{
	display: none;
}
.pro_l h1.active{
	color: #0607c4;
	font-weight: bold;
}
.pro_l h1.active::before{
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.pro_l strong{
	display: block;
	font-size: 1.5rem;
	position: relative;
	margin: 5px 0;
	letter-spacing: 0.5px;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	cursor: pointer;
}
.pro_l strong.active{
	color: #333;
	font-size: 1.6rem;
}
.pro_l strong::before{
	content: "";
	position: absolute;
	left: -15px;
	top: 10px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #666;
	opacity: 0;
}
.pro_l strong.active::before{
	background: #0607c4;
}
.pro_l strong i{
	font-style: normal;
	color: #999;
	font-size: 1.2rem;
	position: absolute;
	margin-left: 8px;
	margin-top: -4px;
	letter-spacing: 0;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
	font-family: "title";
}
.pro_l strong.active i{
	color: #0607c4;
}
.pro_l dl{
	float: right;
	width: 84%;
	min-height: 500px;
}
.pro_l dl dt{
	font-size: 2.6rem;
	color: #0607c4;
	margin-bottom: 1.5%;
	position: relative;
	padding-left: 26px;
}
.pro_l dl dt::before{
	content: "";
	position: absolute;
	left: 6px;
	top: 16px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	opacity: 0.6;
	background: #0607c4;
}
.pro_l dl dt::after{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #0607c4;
	padding: 8px;
	box-sizing: border-box;
	opacity: 0.6;
}
.pro_l dl dd{
	float: left;
	width: 22.7%;
	margin-right: 3%;
	margin-bottom: 1%;
	box-sizing: border-box;
	cursor: pointer;
}
.pro_l dl dd:nth-of-type(4n){
	margin-right: 0;
}
.pro_l .bar1:nth-of-type(4) dd{
	width: 18.4%;
	margin-right: 2%;
}
.pro_l .bar1:nth-of-type(4) dd:nth-of-type(5n){
	margin-right: 0;
}
.pro_l .bar1:nth-of-type(4) dd:nth-of-type(4n){
	margin-right: 2%;
}
.pro_l .bar1:nth-of-type(4) dd b img{
	padding: 5%;
	box-sizing: border-box;
	background: #fff;
}
.pro_l dl dd:hover{
	
}
.pro_l dl dd b{
	position: relative;
	display: block;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.pro_l dl dd img{
	width: 100%;
	margin: auto;
	transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
}
.pro_l dl dd:hover img{
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.pro_l dl dd h2{
	margin: 20px 0 0 ;
	font-size: 2rem;
	color: #333;
	font-weight: bold;
	height: 52px;
	line-height: 26px;
	overflow: hidden;
	padding: 0 10px;
	transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
}
.pro_l dl dd:hover h2{
	color: #0607c4;
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.pro_d{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.pro_d::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.88);
}
.pro_d .logo_p img{
	position: absolute;
	right: 3%;
	bottom: 4%;
	height: 50px;
}
.pro_d .close img{
	position: absolute;
	right: 2%;
	top: 3%;
	width: 36px;
	opacity: 0.6;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.pro_d .close img:hover{
	opacity: 1;
}
.pro_d .left{
	background: #fff;
	position: relative;
	width: 44%;
	height: 87%;
	margin: 3%;
}
.pro_d .left img{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #fff;
}
.pro_d .right{
	position: absolute;
	right: 0%;
	top: 60%;
	opacity: 0;
	width: 46%;
	-webkit-transform: translate(-0%,-50%);
	transform: translate(-0%,-50%);
}
.pro_d .right h1{
	font-size: 3rem;
	color: #333;
	margin-bottom: 3%;
}
.pro_d .right table{
	width: 90%;
}
.pro_d .right table tr td{
	font-size: 1.8rem;
	padding: 8px 10px;
	color: #555;
}
.o_ban video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about .bar1{
	padding-top: 4%;
	width: 63%;
	margin: auto;
}
.about .bar1 dl{
	margin: 4% auto;
	overflow: hidden;
	text-align: center;
}
.about .bar1 dl dd{
	font-size: 2rem;
	color:#090abf; 
	width: 25%;
	position: relative;
	float: left;
}
.about .bar1 dl dd strong{
	font-size: 6rem;
	color:#090abf; 
	font-family:"en";
	margin-right: 10px;
	line-height: 60px;
}
.about .bar1 dl dd i{
	display: block;
	font-size: 1.6rem;
	font-style: normal;
	color:#666; 
	margin-top: 10px;
	padding-right: 5%;
}
.about .bar1 .txt p {
	font-size: 1.6rem;
	color: #444;
	margin: 10px auto;
	line-height: 1.8;
	letter-spacing: 0.6px;
	text-indent: 2em;
}
.about .bar1 p strong{
	color: #090abf; 
	font-size: 1.6rem;
}
.about .bar1 .txt2{
	display: none;
}
.about .bar1 .txt2 p {
	color: #666;
	text-indent: 2em;
}
.about .bar1 .txt2 img{
	width: 100%;
	margin-bottom: 2%;
}
.more_a1{
	margin: auto;
	text-align: center;
	opacity: 0.6;
	font-size: 1.3rem;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.more_a1:hover{
	opacity: 0.9;
}
.more_a1 img{
	width: 22px;
	margin:2px auto;
	display: block;
}
.about2{
	background: url(../img/ban_pro2.jpg) no-repeat center;
	background-size: cover;
	position: relative;
	width: 100%;
} 
.about2::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.9;
}
.about2 .bar1{
	padding: 5% 0;
	width: 100%;
}
.his_top{
	position: relative;
	cursor: move;
}
.his_top .swiper-slide{
	position: relative;
	margin-left: 8px;
	height: 100px;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
.his_top .swiper-slide strong{
	font-size: 2.6rem;
	color: #999;
	font-family: "en";
	display: block;
	position: absolute;
	left: 10%;
	top: 0;
}
.his_top .swiper-slide::before{
	content: "";
	position: absolute;
	left: 0;
	top: 40%;
	width: 2px;
	height: 100%;
	background:#ec4b4b;
	opacity: 0;
	-webkit-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.his_top .swiper-slide-active{
	border: none;
}
.his_top .swiper-slide-active strong{
	color: #ec4b4b;
	-webkit-transform: scale(1.7);
	transform: scale(1.7);
	top: 175%;
	margin-left: 15px;
	-webkit-transition: all 0.8s linear;
	transition: all 0.8s linear;
}
.his_top .swiper-slide-active::before{
	opacity: 1;
	height: 170%;
}
.his_top .swiper-slide span{
	width: 1px;
	height: 30px;
	background: #ccc;
	margin-left: 11%;
	display: inline-block;
	margin-top: 50px;
}
.his_top .swiper-slide span:nth-of-type(2n+1){
	-webkit-transform: scaleY(1.6);
	transform: scaleY(1.6);
}
.his_top .swiper-slide span:nth-of-type(2n){
	-webkit-transform: scaleY(1.2);
	transform: scaleY(1.2);
}
.his_top .swiper-slide span:nth-of-type(3n){
	-webkit-transform: scaleY(0.6);
	transform: scaleY(0.6);
}
.his_top .btn{
	position: absolute;
	right: 14%;
	top: 30%;
	padding: 12px 0;
	width: 110px;
	z-index: 9;
	border: none;
	overflow: initial;
}
.his_top .btn img{
	width: 60px;
	margin: auto;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.his_top .btn:hover img{
	-webkit-transform:translateY(15px);
	transform:translateX(15px);
}
.about2 .box{
	margin: auto;
	position: relative;
	margin-top: 7%;
	width: 70%;
}
.about2 .box{
	position: relative;
	height: 500px;
}
.about2 .box .imgs{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
.about2 .box b{
	display: block;
	overflow: hidden;
}
.about2 .box b img:first-of-type{
	float: left;
	width: 40%;
}
.about2 .box b img:last-of-type{
	float: right;
	width: 35%;
	margin-top: 6%;
}
.about2 .txt{
	position: absolute;
	left: 50%;
	top: -25%;
	width: 25%;
	height: 71.5%;
	background: rgba(51,51,51,1);
	padding:12% 5% 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.about2 .bar1 .txt p{
	color: #fff;
	font-size: 1.52rem;
	margin: 6px 0;
	line-height: 1.66;
	position: relative;
	letter-spacing: 0.5px;
	opacity: 0.9;
}
.about2 .txt p:before{
	content: "-";
	position: absolute;
	left: -15px;
	top: -3px;
	color: #fff;
}
.about2 .txt> img{
	height: 40px;
	position: absolute;
	right: 8%;
	bottom: 8%;
	opacity: 0.1;
}
.about3{
	position: relative;
}
.about3::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,13,0.8);
}
.about3 .bar1{
	position:relative;
	z-index: 2;
	text-align: center;
	padding-bottom: 2%;
}
.about3 .bar1 h1{
	color: #fff;
}
.about3 .bar1 h3{
	color: #fff;
	font-size: 2rem;
	margin: 20px 0 10px;
}
.about3 .bar1 p{
	color: #fff;
	text-indent: 0;
}
.about3 dl{
	padding-top: 6%;
}
.about3 dl dd img{
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 50%;
	width: 66px;
	margin: auto;
	padding: 8px;
}
.about3 dl dd p{
	opacity: 0.8;
	font-size:1.3rem
}
.about3 .tt p{
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2rem;
	letter-spacing: 1px;
	text-indent: 0;
}
.about3 .swiper-slide{
	position: initial;
}
.about3 .swiper-pagination{
	bottom:inherit;
	top: 3% !important;
}
.about3 .swiper-pagination-bullet{
	width: auto;
	height: auto;
	opacity: 0.7;
	color: #fff;
	position: relative;
	background: none;
	font-size: 2rem;
	margin:0 40px !important;
}
.about3 .swiper-pagination-bullet::before{
	content: "愿景";
}
.about3 .swiper-pagination-bullet:nth-of-type(2):before{
	content: "价值观";
}
.about3 .swiper-pagination-bullet:nth-of-type(3):before{
	content: "使命";
}
.about3 .swiper-pagination-bullet-active{
	opacity: 1;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.about3 .swiper-pagination-bullet-active:before{
	font-size: 2.6rem;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.btn2 {
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.btn2 .ll {
	position: absolute;
	left: 24%;
	top: 4%;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 99;
}
.btn2 .lll{
	left: inherit;
	right: 24%;
	top: 6%;
}
.btn2 img {
	width: 30px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	display: block;
}
.btn2 .lll img{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -2px;
} 
.btn2 .ll:hover img{
	color: #fff;
}
.about4{
	position: relative;
	background: #f6f6f6;
}
.about4 .bar1{
	width: 100%;
}
.about4 .box{
	position: relative;
	margin-top: -5%;
}
.about4 .box::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,0.08);
}
.about4 .bar1{
	position:relative;
	z-index: 2;
	text-align: center;
}
.about4 .bar1::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30%;
	height: 53%;
	background-image: linear-gradient(to right, rgba(243,243,243,1), rgba(243,243,243,0));
	z-index: 2;
}
.about4 .bar1::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 30%;
	height: 53%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-image: linear-gradient(to left, rgba(243,243,243,1), rgba(243,243,243,0));
	z-index: 2;
}
.about4 .bar1 b{
	display: block;
	width: 100%;
}
.about4 .bar1 b img{
	display: block;
	width: 100%;
}
.about4 .bar1 p{
	text-align: center;
	font-size: 1.8rem;
	color: #333;
	margin-top: 20px;
	text-indent: 0;
}

.about4 .swiper-container{
	padding: 4% 0 2%;
}
.about4 .btn{
	margin: auto;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.about4 .bar1 .btn_txts{
	margin: 0;
	line-height: 1.4;}
.btn3 {
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.btn3 .ll {
	position: absolute;
	left: 8%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 99;
}
.btn3 .lll{
	left: inherit;
	right: 8%;
	top: 50%;
}
.btn3 img {
	display: block;
	width: 18px;
	padding: 14px;
	border-radius: 50%;
	background: #e5e5e5;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.btn3 .lll img{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -2px;
} 
.btn3 img:hover{
	opacity: 1;
}
.about5{
	background: #fff;
	}
.about5 .bar1{
    width: 65%;
}
.about5 ul li{
	float: left;
	width: 31.3%;
	margin-right: 3%;
	text-align: center;
}
.about5 ul li:nth-of-type(3n){
	margin-right: 0;
}
.about5 ul li b{
	width: 100%;
	display: block;
	overflow: hidden;
}
.about5 ul li img{
	width: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.about5 ul li:hover img{
	opacity: 0.8;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.about5 .bar1  ul li p{
	margin-top: 3%;
	font-size: 1.4rem;
	text-align: left;
	color: #777;
	text-indent: 0;
}
.about5 .bar1  ul li span{
	font-size: 1.8rem;
	display: block;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color: #333;
}
.about5 .bar1  ul li:hover p span{
	color: #090abf;
	text-decoration: underline;
	letter-spacing: 0.5px;
}
.about5 .btn{
	margin:3% auto 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.about5 .bar1 .btn_txts{
	margin: 0;
	line-height: 1.4;}
.honor{
	background: #f8f8f8;
	}
.honor .bar1{
	padding-top: 8%;
}
.honor ul{
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
.honor ul li{
	float: left;
	width: 25%;
	text-align: center;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	text-align: center;
	padding: 2.5%;
	box-sizing: border-box;
}
.honor ul li:nth-of-type(4n){
	margin-right: 0;
}
.honor ul li b{
	width: 100%;
	display: block;
}
.honor ul li img{
	width: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.honor ul li:hover img{
	-webkit-transform: scale(1.4) translateY(8%);
	transform: scale(1.4) translateY(8%);
}
.honor .bar1  ul li p{
	margin-top: 20px;
	font-size: 1.7rem;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.honor .bar1  ul li:hover p{
	color: #090abf;
	letter-spacing: 0.5px;
}
.social{
	background: #f8f8f8;
	}
.social .bar1{
	width: 76%;
	padding-top: 8%;
}
.social ul li{
	margin-top: 3%;
}
.se_result{
	padding-bottom: 4%;
}
.se_result ul{
	padding-top: 2%;
}
.se_result ul li{
	float: left;
	width: 22.7%;
	margin: 3% 1% 0;
	box-sizing: border-box;
	cursor: pointer;
}
.se_result ul li b{
	position: relative;
	display: block;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
.se_result ul li img{
	width: 100%;
	margin: auto;
	transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
}
.se_result ul li:hover img{
	transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.se_result ul li h2{
	margin: 20px 0 0 ;
	font-size: 2rem;
	color: #333;
	font-weight: bold;
	height: 52px;
	line-height: 26px;
	overflow: hidden;
	padding: 0 10px;
	transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
}
.se_result ul li font{
	font-size: 2rem;
	color: red;
	font-weight: bold;
}
.se_result ul li:hover h2{
	color: #0607c4;
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

html[lang="en"] .box .title1{
	margin-bottom: 0.5%;
}
html[lang="en"] .about3 .swiper-pagination-bullet::before{
	content: "Vision";
}
html[lang="en"] .about3 .swiper-pagination-bullet:nth-of-type(2):before{
	content: "Values";
}
html[lang="en"] .about3 .swiper-pagination-bullet:nth-of-type(3):before{
	content: "Mission";
}
html[lang="en"] .about4 .bar1 p{
	line-height: 1.4;
	font-size: 1.7rem;
}
html[lang="en"] .about3 .bar1 p{
	font-size: 1.4rem;
}
html[lang="en"] .more_a1{
	font-size: 1.4rem;
}
html[lang="en"] .honor .bar1 ul li p{
	white-space: inherit;
	text-overflow: inherit;
	line-height: 20px;
	height: 40px;
}
html[lang="en"] .all_box h1{
	font-size: 3.6rem;
	text-transform: uppercase;
	font-family: "title";
}
html[lang="en"] .about5 .bar1 ul li span{
	margin-top: 5px;
	font-size: 1.7rem;
}
html[lang="en"] .all_box.social h1{
	margin-bottom: 0;
}
html[lang="en"] .news h2{
	font-weight: normal;
}
html[lang="en"] .pro_l h1{
    font-size: 1.8rem;
	text-transform: inherit;
	margin-bottom: 15px;
}
html[lang="en"] .pro_l strong{
	margin: 10px 0;
}
html[lang="en"] .pro_l strong.active{
	font-size: 1.5rem;
}
html[lang="en"] .pro_l dl dd h2{
	font-weight: normal;
}
html[lang="en"] .pro_l dl dt::after{
	top: 6px;
}
html[lang="en"] .pro_l dl dt::before{
	top: 12px;
}
html[lang="en"] .box2 .box2_l > p:first-of-type{
	letter-spacing: 0px;
}
html[lang="en"] .se_result ul li h2{
	font-weight: normal;
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
}
html[lang="en"] .pro h1 strong{
	font-size: 4rem;
    width: 50%;
}
html[lang="jp"] .se_result ul li h2{
	font-weight: normal;
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
}
html[lang="jp"] .about3 .swiper-pagination-bullet::before{
	content: "ビジョン";
}
html[lang="jp"] .about3 .swiper-pagination-bullet:nth-of-type(2):before{
	content: "価値観";
}
html[lang="jp"] .about3 .swiper-pagination-bullet:nth-of-type(3):before{
	content: "ミッション";
}
.pages{
	text-align: center;
	padding-bottom: 5%;
	margin-top: -3%;
	background: #f9f9f9
}
.pages .next,.pages .prev{
	display: none;
}
.pages a{
	font-size: 1.8rem;
	margin: 0 10px;
}
.pages span{
	font-size: 1.8rem;
	margin: 0 10px;
}
.pages .current{
	color: #0607c4;
	font-weight: bold;
	text-decoration: underline;
}
.rows{
	display: none;
}
.footer span img{
	display: inline-block;
}