:root {
	/* 导航变量 */
	--c: #218839; /* 主色调 */
	--cr: rgb(33,136,57,.8); /* 主色调-半透明 */
	--t: .6s; /* 动画过渡时间 */
}
/* header */
.public-header {
	display: flex; align-items: center; justify-content: space-between; position: fixed; z-index: 10; top: 0; width: 100%;
	color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); padding: 0 6.25%; height: 100px; font-size: 18px;
}
.public-header::before {
	content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,.3); transition: background var(--t);
}
.header-fixed { color: #333; }
.header-fixed::before { background: #fff; }
/* ====================================================================================================================================== */
/* logo */
.header-logo { width: 200px; }
.header-logo .i-box { padding-bottom: 33.39011925042589%; }
.header-logo img { transition: opacity var(--t); }
.header-logo img:nth-of-type(2) { opacity: 0; }
.header-fixed .header-logo img:first-child { opacity: 0; }
.header-fixed .header-logo img:last-child { opacity: 1; }
/* ====================================================================================================================================== */
/* nav */
.header-box { display: flex; height: inherit; }
.header-nav { height: inherit; }
.header-nav .ul { display: flex; height: inherit; }
.header-nav .li > a { display: flex; align-items: center; height: 100%; transition: color var(--t); padding: 0 20px; }
.header-nav .li:hover > a { color: var(--c); }
.header-nav .li.current > a { color: var(--c); }
/* nav-下划线效果-default */
.nav-line .li > a::before {
	content: ''; position: absolute; left: 50%; bottom: 0; width: 0%; height: 3px; opacity: 0;
	transform: translateX(-50%); background: var(--c); transition: width var(--t), opacity var(--t);
}
.nav-line .li:hover > a::before { width: 100%; opacity: 1; }
.nav-line .li.current > a::before { width: 100%; opacity: 1; }
@media (max-width: 767px) {
	.nav-line .li > a::before { display: none; }
}
/* nav-下划线效果-1 */
.nav-line-1 .line { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; opacity: 0; background: var(--c); transition: all var(--t); }
.nav-line-1 .li.cur .line { opacity: 1; }
/* nav-二级栏目 */
.header-nav .li { position: relative; }
.header-nav .li .menu {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); box-shadow: 0 0 5px rgba(0,0,0,.1); opacity: 0;
	pointer-events: none; visibility: hidden; background: #fff; color: #333; transition: all var(--t) ease-in-out;
}
.header-nav .li:hover .menu { pointer-events: auto; opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.header-nav .menu a { display: flex; white-space: nowrap; justify-content: center; padding: 1em 3em; transition: all var(--t); }
.header-nav .menu a:hover { background: var(--c); color: #fff; }
/* nav-三级栏目 */
.header-nav .li-s { position: relative; }
.header-nav .li-s .menu-s {
	position: absolute; top: 0; left: 100%; opacity: 0; visibility: hidden; transform: translate(10px, 0); pointer-events: none;
	box-shadow: 0 0 5px rgba(0,0,0,.1); background: #fff; transition: all var(--t) ease-in-out;
}
.header-nav .li-s:hover .menu-s { opacity: 1; visibility: inherit; transform: translate(0); pointer-events: all; }
/* nav-四级栏目 */
.header-nav .li-s .li-ss { position: relative; }
.header-nav .li-s .li-ss .menu-ss {
	position: absolute; top: 0; left: 100%; opacity: 0; visibility: hidden; transform: translate(10px, 0); pointer-events: none;
	box-shadow: 0 0 5px rgba(0,0,0,.1); background: #fff; transition: all var(--t) ease-in-out;
}
.header-nav .li-s .li-ss:hover .menu-ss { opacity: 1; visibility: inherit; transform: translate(0); pointer-events: all; }
/* ====================================================================================================================================== */
/* 移动端按钮 */
.header-button { display: none; align-items: center; margin-left: 20px; }
.header-button > div { display: flex; flex-direction: column; cursor: pointer; width: 24px; }
.header-button span { width: 100%; height: 2px; background: #333; transition: all var(--t); }
.header-button span:nth-of-type(2) { margin: 5px 0; }
.header-button > div.active span:first-child { transform: translateY(100%) rotateZ(225deg); }
.header-button > div.active span:nth-of-type(2) { opacity: 0; margin: 0; transform: translateX(100px); }
.header-button > div.active span:last-child { transform: translateY(-100%) rotateZ(-225deg); }
@media (max-width: 767px) {
	.header-button { display: flex; }
	/* 一级导航 */
	.header-nav {
		display: flex; align-items: center; position: fixed; top: 60px; left: 100%; overflow: hidden;
		width: 100%; height: calc(100% - 110px); box-shadow: 0 0 2px rgba(0,0,0,.2) inset; transition: left var(--t);
		background: #fff; color: #333; font-size: 16px;
	}
	.header-nav.active { left: 0; }
	.header-nav .ul { flex-wrap: wrap; align-content: center; width: 100%; height: 100%; }
	.header-nav li { width: 100%; }
	.header-nav .li > a { justify-content: center; position: relative; padding: .5em 10%; }
	.header-nav .li.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e68c';
	}
	/* 二级导航 */
	.header-nav .li .menu {
		display: flex; flex-wrap: wrap; align-content: center; width: 100%; height: calc(100% - 110px); 
		position: fixed; z-index: 1; top: 60px; left: 100%; visibility: visible; transform: translate(0, 0);
		opacity: 1; box-shadow: 0 0 2px rgba(0,0,0,.2) inset; pointer-events: auto;
	}
	.header-nav .li.active .menu { left: 0; }
	.header-nav .li:hover .menu { transform: translate(0, 0); }
	.header-nav .li .menu .close { position: absolute; top: 6%; left: 10%; font-size: 20px; }
	.header-nav .li .menu .close::before { font-family: 'ifont'; content: '\e61e'; }
	.header-nav .menu a { position: relative; padding: .5em 10%; }
	.header-nav .menu a:hover { background: transparent; color: #333; }
	.header-nav .li-s.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e68c';
	}
	/* 三级导航 */
	.header-nav .menu .li-s .menu-s {
		display: flex; flex-wrap: wrap; align-content: center; justify-content: center; pointer-events: auto;
		position: fixed; z-index: 1; top: 0; left: 100%; transform: translate(0, 0);
		visibility: visible; opacity: 1; width: 100%; height: 100%; box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
	}
	.header-nav .menu .li-s.active .menu-s { left: 0; }
	.header-nav .li-s .li-ss.more > a::after {
		position: absolute; top: 50%; right: 10%; transform: translateY(-50%);
		font-family: 'ifont'; content: '\e68c';
	}
	/* 四级导航 */
	.header-nav .menu .li-s .li-ss .menu-ss {
		display: flex; flex-wrap: wrap; align-content: center; justify-content: center; pointer-events: auto;
		position: fixed; z-index: 1; top: 0; left: 100%; transform: translate(0, 0);
		visibility: visible; opacity: 1; width: 100%; height: 100%; box-shadow: 0 0 2px rgba(0,0,0,.2) inset;
	}
	.header-nav .menu .li-s .li-ss.active .menu-ss { left: 0; }
}
/* ====================================================================================================================================== */
/* 导航下滑效果 - 移动端 */
.header-fixed .header-button span { background: #333; }
.public-header.on { color: #333; }
.public-header.on::before { background: #fff; }
.public-header.on .header-button span { background: #333; }
.public-header.on .header-logo img:first-child { opacity: 0; }
.public-header.on .header-logo img:last-child { opacity: 1; }
/* ====================================================================================================================================== */
.main { background: #f9f9f9; padding: 0 calc(100vw / 1920 * 160) calc(100vw / 1920 * 100); }
/* 导航 header */
.public-header { color: #3d3d3d; box-shadow: 0 0 5px rgba(0, 0, 0, 0); transition: box-shadow var(--t); width: auto; height: 100px; left: calc(100vw / 1920 * 160); right: calc(100vw / 1920 * 160); font-size: calc(100vw / 1920 * 22); padding: 0 15px 0 calc(100vw / 1920 * 25); }
.public-header::before { background: linear-gradient(to top, #f2f2f2, #fff); }
.header-fixed { color: #333; box-shadow: 0 0 5px rgba(0, 0, 0, .1); }
.header-fixed::before  { background: linear-gradient(to top, #f2f2f2, #fff); }
/* logo */
.header-logo { width: calc(100vw / 1920 * 187); }
.header-logo .i-box { padding-bottom: 34.22459893048128%; }
/* 链接 */
.header-nav .li > a { padding: 0 calc(100vw / 1920 * 30); }
/* 搜索 */
.header-search { display: flex; align-items: center; width: calc(100vw / 1920 * 225); margin-left: calc(100vw / 1920 * 30); }
.header-search form { position: relative; color: #717171; width: 100%; height: 38px; font-size: 16px; }
.header-search form input { border: 1px solid #898989; border-radius: 4px; background: transparent; width: 100%; height: 100%; padding: 0 48px 0 10px; }
.header-search form .button { position: absolute; top: 0; right: 0; width: 38px; height: 100%; background: var(--c); border-radius: 4px; cursor: pointer; }
.header-search form .button::after { color: #fff; font-family: 'ifont'; content: '\e602'; font-size: 18px; }
/* 语言切换 */
.header-language { position: relative; display: flex; align-items: center; color: #f9f9f9; font-size: 16px; margin-left: calc(100vw / 1920 * 30);  }
.header-language .box { display: flex; justify-content: center; background: var(--c); border-radius: 4px; width: 115px; height: 38px; }
.header-language .lang { display: flex; align-items: center; }
.header-language .lang::before { font-family: 'ifont'; content: '\e71a'; font-size: 24px; width: 24px; margin-right: 8px; }
.header-language .menu {
	position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); box-shadow: 0 0 3px rgba(0,0,0,.1);
	opacity: 0; visibility: hidden; background: #fff; color: #333; transition: all var(--t);
}
.header-language:hover .menu { opacity: 1; visibility: inherit; transform: translate(-50%, 0); }
.header-language .menu a { display: flex; justify-content: center; white-space: nowrap; padding: 0.8em 3em; transition: color var(--t), background var(--t); }
.header-language .menu a:hover { color: #fff; background: var(--c); }

@media (max-width: 1440px) {
	.main { padding: 0 6.25% calc(100vw / 1920 * 100); }
	.public-header { left: 6.25%; right: 6.25%; padding: 0 15px; font-size: 16px; }
	.header-search { width: 160px; margin-left: calc(100vw / 1920 * 25); }
	.header-search form { font-size: 14px; }
	.header-language { font-size: 14px; }
	.header-language .lang::before { width: 20px; font-size: 20px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 25); }
}
@media (max-width: 1199px) {
	.public-header { height: 60px; font-size: 14px; }
	.header-search { width: 130px; margin-left: calc(100vw / 1920 * 20); }
	.header-search form { height: 30px; font-size: 12px; }
	.header-search form input { padding: 0 38px 0 10px; }
	.header-search form .button { width: 30px; }
	.header-search form .button::after { font-size: 14px; }
	.header-language { font-size: 12px; }
	.header-language .box { width: 94px; height: 30px; }
	.header-language .lang::before { font-size: 18px; width: 18px; margin-right: 6px; }
	.header-nav .li > a { padding: 0 calc(100vw / 1920 * 20); }
}
@media (max-width: 991px) {
	.header-search { display: none; }
}
@media (max-width: 767px) {
	.public-header { left: 0; right: 0; padding: 0 6.25%; }
	.header-logo { width: 100px; }
	.header-nav .li > a { padding: .5em 10%; }
	.header-language { font-size: 14px; margin-left: 0; }
	.header-language .box { width: 104px; }
	.header-search { margin-left: 20px; }
}
/* ====================================================================================================================================== */
/*
 * 首页 banner
*/
/* 图片动效，从大缓慢缩小 */
@media (min-width: 767px) {
	.index-slick .slick-current .img img { animation: banner 4s 0s ease both; }
}
@keyframes banner { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }

.index-banner { margin-top: 100px; }
.index-slick { height: calc(100vw / 1920 * 683); }
.index-slick .img.i-box { padding-bottom: 42.8125%; }
.index-slick .item { position: relative; height: 100%; }
.index-slick .item .con { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #f9f9f9; padding: calc(100vw / 1920 * 120) calc(100vw / 1920 * 130) 0; }
.index-slick .item .con .h2 { font-weight: bold; text-shadow: 4px 8px 4px rgba(14,5,10,.75); font-size: calc(100vw / 1920 * 48); }
.index-slick .item .con .h3 { text-shadow: 3px 5px 4px rgba(14,5,10,1); font-size: calc(100vw / 1920 * 36); margin-top: calc(100vw / 1920 * 28); }
.index-slick .item .con .des { text-shadow: 4px 8px 4px rgba(14,5,10,.75); font-size: 20px; margin-top: calc(100vw / 1920 * 40); }
.index-slick .item .con .more { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid rgba(255,255,255,.7); color: rgba(255,255,255,.7); transition: all var(--t); width: 115px; height: 42px; font-size: 16px; margin-top: calc(100vw / 1920 * 56); }
.index-slick .item .con .more:hover { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.index-slick .slick-dots { left: auto; transform: translateX(0); right: calc(100vw / 1920 * 135); bottom: calc(100vw / 1920 * 48); }
.index-slick .slick-dots li { margin: 0 calc(100vw / 1920 * 16); }
.index-slick .slick-dots li button { border-radius: 0; width: 17px; height: 25px; background: url(../images/index-banner-icon.png) center / cover no-repeat; opacity: .4; transition: opacity var(--t); }
.index-slick .slick-dots li.slick-active button { background: url(../images/index-banner-icon.png) center / cover no-repeat; opacity: 1; }

@media (max-width: 1440px) {
	.index-slick .item .con .des { font-size: 18px; }
}
@media (max-width: 1199px) {
	.index-banner { margin-top: 60px; }
	.index-slick .item .con .des { font-size: 16px; }
	.index-slick .item .con .more { font-size: 14px; width: 110px; height: 36px; }
	.index-slick .slick-dots li button { width: 14px; height: 21px; }
}
@media (max-width: 991px) {
	.index-slick .item .con .des { font-size: 14px; }
	.index-slick .item .con .more {font-size: 12px; width: 100px; height: 32px;}
}
@media (max-width: 767px) {
	.main { padding: 0; }
	video { width: 100%; height: 100%; object-fit: cover; }
	.index-slick { height: calc(100vw / 1440 * 936); }
	.index-slick .img.i-box { padding-bottom: 64.86%; }
	.index-slick .video { position: relative; }
	.index-slick .video::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); }
	.index-slick .video::after {
		position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%);
		font-family: 'ifont'; content: '\e852'; color: #fff; font-size: 10vw;
	}
	.index-slick .item .con .h2 { font-size: 18px; }
	.index-slick .item .con .h3 { font-size: 16px; margin-top: 10px; }
	.index-slick .item .con .des { line-height: 1.2; margin-top: 8px; }
	.index-slick .item .con .more { height: 28px; }
	.index-slick .slick-dots { right: 6.25%; bottom: 20px; }
	.index-slick .slick-dots li { margin: 0 5px; }
	.index-slick .slick-dots li button { width: 10px; height: 14px; }
}


/* 主营业务 */
.index-business { background-color: #fff; padding: calc(100vw / 1920 * 72) calc(100vw / 1920 * 86) calc(100vw / 1920 * 120); }
.index-title { text-align: center; }
.index-title .en { color: rgba(0,0,0,.05); font-weight: bold; text-transform: uppercase; font-size: calc(100vw / 1920 * 64); }
.index-title .h2 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 48); text-transform: uppercase; }
.index-business .text { color: #000; line-height: 1.8; text-align: center; width: calc(100vw / 1920 * 890); font-size: calc(100vw / 1920 * 20); margin: 16px auto 0; }
.index-business .con { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 32); }
.index-business .con .list { position: relative; overflow: hidden; width: 30.7%; margin-right: 3.9%; }
.index-business .con .list:nth-child(3n) { margin-right: 0; }
.index-business .con .list::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background: var(--c); transition: opacity var(--t); }
.index-business .con .list .img.i-box { padding-bottom: 139.9082568807339%; }
.index-business .con .list > .h3 { color: #000; font-size: calc(100vw / 1920 * 28); position: absolute; left: calc(100vw / 1920 * 30); bottom: calc(100vw / 1920 * 38); transition: opacity var(--t); }
.index-business .con .list .box { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; background: linear-gradient(to top, rgba(33,136,57,.6), transparent); padding: calc(100vw / 1920 * 56) calc(100vw / 1920 * 50); transform: translateY(100%); transition: transform var(--t); }
.index-business .con .list .box .h3 { font-size: calc(100vw / 1920 * 28); }
.index-business .con .list .box .des { line-height: 1.4; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 26); }
.index-business .con .list .box .more { display: flex; justify-content: center; align-items: center; border-radius: 4px; width: 115px; height: 42px; border: 1px solid rgba(255,255,255,.6); color: rgba(255,255,255,.8); font-size: 16px; margin-top: calc(100vw / 1920 * 38); }
.index-business .con .list:hover::after { opacity: 0; }
.index-business .con .list:hover > .h3 { opacity: 0; }
.index-business .con .list:hover .box { transform: translateY(0); }

@media (max-width: 1440px) {
	.index-business .text { font-size: 16px; }
	.index-business .con .list .box .des { font-size: 16px; }
	.index-business .con .list .box .more { font-size: 14px; width: 110px; height: 36px; }
}
@media (max-width: 1199px) {
	.index-business .text { font-size: 14px; width: 80%; }
	.index-business .con .list > .h3 { font-size: 18px; }
	.index-business .con .list .box .h3 { font-size: 18px; }
	.index-business .con .list .box .des { font-size: 14px; }
	.index-business .con .list .box .more { font-size: 12px; width: 100px; height: 32px; }
	.index-business .con .list::after { height: 6px; }
}
@media (max-width: 991px) {
	.index-business .con .list > .h3 { font-size: 16px; }
	.index-business .con .list .box .h3 { font-size: 16px; }
	.index-business .con .list .box .des { font-size: 12px; }
}
@media (max-width: 767px) {
	.index-business { padding: 30px 6.25%; }
	.index-title .en { font-size: 22px; }
	.index-title .h2 { font-size: 18px; margin-top: -14px; }
	.index-business .text { width: 100%; }
	.index-business .con { margin-top: 20px; }
	.index-business .con .list { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.index-business .con .list > .h3 { font-size: 18px; left: 6.25%; bottom: 25px; display: none; }
	.index-business .con .list::after { display: none; }
	.index-business .con .list .box { transform: translateY(0); padding: 30px 20px 20px; }
	.index-business .con .list .box .h3 { font-size: 18px; }
	.index-business .con .list .box .des { font-size: 14px; margin-top: 10px; }
	.index-business .con .list .box .more { width: 120px; margin-top: 20px; }
	.index-business .con .list .img.i-box { padding-bottom: 100%; }
}


/* footer */
.footer { color: #fff; padding: calc(100vw / 1920 * 96) calc(100vw / 1920 * 90) 0; }
.footer .top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer .top .left { width: 420px; }
.footer .top .left .tit { font-size: 20px; }
.footer .top .left .tel { font-size: calc(100vw / 1920 * 48); margin-top: calc(100vw / 1920 * 20); }
.footer .top .left .text { line-height: 2.66; font-size: 18px; margin-top: calc(100vw / 1920 * 22); }
.footer .top .right { display: flex; flex-wrap: wrap; justify-content: space-between; width: 51%; padding-right: calc(100vw / 1920 * 20); }
.footer .top .right .list:nth-child(2) .li { flex-wrap: wrap; flex-direction: row; width: 200px; }
.footer .top .right .list:nth-child(2) .li > a:nth-child(odd) { width: 150px; }
.footer .top .right .list > a { font-size: 20px; }
.footer .top .right .list .li { display: flex; flex-direction: column; font-size: 16px; margin-top: calc(100vw / 1920 * 30); }
.footer .top .right .list .li > a { margin-bottom: calc(100vw / 1920 * 32); }
.footer .top .right .list .li > a:last-child { margin-bottom: 0; }
.footer .bottom { display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); padding: calc(100vw / 1920 * 32) 0; margin-top: calc(100vw / 1920 * 40); }
.footer .bottom > div { display: flex; flex-wrap: wrap; }
.footer .bottom .left p { margin-right: calc(100vw / 1920 * 40); }
.footer .bottom .right a { margin-left: calc(100vw / 1920 * 22); }

@media (max-width: 1440px) {
	.footer .top .left { width: 360px; }
	.footer .top .left .tit { font-size: 18px; }
	.footer .top .left .text { line-height: 2; font-size: 16px; }
	.footer .top .right { padding-right: 0; }
	.footer .top .right .list > a { font-size: 18px; }
	.footer .top .right .list .li { font-size: 15px; }
	.footer .top .right .list:nth-child(2) .li { width: 170px; }
	.footer .top .right .list:nth-child(2) .li > a:nth-child(odd) { width: 120px; }
	.footer .bottom { font-size: 14px; padding: 30px 0; }
}
@media (max-width: 1199px) {
	.footer .top .left { width: 320px; }
	.footer .top .left .tit { font-size: 16px; }
	.footer .top .left .text { font-size: 14px; }
	.footer .top .right .list > a { font-size: 16px; }
	.footer .top .right .list .li { font-size: 14px; }
}
@media (max-width: 991px) {
	.footer .top .left { width: 270px; }
	.footer .top .left .tit { font-size: 14px; }
	.footer .top .left .text { font-size: 12px; }
	.footer .top .right .list > a { font-size: 14px; }
	.footer .top .right .list .li { font-size: 12px; }
	.footer .top .right .list:nth-child(2) .li { width: 130px; }
	.footer .top .right .list:nth-child(2) .li > a:nth-child(odd) { width: 90px; }
	.footer .bottom { font-size: 12px; padding: 20px 0; }
}
@media (max-width: 767px) {
	.footer { padding: 30px 6.25% 20px; }
	.footer .top .left { width: 100%; text-align: center; }
	.footer .top .left .tit { font-size: 14px; }
	.footer .top .left .tel { font-size: 20px; margin-top: 8px; }
	.footer .top .left .text { line-height: 1.5; font-size: 12px; margin-top: 4px; }
	.footer .top .right { display: none; }
	.footer .bottom { justify-content: center; line-height: 1.5; padding: 18px 0 0; margin-top: 20px; }
	.footer .bottom > div { justify-content: center; }
}


/* 内页 banner */
.page-banner { position: relative; margin-top: 100px; }
.page-banner .img.i-box { padding-bottom: 24.25%; }
.page-banner .img img { animation: banner 4s 0s ease both; }
.page-banner .con { display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 calc(100vw / 1920 * 86); }
.page-banner .con .text { color: var(--c); font-weight: bold; font-size: calc(100vw / 1920 * 42); text-shadow: 3px 1px 0px rgba(255, 255, 255, 1); }

@media (max-width: 1199px) {
	.page-banner { margin-top: 60px; }
}
@media (max-width: 767px) {
	.page-banner .img.i-box { padding-bottom: 50%; }
	.page-banner .con { justify-content: center; }
	.page-banner .con .text { font-size: 18px; color: #fff; text-shadow: 3px 1px 0px rgba(0, 0, 0, 1); }
}

/* 公司简介 */
.about-us { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; padding: calc(100vw / 1920 * 106) calc(100vw / 1920 * 90) calc(100vw / 1920 * 120); }
.about-us .con { color: #000; width: 56.1%; }
.about-us .con .h1 { color: var(--c); font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.about-us .con .en { font-weight: 300; font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 18); }
.about-us .con .h3 { line-height: 1.2; font-size: calc(100vw / 1920 * 28); margin-top: calc(100vw / 1920 * 18); }
.about-us .con .text { color: #333; line-height: 1.8; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 40); }
.about-us .img { width: calc(100vw / 1920 * 589); }

@media (max-width: 1440px) {
	.about-us .con .en { font-size: 18px; }
	.about-us .con .text { font-size: 16px; }
}
@media (max-width: 1199px) {
	.about-us .con .en { font-size: 16px; }
	.about-us .con .text { font-size: 14px; }
}
@media (max-width: 991px) {
	.about-us .con .h3 { font-size: 18px; }
}
@media (max-width: 767px) {
	.about-us { padding: 30px 6.25%; }
	.about-us .con { width: 100%; margin-top: 20px; }
	.about-us .con .h1 { font-size: 18px; }
	.about-us .con .en { margin-top: 10px; }
	.about-us .con .h3 { line-height: 1.2; font-size: 16px; margin-top: 10px; }
	.about-us .con .text { margin-top: 16px; }
	.about-us .img { width: 100%; height: 230px; order: -1; }
}


/* 核心价值 */
.about-core { background-color: #f5f4f4; padding: calc(100vw / 1920 * 110) calc(100vw / 1920 * 94) calc(100vw / 1920 * 80); }
.about-core .title { text-align: center; }
.about-core .title .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.about-core .title .en { font-weight: 300; font-size: calc(100vw / 1920 * 24); margin-top: calc(100vw / 1920 * 14); }
.about-core .con { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 90); }
.about-core .con .list { transition: transform var(--t); width: 31.126%; margin-right: 3.3%; }
.about-core .con .list:nth-child(3n) { margin-right: 0; }
.about-core .con .list .text { background: #fff; padding: calc(100vw / 1920 * 66) calc(100vw / 1920 * 30) calc(100vw / 1920 * 33); }
.about-core .con .list .text .h3 { position: relative; z-index: 1; font-weight: bold; font-size: calc(100vw / 1920 * 28); }
.about-core .con .list .text .h3 .num { position: absolute; z-index: -1; left: 0; bottom: 3px; color: #f1f6fd; font-size: calc(100vw / 1920 * 64); }
.about-core .con .list .text .des { color: #666; line-height: 1.5; min-height: 3em; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 16); }
.about-core .con .list .img.i-box { padding-bottom: 68.42105263157895%; }
.about-core .con .list:hover { transform: translateY(-30px); }
.about-bottom { width: 100%; height: calc(100vw / 1920 * 80); background-color: #fff; }

@media (max-width: 1440px) {
	.about-core .title .en { font-size: 18px; }
	.about-core .con .list .text .des { font-size: 16px; }
}
@media (max-width: 1199px) {
	.about-core .con .list .text .h3 { font-size: 17px; }
	.about-core .con .list .text .des { font-size: 14px; }
}
@media (max-width: 767px) {
	.about-core { padding: 30px 6.25%; }
	.about-core .title .h2 { font-size: 18px; }
	.about-core .title .en { margin-top: 10px; }
	.about-core .con { margin-top: 20px; }
	.about-core .con .list { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.about-core .con .list:hover { transform: translateY(0); }
	.about-core .con .list .text { padding: 40px 20px 20px; }
	.about-core .con .list .text .h3 .num { font-size: 38px; }
	.about-core .con .list .text .des { font-size: 16px; margin-top: 10px; }
	.about-bottom { display: none; }
}


/* 产品列表 */
.product { display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; padding: calc(100vw / 1920 * 80) calc(100vw / 1920 * 80) calc(100vw / 1920 * 72); }
.product .aside { width: calc(100vw / 1920 * 282); }
.product .aside .box { position: sticky; top: 100px; }
.product .aside .box .h2 { display: flex; align-items: center; background: #1a7730; color: #fff; font-size: calc(100vw / 1920 * 32); padding: calc(100vw / 1920 * 22) calc(100vw / 1920 * 30); }
.product .aside .box .h2::before { content: ''; background: url(../images/product-icon.png) center / cover no-repeat; width: calc(100vw / 1920 * 27); height: calc(100vw / 1920 * 27); margin-top: calc(100vw / 1920 * 4); margin-right: calc(100vw / 1920 * 15); }
.product .aside .box .nav .list .hidden { display: none; }
.product .aside .box .nav .list .h3 { position: relative; display: flex; align-items: center; border: 1px solid #dcdcdc; line-height: 1.2; font-size: calc(100vw / 1920 * 24); padding: calc(100vw / 1920 * 23) calc(100vw / 1920 * 30); margin-top: -1px; transition: all var(--t); cursor: pointer; }
.product .aside .box .nav .list .h3::before { content: ''; position: absolute; background: #333; top: 50%; transform: translateY(-50%); right: calc(100vw / 1920 * 22); width: calc(100vw / 1920 * 14); height: calc(100vw / 1920 * 2); transition: all var(--t); }
.product .aside .box .nav .list .h3::after { content: ''; position: absolute; background: #333; top: 50%; transform: translateY(-50%); right: calc(100vw / 1920 * 28); width: calc(100vw / 1920 * 2); height: calc(100vw / 1920 * 14); transition: all var(--t); }
.product .aside .box .nav .list .li { display: flex; flex-direction: column; }
.product .aside .box .nav .list .li > a { position: relative; display: flex; align-items: center; color: #666; border: 1px solid #dcdcdc; font-size: calc(100vw / 1920 * 20); padding: calc(100vw / 1920 * 19) calc(100vw / 1920 * 30); margin-top: -1px; transition: background var(--t); }
.product .aside .box .nav .list .li > a::after { position: absolute; top: 50%; transform: translateY(-50%); right: calc(100vw / 1920 * 22); font-family: 'ifont'; content: '\e843'; color: #727274; font-size: 13px; }

/*.product .aside .box .nav .list:first-child .hidden { display: block; }*/
.product .aside .box .nav .list.active .h3 { background: var(--c); color: #fff; border: 1px solid var(--c); }
.product .aside .box .nav .list.active .h3::before { background: #fff; transform: translateY(-50%) rotate(90deg); opacity: 0; }
.product .aside .box .nav .list.active .h3::after { background: #fff; transform: translateY(-50%) rotate(90deg); }
.product .aside .box .nav .list .li > a:hover { background: #e5e5e5; }
.product .aside .box .nav .list .li > a.active { background: #e5e5e5; }

.product .con { flex: 1; padding-left: calc(100vw / 1920 * 65); width: calc(100% - 282px); }
.product .con .top { display: flex; flex-wrap: wrap; min-height: calc(100vw / 1920 * 276); }
.product .con .top .left { background: #f2f5fa; width: 48%; padding: calc(100vw / 1920 * 44) calc(100vw / 1920 * 60); }
.product .con .top .left .h2 { color: #000; font-weight: bold; font-size: calc(100vw / 1920 * 32); }
.product .con .top .left .text { line-height: 1.8; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 18); }
.product .con .top .right { flex: 1; }
.product .con .middle { margin-top: calc(100vw / 1920 * 55); }
.product .con .middle .h3 { position: relative; color: var(--c); border-bottom: 3px solid #f2f5fa; font-size: calc(100vw / 1920 * 24); padding-bottom: calc(100vw / 1920 * 8); }
.product .con .middle .h3::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 120px; height: 3px; background: #218839; }
.product .con .middle .text { color: #000; line-height: 2; font-size: calc(100vw / 1920 * 18); padding: calc(100vw / 1920 * 36) 0 0; }

.product .con .middle .text table { width: 100% !important; display: inline-block; overflow: auto; }
.product .con .middle .text table colgroup { display: none; }
/*.product .con .middle .text table tbody { display: block; }*/

.product .con .middle .text table::-webkit-scrollbar { height: 8px; }
.product .con .middle .text table tr td { line-height: 1; text-align: center; border: 1px solid #dcdcdc; white-space: pre-line; line-height: 1.2; padding: calc(100vw / 1920 * 16); }
.product .con .middle .text table tr:nth-child(1),
.product .con .middle .text table tr:nth-child(2) { font-weight: bold; background: #e6e7e6; }
.product .con .middle .text table tr:nth-child(1) td,
.product .con .middle .text table tr:nth-child(2) td { min-width: 120px; white-space: nowrap; padding: calc(100vw / 1920 * 10) calc(100vw / 1920 * 24); }

.product .con .link { display: flex; flex-wrap: wrap; margin-top: calc(100vw / 1920 * 64); }
.product .con .link a { background: #e5e5e5; color: #000; text-align: center; border-radius: 5px; font-weight: bold; font-size: calc(100vw / 1920 * 24); padding: calc(100vw / 1920 * 20) calc(100vw / 1920 * 22); min-width: calc(100vw / 1920 * 258); margin-right: calc(100vw / 1920 * 22); transition: all var(--t); margin-bottom: calc(100vw / 1920 * 20); }
.product .con .link a:hover { background: var(--c); color: #fff; }
.product .con .link a.active { background: var(--c); color: #fff; }
.product .con .bottom { color: #000; line-height: 2; font-size: calc(100vw / 1920 * 18); padding: calc(100vw / 1920 * 46) 0 0; }
.product .con .bottom .box { margin-bottom: calc(100vw / 1920 * 76); }
.product .con .bottom .box:last-child { margin-bottom: 0; }
.product .con .bottom .box table { width: 100%; display: inline-block; overflow: auto; }
.product .con .bottom .box table::-webkit-scrollbar { height: 10px; }
.product .con .bottom .box table tr td { line-height: 1; text-align: center; border: 1px solid #dcdcdc; white-space: pre-line; line-height: 1.2; padding: calc(100vw / 1920 * 16); }
.product .con .bottom .box table tr:nth-child(1),
.product .con .bottom .box table tr:nth-child(2) { font-weight: bold; background: #e6e7e6; }
.product .con .bottom .box table tr:nth-child(1) td,
.product .con .bottom .box table tr:nth-child(2) td { padding: calc(100vw / 1920 * 10); }

@media (max-width: 1440px) {
	.product .aside { width: 210px; }
	.product .aside .box .nav .list .h3 { font-size: 18px; }
	.product .aside .box .nav .list .li > a { font-size: 16px; }
	.product .con { width: calc(100% - 210px); }
	.product .con .top { min-height: 206px; }
	.product .con .top .left .text { font-size: 16px; }
	.product .con .middle .h3 { font-size: 18px; padding-bottom: 8px; }
	.product .con .middle .h3::before { width: 90px; }
	.product .con .middle .text { font-size: 16px; }
	.product .con .link a { font-size: 18px; padding: 14px 16px; min-width: 190px; }
	.product .con .bottom { font-size: 16px; }
	.product .aside .box .nav .list .h3::before { width: 11px; height: 1px; right: 15px; }
	.product .aside .box .nav .list .h3::after { width: 1px; height: 11px; right: 20px; }
}
@media (max-width: 1199px) {
	.product .aside { width: 180px; }
	.product .aside .box { top: 60px; }
	.product .aside .box .nav .list .h3 { font-size: 16px; }
	.product .aside .box .nav .list .li > a { font-size: 14px; }
	.product .con .top { min-height: 180px; }
	.product .con .top .left .text { font-size: 14px; }
	.product .con .middle .h3 { font-size: 16px; }
	.product .con .middle .text { font-size: 14px; }
	.product .con .link a { font-size: 17px; min-width: initial; }
	.product .con .bottom { font-size: 14px; }
}
@media (max-width: 991px) {
	.product .con .top .left .h2 { font-size: 17px; }
	.product .aside .box .h2 { font-size: 18px; }
	.product .aside .box .h2::before { width: 14px; height: 14px; }
}
@media (max-width: 767px) {
	.product { padding: 30px 6.25%; }
	.product .aside { width: 100%; }
	.product .aside .box .h2 { padding: 10px; }
	.product .aside .box .h2::before { width: 16px; height: 16px; margin-top: 2px; margin-right: 6px; }
	.product .aside .box .nav .list .h3 { padding: 10px; }
	.product .aside .box .nav .list .li > a { padding: 10px; }
	.product .aside .box .nav .list .li > a::after { right: 14px; }
	.product .con { width: 100%; padding-left: 0; margin-top: 20px; }
	.product .con .top { min-height: initial; }
	.product .con .top .left { width: 100%; padding: 20px; }
	.product .con .top .left .text { margin-top: 10px; }
	.product .con .top .right { flex: initial; width: 100%; height: 300px; height: 158px; order: -1; }
	.product .con .middle { margin-top: 20px; }
	.product .con .middle .text { padding: 15px 0 0; }
	.product .con .link a { font-size: 14px; padding: 10px 12px; width: 100%; margin-right: 0; margin-bottom: 8px; }
	.product .con .bottom { padding: 10px 0 0; }
	.product .con .bottom .box { margin-bottom: 20px; }
	.product .con .bottom .box table::-webkit-scrollbar { height: 4px; }
}


/* 应用服务 */
.service { display: flex; flex-wrap: wrap; background: #fff; padding: calc(100vw / 1920 * 92) calc(100vw / 1920 * 55) calc(100vw / 1920 * 96); }
.service .list { width: 31.714%; background-color: #f6f6f6; margin-right: 2.42%; margin-bottom: calc(100vw / 1920 * 42); }
.service .list:nth-child(3n) { margin-right: 0; }
.service .list .img.i-box { padding-bottom: 61.70212765957447%; }
.service .list .text { padding: calc(100vw / 1920 * 40) 20px calc(100vw / 1920 * 30); }
.service .list .text .h3 { font-weight: bold; transition: color var(--t); font-size: calc(100vw / 1920 * 24); }
.service .list .text .des { color: #666; line-height: 2; min-height: 6em; font-size: calc(100vw / 1920 * 18); margin-top: calc(100vw / 1920 * 20); -webkit-line-clamp: 3; }
.service .list .text .more { display: inline-block; border: 1px solid #898989; font-size: calc(100vw / 1920 * 18); padding: calc(100vw / 1920 * 11) calc(100vw / 1920 * 13); margin-top: calc(100vw / 1920 * 30); transition: all var(--t); }
.service .list .text .more::after { font-family: 'ifont'; content: '\e65f'; font-size: 12px; position: relative; top: -1px; margin-left: calc(100vw / 1920 * 8); }
.service .list:hover .text .h3 { color: var(--c); }
.service .list:hover .text .more { background: var(--c); color: #fff; border: 1px solid var(--c); }

/* 分页 */
.page-link { display: flex; justify-content: center; width: 100%; margin-top: calc(100vw / 1920 * 40); }
.page-link ul { display: flex; }
.page-link ul li {
	width: 50px; height: 50px; border: 1px solid #dcdcdc; color: #ccc; border-radius: 50%; margin: 0 6px;
	transition: background-color .8s, color .8s, border .8s;
}
.page-link ul li:hover { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.page-link ul li.active { border: 1px solid var(--c); background-color: var(--c); color: #fff; }
.page-link ul li a, .page-link ul li span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-top: 2px; }

@media (max-width: 1440px) {
	.service .list .text .des { font-size: 14px; }
	.service .list .text .more { font-size: 14px; padding: 8px 10px; }
	.page-link ul li { width: 44px; height: 44px; }
}
@media (max-width: 1199px) {
	.service .list .text .h3 { font-size: 17px; }
	.service .list .text .more::after { top: 0; }
	.page-link ul li { width: 40px; height: 40px; }
}
@media (max-width: 991px) {
	.service .list .text .h3 { font-size: 15px; }
	.service .list .text .des { font-size: 12px; }
	.service .list .text .more { font-size: 12px; }
	.page-link { font-size: 14px; }
}
@media (max-width: 767px) {
	.service { padding: 30px 6.25%; }
	.service .list { width: 100%; margin-right: 0; margin-bottom: 20px; }
	.service .list .text { padding: 20px; }
	.service .list .text .h3 { font-size: 18px; }
	.service .list .text .des { font-size: 14px; margin-top: 10px; }
	.service .list .text .more { font-size: 14px; margin-top: 10px; padding: 10px 14px; }
	.service .list .text .more::after { margin-left: 4px; }
	.page-link { margin-top: 10px; }
	.page-link ul li { width: 35px; height: 35px; margin: 0 3px; }
	.page-link ul li a, .page-link ul li span {  }
}


/* 应用详情 */
.service-info { background: #fff; padding: 0 calc(100vw / 1920 * 140) 0; }
.service-info .container { position: relative; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.03); padding: calc(100vw / 1920 * 43) 0 calc(100vw / 1920 * 120); margin-top: calc(100vw / 1920 * -120); }
.service-info .top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #eee; padding: 0 calc(100vw / 1920 * 50) calc(100vw / 1920 * 36); }
.service-info .top .h1 { color: #000; font-weight: bold; line-height: 1.2; font-size: calc(100vw / 1920 * 36); width: calc(100% - 120px); }
.service-info .top .back { display: flex; justify-content: center; align-items: center; border: 1px solid #898989; font-weight: bold; transition: all var(--t); font-size: 18px; width: 90px; height: 42px; }
.service-info .top .back::after { font-family: 'ifont'; content: '\e65f'; position: relative; top: 1px; font-size: 12px; margin-left: 8px; }
.service-info .top .back:hover { background: var(--c); color: #fff; border: 1px solid var(--c); }
.service-info .con { line-height: 2.4; font-size: 20px; padding: calc(100vw / 1920 * 50) calc(100vw / 1920 * 46) 0; }
.service-info .con img { margin-top: 15px; }

@media (max-width: 1440px) {
	.service-info .top .back { font-size: 16px; }
	.service-info .con { font-size: 18px; }
}
@media (max-width: 1199px) {
	.service-info .top .h1 { font-size: 22px; }
	.service-info .top .back { font-size: 14px; }
	.service-info .con { font-size: 16px; }
}
@media (max-width: 767px) {
	.service-info { padding: 0; }
	.service-info .container { margin-top: 0; padding: 30px 6.25%; }
	.service-info .top { padding: 0 0 15px; }
	.service-info .top .h1 { width: 100%; font-size: 18px; }
	.service-info .top .back { font-size: 16px; margin-top: 15px; margin-left: auto; height: 36px; }
	.service-info .con { line-height: 1.6; padding: 10px 0 0; }
}


/* 联系我们 */
.contact { background: #fff; padding: calc(100vw / 1920 * 86) 0 0; }
.contact .top { position: relative; z-index: 1; text-align: center; color: #000; }
.contact .top .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.contact .top .des { font-weight: 300; font-size: calc(100vw / 1920 * 22); margin-top: calc(100vw / 1920 * 26); }
.contact .top .link { display: flex; flex-wrap: wrap; justify-content: center; margin-top: calc(100vw / 1920 * 36); }
.contact .top .link a { position: relative; box-shadow: 4px 8px 8px rgba(14,5,10,.2); width: 51px; height: 51px; margin-right: calc(100vw / 1920 * 30); }
.contact .top .link a .code { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 120px; height: 130px; display: none; padding-top: 10px; }
.contact .top .link a .code > img { width: 100%; height: 100%; }
.contact .top .link a:last-child { margin-right: 0; }
.contact .top .link a > img { width: 100%; height: 100%; }
.contact .middle { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
.contact .middle .list { background: #f8f8f8; min-width: 28.2%; padding: calc(100vw / 1920 * 54) 20px calc(100vw / 1920 * 28); margin-right: calc(100vw / 1920 * 40); margin-top: calc(100vw / 1920 * 56); }
.contact .middle .list:last-child { margin-right: 0; }
.contact .middle .list .icon { display: inline-block; width: 46px; height: 46px; }
.contact .middle .list .icon img { width: 100%; height: 100%; }
.contact .middle .list .text { color: #000; line-height: 1.64; font-weight: 300; font-size: calc(100vw / 1920 * 22); margin-top: calc(100vw / 1920 * 32); }
.contact .message { text-align: center; color: #000; width: 900px; margin: 0 auto 16px; padding: calc(100vw / 1920 * 120) 0 calc(100vw / 1920 * 160); }
.contact .message .h2 { font-weight: bold; font-size: calc(100vw / 1920 * 48); }
.contact .message .des { font-weight: 300; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 40); }
.contact .message form { margin-top: calc(100vw / 1920 * 70); }
.contact .message form .box { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: calc(100vw / 1920 * 20); }
.contact .message form .box input { background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 4px; width: 47.8%; height: calc(100vw / 1920 * 63); padding: 0 16px; margin-bottom: calc(100vw / 1920 * 47); }
.contact .message form .box textarea { background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 4px; width: 100%; height: calc(100vw / 1920 * 220); padding: 20px 16px; }
.contact .message form .button { display: flex; flex-wrap: wrap; justify-content: center; font-size: calc(100vw / 1920 * 20); margin-top: calc(100vw / 1920 * 50); }
.contact .message form .button input { cursor: pointer; width: calc(100vw / 1920 * 175); height: calc(100vw / 1920 * 63); background: #969696; color: #fff; border-radius: 4px; margin: 0 16px; transition: all var(--t); }
.contact .message form .button input[type=submit] { background:var(--c); }
.contact .message form .button input:hover { background: var(--c); color: #fff; }

@media (max-width: 1440px) {
	.contact .top .des { font-size: 18px; }
	.contact .middle .list .text { font-size: 18px; }
	.contact .message .des { font-size: 16px; }
	.contact .message form .box { font-size: 16px; }
	.contact .message form .box input { height: 48px; }
	.contact .message form .box textarea { height: 164px; }
	.contact .message form .button input { width: 130px; height: 48px; }
	.contact .message form .button { font-size: 16px; }
}
@media (max-width: 1199px) {
	.contact .top .des { font-size: 16px; }
	.contact .top .link a { width: 44px; height: 44px; }
	.contact .top .link a .code { width: 100px; height: 110px; }
	.contact .middle .list .icon { width: 40px; height: 40px; }
	.contact .middle .list .text { font-size: 16px; }
	.contact .message { width: 100%; padding: calc(100vw / 1920 * 120) 40px calc(100vw / 1920 * 160); }
}
@media (max-width: 991px) {
	.contact .top .des { font-size: 14px; }
	.contact .top .link a { width: 40px; height: 40px; }
	.contact .middle .list .text { font-size: 14px; }
	.contact .message .des { font-size: 14px; }
	.contact .message form .button { font-size: 14px; }
	.contact .message form .button input { height: 42px; }
}
@media (max-width: 767px) {
	.contact { padding: 30px 6.25%; }
	.contact .top .h2 { font-size: 18px; }
	.contact .top .des { font-size: 16px; line-height: 1.4; margin-top: 10px; }
	.contact .top .link { margin-top: 20px; }
	.contact .middle .list { width: 100%; margin-right: 0; margin-top: 20px; padding: 20px; }
	.contact .middle .list .text { font-size: 16px; margin-top: 10px; }
	.contact .message { padding: 30px 0 0; }
	.contact .message .h2 { font-size: 18px; }
	.contact .message .des { font-size: 16px; margin-top: 10px; line-height: 1.4; }
	.contact .message form { margin-top: 20px; }
	.contact .message form .box input { width: 100%; height: 40px; margin-bottom: 10px; }
	.contact .message form .box textarea { height: 130px; }
	.contact .message form .button { font-size: 16px; margin-top: 20px; }
	.contact .message form .button input { margin: 0 10px; }
}