.banner-dots li button::before, .hs-input, .menu-link::after, .header-submenu, .btn-menu>span, .ibp-item::before, .wbpager a, .wdi-item__header::after, .ahistory-item__img, .ah-more::after, .tdd-item, .tdd-item__header::after, .topic-more::after, .filter-selector__header::after, .form-item__wrap::after, .cf-submit, .job-item__arrow, .page-menu-main, .pm-item::before, .pm-item__body, .pm-item__link, .search-item, .fsocial-qrcode>img {
-webkit-transition:all .3s;
transition:all .3s
}
.icate-item__title, .wsort-item__title, .btn-pdf, .btn-download, .ahistory-item__title, .ah-more, .team-item__info, .area-contact-map, .filter-selector__option a, .job-cate>span, .search-item h4, .fsocial-link {
-webkit-transition:color .3s;
transition:color .3s
}
.pm-item {
-webkit-transition:background .3s;
transition:background .3s
}
.team-item__img>img {
-webkit-transition:transform .3s;
transition:transform .3s
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:400;
src:local(""), url("http://anli.kaibaidu.com/en/default/assets/fonts/montserrat/montserrat-v15-latin-regular.woff2") format("woff2"), url("http://anli.kaibaidu.com/en/default/assets/fonts/montserrat/montserrat-v15-latin-regular.woff") format("woff")
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:500;
src:local(""), url("http://anli.kaibaidu.com/en/default/assets/fonts/montserrat/montserrat-v15-latin-500.woff2") format("woff2"), url("http://anli.kaibaidu.com/en/default/assets/fonts/montserrat/montserrat-v15-latin-500.woff") format("woff")
}
@font-face {
font-family:'Montserrat';
font-style:normal;
font-weight:700;
src:local(""), url("http://anli.kaibaidu.com/en/default/assets/fonts/montserrat/montserrat-v15-latin-700.woff2") format("woff2"), url("http://anli.kaibaidu.com/en/default/assets/fonts/montserrat/montserrat-v15-latin-700.woff") format("woff")
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height:1.25;
	-webkit-text-size-adjust:100%
}
body {
	margin:0;
	font-family:"Source Han Sans CN", "Microsoft YaHei", "PingFang SC", "STSong", "SimSun", Arial, sans-serif
}
main {
	display:block
}
h1 {
	font-size:2em;
	margin:0.67em 0
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre, code, kbd, samp {
	font-family:monospace, monospace;
	font-size:1em
}
a {
	background-color:transparent;
	text-decoration:none
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
b, strong {
	font-weight:bolder
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-0.25em
}
sup {
	top:-0.5em
}
img {
	border-style:none
}
button, input, optgroup, select, textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button, input {
	overflow:visible
}
button, select {
	text-transform:none
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	padding:0.35em 0.75em 0.625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type="checkbox"], [type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
template {
	display:none
}
[hidden] {
display:none
}
ul {
	margin:0;
	padding:0
}
ul, li {
	list-style:none
}
p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
* {
	-webkit-tap-highlight-color:transparent
}
[class*=' icon-'], [class^=icon-] {
font-family:"iconfont";
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-style:normal;
font-variant:normal;
line-height:1;
speak:none;
text-transform:none
}
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear {
display:none
}
.wow {
	visibility:hidden
}
.no-cssanimations .wow {
	visibility:visible
}
.mt-10 {
	margin-top:10px
}
.mt-20 {
	margin-top:20px
}
.mt-30 {
	margin-top:30px
}
.mt-40 {
	margin-top:40px
}
.mt-50 {
	margin-top:50px
}
.mt-60 {
	margin-top:60px
}
.mt-70 {
	margin-top:70px
}
.mt-80 {
	margin-top:80px
}
.mt-90 {
	margin-top:90px
}
.mt-100 {
	margin-top:100px
}
.mt-110 {
	margin-top:110px
}
.mt-120 {
	margin-top:120px
}
.mt-140 {
	margin-top:140px
}
.mt-160 {
	margin-top:160px
}
.mt-200 {
	margin-top:200px
}
@media (max-width: 1400px) {
.mt-60 {
margin-top:45px
}
.mt-80 {
margin-top:60px
}
.mt-100 {
margin-top:75px
}
.mt-120 {
margin-top:90px
}
}
@media (max-width: 1024px) {
.mt-40 {
margin-top:20px
}
.mt-60 {
margin-top:30px
}
.mt-70 {
margin-top:35px
}
.mt-80 {
margin-top:40px
}
.mt-90 {
margin-top:45px
}
.mt-100 {
margin-top:50px
}
.mt-110 {
margin-top:55px
}
.mt-120 {
margin-top:60px
}
.mt-140 {
margin-top:70px
}
.mt-160 {
margin-top:80px
}
.mt-200 {
margin-top:100px
}
}
.fz-12 {
	font-size:12px
}
.fz-14 {
	font-size:14px
}
.fz-16 {
	font-size:16px
}
.fz-18 {
	font-size:18px
}
.fz-20 {
	font-size:20px
}
.fz-24 {
	font-size:24px
}
.fz-32 {
	font-size:32px
}
.fz-36 {
	font-size:36px
}
@media (max-width: 1680px) {
.fz-36 {
font-size:32px
}
.fz-32 {
font-size:28px
}
.fz-24 {
font-size:20px
}
}
@media (max-width: 1400px) {
.fz-36 {
font-size:28px
}
.fz-32 {
font-size:24px
}
.fz-24 {
font-size:16px
}
}
@media (max-width: 1280px) {
.fz-36 {
font-size:24px
}
.fz-32 {
font-size:20px
}
}
@media (max-width: 768px) {
.fz-36 {
font-size:20px
}
}
.text-right {
	text-align:right
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.d-inline-block {
	display:inline-block
}
.d-none {
	display:none
}
.d-block {
	display:block
}
.v-rl {
	writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl
}
.v-lr {
	writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr
}
.v-hide {
	visibility:hidden
}
.contact-map .BMapLabel {
	border:0
}
.contact-map .anchorBL {
	display:none
}
.list {
	font-size:0
}
.list>li {
	display:inline-block;
	vertical-align:top
}
.list-default {
	margin-right:-6px;
	margin-left:-6px
}
.list-item {
	margin-right:6px;
	margin-left:6px
}
.list-1>li {
	width:100%
}
.list-2>li {
	width:50%
}
.list-3>li {
	width:33.3333%
}
.list-4>li {
	width:25%
}
.list-5>li {
	width:20%
}
.list-6>li {
	width:16.6666%
}
.list-7>li {
	width:14.2857%
}
.img-box {
	position:relative;
	overflow:hidden
}
.img-box::before {
content:"";
display:block
}
.img-box>img {
	left:0;
	position:absolute;
	top:0;
	width:100%;
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.bg-cover {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.bg-contain {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain
}
.bg-vi {
	background-color:#032D61
}
.wx-share {
	margin-top:-130px;
	margin-left:-120px;
	border-radius:3px;
	position:fixed;
	z-index:1000;
	top:50%;
	left:50%;
	padding:20px 10px;
	width:240px;
	height:280px;
	background-color:#fff;
	cursor:pointer;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1)
}
.wx-share img {
	display:block;
	width:100%
}
.wx-share p {
	font-size:12px;
	line-height:20px;
	text-align:center;
	font-weight:500;
	color:#000
}
.wx-share i {
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	width:2.5em;
	height:2.5em;
	line-height:2.5;
	text-align:center;
	color:#000
}
.bg-line1 {
	height:1px
}
.bg-line2 {
	height:2px
}
.bg-line3 {
	height:3px
}
.line1 {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.line2, .line3, .line5 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
.line2 {
	-webkit-line-clamp:2
}
.line3 {
	-webkit-line-clamp:3
}
.line5 {
	-webkit-line-clamp:5
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUpSmall {
from {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUpSmall {
	-webkit-animation-name:fadeInUpSmall;
	animation-name:fadeInUpSmall
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftSmall {
from {
opacity:0;
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeftSmall {
from {
opacity:0;
-webkit-transform:translate3d(-40px, 0, 0);
transform:translate3d(-40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeftSmall {
	-webkit-animation-name:fadeInLeftSmall;
	animation-name:fadeInLeftSmall
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightSmall {
from {
opacity:0;
-webkit-transform:translate3d(40px, 0, 0);
transform:translate3d(40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRightSmall {
from {
opacity:0;
-webkit-transform:translate3d(40px, 0, 0);
transform:translate3d(40px, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRightSmall {
	-webkit-animation-name:fadeInRightSmall;
	animation-name:fadeInRightSmall
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}
.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}
.animated.fast {
	-webkit-animation-duration:800ms;
	animation-duration:800ms
}
.animated.faster {
	-webkit-animation-duration:500ms;
	animation-duration:500ms
}
.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation:unset !important;
animation:unset !important;
-webkit-transition:none !important;
transition:none !important
}
}
.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-list {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0
}
.slick-list:focus {
	outline:0
}
.slick-list.dragging {
	cursor:pointer;
	cursor:hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.slick-track {
	position:relative;
	top:0;
	left:0;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.slick-track::after, .slick-track::before {
display:table;
content:""
}
.slick-track::after {
clear:both
}
.slick-loading .slick-track {
	visibility:hidden
}
.slick-slide {
	display:none;
	float:left;
	height:100%;
	min-height:1px;
	outline:0
}
.slick-slide a {
	outline:0
}
[dir=rtl] .slick-slide {
	float:right
}
.slick-slide img {
	display:block
}
.slick-slide.slick-loading img {
	display:none
}
.slick-slide.dragging img {
	pointer-events:none
}
.slick-initialized .slick-slide {
	display:block
}
.slick-loading .slick-slide {
	visibility:hidden
}
.slick-vertical .slick-slide {
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-arrow.slick-hidden {
	display:none
}
.banner-dots {
	position:absolute;
	bottom:80px;
	right:0;
	left:0;
	font-size:0;
	text-align:center
}
.banner-dots li {
	margin:0 15px;
	display:inline-block;
	vertical-align:top
}
.banner-dots li button {
	position:relative;
	display:inline-block;
	padding:0;
	border:0;
	font-size:0;
	background-color:transparent;
	outline:0;
	cursor:pointer
}
.banner-dots li button::before {
content:"";
display:block;
width:50px;
height:2px;
background-color:#999
}
.banner-dots li button::after {
content:"";
position:absolute;
z-index:2;
top:0;
bottom:0;
left:0;
width:0;
background-color:#032D61
}
.banner-dots li.slick-active button::before {
background-color:#999
}
.banner-dots li.slick-active button::after {
width:100%;
-webkit-transition:width 4s ease;
transition:width 4s ease
}
@media (max-width: 1024px) {
.banner-dots {
bottom:20px
}
.banner-dots li {
margin-right:10px;
margin-left:10px
}
.banner-dots li button::before {
width:30px
}
}
.member-dots {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	font-size:0;
	text-align:center
}
.member-dots li {
	margin:0 2px;
	display:inline-block;
	vertical-align:top
}
.member-dots li button {
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	padding:0;
	border:0;
	font-size:0;
	background-color:transparent;
	outline:0;
	cursor:pointer
}
.member-dots li button::before {
content:"";
position:absolute;
top:50%;
left:50%;
width:6px;
height:6px;
border-radius:50%;
background-color:#333;
margin:-3px 0 0 -3px
}
.member-dots li button::after {
content:"";
position:absolute;
top:50%;
left:50%;
width:20px;
height:20px;
box-sizing:border-box;
border:2px solid #333;
border-radius:50%;
margin:-10px 0 0 -10px;
visibility:hidden;
opacity:0
}
.member-dots li.slick-active button::before {
visibility:hidden;
opacity:0
}
.member-dots li.slick-active button::after {
visibility:visible;
opacity:1
}
.wrap {
	margin-right:60px;
	margin-left:60px
}
.blank-top {
	height:100px
}
.header {
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:100;
	background-color:#fff
}
.header-inner {
	position:relative
}
.header-inner::after {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:2px;
background-color:#032D61
}
.header-right {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-20px;
	z-index:10;
	font-size:0
}
.header-lang {
	display:inline-block;
	vertical-align:top;
	width:40px;
	line-height:40px;
	font-family:"Montserrat";
	font-weight:500;
	color:#333;
	text-align:center;
	margin-left:15px
}
.header-search {
	display:inline-block;
	vertical-align:top
}
.header-search:hover .hs-input {
	width:200px
}
.hs-input {
	display:inline-block;
	vertical-align:top;
	border:0;
	border-bottom:1px solid #032D61;
	font-size:16px;
	line-height:40px;
	box-sizing:border-box;
	outline:0;
	width:0;
	padding:0;
	background-color:transparent
}
.hs-submit {
	display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
	font-size:20px;
	border:0;
	padding:0;
	outline:0;
	background-color:transparent;
	cursor:pointer;
	line-height:40px;
	text-align:center
}
.header-menu {
	position:relative;
	z-index:5;padding-left:200px;
}
.header-menu-ul {
	text-align:center
}
.menu-item {
	padding-right:40px;
	padding-left:40px
}
.menu-link {
	position:relative;
	display:block;
	line-height:100px;
	color:#333;
	letter-spacing:0.05em
}
.menu-link::after {
content:"";
position:absolute;
right:-5px;
bottom:0;
left:-5px;
height:4px;
background-color:#032D61;
visibility:hidden;
opacity:0
}
.header-logo {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-25px;
	z-index:10
}
.header-logo>img {
	width:auto;
	height:50px
}
.header-logo .logo-b {
	display:block
}
.header-logo .logo-w {
	display:none
}
@media (min-width: 1201px) {
.menu-link:hover::after {
-webkit-transform:scaleX(2);
transform:scaleX(2)
}
.menu-item.active .menu-link::after {
visibility:visible;
opacity:1;
-webkit-transform:scaleX(2);
transform:scaleX(2)
}
.menu-item.current .menu-link::after {
visibility:visible;
opacity:1
}
.drop .menu-item.current .menu-link::after {
visibility:hidden;
opacity:0
}
}
@media (max-width: 1400px) {
.wrap {
margin-right:40px;
margin-left:40px
}
.header-logo {
margin-top:-20px
}
.header-logo>img {
height:40px
}
.menu-link {
line-height:80px
}
.blank-top {
height:80px
}
}
@media (max-width: 1200px) {
.header-lang {
margin-left:5px
}
}
@media (max-width: 1024px) {
.wrap {
margin-right:20px;
margin-left:20px
}
}
.submenu-item {
	overflow:hidden;
	display:none
}
.submenu-item.active {
	display:block
}
.header-submenu {
	position:absolute;
	top:100%;
	right:0;
	left:0;
	font-size:0;
	background-color:#fff;
	overflow:hidden;
	-webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%)
}
.header-submenu::after {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:1px;
background-color:#DBE1E9
}
.submenu-left, .submenu-right {
	display:inline-block;
	vertical-align:top
}
.submenu-left {
	margin-top:40px;
	width:200px;
	padding-left:40px;
	box-sizing:border-box;
	line-height:50px;
	letter-spacing:0.05em;
	color:#032D61
}
.submenu-right {
	text-align:left;
	box-sizing:border-box;
	white-space:nowrap
}
.submenu-cate {
	position:relative;
	margin-right:0;
	min-width:110px;
	white-space:normal;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding:20px 30px 0 40px;
	box-sizing:border-box
}
.submenu-cate::before {
content:"";
position:absolute;
top:0;
right:0;
left:0;
height:400px;
background-color:#DBE1E9;
visibility:hidden;
opacity:0
}
.scate-header {
	position:relative;
	z-index:2;
	display:block;
	line-height:50px;
	color:#333
}
.scate-header.has-sub::after {
content:"\e83c";
font-family:'iconfont';
display:inline-block;
vertical-align:top;
margin-left:10px;
font-size:12px;
line-height:50px;
display:none
}
.scate-body {
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:2;
	padding-bottom:20px
}
.scate-link {
	display:inline-block;
	vertical-align:top;
	line-height:2;
	letter-spacing:0.05em;
	color:#333
}
.scate-menu {
	display:inline-block;
	vertical-align:top;
	width:200px
}
.scate-menu>li {
	width:100px
}
.scate-menu.place {
	width:100px
}
.scate-menu.place>li {
	width:50px
}
.scate-menu.area {
	width:150px
}
.scate-menu.area>li {
	width:auto;
	margin-right:10px
}
.tmenu .header {
	background-color:transparent
}
.tmenu .header-logo .logo-b {
	display:none
}
.tmenu .header-logo .logo-w {
	display:block
}
.tmenu .menu-link {
	color:#fff
}
.tmenu .header-lang {
	color:#fff
}
.tmenu .hs-submit {
	color:#fff
}
.tmenu .header-inner::after {
visibility:hidden;
opacity:0
}
.fixed-menu.tmenu .header, .hover-menu.tmenu .header {
	background-color:#fff
}
.fixed-menu.tmenu .header-logo .logo-b, .hover-menu.tmenu .header-logo .logo-b {
	display:block
}
.fixed-menu.tmenu .header-logo .logo-w, .hover-menu.tmenu .header-logo .logo-w {
	display:none
}
.fixed-menu.tmenu .menu-link, .hover-menu.tmenu .menu-link {
	color:#333
}
.fixed-menu.tmenu .header-lang, .hover-menu.tmenu .header-lang {
	color:#333
}
.fixed-menu.tmenu .hs-submit, .hover-menu.tmenu .hs-submit {
	color:#333
}
.drop .page-menu-main {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.drop .header-inner::after {
visibility:hidden;
opacity:0
}
.hover-menu .header-inner::after {
visibility:visible;
opacity:1
}
.btn-menu {
	display:none;
	position:relative;
	margin-left:10px;
	width:40px;
	height:40px;
	cursor:pointer
}
.btn-menu>span {
	position:absolute;
	top:50%;
	left:6px;
	width:18px;
	height:2px;
	background-color:#333
}
.btn-menu>span:first-of-type {
	margin-top:-7px
}
.btn-menu>span:nth-of-type(2) {
margin-top:-1px
}
.btn-menu>span:last-of-type {
	margin-top:5px
}
.tmenu .btn-menu>span {
	background-color:#fff
}
.fixed-menu .btn-menu>span {
	background-color:#333
}
.menu-open .btn-menu>span:first-of-type {
	margin-top:-1px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.menu-open .btn-menu>span:nth-of-type(2) {
visibility:hidden;
opacity:0
}
.menu-open .btn-menu>span:last-of-type {
	margin-top:-1px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.menu-item__arrow {
	display:none;
	z-index:2;
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	font-size:16px;
	text-align:center;
	color:#333;
	line-height:50px;
	text-align:right
}
.submenu-close {
	display:none
}
@media (min-width: 1025px) {
.scate-link:hover {
color:#032D61;
font-weight:500
}
.submenu-cate:hover::before {
visibility:visible;
opacity:1
}
}
@media (min-width: 1541px) {
[data-sub="nav4"] .submenu-right {
position:relative;
left:-8px
}
}
@media (min-width: 1201px) {
[data-sub="nav5"] .submenu-right, [data-sub="nav6"] .submenu-right, [data-sub="nav7"] .submenu-right {
position:relative;
left:-15px
}
}
@media (max-width: 1540px) {
[data-sub="nav4"] .submenu-right {
margin-left:auto !important;
text-align:center;
width:100%
}
}
@media (max-width: 1400px) {
.submenu-left {
margin-top:20px
}
.submenu-cate {
padding-top:20px
}
}
@media (max-width: 1200px) {
.header-menu {
position:fixed;
top:80px;
right:0;
bottom:0;
width:320px;
background-color:#fff;
visibility:hidden;
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.menu-open .header-menu {
visibility:visible;
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.menu-open .header {
background-color:#fff
}
.menu-open .header-logo .logo-b {
display:block
}
.menu-open .header-logo .logo-w {
display:none
}
.menu-open .hs-submit {
color:#333
}
.menu-open .header-lang {
color:#333
}
.menu-open .btn-menu span {
background-color:#333
}
.menu-open .menu-link {
color:#333
}
.menu-item {
padding-right:0;
padding-left:0;
position:relative;
margin-right:40px;
margin-left:40px
}
.menu-link {
line-height:50px;
border-bottom:1px solid #e6e6e6;
text-align:left
}
.header-menu-ul {
margin-top:20px
}
.header-menu-ul>li {
display:block
}
.header-inner {
height:80px
}
.btn-menu {
display:inline-block;
vertical-align:top
}
.menu-item__arrow {
display:block
}
.header-submenu {
z-index:50;
position:fixed;
top:80px;
right:0;
bottom:0;
width:320px;
left:auto;
visibility:hidden;
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.header-submenu.active {
visibility:visible;
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.submenu-item.active {
display:block
}
.submenu-left {
width:auto;
padding-left:0;
margin-top:0
}
.submenu-right {
width:100%;
text-align:left
}
.submenu-cate {
margin-right:0;
padding-left:0;
padding-right:0;
padding-top:0;
display:block
}
.scate-menu {
width:auto
}
.scate-menu>li {
width:50%
}
.scate-menu.place {
width:auto
}
.submenu-right {
padding-right:0
}
.scate-body {
padding-bottom:10px
}
.submenu-close {
display:inline-block;
vertical-align:top;
width:40px;
height:50px;
font-size:16px;
line-height:50px;
text-align:center;
color:#333;
text-align:left
}
.scate-link {
color:#AFAFAF
}
.wmenu .header {
background-color:#fff
}
.wmenu .header-logo .logo-w {
display:none
}
.wmenu .header-logo .logo-b {
display:block
}
.wmenu .btn-menu span {
background-color:#333
}
.wmenu .header-lang {
color:#333
}
.wmenu .hs-submit {
color:#333
}
.wmenu .menu-link {
color:#333
}
}
@media (max-width: 1024px) {
.header-inner {
height:60px
}
.blank-top {
height:60px
}
.header-menu, .header-submenu {
top:60px
}
.header-submenu {
padding-top:20px
}
.menu-item {
margin-right:20px;
margin-left:20px
}
.header-logo {
margin-top:-15px
}
.header-logo>img {
height:30px
}
}
@media (max-width: 480px) {
.header-menu, .header-submenu {
width:100%
}
}
.search-box {
	z-index:120;
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0, 0, 0, 0.6)
}
.sbf-bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}
.search-box-main {
	position:absolute;
	top:50%;
	right:0;
	left:0;
	z-index:10;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.search-box-wrap {
	max-width:880px;
	margin:0 auto
}
.sbf-main {
	padding:20px;
	font-size:0;
	background-color:#fff;
	-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.8);
	box-shadow:0 0 12px rgba(0, 0, 0, 0.8)
}
.sbf-ico {
	display:inline-block;
	vertical-align:top;
	width:40px;
	height:40px;
	font-size:20px;
	line-height:40px;
	text-align:center;
	color:#333
}
.sbf-input {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 40px);
	height:40px;
	border:0;
	padding:0;
	outline:0;
	background-color:transparent;
	color:#333;
	font-size:16px
}
@media (max-width: 1024px) {
.search-box-wrap {
margin-right:20px;
margin-left:20px;
max-width:inherit
}
.sbf-main {
padding-top:10px;
padding-bottom:10px
}
}
@media (max-width: 1024px) {
body {
font-family:'PingFang SC'
}
}
.container {
	overflow:hidden
}
.ib-box, .ib-item {
	position:relative;
	height:100vh;
	min-height:760px;
	overflow:hidden
}
.ib-item {
	position:relative;
	display:block;
	height:100vh;
	overflow:hidden
}
.ib-item>img {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%
}
.ib-item::after {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:240px;
opacity:.4;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000)
}
.csstransforms .ib-item>img {
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.ib-txt {
	position:absolute;
	right:0;
	bottom:80px;
	left:0
}
.ibt-item {
	text-align:center;
	padding-right:20px;
	padding-left:20px
}
.ibt-item__title {
	font-weight:400;
	letter-spacing:0.05em;
	color:#fff;
	line-height:1.5
}
.ibt-item__desc {
	line-height:2;
	color:#fff;
	letter-spacing:0.05em;
	font-weight:300
}
.list-icate {
	margin-top:12px
}
.icate-item {
	display:block
}
.icate-item__img {
	overflow:hidden
}
.icate-item__img::before {
padding-top:61.17021%
}
.icate-item__img>img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.icate-item__info {
	padding:20px
}
.icate-item__title {
	line-height:1;
	letter-spacing:0.05em;
	color:#333;
	font-weight:400
}
.icate-item__desc {
	line-height:2;
	color:#AFAFAF
}
.ib-pager {
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	text-align:center
}
.ibp-item {
	position:relative;
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	width:20px;
	height:20px
}
.ibp-item::before {
content:"";
position:absolute;
top:50%;
left:50%;
width:6px;
height:6px;
border-radius:50%;
background-color:#fff;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.ibp-item>svg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.ibp-item>svg:nth-of-type(1) {
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg)
}
.ibp-item>svg:nth-of-type(2) {
visibility:hidden
}
.ibp-item path:first-of-type {
	opacity:0
}
.ibp-item .path {
	stroke-dashoffset:2828;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.ibp-item.current::before {
opacity:0
}
.ibp-item.current .path {
	-webkit-animation:run 5s linear;
	animation:run 5s linear
}
.ibp-item.current path:first-of-type {
	opacity:1
}
.ibp-item.current>svg {
	-webkit-transition:transform 5s linear;
	transition:transform 5s linear
}
.ibp-item.current>svg:nth-of-type(2) {
visibility:visible;
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
@-webkit-keyframes run {
to {
stroke-dashoffset:0
}
}
@keyframes run {
to {
stroke-dashoffset:0
}
}
@media (min-width: 1025px) {
.icate-item:hover .icate-item__img>img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.icate-item:hover .icate-item__title {
color:#032D61
}
}
@media (max-width: 1680px) {
.ibt-item__desc {
font-size:14px
}
}
@media (max-width: 1400px) {
.icate-item__info {
padding-right:10px;
padding-left:10px
}
}
@media (max-width: 1024px) {
.ib-box, .ib-item {
height:auto;
min-height:auto
}
.ib-box::before, .ib-item::before {
content:"";
display:block;
padding-top:50%
}
.ib-item>img {
top:0;
left:0;
width:100%;
min-height:auto;
min-width:auto
}
.slick-ib {
position:absolute;
top:0;
right:0;
left:0
}
.csstransforms .ib-item>img {
top:0;
left:0;
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.icate-item__title {
font-size:16px
}
}
@media (max-width: 768px) {
.list-icate>li {
width:33.3333%;
margin-bottom:20px
}
}
@media (max-width: 640px) {
.ib-box::before, .ib-item::before {

}
.list-icate>li {
width:50%
}
.list-icate-box {
margin-left:20px;
margin-right:20px;
padding-top:8px
}
.icate-item__info {
padding-left:0;
padding-right:0
}
}
@media (max-width: 480px) {
.list-icate>li {
width:100%
}
}
.work-list-pdf {
	padding-left:40px
}
.grid-box {
	font-size:0
}
.list-wcate>li {
	margin-bottom:10px
}
.list-wcate>li:last-of-type {
	margin-bottom:0
}
.list-wcate.blank {
	visibility:hidden;
	opacity:0
}
.wcate-item {
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:5px;
	width:50%
}
.wcate-item.placeholder {
	padding:0
}
.wcate-item__wrap {
	position:relative;
	overflow:hidden;
	display:block
}
.wcate-item__wrap::after {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:98px;
opacity:.3;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000)
}
.wcate-item__bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.wcate-item__img::before {
padding-top:44.02235%
}
.wcate-item__img>img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.wcate-item__title {
	position:absolute;
	z-index:5;
	right:30px;
	bottom:20px;
	left:30px;
	font-weight:400;
	letter-spacing:0.05em;
	line-height:1;
	color:#fff
}
@media (min-width: 1025px) {
.wcate-item__wrap:hover .wcate-item__img>img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.wcate-item__wrap:hover .wcate-item__bg {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1400px) {
.work-list-pdf {
padding-left:20px
}
}
@media (max-width: 1024px) {
.wcate-item__title {
right:20px;
left:20px;
font-size:16px
}
.work-list-pdf {
padding-left:0
}
}
@media (max-width: 640px) {
.wcate-item {
width:100%
}
}
@-webkit-keyframes dotBounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(3px);
transform:translateY(3px)
}
50% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
75% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes dotBounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(3px);
transform:translateY(3px)
}
50% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.btn-loading {
	display:inline-block;
	vertical-align:top;
	font-size:0
}
.btn-loading>span {
	margin:0 3px;
	display:inline-block;
	vertical-align:top;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#333;
	-webkit-animation:dotBounce 1s linear infinite;
	animation:dotBounce 1s linear infinite
}
.btn-loading>span:nth-of-type(2) {
-webkit-animation-delay:.5s;
animation-delay:.5s
}
.btn-loading>span:nth-of-type(4) {
-webkit-animation-delay:.5s;
animation-delay:.5s
}
.page-grid {
	min-height:100vh
}
.list-work-blank>li:nth-of-type(n+3) {
margin-top:12px
}
.work-item__blank {
	margin-right:6px;
	margin-left:6px
}
.grid-box {
	font-size:0
}
.work-item {
	display:inline-block;
	vertical-align:top;
	width:25%;
	box-sizing:border-box;
	padding:6px
}
.work-item.first {
	width:50%
}
.work-item.placeholder {
	padding:0
}
.work-item.small .work-item__title {
	right:20px;
	left:20px
}
.work-item__wrap {
	position:relative;
	display:block;
	overflow:hidden
}
.work-item__wrap::after {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:48%;
opacity:.6;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000)
}
.work-item__bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.work-item__img::before {
padding-top:62.44344%
}
.work-item__img>img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.work-item__title {
	position:absolute;
	z-index:5;
	right:30px;
	bottom:15px;
	line-height:1.5;
	left:30px;
	color:#fff;
	font-weight:400;
	letter-spacing:0.05em
}
.work-item__title.small {
	right:20px;
	left:20px;
	bottom:10px
}
@media (min-width: 1025px) {
.work-item__wrap:hover .work-item__img>img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.work-item__wrap:hover .work-item__bg {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1400px) {
.work-item__title {
font-size:16px
}
}
@media (max-width: 1024px) {
.work-item__title {
right:20px;
left:20px
}
}
@media (max-width: 1000px) {
.work-item {
width:50%
}
.work-item.small .work-item__title {
font-size:16px
}
.list-work-blank>li {
width:100%
}
.list-work-blank>li:nth-of-type(n+2) {
display:none
}
}
@media (max-width: 640px) {
.work-item {
width:100%
}
.work-item.first {
width:100%
}
}
.sort-year {
	font-weight:400;
	font-family:"Arial";
	line-height:1;
	color:#333;
	letter-spacing:0.05em
}
.list-wsort {
	position:relative
}
.list-wsort>li {
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:35px 0;
	margin-top:-1px
}
.list-wsort>li:nth-of-type(n+13) {
display:none
}
.list-wsort.show>li:nth-of-type(n+13) {
display:inline-block
}
.list-wsort::before, .list-wsort::after {
content:"";
position:absolute;
top:-1px;
bottom:-1px;
width:6px;
background-color:#fff
}
.list-wsort::before {
left:0
}
.list-wsort::after {
right:0
}
.wsort-item {
	display:block
}
.wsort-item__img {
	display:inline-block;
	vertical-align:top;
	width:172px
}
.wsort-item__img::before {
padding-top:62.44344%
}
.wsort-item__intro {
	display:inline-block;
	vertical-align:top;
	margin-left:18px;
	width:calc(100% - 200px)
}
.wsort-item__title {
	font-weight:500;
	color:#333;
	letter-spacing:0.05em;
	line-height:1.75;
	margin-bottom:.5em
}
.wsort-item__desc {
	color:#AFAFAF;
	line-height:24px;
	letter-spacing:0.05em
}
.wsort-item__desc.line2 {
	height:48px
}
.btn-more {
	display:inline-block;
	vertical-align:top;
	color:#333;
	line-height:20px
}
.btn-more>span {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:20px;
	margin-left:12px
}
@media (min-width: 1025px) {
.wsort-item:hover .wsort-item__img img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
.wsort-item:hover .wsort-item__title {
color:#032D61
}
.btn-more:hover {
color:#032D61
}
}
@media (max-width: 1600px) {
.list-wsort>li {
width:33.3333%
}
}
@media (max-width: 1280px) {
.list-wsort>li {
width:50%
}
}
@media (max-width: 880px) {
.list-wsort>li {
width:100%
}
}
.wbanner-box {
	position:relative;
	height:100vh;
	overflow:hidden;
	min-height:680px
}
.wbanner-item {
	position:relative;
	height:100vh;
	overflow:hidden;
	min-height:680px
}
.wbanner-item>img {
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%
}
.csstransforms .wbanner-item>img {
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.wbanner-pager {
	position:absolute;
	z-index:10;
	right:0;
	bottom:15px;
	left:0
}
.wbpager {
	display:inline-block;
	vertical-align:top;
	font-size:0
}
.wbpager a, .wbpager span {
	display:inline-block;
	vertical-align:top;
	line-height:30px;
	color:#fff
}
.wbpager span {
	font-weight:500;
	font-size:16px;
	font-family:"Arial"
}
.wbpager a {
	font-size:12px;
	width:30px;
	text-align:center;
	height:30px
}
.wbpager a::before {
display:inline-block;
vertical-align:top;
line-height:30px
}
.wbpager .line {
	position:relative;
	width:1px;
	height:30px;
	margin-right:15px;
	margin-left:15px
}
.wbpager .line::before {
content:"";
position:absolute;
top:50%;
left:0;
width:1px;
height:10px;
background-color:#fff;
margin-top:-5px;
-webkit-transform:rotate(30deg);
transform:rotate(30deg)
}
.wbpager-prev {
	margin-right:3px
}
.wbpager-next {
	margin-left:3px
}
.wbpager-all {
	opacity:.5
}
.wd-wrap {
	max-width:1200px;
	margin-right:auto;
	margin-left:auto
}
.nd-wrap {
	max-width:1000px;
	margin-right:auto;
	margin-left:auto
}
.wd-caption {
	border-bottom:2px solid #032D61;
	padding-bottom:15px
}
.wd-title {
	color:#333;
	letter-spacing:0.05em;
	line-height:1.5;
	font-weight:400
}
.wd-cate {
	letter-spacing:0.05em;
	line-height:40px
}
.wd-body {
	font-size:0
}
.wdb-left, .wdb-right {
	display:inline-block;
	vertical-align:top
}
.wdb-left {
	width:calc(100% - 520px);
	color:#333;
	letter-spacing:0.05em;
	line-height:34px
}
.wdb-right {
	width:360px;
	margin-left:160px
}
.wdi-item {
	border-top:1px solid #e6e6e6
}
.wdi-item.on .wdi-item__header::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.wdi-item:last-of-type {
	border-bottom:1px solid #e6e6e6
}
.wdi-item__header {
	position:relative;
	line-height:50px;
	font-weight:400;
	cursor:pointer
}
.wdi-item__header::after {
content:"\e83c";
font-family:'iconfont';
font-size:12px;
text-align:center;
position:absolute;
top:50%;
right:0;
width:20px;
height:20px;
margin-top:-10px;
line-height:20px;
color:#333
}
.wdi-item__body {
	display:none
}
.wdi-item__intro {
	padding:0 0 27px;
	line-height:2;
	letter-spacing:0.05em;
	color:#898989
}
@media (min-width: 1024px) {
.wbpager a:hover {
opacity:.5
}
}
@media (max-width: 1200px) {
.wbanner-box {
margin-top:80px
}
.wbanner-box, .wbanner-item {
height:auto;
min-height:auto
}
.wbanner-box::before, .wbanner-item::before {
content:"";
display:block;
padding-top:46.875%
}
.wbanner-item>img {
width:100;
min-width:auto;
min-height:auto
}
.csstransforms .wbanner-item>img {
top:0;
left:0;
width:100%;
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
.slick-wbanner {
position:absolute;
top:0;
right:0;
left:0
}
}
@media (max-width: 1024px) {
.wbanner-box {
margin-top:60px
}
.wbanner-pager {
bottom:5px
}
.wdb-left {
width:calc(100% - 460px)
}
.wdb-right {
margin-left:100px
}
.wbpager span {
font-size:14px
}
}
@media (max-width: 768px) {
.wdb-left {
width:100%
}
.wdb-right {
margin-top:20px;
margin-left:0;
width:100%
}
}
@media (max-width: 640px) {
.wbanner-box::before {
padding-top:62.44344%
}
.wbanner-item::before {
padding-top:62.44344%
}
.wbanner-item img {
width:auto;
height:100%;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
.csstransforms .wbanner-item img {
width:auto;
height:100%;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
}
.section-title {
	font-weight:400;
	line-height:1;
	letter-spacing:0.05em;
	color:#333;
	letter-spacing:0.05em
}
.section-title__line {
	height:1px;
	background-color:#e6e6e6
}
.list-related-works {
	margin-right:-3px;
	margin-left:-3px
}
.rwork-item {
	margin-right:3px;
	margin-left:3px
}
.wd-pager {
	position:relative;
	font-size:0;
	text-align:center
}
.wd-pager>a {
	display:inline-block;
	vertical-align:top;
	letter-spacing:.05em;
	line-height:40px;
	font-weight:500;
	color:#333
}
.wdp-prev, .wdp-next {
	position:absolute;
	top:0
}
.wdp-prev::before, .wdp-next::before {
position:absolute;
top:0;
width:20px;
font-family:iconfont;
font-size:14px;
line-height:40px
}
.wdp-prev {
	left:0;
	padding-left:20px
}
.wdp-prev::before {
content:"\e74a";
left:0;
text-align:left
}
.wdp-next {
	right:0;
	padding-right:20px
}
.wdp-next::before {
content:"\e83d";
right:0;
text-align:right
}
@media (max-width: 768px) {
.list-related-works>li {
width:50%
}
.list-related-works>li:nth-of-type(n+3) {
margin-top:6px
}
}
@media (max-width: 480px) {
.list-related-works>li {
width:100%
}
.list-related-works>li:nth-of-type(n+2) {
margin-top:10px
}
}
.abanner-box {
	position:relative
}
.ab-item::before {
padding-top:41.66667%
}
.abanner-box {
	overflow:hidden
}
.abanner-box::before {
padding-top:41.66667%
}
.abanner-box .slick-abanner {
	position:absolute;
	top:0;
	right:0;
	left:0
}
.abanner-box .wbanner-pager {
	right:20px
}
.abouti-main {
	position:relative;
	font-size:0
}
.abouti-left, .abouti-right {
	display:inline-block;
	vertical-align:top
}
.abouti-left {
	width:calc(100% - 640px);
	box-sizing:border-box;
	padding-right:60px
}
.abouti-right {
	width:640px
}
.abouti-desc {
	line-height:34px;
	color:#333;
	letter-spacing:0.05em
}
.abouti-title {
	font-weight:400;
	line-height:1.65;
	letter-spacing:0.05em
}
.btn-pdf {
	display:inline-block;
	vertical-align:top;
	line-height:30px;
	letter-spacing:0.05em;
	color:#C7D0DB;
	margin-right:10px
}
.btn-pdf>span {
	display:inline-block;
	vertical-align:top;
	margin-left:.9em;
	font-size:20px;
	line-height:30px
}
.btn-download {
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	width:1.5em;
	height:1.5em;
	line-height:1.5;
	text-align:center;
	color:#C7D0DB
}
.abouti-file {
	position:absolute;
	bottom:0;
	left:0
}
@media (min-width: 1025px) {
.btn-pdf:hover, .btn-download:hover {
color:#333
}
}
@media (max-width: 1024px) {
.abouti-left {
width:100%;
padding-right:0
}
.abouti-title br {
display:none
}
.abouti-right {
width:100%;
margin-top:20px
}
.abouti-file {
position:relative;
margin-top:20px
}
.abanner-box .wbanner-pager {
right:0;
bottom:0
}
}
@media (max-width: 640px) {
.ab-item::before, .abanner-box::before {
padding-top:62.44344%
}
.ab-item img {
width:auto;
height:100%;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}
}
.company-structrue {
	position:relative;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	text-align:right
}
.coms-title {
	position:absolute;
	top:50%;
	left:0;
	width:calc(100% - 720px);
	text-align:left;
	font-weight:400;
	color:#333;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.coms-title span {
	display:inline-block;
	vertical-align:top
}
.coms-title span:first-of-type {
	margin-right:100px
}
.coms-title span:nth-of-type(2) {
margin-right:30px
}
.coms-right {
	display:inline-block;
	vertical-align:top;
	width:640px;
	text-align:left
}
.coms-item {
	padding:10px 0;
	border-bottom:1px solid #e6e6e6;
	font-size:0;
	color:#333
}
.coms-item:last-of-type {
	border-bottom:0
}
.coms-item__title {
	display:inline-block;
	vertical-align:top;
	width:160px;
	font-weight:500;
	letter-spacing:0.05em;
	line-height:30px
}
.coms-item__desc {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 160px);
	line-height:30px;
	letter-spacing:0.05em
}
@media (max-width: 1024px) {
.coms-title {
position:relative;
top:auto;
width:100%;
margin-top:20px;
font-weight:500;
font-size:16px;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.coms-right {
width:100%;
margin-top:10px
}
}
@media (max-width: 640px) {
.coms-item__title {
width:100%
}
.coms-item__desc {
width:100%;
line-height:2
}
}
.ah-item {
	font-size:0;
	border-top:1px solid #e6e6e6;
	padding:10px 0
}
.ah-item:last-of-type {
	border-bottom:1px solid #e6e6e6
}
.ah-item.more {
	padding-bottom:0
}
.ah-item.show .ah-list>li:nth-of-type(n+4) {
display:block
}
.ah-item.show .ah-more::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.ah-item__year {
	display:inline-block;
	vertical-align:top;
	width:220px;
	font-weight:400;
	color:#333;
	line-height:40px
}
.ah-item__body {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 220px)
}
.ah-list {
	position:relative;
	z-index:10
}
.ah-list>li:nth-of-type(n+4) {
display:none
}
.ahistory-item {
	position:relative
}
.ahistory-item__title {
	font-weight:400;
	letter-spacing:0.05em;
	color:#333;
	line-height:30px;
	padding:5px 0
}
.ahistory-item__img {
	position:absolute;
	top:5px;
	right:80px;
	width:205px;
	visibility:hidden;
	opacity:0
}
.ahistory-item__img::before {
padding-top:68.29268%
}
.ah-more {
	position:relative;
	line-height:60px;
	border-top:1px solid #e6e6e6;
	color:#AFAFAF;
	margin-top:15px;
	cursor:pointer
}
.ah-more::after {
content:"\e603";
position:absolute;
top:50%;
right:0;
width:1em;
height:1em;
text-align:center;
line-height:1;
color:#AFAFAF;
font-family:'iconfont';
font-size:12px;
margin-top:-.5em
}
@media (min-width: 1025px) {
.ahistory-item:hover .ahistory-item__title {
color:#032D61
}
.ahistory-item:hover .ahistory-item__img {
visibility:visible;
opacity:1
}
.ah-more:hover {
color:#032D61
}
}
@media (max-width: 1024px) {
.ah-item__year {
width:160px
}
.ah-item__body {
width:calc(100% - 160px)
}
.ahistory-item__title {
font-size:14px;
line-height:2
}
.ah-more {
font-size:14px;
font-weight:500
}
.ah-item__year {
font-size:16px;
font-weight:500
}
}
@media (max-width: 640px) {
.ah-item__year {
width:100%
}
.ah-item__body {
width:100%
}
}
.list-team>li {
	margin-bottom:60px
}
.team-item {
	display:block
}
.team-item__img::before {
padding-top:124.19355%
}
.team-item__info {
	color:#333
}
.team-item__name, .team-item__job {
	letter-spacing:0.05em;
	line-height:24px
}
.team-item__name {
	font-weight:500;
	margin-right:1em
}
.about-tpager {
	position:relative;
	bottom:auto;
	right:auto;
	left:auto
}
.about-tpager .ibp-item::before {
background-color:#333
}
@media (min-width: 1025px) {
.team-item:hover .team-item__info {
color:#032D61
}
.team-item:hover .team-item__img>img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1480px) {
.list-team>li {
width:20%;
margin-bottom:45px
}
}
@media (max-width: 1200px) {
.list-team>li {
width:25%
}
}
@media (max-width: 1024px) {
.list-team>li {
margin-bottom:30px
}
}
@media (max-width: 768px) {
.list-team>li {
width:33.3333%
}
}
@media (max-width: 640px) {
.list-team>li {
width:50%
}
}
.teamd-main {
	font-size:0;
	min-height:calc(100vh - 300px)
}
.td-avator {
	display:inline-block;
	vertical-align:top;
	width:372px
}
.td-avator::before {
padding-top:124.19355%
}
.td-intro {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 482px);
	margin-left:110px
}
.td-name {
	letter-spacing:0.05em;
	line-height:1;
	color:#333;
	font-weight:400
}
.td-title {
	line-height:2;
	letter-spacing:0.05em;
	color:#333
}
.tdd-item {
	border-top:1px solid #e6e6e6
}
.tdd-item:last-of-type {
	border-bottom:1px solid #e6e6e6
}
.tdd-item.show {
	padding-top:10px
}
.tdd-item.show .tdd-item__header::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.tdd-item__header {
	position:relative;
	line-height:50px;
	letter-spacing:0.05em;
	font-weight:400
}
.tdd-item__header::after {
content:"\e603";
position:absolute;
top:50%;
right:0;
width:1em;
height:1em;
text-align:center;
line-height:1;
color:#AFAFAF;
font-family:'iconfont';
font-size:12px;
margin-top:-.5em
}
.tdd-item__body {
	letter-spacing:0.05em;
	color:#333;
	line-height:2;
	padding-bottom:20px;
	display:none;
	text-align:justify
}
@media (max-width: 1024px) {
.td-avator {
width:186px
}
.td-intro {
width:calc(100% - 236px);
margin-left:50px
}
}
@media (max-width: 480px) {
.td-intro {
width:100%;
margin-left:0;
margin-top:30px
}
}
.slick-member .slick-track {
	margin-left:0
}
.area-contact-intro {
	line-height:30px
}
.area-contact {
	position:relative
}
.area-contact-intro {
	line-height:30px;
	letter-spacing:0.05em;
	color:#333;
	margin-right:200px
}
.area-contact-intro>p {
	margin-bottom:10px
}
.area-contact-map {
	position:absolute;
	top:0;
	right:0;
	line-height:30px;
	letter-spacing:0.05em;
	color:#AFAFAF
}
.area-contact-map::before {
display:inline-block;
vertical-align:top;
font-size:20px;
line-height:30px;
margin-right:.5em
}
@media (min-width: 1024px) {
.area-contact-map:hover {
color:#032D61
}
}
@media (max-width: 640px) {
.area-contact-intro {
width:100%
}
.area-contact-map {
position:relative
}
}
.pub-item {
	position:relative;
	padding:100px 0;
	border-bottom:2px solid #032D61
}
.pub-item__wrap {
	position:relative
}
.pub-item__img {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:45%;
	overflow:hidden
}
.pub-item__img::before {
content:"";
display:block;
padding-top:68.62745%
}
.slick-pubimg {
	position:absolute;
	top:0;
	right:0;
	left:0
}
.pubimg-item {
	overflow:hidden
}
.pubimg-item::before {
padding-top:68.62745%
}
.pubimg-item img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.pub-item__right {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:52%
}
.pub-item__title {
	line-height:1.65;
	letter-spacing:0.05em;
	color:#333;
	font-weight:500;
	margin-right:120px
}
.pub-item__desc {
	letter-spacing:0.05em;
	line-height:2;
	color:#333;
	text-align:justify
}
.pub-item__other {
	position:absolute;
	bottom:0;
	left:0
}
.pub-item__ftitle {
	line-height:1;
	letter-spacing:0.05em;
	color:#333
}
.pub-item__date {
	line-height:1;
	letter-spacing:0.05em;
	color:#333;
	margin-top:.6em
}
.pub-item__date>span {
	position:relative;
	padding-right:14px;
	display:inline-block;
	vertical-align:top
}
.pub-item__date>span::after {
content:"";
position:absolute;
bottom:0;
right:7px;
width:1px;
height:10px;
background-color:#333;
-webkit-transform:rotate(40deg);
transform:rotate(40deg)
}
.pub-item__date>span:last-of-type::after {
display:none
}
.pub-item__pdf {
	position:absolute;
	top:0;
	right:0;
	padding-top:0
}
@media (min-width: 1025px) {
.pub-item__img:hover img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1400px) {
.pub-item {
padding:80px 0
}
}
@media (max-width: 1200px) {
.pub-item__img {
display:block;
width:auto;
max-width:816px
}
.pub-item__right {
position:relative;
left:auto;
margin-top:30px
}
.pub-item__other {
position:relative;
margin-top:30px
}
}
@media (max-width: 1024px) {
.pub-item {
padding:50px 0
}
}
@media (max-width: 768px) {
.pub-item__title {
margin-right:0
}
.pub-item__pdf {
top:auto;
bottom:0
}
}
.topic-item {
	font-size:0;
	border-top:2px solid #032D61;
	padding-top:10px;
	margin-bottom:100px
}
.topic-item.show .topic-item__list>li:nth-of-type(n+11) {
display:inline-block
}
.topic-item.show .topic-more::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.topic-item__left, .topic-item__right {
	display:inline-block;
	vertical-align:top
}
.topic-item__left {
	width:300px
}
.topic-item__right {
	width:calc(100% - 300px)
}
.topic-item__title {
	line-height:50px;
	letter-spacing:0.05em;
	color:#333;
	font-weight:500
}
.topic-item__list>li:first-of-type {
	border-top:0
}
.topic-item__list>li:nth-of-type(n+11) {
display:none
}
.topic-item__list>li:nth-of-type(n+3) {
border-top:1px solid #e6e6e6
}
.topic-item__desc {
	padding:10px 0;
	line-height:30px;
	letter-spacing:0.05em;
	color:#333
}
.topic-more {
	border-bottom:1px solid #e6e6e6
}
@media (max-width: 1024px) {
.topic-item {
margin-bottom:50px
}
.topic-more {
line-height:50px;
margin-top:10px
}
.topic-item__left {
width:200px
}
.topic-item__right {
width:calc(100% - 200px)
}
.topic-item__list>li {
width:100%
}
.topic-item__list>li:nth-of-type(n+2) {
border-top:1px solid #e6e6e6
}
}
@media (max-width: 480px) {
.topic-item__left, .topic-item__right {
width:100%
}
}
.list-customer {
	border-top:1px solid #e6e6e6
}
.customer-item {
	position:relative;
	display:block;
	padding:35px 0;
	text-align:center
}
.customer-item::before {
content:"";
position:absolute;
top:0;
right:-1px;
bottom:0;
left:0;
border:1px solid #e6e6e6;
border-top:0
}
.customer-logo {
	display:inline-block;
	vertical-align:top;
	max-width:140px;
	width:90%
}
.customer-logo::before {
padding-top:57.14286%
}
.customer-logo img {
-webkit-transition:transform .2s ease;
transition:transform .2s ease
}
@media (min-width: 1024px) {
.customer-item:hover .customer-logo img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1280px) {
.list-customer>li {
width:20%
}
}
@media (max-width: 1024px) {
.customer-logo {
max-width:70px
}
.customer-item {
padding-top:15px;
padding-bottom:15px
}
}
@media (max-width: 640px) {
.list-customer>li {
width:25%
}
}
@media (max-width: 480px) {
.list-customer>li {
width:33.3333%
}
}
.fea-item {
	position:relative;
	text-align:right;
	margin-bottom:10px
}
.fea-item:last-of-type {
	margin-bottom:0
}
.fea-item__img {
	display:inline-block;
	vertical-align:top;
	width:50%;
	overflow:hidden
}
.fea-item__img::before {
padding-top:44.44444%
}
.fea-item__img img {
-webkit-transition:transform .75s ease;
transition:transform .75s ease
}
.fea-item__txt {
	position:absolute;
	top:0;
	right:50%;
	bottom:0;
	left:0
}
.fea-item__txt::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:solid #e6e6e6;
border-width:1px 0 1px 1px
}
.fea-item__wrap {
	position:absolute;
	top:50%;
	right:120px;
	left:120px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.fea-item__intro {
	text-align:left
}
.fea-item__title {
	line-height:1.6;
	letter-spacing:0.05em;
	font-weight:400;
	color:#333;
	max-width:480px
}
.fea-item__desc {
	line-height:2;
	letter-spacing:0.05em;
	color:#333
}
@media (min-width: 1025px) {
.fea-item:hover .fea-item__img img {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
}
@media (max-width: 1680px) {
.fea-item__wrap {
right:60px;
left:60px
}
}
@media (max-width: 1400px) {
.fea-item__wrap {
right:40px;
left:40px
}
}
@media (max-width: 1280px) {
.fea-item {
margin-bottom:20px
}
.fea-item__img {
width:100%
}
.fea-item__txt {
position:relative;
right:auto;
top:auto;
right:auto;
left:auto;
padding:20px 0
}
.fea-item__txt::before {
display:none
}
.fea-item__wrap {
position:relative;
top:auto;
right:auto;
left:auto;
-webkit-transform:translateY(0);
transform:translateY(0)
}
.fea-item__desc {
margin-top:10px
}
}
.hlogo-item {
	margin:0 auto;
	max-width:180px;
	width:90%
}
.hlogo-item::before {
padding-top:33.33333%
}
.honor-header {
	border-top:2px solid #032D61
}
.honor-header {
	font-size:0;
	padding:15px 0
}
.honor-item {
	font-size:0;
	border-top:1px solid #e6e6e6
}
.honor-item.show .list-honor-detail>li:nth-of-type(n+5) {
display:block
}
.honor-item.show .ah-more::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.honor-left, .honor-center, .honor-right {
	display:inline-block;
	vertical-align:top
}
.honor-left {
	width:200px
}
.honor-center {
	width:calc(100% - 320px)
}
.honor-right {
	width:120px
}
.honor-htitle {
	line-height:30px;
	letter-spacing:0.05em;
	color:#032D61
}
.filter-selector {
	position:relative;
	z-index:10;
	display:inline-block;
	vertical-align:top
}
.filter-selector__header {
	position:relative;
	font-size:16px;
	text-align:left;
	line-height:30px;
	letter-spacing:.05em;
	color:#032D61;
	cursor:pointer;
	display:inline-block;
	vertical-align:top;
	padding-right:30px
}
.filter-selector__header::after {
content:"\e603";
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
text-align:center;
line-height:30px;
color:#032D61;
font-family:'iconfont';
font-size:12px
}
.filter-selector__header.active::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.filter-selector__option {
	position:absolute;
	top:100%;
	right:0;
	left:0;
	padding:10px 0;
	display:none;
	background-color:#DBE1E9
}
.filter-selector__option a {
	display:block;
	font-size:16px;
	line-height:30px;
	text-align:center;
	color:#333;
	font-weight:400;
	font-family:"Arial"
}
.filter-selector__option a.current, .filter-selector__option a:hover {
	color:#032D61
}
.honor-item__title {
	font-weight:400;
	line-height:60px;
	color:#333
}
.honor-item__right {
	display:inline-block;
	vertical-align:top;
	width:calc(100% - 200px)
}
.honord-item {
	font-size:0;
	border-top:1px solid #e6e6e6
}
.honord-item__title, .honord-item__type {
	display:inline-block;
	vertical-align:top;
	line-height:30px;
	letter-spacing:0.05em;
	color:#333
}
.honord-item__title {
	width:calc(100% - 300px);
	font-weight:400
}
.honord-item__type {
	width:300px;
	text-align:right
}
.honord-item {
	padding:15px 0
}
.list-honor-detail>li:nth-of-type(n+5) {
display:none
}
.list-honor-detail>li:first-of-type .honord-item {
	border-top:0
}
@media (max-width: 1024px) {
.honord-item__title, .honord-item__type {
width:100%;
line-height:2;
font-size:14px
}
.honord-item__type {
text-align:left;
color:#AFAFAF
}
.honor-right {
display:none
}
.hlogo-item {
max-width:120px
}
.honor-center {
width:calc(100% - 120px)
}
.honor-item__title {
font-size:20px
}
}
@media (max-width: 768px) {
.honor-left {
width:120px
}
.honor-item__right {
width:calc(100% - 120px)
}
.honor-header {
margin-top:30px
}
}
@media (max-width: 480px) {
.honor-item__right {
width:100%
}
.list-honor-detail>li:first-of-type .honord-item {
padding-top:0
}
}
.list-news>li {
	margin-bottom:60px
}
.news-item {
	display:block
}
.news-item__img {
	overflow:hidden
}
.news-item__img::before {
padding-top:61.99095%
}
.news-item__date {
	font-size:0;
	display:inline-block;
	vertical-align:top
}
.news-item__date span {
	position:relative;
	padding-right:12px;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:1;
	color:#AFAFAF;
	font-family:"Arial"
}
.news-item__date span::after {
content:"";
position:absolute;
right:6px;
bottom:1px;
width:1px;
height:8px;
background-color:#AFAFAF;
-webkit-transform:rotate(40deg);
transform:rotate(40deg)
}
.news-item__date span:last-of-type::after {
display:none
}
.news-item__title {
	letter-spacing:0.05em;
	color:#333;
	line-height:1.7;
	font-weight:400;
	height:3.7em;
	overflow:hidden
}
@media (max-width: 1400px) {
.news-item__title {
font-size:16px
}
.list-news>li {
margin-bottom:45px
}
}
@media (max-width: 1024px) {
.list-news>li {
width:33.3333%;
margin-bottom:30px
}
}
@media (max-width: 640px) {
.list-news>li {
width:50%
}
}
.newsd-top {
	border-top:1px solid #e6e6e6;
	padding-top:30px
}
.newsd-top .news-item__date {
	margin-right:40px
}
.news-item__keyword {
	display:inline-block;
	vertical-align:top;
	color:#AFAFAF
}
.news-item__keyword>span {
	margin:0 6px
}
.newsd-body {
	font-size:16px;
	line-height:2;
	letter-spacing:0.05em;
	color:#333;
	text-align:justify
}
.newsd-body img {
	display:inline-block;
	max-width:100%;
	height:auto !important
}
@media (max-width: 1024px) {
.newsd-top {
padding-top:20px
}
}
.contact-header {
	border-bottom:2px solid #032D61;
	font-weight:400;
	letter-spacing:0.05em;
	line-height:1;
	padding-bottom:.75em
}
.contact-body {
	font-size:0
}
.list-branch {
	margin-right:-30px;
	margin-left:-30px
}
.list-branch>li {
	margin-bottom:60px
}
.branch-item {
	margin-right:30px;
	margin-left:30px;
	border-bottom:1px solid #e6e6e6
}
.branch-item .branch-item__desc {
	height:48px
}
.branch-item__title {
	letter-spacing:0.05em;
	line-height:1;
	color:#333;
	font-weight:400
}
.branch-item__tip {
	line-height:1;
	color:#AFAFAF;
	letter-spacing:0.05em; font-size:1rem;
}
.branch-item__desc {
	padding-top:.5em;
	line-height:24px;
	color:#333;
	letter-spacing:0.05em
}
.chq-left, .chq-right {
	display:inline-block;
	vertical-align:top
}
.chq-left {
	width:calc(100% - 640px)
}
.chq-right {
	width:640px;
	text-align:right
}
.chq-right .branch-item {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin-right:0;
	border-bottom:0;
	margin-left:80px
}
.chq-right .branch-item:first-of-type {
	margin-left:0
}
.chq-contact {
	display:inline-block;
	vertical-align:top;
	margin-right:40px
}
.chq-contact:last-of-type {
	margin-right:0
}
.qrcode-item {
	display:inline-block;
	vertical-align:top;
	margin-right:60px
}
.qrcode-item__img {
	width:100px
}
.qrcode-item__img::before {
padding-top:100%
}
.qrcode-item__title {
	font-weight:400;
	letter-spacing:0.05em;
	color:#333;
	text-align:center;
	line-height:2
}
.form-wrap {
	margin-right:-6px;
	margin-left:-6px;
	font-size:0
}
.form-item {
	display:inline-block;
	vertical-align:top;
	margin-bottom:60px
}
.form-item.focus .form-item__wrap::after {
visibility:visible;
opacity:1;
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
.form-item__wrap {
	position:relative;
	margin-right:6px;
	margin-left:6px
}
.form-item__wrap.btn {
	padding-bottom:0
}
.form-item__wrap.btn::before, .form-item__wrap.btn::after {
display:none
}
.form-item__wrap.txt {
	padding-bottom:0
}
.form-item__wrap::before {
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
height:1px;
background-color:#e6e6e6
}
.form-item__wrap::after {
content:"";
position:absolute;
right:0;
bottom:-1px;
left:0;
height:3px;
background-color:#032D61;
visibility:hidden;
opacity:0;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
.form-item__wrap label.error {
	position:absolute;
	top:100%;
	left:0;
	font-size:14px;
	line-height:24px;
	color:#AFAFAF
}
.col-33 {
	width:33.3333%
}
.col-txt {
	width:calc(100% - 162px)
}
.col-btn {
	width:162px
}
.cf-input {
	display:block;
	width:100%;
	font-size:14px;
	line-height:50px;
	border:0;
	padding:0;
	outline:0;
	letter-spacing:0.05em;
	color:#333
}
.cf-select {
	display:block;
	width:100%;
	font-size:14px;
	border:0;
	padding:17px 0;
	outline:0
}
.cf-textarea {
	display:block;
	width:100%;
	height:50px;
	font-size:14px;
	line-height:25px;
	border:0;
	padding:0;
	outline:0;
	color:#333;
	resize:none;
	letter-spacing:0.05em
}
.cf-submit {
	display:block;
	width:100%;
	height:50px;
	border:1px solid #032D61;
	font-size:14px;
	box-sizing:border-box;
	outline:0;
	background-color:transparent;
	color:#333;
	cursor:pointer
}
@media (min-width: 1025px) {
.cf-submit:hover {
background-color:#032D61;
color:#fff
}
}
@media (max-width: 1024px) {
.chq-left {
width:100%
}
.chq-right {
width:100%;
margin-top:30px;
text-align:left
}
.branch-item__title {
font-size:16px
}
.list-branch>li {
margin-bottom:30px
}
.qrcode-item {
margin-right:40px
}
.qrcode-item__title {
font-size:14px
}
.form-item {
margin-bottom:30px
}
.icate-item__info {
padding-bottom:0
}
.form-item__wrap label.error {
font-size:12px
}
}
@media (max-width: 768px) {
.list-branch>li {
width:50%
}
.chq-right .branch-item {
margin-right:40px;
margin-left:0
}
}
@media (max-width: 640px) {
.form-item.col-33 {
width:100%
}
}
@media (max-width: 480px) {
.list-branch>li {
width:100%
}
.qrcode-item {
margin-bottom:20px
}
.qrcode-item:last-of-type {
margin-bottom:0
}
.col-txt {
width:100%
}
}
.job-cate {
	font-size:0
}
.job-cate>span {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0 25px;
	line-height:2;
	letter-spacing:0.05em;
	color:#AFAFAF;
	cursor:pointer
}
.job-cate>span::after {
content:"";
position:absolute;
top:50%;
right:-25px;
width:1px;
height:.8em;
background-color:#e6e6e6;
pointer-events:none;
margin-top:-.4em
}
.job-cate>span:first-of-type {
	margin-left:25px
}
.job-cate>span:last-of-type::after {
display:none
}
.job-cate>span.current {
	color:#032D61
}
.job-main {
	border-top:2px solid #032D61
}
.job-part {
	display:none
}
.job-part.active {
	display:block
}
.job-item {
	padding:30px 0;
	border-bottom:1px solid #e6e6e6
}
.job-item.show .job-item__arrow {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
.job-header {
	font-size:0;
	position:relative;
	cursor:pointer
}
.job-item__title, .job-item__place {
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	line-height:2;
	letter-spacing:0.05em;
	color:#333
}
.job-item__title {
	width:calc(50% - 30px);
	font-weight:400;
	padding-left:25px
}
.job-item__place {
	width:calc(50% - 30px)
}
.job-item__arrow {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	font-size:16px;
	line-height:40px;
	text-align:center;
	color:#333
}
.job-body {
	font-size:14px;
	line-height:2;
	letter-spacing:0.05em;
	color:#333;
	display:none
}
.job-desc {
	padding-top:40px;
	padding-bottom:20px;
	padding-left:25px
}
.join-us {
	padding:70px 0;
	background-color:rgba(250, 250, 250, 0.5)
}
.joinus-body {
	padding-left:25px
}
.joinus-title {
	line-height:1;
	letter-spacing:0.05em;
	color:#333;
	font-weight:400
}
.joinus-desc {
	font-size:0
}
.joinus-desc>div {
	position:relative;
	padding-right:70px;
	letter-spacing:0.05em;
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	line-height:30px;
	color:#333
}
.joinus-desc>div::after {
content:"";
position:absolute;
top:9px;
right:35px;
width:1px;
height:12px;
background-color:#333
}
.joinus-desc>div:last-of-type {
	padding-right:0
}
.joinus-desc>div:last-of-type::after {
display:none
}
.joinus-desc>div span {
	color:#AFAFAF
}
.joinus-tel {
	font-family:"Arial";
	font-weight:500
}
@media (min-width: 1025px) {
.job-cate>span:hover {
color:#032D61
}
}
@media (max-width: 1024px) {
.job-item {
padding:20px 0
}
.job-item__title, .job-item__place {
font-size:16px;
font-weight:500
}
.job-desc {
padding-top:20px
}
.job-cate>span {
margin-right:40px;
margin-left:0
}
.job-cate>span::after {
right:-20px
}
.job-cate>span:first-of-type {
margin-left:0
}
.job-item__title {
padding-left:0
}
.job-item__arrow {
width:32px;
line-height:32px
}
.job-desc {
padding-left:0;
padding-bottom:10px
}
.joinus-body {
padding-left:0
}
.join-us {
padding:50px 0
}
}
@media (max-width: 640px) {
.job-item__arrow {
position:absolute;
top:0;
right:0
}
.job-item__place {
width:calc(100% - 40px)
}
}
@media (min-width: 1201px) {
.page-menu-box {
height:71px
}
.page-menu-main {
background-color:#fff
}
.page-menu-main.fixed {
position:fixed;
z-index:50;
top:80px;
right:0;
left:0
}
.page-menu-main.drop-bak {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
}
@media (min-width: 1401px) {
.page-menu-box {
height:91px
}
.page-menu-main.fixed {
top:100px
}
}
.page-menu {
	text-align:right;
	position:relative;
	z-index:10;
	border-bottom:1px solid #DBE1E9;
	font-size:0
}
.page-menu__title {
	position:absolute;
	top:40px;
	left:40px;
	line-height:50px;
	letter-spacing:0.05em;
	color:#032D61
}
.page-menu__right {
	display:inline-block;
	vertical-align:top
}
.pm-item {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:140px;
	padding-top:40px
}
.pm-item.none {
	pointer-events:none
}
.pm-item::before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#DBE1E9;
-webkit-transform-origin:bottom center;
transform-origin:bottom center;
-webkit-transform:scaleY(0);
transform:scaleY(0)
}
.pm-item.current::before {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
.pm-item__header {
	line-height:50px;
	color:#333;
	text-align:center;
	display:block;
	position:relative
}
.pm-item__header.has-sub::after {
content:"\e603";
margin-left:10px;
font-family:'iconfont';
font-size:12px;
display:inline-block;
vertical-align:top;
line-height:50px;
color:#333;
display:none
}
.pm-item__body {
	position:absolute;
	top:100%;
	right:0;
	left:0;
	background-color:#DBE1E9;
	visibility:hidden;
	opacity:0;
	-webkit-clip-path:polygon(0 0, 100% 0%, 100% 0, 0 0);
	clip-path:polygon(0 0, 100% 0%, 100% 0, 0 0)
}
.pm-item__link {
	display:block;
	letter-spacing:0.05em;
	color:#333;
	line-height:50px;
	text-align:center
}
.pm-item__link.current {
	color:#032D61;
	font-weight:500
}
.page-menu-filter {
	display:none;
	position:absolute;
	top:10px;
	right:0;
	width:40px;
	height:50px;
	font-size:20px;
	line-height:50px;
	text-align:center;
	color:#333
}
@media (min-width: 1025px) {
.pm-item:hover .pm-item__body {
display:block
}
.pm-item:hover::before {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
.pm-item:hover .pm-item__body {
visibility:visible;
opacity:1;
-webkit-clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 100%);
clip-path:polygon(0 0, 100% 0%, 100% 100%, 0 100%)
}
.pm-item__link:hover {
color:#032D61;
font-weight:500
}
}
@media (max-width: 1400px) {
.pm-item {
padding-top:20px
}
.page-menu__title {
top:20px;
left:20px
}
}
@media (max-width: 1200px) {
.page-menu__title {
left:0;
top:10px
}
.pm-item {
padding-top:10px;
width:auto;
padding-right:20px;
padding-left:20px
}
.page-menu__work, .page-menu__about {
height:60px
}
.page-menu__work .pm-item, .page-menu__about .pm-item {
display:none
}
.page-menu-filter {
display:block
}
}
.page-search-main {
	min-height:calc(100vh - 300px)
}
.search-wrap {
	margin-left:auto;
	margin-right:auto;
	max-width:1000px
}
.search-header h3 {
	color:#333;
	font-size:24px;
	letter-spacing:.1em;
	line-height:1.5;
	font-weight:400
}
.search-header p {
	color:#333;
	font-size:16px;
	letter-spacing:.05em;
	line-height:1.5
}
.search-header p span {
	color:#032D61;
	font-weight:500
}
.search-item {
	display:block;
	padding:10px 20px;
	margin-bottom:12px;
	background-color:#f8f8f8
}
.search-item h4 {
	color:#333;
	margin-bottom:.25em;
	font-size:18px;
	line-height:1.5;
	letter-spacing:.05em;
	font-weight:500
}
.search-item p {
	color:#AFAFAF;
	font-size:14px;
	line-height:1.5
}
.search-item:hover {
	background-color:#DBE1E9
}
.search-item:hover h4 {
	color:#032D61
}
.footer {
	padding:20px 0;
	background-color:#fafafa
}
.footer-inner {
	font-size:0;
	position:relative
}
.footer-copyright, .footer-address, .footer-tel, .footer-icp {
	display:inline-block;
	vertical-align:top;
	margin-right:40px;
	line-height:30px;
	font-family:"Montserrat";
	letter-spacing:0.01em;
	font-weight:700
}
.footer-copyright, .footer-address, .footer-tel {
	color:#AFAFAF
}
.footer-icp {
	color:#AFAFAF
}
.footer-social {
	position:absolute;
	top:0;
	right:0;
	font-size:0
}
.fsocial-link {
	margin-left:12px;
	display:inline-block;
	vertical-align:top;
	width:30px;
	text-align:center;
	line-height:30px;
	color:#9D9D9D
}
.fsocial-link:first-of-type {
	margin-left:0
}
.fsocial-qrcode {
	position:relative
}
.fsocial-qrcode>img {
	position:absolute;
	bottom:100%;
	left:50%;
	width:80px;
	margin-left:-40px;
	visibility:hidden;
	opacity:0;
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
	-webkit-transform:scale(0);
	transform:scale(0)
}
.fsocial-qrcode:hover>img {
	visibility:visible;
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
@media (min-width: 1025px) {
.fsocial-link:hover {
color:#333
}
}
@media (max-width: 1100px) {
.footer-social {
position:relative;
margin-top:10px
}
}
@media (max-width: 640px) {
.footer-address, .footer-icp, .footer-tel {
display:none
}






}







/*# sourceMappingURL=app.css.map */



.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:50px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:3px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:3px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#032D61;
	border:1px solid #032D61;
}
.pagination a.page-num-current {
	color:#fff;
	background:#032D61;
	border:1px solid #032D61;
}




.fl {
    float: left;
}


@media (max-width: 990px) {
.w1200{width:100%;margin: 0 auto;}

.footer .contact{position: relative;width:98%; margin-left:2%}
.footer .bNav{ display:none}
.footer .ewm{position: relative;padding: 0 0px!important;width:98%; margin-left:2%}
.footer .ewm:after,.footer .contact:after{ display:none}
.footer .ewm h3{font-size: 16px;padding-bottom: 10px; border-bottom:none!important; margin-bottom:10px; width:50%!important;}
}

.w1200{width: 1200px;margin: 0 auto;}

/*底部*/
.footer{width: 100%;color: #000; overflow:hidden}

.footer .bottom{}
.footer .contact{position: relative;width:30%;}
.footer .contact:after{content: "";position: absolute;top: 45px;right: 0;width: 1px;height: 150px;background: #f0f0f0;}
.footer .contact h3{font-size: 16px;line-height: 21px;padding-bottom: 10px; border-bottom:1px solid #f0f0f0; margin-bottom:20px; width:50%;}


.footer .contact .tel{color: #fff;font-size: 24px;line-height: 27px;margin-bottom: 16px;}
.footer .contact .tel span{font-family: Arial;font-size: 12px;opacity: .4;padding-left: 5px;}
.footer .contact p{font-size: 14px;line-height: 24px; color:#AFAFAF}
.footer .contact a{display: inline-block;width: 90px;color: #fff;font-size: 12px;line-height: 28px;border: 1px solid #fff;text-align: center;border-radius: 3px;margin-top: 20px;opacity: .4;}
.footer .contact a:hover{opacity: 1;}
.footer .ewm{position: relative;padding: 0 66px;}
.footer .ewm:after{content: "";position: absolute;top: 45px;left: 0;width: 1px;height: 150px;background: #f0f0f0;}
.footer .ewm h3{font-size: 16px;padding-bottom: 10px; border-bottom:1px solid #f0f0f0; margin-bottom:10px;}
.footer .ewm dl{float:left;display:block; margin:0px; padding:0px;}
.footer .ewm dl:last-child{margin-right:0px;}
.footer .ewm dl dt{width: 135px;height: 135px;padding: 2px;border-radius: 8px;background: #fff;margin: auto;}
.footer .ewm dl dt img{width: 100%;height: 100%;display:inline-block;}
.footer .ewm dl dd{color: #AFAFAF;font-size: 12px;line-height: 35px;text-align: center; margin:0px;}
.footer .bNav{width:40%;padding-left: 70px;}
.footer .bNav h3{font-size: 16px;padding-bottom: 10px; border-bottom:1px solid #f0f0f0; margin-bottom:20px; width:50%;}
.footer .bNav a{float: left;width:32%;color:#AFAFAF;padding-bottom: 19px; font-size:14px; padding-left:1.33333%}
.footer .bNav a:hover{color:#032D61;}

/*版权*/
.copyright{font-size: 12px;line-height:25px;background: #f1f1f1;text-align: center; padding:10px;}
.copyright p{color: #AFAFAF;}
.copyright span{margin: 0 6px;}
.copyright a{color:#AFAFAF;}