@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:"΢ÈíÑźÚ"; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.center{ width:100%; overflow:hidden;}

/*Ê×Ò³*/
.header{ width:100%; height:90px; position:fixed; top:0; left:0; z-index:10000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.logo{ display:block; width:173px; height:50px; background:url(/images/logo.png) left center no-repeat; background-size:auto 50px; position:absolute; top:19px; left:4%; z-index:1000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.language{ position:absolute; top:32px; right:calc(4% + 80px); width:25px; height:25px; background:url(/images/language.png) center center no-repeat; cursor:pointer; z-index:1000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.language1{ position:absolute; top:35px; left:-17.5px; background:#FFF; width:60px; padding:10px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 0px 3px #ddd; -moz-box-shadow:0px 0px 3px #ddd; box-shadow:0px 0px 3px #ddd; display:none;}
.language1 li{ width:100%; overflow:hidden;}
.language1 li a{ display:block; width:100%; font-size:12px; color:#666; line-height:20px; font-weight:bold;}
.language1 li a:hover{ color:#000;}
.language2{ font-size:14px; color:#FFF; font-weight:bold; line-height:25px; position:absolute; right:-80px; top:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.nav{ display:table; position:relative; z-index:1000; margin:0 auto; padding-left:7vw;}
.nav>li{ padding-right:4vw; display:inline-block; position:relative;}
.nav>li:last-child{ padding-right:0;}
.nav>li>a{ display:block; font-size:18px; font-weight:bold; color:#FFF; line-height:90px; position:relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav>li>a:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#FFF; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav1{ position:absolute; top:90px; left:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0px; overflow:hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width:100%;}
.nav1>li:first-child{ margin-top:20px;}
.nav1>li{ float:left; clear:both; padding:3px 0; width:100%; text-align:left;}
.nav1>li>a{ font-size:14px; color:#666; line-height:24px; display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.nav1>li>a:hover{ color:#0b4da2;}

.nav_detail{ position:absolute; z-index:10; width:100%; height:250px; overflow:hidden; background:#FFF; padding-top:90px; top:-340px; left:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.header .line{ width:100%; height:1px; background:#597aaa; position:absolute; left:0; bottom:0; z-index:999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.header:hover{ background:#FFF;}
.header:hover .nav_detail{ top:0; -webkit-box-shadow:0px 0px 5px #eee; -moz-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;}
.header:hover .line{ background:#e6e6e6;}
.header:hover .logo{ background:url(/images/logo_on.png) left center no-repeat; background-size:auto 50px;}
.header:hover .language{ background:url(/images/language_on.png) left center no-repeat;}
.header:hover .language2{ color:#000;}
.header:hover .nav>li>a{ color:#000;}
.header:hover .nav1{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; height:230px;}

.nav>li:hover>a{ color:#0b4da2 !important;}
.nav>li:hover>a:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; background:#0b4da2;}

.nav>li>a.a_on{ color:#FFF;}
.nav>li>a.a_on:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.header:hover a.a_on{ color:#0b4da2 !important;}
.header:hover a.a_on:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; background:#0b4da2;}

.header.header_on{ background:#FFF;}
.header.header_on .line{ background:#e6e6e6;}
.header.header_on .logo{ background:url(/images/logo_on.png) left center no-repeat; background-size:auto 50px;}
.header.header_on .language{ background:url(/images/language_on.png) center center no-repeat;}
.header.header_on .language2{ color:#000;}
.header.header_on .nav>li>a{ color:#000;}
.header.header_on .nav>li>a.a_on{ color:#0b4da2 !important;}
.header.header_on .nav>li>a.a_on:after{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; background:#0b4da2 !important;}

.roll{ position:fixed; right:25px; bottom:70px; z-index:10000;}

.swiper-container1 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-button-next1{ position:absolute; bottom:44px; left:50%; margin-left:150px; display:block; width:12px; height:17px; z-index:10; cursor:pointer; background:url(/images/banner_r.png) center center no-repeat; overflow:hidden; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline:none;}
.swiper-button-prev1{ position:absolute; bottom:44px; left:50%; margin-left:-162px; display:block; width:12px; height:17px; z-index:10; cursor:pointer; background:url(/images/banner_l.png) center center no-repeat; overflow:hidden; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline:none;}
.swiper-button-next1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-prev1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index_banner{ width:100%; height:100vh; background-size:cover !important; position:relative;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner1{ display:none; position:relative; z-index:10;}
.banner_title{ position:absolute; left:12.5%; text-align:left; width:75%; margin-top:350px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.banner_title1{ font-size:60px; font-weight:bold; color:#FFF; line-height:70px;}
.banner_title2{ font-size:28px; color:#FFF; line-height:38px; margin-top:15px;}
.banner_title3{ float:left; margin-right:10px; display:block; width:auto; padding:0 30px; height:48px; border:2px solid #FFF; margin-top:45px; text-align:center; font-size:17px; color:#FFF; line-height:48px; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner_title3:hover{ background:#FFF; color:#0b4da2;}

.jindutiao{ position:absolute; bottom:50px; left:50%; margin-left:-120px; width:240px; height:4px; z-index:9999; background:url(/images/banner_line.png) repeat;}
.jindutiao1{ width:0; height:4px; background:#fff; position:absolute; top:0; left:0;}
.jindutiao2{ width:0; height:4px; background:#fff; position:absolute; top:0; left:0;}
.jindutiao3{ width:0; height:4px; background:#fff; position:absolute; top:0; left:0;}
.animation6{ -webkit-transition: all 5s linear; -moz-transition: all 5s linear; -ms-transition: all 5s linear; -o-transition: all 5s linear; transition: all 5s linear; width:100% !important;}

.swiper-container1 .swiper-slide-active .banner_title{ margin-top:0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.jindutiao3_on{ -webkit-animation:play 5s linear infinite; -moz-animation:play 5s linear infinite; -ms-animation:play 5s linear infinite; -o-animation:play 5s linear infinite; animation:play 5s linear infinite;}
@-webkit-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-moz-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-ms-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@-o-keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}
@keyframes play{
    0%  {
        width:0;
    }
    100% {
        width:100%;
    }
}

.mobile_bg{ display:none;}

.index1{ width:100%; height:calc(100vh - 90px); background:url(/images/index1_bg.jpg) center center no-repeat; background-size:cover !important; padding-top:90px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index1_1{ width:1400px; margin:0 auto; overflow:hidden;}

.index1_top{ width:100%; overflow:hidden; text-align:left;}
.index1_top1{ float:left; width:600px; padding-right:60px; overflow:hidden;}
.index1_top2{ float:left; width:100%; overflow:hidden; font-size:48px; font-weight:bold; color:#FFF; line-height:58px;}
.index1_top3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#FFF; line-height:34px; margin-top:30px;}
.index1_top4{ float:right; width:740px; overflow:hidden;}
.index1_top5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:24px;}
.index1_top6{ float:left; display:block; width:176px; height:48px; line-height:48px; border:2px solid #515b7e; margin-top:25px; text-align:center; color:#FFF; font-size:17px; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index1_top6:hover{ background:#FFF; border:2px solid #FFF; color:#0b4da2;}

.index1_bottom{ width:1400px; overflow:hidden; margin-top:50px;}
.index1_bottom li{ float:left; width:370px; overflow:hidden; text-align:left; color:#FFF; margin-top:30px;}
.index1_bottom li:nth-child(2n+1){ clear:left;}
.index1_bottom1{ width:100%; overflow:hidden; font-size:66px;}
.index1_bottom1 span{ font-size:16px; vertical-align:top; line-height:20px;}
.index1_bottom2{ width:100%; overflow:hidden; font-size:17px; line-height:27px;}

.index2{ width:100%; height:calc(100vh - 90px); background:url(/images/index2_bg.jpg) center 90px no-repeat; padding-top:90px; position:relative;}
.index2_1{ width:100%; height:calc(50vh - 90px); overflow:hidden;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.index_title{ width:90%; overflow:hidden; margin:0 auto;}
.index_title1{ height:80px; position:relative; overflow:hidden;}
.index_title1_1{ display:table; font-size:38px; font-weight:bold; color:; position:relative; z-index:10; margin:30px auto 0 auto;}
.index_title1_2{ font-size:70px; font-weight:bold; color:#d9e4eb; position:absolute; top:0; left:0; width:100%; text-align:center;}
.index_title2{ font-size:16px; color:#666666; line-height:26px; margin-top:20px; text-align:left; max-height:130px; overflow:hidden;}
.index_title2 b{ color:#333;}
.gradient-text {
	background-image: linear-gradient(to right, #0c4fa4, #53b2e7);
	color: transparent;
	-webkit-background-clip: text;
}

.index2_2{ width:100%; height:50vh; overflow:hidden; position:absolute; bottom:0; left:0;}
.index2_2 li{ float:left; width:28%; height:50vh; background-size:cover !important; border-right:1px solid #FFF; cursor:pointer; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.2s;}
.index2_2 li:nth-child(4){ border-right:0;}
.index2_2 li.on{ width:calc(44% - 3px);}
.index2_2 li>a{ display:block; width:80%; padding:0 10%; overflow:hidden; height:50vh; color:#FFF; text-align:left;}
.index2_3{ font-size:26px; font-weight:bold; line-height:36px; margin-top:calc(50vh - 230px); -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.index2_4{ font-size:30px; margin-top:15px; line-height:40px;}
.index2_5{ font-size:18px; line-height:30px; margin-top:20px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.index2_2 li>a .line{ width:42px; height:5px; background:#983629; margin-top:20px;}

.index2_2 li.on .index2_3{ margin-top:calc(50vh - 360px);}
.index2_2 li.on .index2_5{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.index3{ width:100%; height:calc(100vh - 90px); padding-top:90px; position:relative;}
.index3_1{ width:1400px; margin:0 auto; height:calc(34vh - 90px); overflow:hidden;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index3_1 .index_title{ text-align:left;}
.index3_1 .index_title1{ text-align:left;}
.index3_2{ margin-left:30px; display:block; width:176px; height:48px; line-height:48px; border:2px solid #c4c4c4; margin-top:25px; text-align:center; color:#000000; font-size:17px; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index3_2:hover{ background:#0b4da2; color:#FFF; border:2px solid #0b4da2;}

.index3_3{ width:100%; height:66vh; overflow:hidden; position:absolute; bottom:0; left:0;}
.index3_4{ width:1400px; height:66vh; margin:0 auto; overflow:hidden; position:relative; z-index:100;}
.index3_5{ width:84%; padding:0 8%; overflow:hidden;}
.index3_6{ width:100%; overflow:hidden; font-size:24px; line-height:34px; margin-top:60px;}
.index3_7{ width:100%; overflow:hidden; font-size:46px; font-weight:bold; line-height:56px; margin-top:50px;}
.index3_8{ width:100%; overflow:hidden; font-size:18px; line-height:24px; margin-top:20px; height:72px;}

.gallery-top {
	position:absolute;
	bottom:0;
	right:0;
	width:646px;
	height:384px;
	background:#27356e;
	overflow:hidden;
	-webkit-border-radius:0 50px 0 50px; -moz-border-radius:0 50px 0 50px; border-radius:0 50px 0 50px;
	color:#FFF;
	text-align:left;
}
.swiper-pagination2{ position:absolute; z-index:1000; bottom:40px !important; left:auto !important; right:0 !important; width:130px !important;}
.swiper-pagination2 .swiper-pagination-bullet{ width:10px; height:10px; background:#FFF; opacity: 1; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin:0 7px !important;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width:30px;}

.gallery-thumbs {
	width:100%;
	height:61vh;
	position:absolute;
	bottom:5vh;
	left:0;
}
.gallery-thumbs .swiper-slide {
	overflow:hidden;
}
.index3_9{ background-size:cover !important; width:100%; height:61vh;}

.index4{ width:100%; height:calc(100vh - 90px); padding-top:90px; position:relative;}
.index4_1{ width:90%; margin:0 auto; height:calc(32vh - 90px); overflow:hidden; position:relative; z-index:20;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.index_feedback3_1 .index_title2{ text-align:center;}

.index4_2{ margin-left:30px; width:150px; white-space:nowrap;}

.index4_3{ width:90%; margin:0 auto; overflow:hidden;}
.index4_4{ float:left; width:100%;}
.index4_4 img{ display:block; width:100%;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.index4_5{ display:none;}
.index4_5 img{ display:block; width:100%;}

.index_feedback1{ float:right; width:420px; overflow:hidden; position:relative; z-index:100;}
.index_feedback2{ width:100%; overflow:hidden; text-align:left; font-size:48px; color:#000; font-weight:bold; line-height:58px;}
.index_feedback1 .contact3{ float:left; overflow:hidden; width:49%; margin-right:0; margin-bottom:10px;}
.index_feedback1 .contact3_1{ float:right; overflow:hidden; width:49%; margin-right:0; margin-bottom:10px;}
.index_feedback1 .contact4{ float:left; overflow:hidden; width:100%; margin-right:0; margin-bottom:10px;}
.index_feedback1 .span1{ float:left; font-size:18px; color:#333; display:block; width:100%; line-height:28px; text-align:left; padding:25px 0 12px 0;}
.index_feedback1 .input1{ float:left; width:calc(100% - 32px); height:38px; border:1px solid #dadce0; background:#f7f7f7; font-family:"΢ÈíÑźÚ"; font-size:15px; color:#333; outline:none; padding:0 15px;}
.index_feedback1 .input2{ float:left; width:calc(49% - 32px); height:38px; border:1px solid #dadce0; background:#f7f7f7; font-family:"΢ÈíÑźÚ"; font-size:15px; color:#333; outline:none; padding:0 15px;}
.index_feedback1 .button1{ float:left; width:100%; height:40px; background:#0b4da2; border:0; font-family:"΢ÈíÑźÚ"; cursor:pointer; font-size:16px; font-weight:bold; color:#FFF; margin-top:0;}
.index_feedback1 .valid_code1{ float:left; margin-left:2%; width:120px; height:30px; margin-top:5px; cursor:pointer;}

.footer{ width:100%; overflow:hidden; background:#f9f9f9;}
.footer_index{ position:absolute; bottom:0; left:0;}
.footer_in{ width:90%; margin:0 auto; overflow:hidden;}

.footer_top{ width:100%; overflow:hidden; padding:70px 0 25px 0;}
.footer_top1{ float:right; overflow:hidden; margin-left:1%;}
.footer_top1:nth-child(2){ width:7%;}
.footer_top1:nth-child(3){ width:9%;}
.footer_top1:nth-child(4){ width:13%;}
.footer_top1:nth-child(5){ width:12%;}
.footer_top1:nth-child(6){ width:8%;}

.footer_topEn .footer_top4{ max-width:40%;}
.footer_topEn .footer_top7{ max-width:60%;}
.footer_topEn .footer_top1:nth-child(2){ width:4%;}
.footer_topEn .footer_top1:nth-child(3){ width:15%;}
.footer_topEn .footer_top1:nth-child(4){ width:17%;}
.footer_topEn .footer_top1:nth-child(5){ width:9%;}
.footer_topEn .footer_top1:nth-child(6){ width:9%;}

.footer_topJp .footer_top1:nth-child(2){ width:11%;}
.footer_topJp .footer_top1:nth-child(3){ width:12%;}
.footer_topJp .footer_top1:nth-child(4){ width:12%;}
.footer_topJp .footer_top1:nth-child(5){ width:9%;}
.footer_topJp .footer_top1:nth-child(6){ width:6%;}

.footer_top2{ float:left; font-size:16px; color:#000; font-weight:bold; line-height:26px; text-align:left;}
.footer_top3{ float:left; clear:both; text-align:left; margin-top:30px;}
.footer_top3 li{ float:left; clear:both;}
.footer_top3 li a{ font-size:14px; color:#888888; line-height:24px;}
.footer_top3 li a:hover{ text-decoration:underline;}

.footer_top4{ float:left; overflow:hidden;}
.footer_top5{ display:block; float:left; width:91px;}
.footer_top6{ float:left; clear:both; margin-top:20px;}
.footer_top6 li{ float:left; margin-right:40px;}
.footer_top6 li:last-child{ margin-right:0;}
.footer_top6 li a img{ display:block;}
.footer_top7{ float:left; margin-left:30px; overflow:hidden; text-align:left;}
.footer_top8{ float:left; font-size:24px; color:#333;}
.footer_top9{ float:left; clear:left; font-size:16px; line-height:30px; margin-top:20px; color:#666;}

.footer_top9 .span_cn{ width:185px; display:inline-block;}
.footer_top9 .span_en{ width:330px; display:inline-block;}
.footer_top9 .span_jp{ width:215px; display:inline-block;}

.footer_topEn .footer_top8{ font-size:16px;}
.footer_topEn .footer_top9{ font-size:14px; line-height:24px;}

.footer_bottom{ width:100%; border-top:1px solid #e7e7e7; font-size:14px; line-height:24px; overflow:hidden; padding:18px 0;}
.footer_bottom1{ float:left; width:calc(100% - 130px); text-align:left; color:#919191;}
.footer_bottom1 a{ color:#919191;}
.footer_bottom2{ float:right; width:130px; text-align:right; color:#919191;}
.footer_bottom2 a{ color:#919191;}
.footer_bottom1 a:hover{ text-decoration:underline;}
.footer_bottom2 a:hover{ text-decoration:underline;}

.footer_index .footer_top{ padding:8vh 0 25px 0;}

/*about*/
.banner{ width:100%; height:505px; background-size:cover !important; position:relative;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner1{ display:table; margin:0 auto 0 auto; max-width:90%;}
.banner2{ font-size:43px; font-weight:bold; color:#FFF; line-height:53px;}
.banner3{ font-size:24px; color:#FFF; line-height:34px; margin-top:5px;}

.position{ position:absolute; left:0; bottom:0; width:100%; height:60px; background:url(/images/position.png) repeat;}
.position1{ width:1400px; height:60px; margin:0 auto;}
.position2{ float:left; display:block; width:60px; height:60px; background:url(/images/position1.jpg) center center no-repeat; border-right:1px solid #4f4f50;}
.position3{ float:left; width:calc(30% - 21px); height:60px; border-right:1px solid #4f4f50; position:relative;}
.position3_1{ width:100%; height:60px;}
.position3_1 span{ position:relative; z-index:1; display:block; width:80%; padding:0 15% 0 5%; height:60px; line-height:60px; font-size:16px; color:#FFF; text-align:left; background:url(/images/position2.png) 95% center no-repeat; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
	-moz-user-select: none; /*»ðºü*/
	-webkit-user-select: none; /*webkitä¯ÀÀÆ÷*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*ÔçÆÚä¯ÀÀÆ÷*/
	user-select: none;
}
.position3_1_on:before{ content:""; position:absolute; top:0; left:0; width:100%; height:60px; background:#0b4da2; background-size:100% 100%;}
.position3_1_on span{ background:url(/images/position2_1.png) 95% center no-repeat;}
.position3_2{ position:absolute; top:60px; left:0; width:100%; height:0; background:#0b4da2; padding:0; overflow:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.position3_2 li{ float:left; width:100%; overflow:hidden; text-align:left; line-height:30px;}
.position3_2 li a{ float:left; font-size:16px; color:#FFF; display:block; width:90%; padding:0 5%;}
.position3_2 li a:hover{ font-weight:bold;}
.position3_2_on{ height:auto; padding:15px 0;}

.position_mobile{ display:none;}

.about1{ width:1400px; overflow:hidden; margin:0 auto; padding:80px 0;}

.neye_title{ display:table; margin:0 auto; overflow:hidden; max-width:90%;}
.neye_title1{ font-size:48px; font-weight:bold; color:#000;}
.neye_title .line{ width:42px; height:5px; background:#0b4da2; margin:20px auto 0 auto;}

.about1_1{ float:left; width:100%; overflow:hidden; margin-top:70px; text-align:left;}
.about1_2{ font-size:30px; line-height:36px;}
.about1_3{ font-size:16px; line-height:30px; margin-top:30px;}
.about1_4{ float:right; width:630px; height:410px; margin-top:70px; position:relative;}
.about1_5{ display:block; width:600px; height:380px; float:right; position:relative; z-index:10;}
.about1_6{ width:260px; height:260px; background:#0e3e88; position:absolute; left:0; bottom:0;}

.about2{ width:100%; height:740px; background:url(/images/about3.jpg) top center no-repeat; background-size:cover;}
.about2_1{ width:1400px; margin:0 auto; overflow:hidden;}
.about2_1 li{ float:left; width:22%; padding-left:3%; overflow:hidden; text-align:left; color:#FFF; margin-top:100px;}
.about2_2{ width:100%; overflow:hidden; font-size:66px;}
.about2_2 span{ font-size:16px; vertical-align:top; line-height:20px;}
.about2_3{ width:100%; overflow:hidden; font-size:17px; line-height:27px;}

.about3{ width:1400px; overflow:hidden; margin:0 auto; padding:0 0 80px 0;}
.about3_1{ float:left; width:630px; height:410px; position:relative;}
.about3_2{ display:block; width:600px; height:380px; float:left; position:relative; z-index:10;}
.about3_3{ width:260px; height:260px; background:#0e3e88; position:absolute; right:0; bottom:0;}
.about3_4{ float:right; width:50%; overflow:hidden; text-align:left;}
.about3_5{ font-size:16px; line-height:30px;}

/*vision*/
.vision{ width:1400px; margin:0 auto; padding:80px 0; overflow:hidden;}
.vision_in{ width:100%; overflow:hidden; margin-top:40px;}
.vision1{ width:100%; overflow:hidden;}
.vision1 li{ float:left; width:100%; overflow:hidden; margin-top:70px;}
.vision2{ display:block; width:668px; border:1px solid #dddddd;}
.vision3{ float:left; width:28.66%; overflow:hidden; padding: 0 2% 50px 2%; background:#f6f7f9; margin-right:1%; margin-top:15px; min-height:220px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.vision3:nth-child(3n){ margin-right:0;}
.vision3:nth-child(3n+1){ clear:left;}
.vision4{ float:left; width:100%; overflow:hidden;}
.vision4_1{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#000; line-height:34px; margin-top:50px; padding-bottom:20px;}
.vision4 .line{ width:42px; height:5px; background:#0b4da2; margin:0 auto; clear:both;}
.vision5{ float:left; width:100%; overflow:hidden; font-size:18px; line-height:30px; color:#666666; margin-top:20px;}
.vision3:hover{ background:#ebf0f9;}

.vision1 li:nth-child(2n+1) .vision2{ float:right;}
.vision1 li:nth-child(2n) .vision2{ float:left;}
.vision1 li:nth-child(2n+1) .vision3{ float:left;}
.vision1 li:nth-child(2n) .vision3{ float:right;}

/*ci*/
.ci{ width:1145px; margin:0 auto; overflow:hidden; padding:80px 0;}
.ci1{ width:100%; overflow:hidden; font-size:16px; color:#333; line-height:24px; margin:0 auto; padding-top:70px;}
.ci2{ width:calc(100% - 2px); border:1px solid #e8e8e8; margin:80px 0 0 0; padding:35px 0;}
.ci2 img{ display:block; margin:0 auto;}
.ci3{ width:calc(100% - 65px); overflow:hidden; background:#f4f4f4; margin-top:50px; padding:40px 40px 40px 25px;}
.ci3_1{ float:left; font-size:16px; color:#666666; line-height:40px;}
.ci3_1 span{ color:#9b351f;}
.ci3_2{ float:right; width:160px; padding-left:66px; height:40px; line-height:40px; background:url(/images/ci4.png) 30px center no-repeat #0b4da2; font-size:16px; color:#FFF; text-align:left; cursor:pointer;}
.ci4{ width:100%; overflow:hidden; margin-top:70px;}
.ci4 li{ float:left; width:49%; overflow:hidden;}
.ci4 li:nth-child(2n-1){ float:right;}
.ci4_1{ font-size:20px; color:#000; line-height:30px; padding-bottom:10px;}
.ci4_2{ border:1px solid #e8e8e8; min-height:200px; padding:20px 0;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ci4_2 img{ display:block; max-width:90%;}

/*affiliates*/
.affiliates{ width:1400px; margin:0 auto; overflow:hidden; padding:80px 0;}

.affiliates1{ width:100%; overflow:hidden; margin-top:30px;}
.affiliates1 li{ float:left; width:100%; overflow:hidden; padding-top:65px;}
.affiliates2{ float:left; width:600px; overflow:hidden; text-align:left;}
.affiliates3{ width:100%; overflow:hidden; font-size:36px; line-height:46px; font-weight:bold;}
.affiliates4{ width:100%; overflow:hidden; font-size:36px; line-height:46px; font-weight:bold; margin-top:10px;}
.affiliates1 li .line{ width:42px; height:5px; background:#0b4da2; margin-top:20px;}
.affiliates5{ width:100%; overflow:hidden; font-size:16px; line-height:30px; margin-top:25px;}
.affiliates6{ float:right; display:block; width:640px; height:480px;}
.affiliates1 li .li_line{ float:left; width:100%; height:2px; overflow:hidden; background:#f1f1f2; position:relative; margin-top:65px;}
.affiliates1 li .li_line:after{ content:""; width:600px; height:2px; background:#0b4da2; position:absolute; top:0; left:0;}

.affiliates_in{ width:100%; overflow:hidden; padding:70px 0 0 0; font-size:16px; line-height:30px; color:#000; text-align:left;}
.affiliates_in img{ display:block; margin:0 auto; max-width:100%;}

/*rd*/
.rd{ width:1400px; margin:0 auto; overflow:hidden; padding:80px 0;}
.rd1{ width:1024px; overflow:hidden; font-size:16px; color:#333; line-height:24px; margin:0 auto; padding-top:70px;}
.rd2{ width:100%; overflow:hidden;}
.rd2 li{ float:left; margin-right:14px; width:calc(33.33% - 9.3px); margin-top:60px; background:#28366f; overflow:hidden; -webkit-border-radius:0 0 0 50px; -moz-border-radius:0 0 0 50px; border-radius:0 0 0 50px;}
.rd2 li:nth-child(3){ margin-right:0;}
.rd3{ display:block; max-width:100%;}
.rd4{ width:82%; height:330px; padding:0 9%; text-align:left;}
.rd4_1{ width:100%; overflow:hidden; font-size:24px; color:#FFF; line-height:34px; margin-top:60px;}
.rd4_2{ width:100%; overflow:hidden; font-size:30px; color:#FFF; line-height:40px; font-weight:bold; margin-top:30px;}
.rd4_3{ width:100%; overflow:hidden; font-size:18px; color:#FFF; line-height:24px; margin-top:20px;}

.rd5{ width:100%; overflow:hidden; background:#f7f7f7; padding:70px 0 60px 0;}
.rd6{ width:1440px; margin:0 auto; overflow:hidden; padding-top:65px;}
.rd6 img{ display:block; max-width:100%; margin:0 auto;}

.rd7{ width:100%; overflow:hidden; background:url(/images/rd5.jpg) bottom center no-repeat; background-size:cover; padding:80px 0 70px 0;}
.rd7 .neye_title1{ color:#FFF;}
.rd7 .neye_title .line{ background:#FFF;}

.swiper-container7{
	width: 1400px;
	height: 490px;
	overflow:hidden;
	margin:20px auto 0 auto;
	position:relative;
}
.swiper-container7 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none;
	height:490px;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}
.rd8{ width:100%; height:490px; position:relative;}
.rd9{ background:#FFF; width:150px; height:150px; position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
}
.rd9 img{ display:block; max-width:100%; max-height:100%; margin:0 auto;}
.rd10{ position:absolute; font-size:18px; color:#FFF; line-height:30px; display:none; white-space:nowrap; text-overflow:ellipsis; width:100%; overflow:hidden;}
.swiper-container7 .swiper-slide-active{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-container7 .swiper-slide-active .rd9{ width:380px; height:380px; margin-top:-190px; margin-left:-190px;}
.swiper-container7 .swiper-slide-active .rd10{ display:block; position:absolute; bottom:0; left:0; width:100%; z-index:999;}
.swiper-container7 .swiper-slide-prev .rd9{ margin-left:-150px;}
.swiper-container7 .swiper-slide-next .rd9{ margin-left:0;}
.swiper-button-next7{ width:20px; height:30px; background:url(/images/rd7.png) center center no-repeat; position:absolute; z-index:1000; top:50%; left:50%; margin-left:220px; margin-top:-15px; cursor:pointer;}
.swiper-button-prev7{ width:20px; height:30px; background:url(/images/rd6.png) center center no-repeat; position:absolute; z-index:1000; top:50%; left:50%; margin-left:-240px; margin-top:-15px; cursor:pointer;}

/*location*/
.location{ width:1024px; margin:0 auto; overflow:hidden; padding:80px 0;}
.location1{ width:100%; overflow:hidden; font-size:30px; line-height:40px; font-weight:bold; color:#000; margin-top:70px; text-align:left;}
.location2{ width:100%; overflow:hidden; margin-top:50px;}
.location2 li{ float:left; width:calc(100% - 30px); padding-left:30px; overflow:hidden; text-align:left; font-size:16px; color:#000; line-height:26px; margin-top:15px;}
.location2 li.address{ background:url(/images/location2.png) left 3px no-repeat;}
.location2 li.email{ background:url(/images/location3.png) left 7px no-repeat;}
.location2 li.website{ background:url(/images/location4.png) left 5px no-repeat;}
.location3{ display:block; width:100%; overflow:hidden; height:500px; background-size:cover !important;}

/*businesses*/
.businesses{ width:100%; overflow:hidden; background:url(/images/businesses2.jpg) center bottom no-repeat; padding:80px 0 220px 0;}

.businesses .index2_2{ position:relative; width:1400px; margin:70px auto 0 auto; background:url(/images/index2_4.jpg) right top no-repeat; background-size:auto 605px; height:605px;}
.businesses .index2_2 li{ float:left; width:28.5%; height:605px; background-size:cover !important; border-right:1px solid #FFF; cursor:auto; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.2s;}
.businesses .index2_2 li:nth-child(3){ border-right:0;}
.businesses .index2_2 li.on{ width:calc(43% - 2px);}
.businesses1{ display:block; width:80%; padding:0 10%; overflow:hidden; height:605px; color:#FFF; text-align:left;}
.businesses .index2_3{ font-size:26px; font-weight:bold; line-height:36px; margin-top:375px; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.businesses .index2_4{ font-size:30px; margin-top:15px; line-height:40px;}
.businesses .index2_5{ font-size:18px; line-height:30px; margin-top:20px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.businesses .index2_2 li .businesses1 .line{ width:42px; height:5px; background:#983629; margin-top:20px;}

.businesses2{ width:100%; overflow:hidden; margin-top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.businesses2 a{ float:left; display:block; width:calc(50% - 22px); padding:5px 0 5px 10px; height:auto; border:1px solid #c3c4c5; color:#FFF; font-size:12px; line-height:20px; margin-right:10px; margin-top:10px; background:url(/images/businesses3.png) 96% center no-repeat; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;}
.businesses2 a:hover{ background:url(/images/businesses3.png) 96% center no-repeat #0b4da2; border:1px solid #0b4da2;}
.businesses2 a:nth-child(2n+1){ clear:left;}

.businesses .index2_2 li.on .index2_3{ margin-top:70px;}
.businesses .index2_2 li.on .index2_5{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.businesses .index2_2 li.on .businesses2{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

/*businessesIn*/
.businesses_in{ width:100%; overflow:hidden; padding:80px 0 50px 0;}

.businesses_nav{ display:table; height:75px; margin:70px auto 0 auto; overflow:hidden; background:#f0f0f0; -webkit-border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; border-radius:20px 0 20px 0;}
.businesses_nav li{ float:left; border-right:1px solid #dddddd;}
.businesses_nav li:last-child{ border-right:0;}
.businesses_nav li a{ display:block; height:75px; line-height:75px; font-size:16px; color:#333; padding:0 20px;}
.businesses_nav li a.on{ background:#0b4da2; color:#FFF;}

.businesses_in1{ width:1400px; margin:0 auto; overflow:hidden; font-size:18px; line-height:30px; color:#333; margin-top:40px;}

.businesses_in2{ width:100%; overflow:hidden; height:auto; background:url(/images/businessesIn5.jpg) bottom center no-repeat; background-size:auto 419px; padding-bottom:100px;}
.businesses_in2_1{ width:1400px; margin:0 auto; overflow:hidden; position:relative;}
.businesses_in2_2{ display:block; width:100%; overflow:hidden;}
.businesses_in2_2 li{ float:left; width:calc(33.33% - 42px); margin-right:60px; margin-top:50px; border:1px solid #ddd;}
.businesses_in2_2 li:nth-child(3n){ margin-right:0;}
.businesses_in2_2 li:nth-child(3n+1){ clear:left;}
.businesses_in2_2 li a{ display:block; width:100%;}
.businesses_in2_3{ width:100%; overflow:hidden;}
.businesses_in2_3 img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.businesses_in2_4{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:70px; line-height:70px; border-top:1px solid #ddd; font-size:16px; color:#333; background:#FFF;}
.businesses_in2_3:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

/*businessesInIn*/
.businesses_in_in{ width:1400px; margin:0 auto; overflow:hidden;}
.businesses_in_in1{ width:100%; overflow:hidden; font-size:30px; font-weight:bold; color:#000; line-height:40px; margin-top:80px;}
.businesses_in_in2{ width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#666666; line-height:24px; margin-top:40px; border-bottom:1px solid #dedede; padding-bottom:40px;}
.businesses_in_in2 span{ font-weight:normal;}
.businesses_in_in3{ width:100%; overflow:hidden; padding:50px 0; border-bottom:1px solid #dedede; text-align:left; font-size:18px; line-height:30px; color:#333333;}
.businesses_in_in3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:100%; overflow:hidden; position:relative; padding:10px 0 20px 0;}
.pageIn1{ float:left; width:calc(100% - 170px); text-align:left; font-size:14px; color:#333333; line-height:24px; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pageIn1 a{ color:#333333;}
.pageIn1 a:hover{ text-decoration:underline;}
.pageIn2{ width:140px; height:42px; line-height:42px; font-size:16px; background:#007ac3; color:#FFF; display:block; position:absolute; top:50%; right:0; margin-top:-21px; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}
.pageIn2 span{ font-family:"ËÎÌå"; font-size:18px;}

/*contact*/
.contact{ padding:80px 0 60px 0; width:1400px; margin:0 auto;}
.contact1{ width:100%; overflow:hidden; text-align:left; font-size:24px; color:#000; line-height:34px; margin-top:70px;}
.contact2{ width:100%; overflow:hidden; margin-top:20px;}
.contact3{ float:left; overflow:hidden; width:calc(33.33% - 15px); margin-right:15px;}
.contact4{ float:left; overflow:hidden; width:calc(99.99% - 15px);}
.contact2 .span1{ float:left; font-size:18px; color:#333; display:block; width:100%; line-height:28px; text-align:left; padding:25px 0 12px 0;}
.contact2 .input1{ float:left; width:calc(100% - 42px); height:58px; border:1px solid #dadce0; background:#f7f7f7; font-family:"΢ÈíÑźÚ"; font-size:18px; color:#333; outline:none; padding:0 20px;}
.contact2 .input2{ float:left; width:100px; height:58px; border:1px solid #dadce0; background:#f7f7f7; font-family:"΢ÈíÑźÚ"; font-size:18px; color:#333; outline:none; padding:0 20px;}
.contact2 .textarea1{ float:left; width:calc(100% - 42px); height:180px; line-height:30px; border:1px solid #dadce0; background:#f7f7f7; font-family:"΢ÈíÑźÚ"; font-size:18px; color:#333; outline:none; padding:15px 20px;}
.contact2 .button1{ width:210px; height:63px; background:#0b4da2; border:0; font-family:"΢ÈíÑźÚ"; cursor:pointer; font-size:18px; font-weight:bold; color:#FFF; margin-top:30px;}

/*compliance*/
.compliance1{ width:1400px; margin:0 auto; overflow:hidden; padding:80px 0 70px 0;}
.compliance1_1{ float:left; display:block; width:668px; border:1px solid #e5e5e5; margin-top:70px;}
.compliance1_2{ float:right; margin-top:70px; width:680px; overflow:hidden; text-align:left;}
.compliance1_2 .line{ float:left; width:42px; height:5px; background:#0b4da2; margin-top:20px;}
.compliance1_3{ float:left; width:100%; overflow:hidden; font-size:24px; font-weight:bold; color:#000; margin-top:20px; line-height:34px;}
.compliance1_4{ float:left; width:100%; overflow:hidden; font-size:18px; color:#666666; line-height:30px; margin-top:25px;}

.compliance2{ width:100%; margin:0 auto; overflow:hidden; padding:80px 0 70px 0; background:#f7f7f7;}
.compliance2_1{ width:1400px; margin:0 auto; overflow:hidden; font-size:18px; line-height:30px; color:#333333; margin-top:50px;}

.swiper-container5 {
	width: 1400px;
	height: auto;
	overflow: hidden;
	margin: 50px auto 0 auto;
}
.swiper-container5 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container5 .swiper-slide img{ display:block; width:calc(100% - 2px); border:1px solid #e5e5e5;}
.swiper-pagination5{ margin-top:50px;}
.swiper-pagination5 .swiper-pagination-bullet{ width:16px; height:16px; margin:0 5px !important; background:#666;}
.swiper-pagination5 .swiper-pagination-bullet-active{ background:#0b4da2;}

.compliance3{ width:100%; margin:0 auto; overflow:hidden; padding:80px 0 70px 0;}
.compliance3_1{ width:1400px; overflow:hidden; font-size:18px; line-height:30px; padding-top:50px; margin:0 auto;}
.compliance3_1 img{ display:block; margin:0 auto; max-width:100%;}

.compliance4{ width:100%; margin:0 auto; overflow:hidden; padding:80px 0 70px 0; background:#f7f7f7;}
.compliance4_1{ width:1400px; overflow:hidden; font-size:18px; line-height:30px; padding-top:50px; margin:0 auto;}
.compliance4_1 img{ display:block; margin:0 auto; max-width:100%;}

.compliance5{ width:100%; margin:0 auto; overflow:hidden; padding:80px 0 70px 0;}
.compliance5_1{ width:1400px; margin:0 auto; overflow:hidden; font-size:18px; line-height:30px; color:#333333; margin-top:50px;}

.swiper-container6 {
	width: 1400px;
	height: auto;
	overflow: hidden;
	margin: 50px auto 0 auto;
}
.swiper-container6 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination6{ margin-top:50px;}
.swiper-pagination6 .swiper-pagination-bullet{ width:16px; height:16px; margin:0 5px !important; background:#666;}
.swiper-pagination6 .swiper-pagination-bullet-active{ background:#0b4da2;}
.compliance5_2{ width:calc(100% - 2px); border:1px solid #e5e5e5;}
.compliance5_2 img{ display:block; margin:10px auto; max-width:calc(100% - 20px);}
.compliance5_3{ width:90%; padding:0 5%; background:#e5e5e5; font-size:16px; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:60px;}

/*activities*/
.activities{ width:1400px; margin:0 auto; overflow:hidden; padding-top:80px;}
.activities1{ width:100%; overflow:hidden; margin-top:50px;}
.activities1 li{ float:left; margin-right:30px; width:calc(33.33% - 20px); margin-top:30px;}
.activities1 li:nth-child(3n){ margin-right:0;}
.activities1 li:nth-child(3n+1){ clear:left;}
.activities1 li a{ display:block; width:100%; overflow:hidden; background:#f6f7f9;}
.activities2{ width:calc(100% - 2px); overflow:hidden; border:1px solid #e5e5e5;}
.activities2 img{ display:block; width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.activities3{ width:90%; padding:30px 5%; overflow:hidden; text-align:left;}
.activities4{ width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#666666; line-height:25px;}
.activities5{ width:100%; overflow:hidden; font-size:18px; color:#000; font-weight:bold; line-height:30px; height:90px; margin-top:10px;}
.activities6{ width:100%; overflow:hidden; font-size:14px; color:#737673; line-height:24px; margin-top:10px;}
.activities6 span{ font-family:"ËÎÌå"; font-size:16px;}
.activities1 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.page{ width:100%; overflow:hidden; padding:60px 0 70px 0; font-weight:bold;}
.page a{ display:inline-block; width:22px; height:44px; line-height:44px; vertical-align:middle; margin:10px 5px 0 5px; font-size:16px; color:#666666; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.page span{ display:inline-block; width:22px; height:44px; line-height:44px; vertical-align:middle; margin:10px 5px 0 5px; font-size:16px; color:#666666; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.page .first{ background:url(/images/page1.png) center center no-repeat; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #e6e6e6; width:42px; height:42px;}
.page .last{ background:url(/images/page3.png) center center no-repeat; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #e6e6e6; width:42px; height:42px;}
.page .prev{ background:url(/images/page2.png) center center no-repeat; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #e6e6e6; width:42px; height:42px;}
.page .next{ background:url(/images/page4.png) center center no-repeat; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #e6e6e6; width:42px; height:42px;}
.page .first:hover{ background:url(/images/page1_on.png) center center no-repeat #0b4da2; border:1px solid #0b4da2;}
.page .last:hover{ background:url(/images/page3_on.png) center center no-repeat #0b4da2; border:1px solid #0b4da2;}
.page .prev:hover{ background:url(/images/page2_on.png) center center no-repeat #0b4da2; border:1px solid #0b4da2;}
.page .next:hover{ background:url(/images/page4_on.png) center center no-repeat #0b4da2; border:1px solid #0b4da2;}
.page a:hover{ color:#0b4da2;}
.pager span.current{ font-weight:bold; text-decoration:underline;}

/*talented*/
.talented{ width:1400px; margin:0 auto; overflow:hidden; padding:80px 0 70px 0;}
.talented1{ width:100%; overflow:hidden; margin-top:70px; font-size:18px; line-height:30px; color:#333;}
.talented1_1{ font-size:30px; font-weight:bold; color:#0b4da2; line-height:40px;}
.talented2{ width:100%; overflow:hidden; background:url(/images/talented2.jpg) center center no-repeat; background-size:cover; padding:80px 0 70px 0;}
.talented2_1{ width:1400px; margin:0 auto; overflow:hidden; font-size:18px; color:#333333; line-height:30px; margin-top:25px;}
.talented2_2{ width:1398px; margin:70px auto 0 auto; overflow:hidden; background:#FFF; border:1px solid #c7c7c7;}
.talented2_2 li{ float:left; overflow:hidden; border-right:1px solid #c7c7c7; width:calc(25% - 1px); height:348px;}
.talented2_2 li:last-child{ border-right:0;}
.talented2_3{ width:100%; height:70px; margin-top:50px;}
.talented2_4{ width:90%; font-size:24px; color:#004274; line-height:34px; margin:20px auto 0 auto;}
.talented2_5{ width:190px; margin:25px auto 0 auto; overflow:hidden; border-top:1px solid #c1c1c1; font-size:18px; color:#333; line-height:30px; padding-top:20px;}

/*development*/
.development1{ width:100%; overflow:hidden; background:#f4f4f4;}
.development1_1{ width:1400px; margin:0 auto; overflow:hidden;}
.development1_1 li{ float:left; width:calc(33.33% - 60px); overflow:hidden; padding:70px 0;}
.development1_2{ width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#000; text-align:left; line-height:30px;}
.development1_3{ display:block; width:100%; margin-top:30px;}
.development1_4{ width:100%; overflow:hidden; text-align:left; font-size:18px; color:#000; line-height:30px; margin-top:25px;}
.development1_1 .arrow{ width:90px; height:130px; background:url(/images/development4.png) center bottom no-repeat;}

.development2{ width:100%; overflow:hidden; padding:80px 0 70px 0;}
.development2_1{ width:1400px; overflow:hidden; margin:40px auto 0 auto;}
.development2_1 li{ float:left; overflow:hidden; width:calc(50% - 15px); margin-right:26px; border:1px solid #f2f2f2; text-align:left; background:url(/images/development5.jpg) top center no-repeat; margin-top:25px;}
.development2_1 li:nth-child(2n){ margin-right:0;}
.development2_1 li:nth-child(2n+1){ clear:left;}
.development2_2{ width:90%; margin:50px auto 0 auto; overflow:hidden; color:#000; font-family:"Arial"; font-size:18px; padding-bottom:20px; border-bottom:2px solid #f2f2f2;}
.development2_2 span{ font-size:18px; font-weight:bold; font-family:"Arial";}
.development2_3{ width:90%; margin:20px auto 0 auto; overflow:hidden; font-size:18px; line-height:30px; color:#777777; padding-bottom:20px; min-height:180px;}

.development3{ width:100%; overflow:hidden; padding:80px 0 70px 0; background:#f4f4f4;}
.development3_1{ width:100%; margin:0 auto; overflow:hidden;}
.development3_1 li{ float:left; width:calc(25% - 3px); overflow:hidden; margin-top:60px; margin-right:4px;}
.development3_1 li:last-child{ margin-right:0;}
.development3_2{ display:block; width:100%; position:relative; z-index:10;}
.development3_3{ position:relative; z-index:100; width:calc(90% - 60px); padding:0 30px 20px 30px; background:#FFF; overflow:hidden; margin:-60px auto 0 auto; text-align:left; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px; border-radius:0 20px 0 20px;}
.development3_4{ width:100%; overflow:hidden; font-size:18px; color:#000; margin-top:20px; border-bottom:2px solid #f2f2f2; padding-bottom:15px;}
.development3_4 span{ font-size:18px; font-weight:bold; font-family:"Arial";}
.development3_5{ width:100%; overflow:hidden; font-size:14px; color:#a0a0a0; line-height:24px; margin-top:15px; min-height:240px;}

/*job*/
.job{ width:100%; overflow:hidden; background:#f4f4f4; padding:60px 0 70px 0;}
.job1{ width:1400px; margin:0 auto; overflow:hidden;}
.job1 li{ float:left; margin-top:10px; overflow:hidden; border:1px solid #c7c7c7; background:#FFF; margin-right:10px; width:calc(25% - 9.5px);}
.job1 li:nth-child(4n){ margin-right:0;}
.job1 li:nth-child(4n+1){ clear:left;}
.job2{ display:block; margin:30px auto 0 auto;}
.job3{ width:90%; margin:25px auto 0 auto; overflow:hidden; font-size:18px; line-height:24px; color:#333; padding-bottom:25px; min-height:96px;}

/*new*/
.news1{ margin-top:0;}
.search{ width:100%; overflow:hidden; background:#f3f3f3; margin-top:30px; padding:20px 0;}
.search1{ float:left; margin-left:20px; border:1px solid #dfdfdf; width:calc(100% - 340px); height:58px; outline:none; padding:0 20px; font-size:18px; color:#666;}
.search2{ float:right; margin-right:20px; width:240px; height:60px; background:#007ac3; color:#FFF; border:0; outline:none; cursor:pointer; font-size:18px;}

/*newsIn*/
.newsIn1{ display:block; width:1398px; overflow:hidden; margin:70px auto 0 auto; border:1px solid #dddddd;}
.newsIn1_1{ float:left; display:block; width:480px;}
.newsIn1_2{ float:left; width:calc(100% - 580px); text-align:left; padding:0 50px;}
.newsIn1_3{ float:left; width:100%; overflow:hidden; font-size:24px; color:#000; font-weight:bold; line-height:34px; margin-top:40px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn1_4{ float:left; width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#666666; line-height:25px; margin-top:20px;}
.newsIn1_5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:30px; margin-top:15px; height:90px; overflow:hidden;}
.newsIn1_6{ float:left; width:160px; height:45px; line-height:45px; background:#0b4da2; color:#FFF; text-align:center; font-size:16px; margin-top:20px; -webkit-border-radius:22.5px; -moz-border-radius:22.5px; border-radius:22.5px;}
.newsIn1:hover .newsIn1_3{ color:#0b4da2;}

.newsIn2{ width:1400px; margin:0 auto; overflow:hidden;}
.newsIn2 li{ width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.newsIn2 li a{ width:100%; display:block; overflow:hidden; padding:35px 0 40px 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn2_1{ float:left; overflow:hidden; margin-left:40px; text-align:left; width:calc(100% - 380px);}
.newsIn2_2{ width:100%; overflow:hidden; font-size:18px; font-weight:bold; color:#000; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn2_3{ width:100%; overflow:hidden; font-size:16px; line-height:30px; color:#333; height:60px; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn2_4{ float:right; overflow:hidden; text-align:left; width:240px; padding-left:50px; border-left:1px solid #eaeaea; background:url(/images/newsIn2.png) 220px center no-repeat; margin-top:10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn2_5{ font-size:50px; font-weight:bold; color:#0d4286; line-height:60px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn2_6{ font-size:15px; font-weight:bold; color:#666666; line-height:25px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.newsIn2 li a:hover{ background:#0f4387;}
.newsIn2 li a:hover .newsIn2_2{ color:#FFF;}
.newsIn2 li a:hover .newsIn2_3{ color:#FFF;}
.newsIn2 li a:hover .newsIn2_4{ border-left:1px solid #FFF; background:url(/images/newsIn2_on.png) 220px center no-repeat;}
.newsIn2 li a:hover .newsIn2_5{ color:#FFF;}
.newsIn2 li a:hover .newsIn2_6{ color:#FFF;}

.valid_code1{ float:left; margin-left:20px; height:30px; margin-top:15px; cursor:pointer;}

/*ÐÂÔö20241031*/
.banner_link{ position:absolute; z-index:1000; bottom:120px; left:50%; margin-left:-360px;}
.banner_link li{ float:left; margin:0 20px; width:200px;}
.banner_link li a{ display:block; width:calc(100% - 4px); height:120px; border:2px solid #eee; background-size:100% 100% !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.banner_link li a span{ font-size:20px; color:#FFF; line-height:120px;}
.banner_link li a:hover{ background-size:120% 120% !important;}

.history{ width:100%; overflow:hidden; padding:60px 0 60px 0; background:url(/images/history_bg.jpg) center center no-repeat; background-size:cover;}
.history1{ width:90%; overflow:hidden; position:relative; margin:50px auto 0 auto;}

.history2{ line-height:24px; font-size:15px; width:calc(100% - 26px); float:left; padding-left:26px; position:relative; color:#5f5f5e;}
.history3{ font-size:15px; font-weight:bold; color:#333;}
.history4{ font-size:14px; color:#666;}
.history5{ position:absolute; left:26px; color:#000; font-size:30px; font-weight:bold; line-height:30px;}

.swiper-container3 {
	width: 90%;
	height: auto;
	overflow:hidden;
	position:relative;
	margin:0 auto 0 auto;
	background:url(/images/history_bg1.jpg) left 163px repeat-x;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: nooe;
	height:400px;
	text-align:left;
}
.swiper-slide:nth-child(2n-1) .history2{ height:110px; padding-top:66px; background:url(/images/history_bg2.png) 0 33px no-repeat;}
.swiper-slide:nth-child(2n) .history2{ height:110px; padding-top:120px; margin-top:150px; background:url(/images/history_bg3.png) 0 top no-repeat;}
.swiper-slide:nth-child(2n-1) .history5{ top:25px;}
.swiper-slide:nth-child(2n) .history5{ top:80px;}

.swiper-button-next3{ position:absolute; z-index:10; top:140px; right:0; width:50px; height:50px; background:url(/images/shareholders2_3.png) no-repeat; cursor:pointer;}
.swiper-button-prev3{ position:absolute; z-index:10; top:140px; left:0; width:50px; height:50px; background:url(/images/shareholders2_2.png) no-repeat; cursor:pointer;}

.history2en{ font-size:12px; line-height:20px;}