@font-face {
font-family:'GM';
src:url('../fonts/Gilroy-Medium.eot') format('eot'), url('../fonts/Gilroy-Medium.woff2') format('woff2'), url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype');
font-display:swap
}
@font-face {
font-family:'GL';
src:url('../fonts/Gilroy-Light.eot') format('eot'), url('../fonts/Gilroy-Light.woff2') format('woff2'), url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf') format('truetype');
font-display:swap
}
@font-face {
font-family:'GB';
src:url('../fonts/Gilroy-Bold.eot') format('eot'), url('../fonts/Gilroy-Bold.woff2') format('woff2'), url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype');
font-display:swap
}
@font-face {
font-family:'GBL';
src:url('../fonts/Gilroy-Black.eot') format('eot'), url('../fonts/Gilroy-Black.woff2') format('woff2'), url('../fonts/Gilroy-Black.woff') format('woff'), url('../fonts/Gilroy-Black.ttf') format('truetype');
font-display:swap
}
@font-face {
font-family:'AR';
src:url('../fonts/Anton-Regular.eot') format('eot'), url('../fonts/Anton-Regular.woff2') format('woff2'), url('../fonts/Anton-Regular.woff') format('woff'), url('../fonts/Anton-Regular.ttf') format('truetype');
font-display:swap
}
@font-face {
font-family:'IL';
src:url('../fonts/Inter-Light.eot') format('eot'), url('../fonts/Inter-Light.woff2') format('woff2'), url('../fonts/Inter-Light.woff') format('woff'), url('../fonts/Inter-Light.ttf') format('truetype');
font-display:swap
}
@font-face {
font-family:'GR';
src:url('../fonts/Gilroy-Regular.eot') format('eot'), url('../fonts/Gilroy-Regular.woff2') format('woff2'), url('../fonts/Gilroy-Regular.woff') format('woff'), url('../fonts/Gilroy-Regular.ttf') format('truetype');
font-display:swap
}
body {
	font-family:'GL'
}
:root {
--primary:#164CA3;
--white:#fff;
--black:#000
}
.fancybox-toolbar button {
	display:none !important
}
.fancybox-toolbar button:last-child {
	display:block !important
}
.ui.container {
	padding:0 15px;
	position:relative;
	max-width:1730px;
	margin:auto;
	width:100%
}
.body-overflow-box {
	position:relative;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	overflow:hidden
}
h1, h2, h3 {
	font-family:'GB'
}
#header {
	z-index:20;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding-bottom:20px;
	border-bottom:1px solid rgba(0, 0, 0, .1)
}
#header .logo {
	text-align:center;
	display:inline-block;
	vertical-align:middle
}
#header .h-top {
	text-align:center;
	padding-top:33px
}
#header .h-top .box {
	display:inline-block;
	width:99.8%;
	vertical-align:top;
	text-align:right;
	margin:0 0 0 auto
}
#header .h-top .box .left {
	display:inline-block;
	vertical-align:middle
}
#header .h-top .box .left form {
	width:203px;
	position:relative;
	margin:0 0 0 auto
}
#header .h-top .box .left form input {
	width:100%;
	height:30px;
	background-color:#eee;
	border-radius:15px;
	border:none;
	font-size:14px;
	font-family:'GM';
	color:#333;
	padding:0 30px 0 17px
}
#header .h-top .box .left form input::placeholder {
color:#333
}
#header .h-top .box .left form input::-webkit-input-placeholder {
color:#333
}
#header .h-top .box .left form input[type=submit] {
	width:13px;
	background:url(../images/search.png) center center no-repeat;
	position:absolute;
	right:15px;
	top:0;
	padding:0;
	border:none;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
#header .h-top .box .right {
	text-align:right;
	display:inline-block;
	vertical-align:middle;
	margin-left:57px;
	position:relative
}
#header .h-top .box .right img {
	display:inline-block;
	vertical-align:middle
}
#header .h-top .box .right span {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	color:#999;
	font-family:'GM';
	padding-left:11px
}
#header .h-top .box .right span i {
	display:inline-block;
	vertical-align:top;
	margin:3px 0 0 13px
}
#header .h-top .box .right ul.menu {
	-webkit-perspective:500px;
	-moz-perspective:500px;
	perspective:500px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	text-align:left;
	position:absolute;
	font-size:14px;
	background:#fff;
	top:100%;
	right:0;
	width:140px;
	z-index:191;
	transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform:rotate3d(1, 0, 0, -90deg);
	-moz-transform:rotate3d(1, 0, 0, -90deg);
	-ms-transform:rotate3d(1, 0, 0, -90deg);
	-o-transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	transform-origin:0 0 0;
	opacity:0;
-webkit-transition:opacity .3s, -webkit-transform .5s;
transition:opacity .3s, -webkit-transform .5s;
-moz-transition:transform .5s, opacity .3s, -moz-transform .5s;
transition:transform .5s, opacity .3s;
transition:transform .5s, opacity .3s, -webkit-transform .5s, -moz-transform .5s;
-webkit-transition:-webkit-transform .5s, opacity .3s;
-moz-transition:-moz-transform .5s, opacity .3s;
	-webkit-box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	border-bottom:3px solid var(--primary);
	display:none \9
}
#header .h-top .box .right ul.menu li {
	display:block;
	float:none;
	padding:8px 15px;
	line-height:24px;
	color:var(--black);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	text-transform:capitalize
}
#header .h-top .box .right ul.menu li img {
	height:20px;
	vertical-align:middle;
	display:inline-block;
	margin-right:10px
}
#header .h-top .box .right ul.menu li a {
	display:block
}
#header .h-top .box .right ul.menu li:hover {
	background:#222;
	color:#fff
}
#header .h-top .box .right:hover ul.menu {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	transform:rotate3d(0, 0, 0, 0);
	-webkit-transform:rotate3d(0, 0, 0, 0);
	-moz-transform:rotate3d(0, 0, 0, 0);
	-ms-transform:rotate3d(0, 0, 0, 0);
	-o-transform:rotate3d(0, 0, 0, 0);
	display:block \9
}
#header .nav .ui.menu {
	margin:0 auto
}
#header .nav .ui.menu .logo {
	margin-top:-45px
}
#header .nav .ui.menu .all {
	width:88%;
	display:inline-block;
	text-align:right
}
#header .nav .ui.menu .menu-box {
	display:inline-block;
	vertical-align:middle;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px
}
#header .nav .ui.menu .menu-box ul.menu>li {
	font-size:18px;
	margin-right:74px;
	color:#333;
	font-family:'GM';
	-webkit-perspective:500px;
	-moz-perspective:500px;
	perspective:500px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	z-index:100;
	float:left;
	position:relative;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	text-transform:uppercase
}
#header .nav .ui.menu .menu-box ul.menu>li:hover {
	color:var(--primary)
}
#header .nav .ui.menu .menu-box ul.menu>li>a {
	display:inline-block;
	line-height:1;
	position:relative
}
#header .nav .ui.menu .menu-box ul.menu>li>a.active {
	color:var(--primary)
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu {
	-webkit-perspective:500px;
	-moz-perspective:500px;
	perspective:500px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	text-align:left;
	position:absolute;
	font-size:14px;
	background:#fff;
	top:100%;
	left:0;
	width:220px;
	transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform:rotate3d(1, 0, 0, -90deg);
	-moz-transform:rotate3d(1, 0, 0, -90deg);
	-ms-transform:rotate3d(1, 0, 0, -90deg);
	-o-transform:rotate3d(1, 0, 0, -90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	-ms-transform-origin:0 0 0;
	transform-origin:0 0 0;
	opacity:0;
-webkit-transition:opacity .3s, -webkit-transform .5s;
transition:opacity .3s, -webkit-transform .5s;
-moz-transition:transform .5s, opacity .3s, -moz-transform .5s;
transition:transform .5s, opacity .3s;
transition:transform .5s, opacity .3s, -webkit-transform .5s, -moz-transform .5s;
-webkit-transition:-webkit-transform .5s, opacity .3s;
-moz-transition:-moz-transform .5s, opacity .3s;
	-webkit-box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	border-bottom:3px solid var(--primary);
	display:none \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li {
	display:block;
	float:none;
	padding:8px 15px;
	line-height:24px;
	color:var(--black);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	text-transform:capitalize;
	position:relative
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li a {
	display:block
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:hover {
	background:#ddd
}
#header .nav .ui.menu .menu-box ul.menu>li:hover ul.sub-menu {
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	transform:rotate3d(0, 0, 0, 0);
	-webkit-transform:rotate3d(0, 0, 0, 0);
	-moz-transform:rotate3d(0, 0, 0, 0);
	-ms-transform:rotate3d(0, 0, 0, 0);
	-o-transform:rotate3d(0, 0, 0, 0);
	display:block \9
}
#header .nav .ui.menu .menu-box ul.menu>li:last-child {
	margin-right:0
}
#header .nav .ui.menu .menu-box ul.menu>li:last-child a {
	border-right:none
}
#header.active {
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
	padding:20px 0;
	border-bottom:0
}
#header.active .h-top {
	display:none
}
#header.active .nav .ui.menu .logo {
	margin-top:0
}
#header.active .nav .ui.menu .logo img {
	width:50%
}
#header.active .nav .ui.menu .menu-box {
	margin-top:0
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu {
-webkit-perspective:500px;
perspective:500px;
transform-style:preserve-3d;
text-align:left;
position:absolute;
font-size:14px;
font-weight:400;
background:#fff;
top:0;
left:220px;
width:270px;
transform:rotate3d(1, 0, 0, -90deg);
transform-origin:0 0 0;
opacity:0;
transition:transform .5s, opacity .3s;
box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
border-bottom:3px solid var(--primary);
display:none \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li {
display:block;
float:none;
padding:8px 15px;
line-height:24px;
color:var(--black);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
text-transform:capitalize;
position:relative
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu a {
display:block;
color:#000;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:hover {
background:#222;
color:#fff;
width:100%
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd) .sub-menu li:hover a {
color:#fff
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(odd):hover ul.sub-menu {
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
-webkit-transform:rotate3d(0, 0, 0, 0);
-moz-transform:rotate3d(0, 0, 0, 0);
transform:rotate3d(0, 0, 0, 0);
display:block \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu {
-webkit-perspective:500px;
perspective:500px;
transform-style:preserve-3d;
text-align:left;
position:absolute;
font-size:14px;
font-weight:400;
background:#fff;
top:0;
left:220px;
width:270px;
transform:rotate3d(1, 0, 0, -90deg);
transform-origin:0 0 0;
opacity:0;
transition:transform .5s, opacity .3s;
box-shadow:0px 8px 10px rgba(0, 0, 0, .2);
border-bottom:3px solid var(--primary);
display:none \9
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li {
display:block;
float:none;
padding:8px 15px;
line-height:24px;
color:var(--black);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
text-transform:capitalize;
position:relative
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu a {
display:block;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
color:#000
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:hover {
background:#222;
color:#fff;
width:100%
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even) .sub-menu li:hover a {
color:#fff
}
#header .nav .ui.menu .menu-box ul.menu>li ul.sub-menu li:nth-child(even):hover ul.sub-menu {
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
-webkit-transform:rotate3d(0, 0, 0, 0);
-moz-transform:rotate3d(0, 0, 0, 0);
transform:rotate3d(0, 0, 0, 0);
display:block \9
}
#header .nav .search-box {
	line-height:normal;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	width:100%;
	height:100%;
	z-index:99999;
	display:none
}
#header .nav .search-box form {
	position:absolute;
	top:45%;
	left:50%;
	width:60%;
	margin-left:-30%
}
#header .nav .search-box form input {
	background:0 0;
	outline:none;
	border:none
}
#header .nav .search-box form input[type=text] {
	width:100%;
	border-bottom:1px solid #e1e1e1;
	font-size:26px;
	font-weight:400;
	color:var(--black);
	padding:10px 0
}
#header .nav .search-box form input[type=submit] {
	width:22px;
	height:22px;
	background:url(../images/tc-zoom.png) no-repeat;
	position:absolute;
	right:15px;
	top:20px
}
#header .nav .search-box form input[type=submit]:hover {
	opacity:.7;
	filter:alpha(opacity=70)
}
#header .nav .search-box .close {
	width:30px;
	height:30px;
	background:url(../images/close.png) no-repeat;
	position:absolute;
	right:25px;
	top:15px;
	cursor:pointer
}
#banner .slick-arrow {
	position:absolute;
	bottom:93px;
	width:58px;
	height:58px;
	color:transparent;
	border:none;
	z-index:1;
	outline:none;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#banner .slick-arrow:hover {
	background-color:var(--primary)
}
#banner:hover .slick-arrow {
	opacity:1
}
#banner .slick-prev {
	background:url("../images/bl.png") no-repeat center center rgba(22, 76, 163, .25);
	left:7%
}
#banner .slick-next {
	background:url("../images/br.png") no-repeat center center rgba(22, 76, 163, .25);
	left:11%
}
#banner .slick-slide .content {
	display:none
}
#banner .slick-active .content {
	display:block
}
table {
	margin-bottom:20px;
	word-break:break-word;
	width:100% !important;
	height:auto !important;
	display:block;
	overflow:auto
}
table tbody {
	display:table;
	width:100% !important;
	min-width:700px
}
table td, table th {
	padding:5px 10px;
	border:1px solid #fff;
	width:auto !important;
	height:auto !important
}
table tr {
	width:auto !important;
	height:auto !important
}
table tr:nth-child(even) {
background:#eee
}
#mobile {
	position:fixed;
	top:0;
	left:-280px;
	width:280px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	display:none;
	z-index:999
}
#mobile .yy {
	content:'';
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	right:100%;
	display:block;
	background:rgba(0, 0, 0, .13);
	z-index:-1;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#mobile #menu-on {
	width:40px;
	height:40px;
	position:absolute;
	left:100%;
	top:10px;
	cursor:pointer;
	cursor:hand
}
#mobile #menu-on i {
	width:23px;
	height:2px;
	background:#222;
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-ms-transform-origin:left center;
	-o-transform-origin:left center;
	transform-origin:left center
}
#mobile #menu-on i.line1 {
	top:12px
}
#mobile #menu-on i.line2 {
	top:19px
}
#mobile #menu-on i.line3 {
	top:26px
}
#mobile .menu-content {
	width:100%;
	height:100vh;
	display:block;
	background:#222;
	padding:40px 10%;
	overflow-y:auto;
	color:#fff
}
#mobile .menu-content::-webkit-scrollbar {
width:3px;
border-radius:1.5px
}
#mobile .menu-content::-webkit-scrollbar-button {
display:none
}
#mobile .menu-content::-webkit-scrollbar-track {
background-color:#222
}
#mobile .menu-content::-webkit-scrollbar-thumb {
background-color:#eee
}
#mobile .menu-content h3 {
	font-size:20px;
	color:inherit;
	text-transform:capitalize;
	margin-bottom:10px
}
#mobile .menu-content h3 i {
	font-size:16px;
	position:relative;
	top:-1px
}
#mobile .menu-content .menu-logo {
	display:block
}
#mobile .menu-content .menu-logo img {
	margin:0 auto
}
#mobile .menu-content .menu-list {
	margin:40px 0
}
#mobile .menu-content .menu-list ul li {
	font-size:15px;
	color:inherit;
	text-transform:capitalize;
	line-height:28px;
	font-family:'GR'
}
#mobile .menu-content .menu-list ul li ul li ul li {
	font-size:14px;
	line-height:28px;
	color:#666;
	font-family:'GL'
}
#mobile .menu-content .menu-list ul li a {
	padding:8px 0;
	display:block
}
#mobile .menu-content .menu-list ul li a:hover {
	color:#fd2318;
	text-decoration:underline
}
#mobile .menu-content .menu-list ul li li a {
	position:relative;
	padding-left:15px;
	line-height:30px
}
#mobile .menu-content .menu-list ul li li a:after {
	content:'';
	width:6px;
	height:1px;
	background:#fff;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
#mobile .menu-content .mob-search form {
	position:relative
}
#mobile .menu-content .mob-search form input {
	width:100%;
	height:45px;
	line-height:45px;
	border-radius:5px;
	border:none;
	padding:0 15px;
	font-size:14px;
	color:#000
}
#mobile .menu-content .mob-search form input[type=submit] {
	width:45px;
	height:45px;
	background:url("../images/icon-search-white.png") no-repeat center center #222;
	position:absolute;
	right:0;
	top:0;
	border-radius:0
}
#mobile .menu-content .mob-yuy {
	margin:40px 0
}
#mobile .menu-content .mob-yuy ul li {
	margin-bottom:10px;
	color:inherit;
	font-size:14px
}
#mobile .menu-content .mob-yuy ul li img {
	max-width:40px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px
}
#mobile .menu-content .mob-share ul li {
	width:30px;
	height:30px;
	border-radius:3px;
	background:#333;
	display:inline-block;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:14px;
	margin-right:3px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#mobile .menu-content .mob-share ul li:hover {
	background:#fd2318
}
#mobile .menu-content #menu-off {
	margin-top:40px;
	cursor:pointer;
	cursor:hand
}
#mobile.active {
	left:0
}
#mobile.active .yy {
	right:0
}
#mobile.active #menu-on i.line1 {
	-webkit-transform:translateX(-50%) rotateZ(45deg);
	-moz-transform:translateX(-50%) rotateZ(45deg);
	-ms-transform:translateX(-50%) rotateZ(45deg);
	-o-transform:translateX(-50%) rotateZ(45deg);
	transform:translateX(-50%) rotateZ(45deg);
	top:12px;
	margin-left:3px
}
#mobile.active #menu-on i.line2 {
	opacity:0
}
#mobile.active #menu-on i.line3 {
	-webkit-transform:translateX(-50%) rotateZ(-45deg);
	-moz-transform:translateX(-50%) rotateZ(-45deg);
	-ms-transform:translateX(-50%) rotateZ(-45deg);
	-o-transform:translateX(-50%) rotateZ(-45deg);
	transform:translateX(-50%) rotateZ(-45deg);
	top:28px;
	margin-left:3px
}
#mobile.white .menu-content {
	background:#fff;
	color:#000
}
#mobile.white .menu-content .menu-list ul li li a:after {
	background:#000
}
#mobile.white .menu-content .mob-search form input {
	border:1px solid #000
}
#mobile.white .menu-content .mob-search form input[type=submit] {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px
}
#banner {
	position:relative
}
#banner .ui.container {
	max-width:1715px;
	width:100%
}
#banner ul li {
	position:relative
}
#banner ul li>img {
	width:100%;
	min-height:220px
}
#banner ul li .text {
	position:absolute;
	left:0;
	top:23%;
	width:100%
}
#banner ul li .text .left {
	display:inline-block;
	width:60%;
	vertical-align:middle;
	position:relative;
	z-index:1
}
#banner ul li .text .left span {
	font-size:16px;
	font-family:'GL';
	letter-spacing:13px;
	line-height:1
}
#banner ul li .text .left h3 {
	font-size:68px;
	font-family:'GB';
	line-height:1.1;
	margin-top:40px
}
#banner ul li .text .left h3 i {
	font-size:88px
}
#banner ul li .text .left h3 em {
	color:var(--primary)
}
#banner ul li .text .left .more {
	display:inline-block;
	margin-top:58px;
	width:190px;
	height:44px;
	line-height:44px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	position:relative;
	overflow:hidden;
	font-size:18px;
	letter-spacing:2px;
	font-family:'GM';
	margin-left:6px;
	text-transform:uppercase
}
#banner ul li .text .left .more .icon {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	width:44px;
	height:100%;
	border-radius:50%;
	border:1px solid #333;
transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
-o-transition:all .5s;
	text-align:center;
	line-height:42px;
	font-size:25px
}
#banner ul li .text .left .more .icon i {
	margin-left:17px
}
#banner ul li .text .left .more em {
	position:relative;
	z-index:2;
	display:inline-block;
	margin:0 0 0 63px
}
#banner ul li .text .left .more:hover {
	color:var(--white)
}
#banner ul li .text .left .more:hover .icon {
	width:100%;
	border-radius:25px;
	text-align:left;
	padding-left:10px;
	background:var(--primary);
	border-color:var(--primary)
}
#banner .dotsBox {
	position:absolute;
	bottom:84px;
	left:8.33333333%;
	color:#5f5e5e;
	height:auto;
	width:100%
}
#banner .dotsBox .dots {
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
	position:relative;
	z-index:1;
	padding-left:8%
}
#banner .dotsBox .dots li {
	width:43px;
	height:3px;
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
	background:rgba(51, 51, 51, .7);
	position:relative;
	top:-2px;
	cursor:pointer
}
#banner .dotsBox .dots li:after {
	content:'';
	width:0;
	height:3px;
	background:rgba(51, 51, 51, .15);
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	transition:1s;
	z-index:-1
}
#banner .dotsBox .dots li:before {
	content:'';
	width:0;
	height:3px;
	background:rgba(51, 51, 51, .4);
	position:absolute;
	left:100%;
	top:0;
	z-index:-1
}
#banner .dotsBox .dots li button {
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	width:100%;
	height:100%;
	border-radius:inherit;
	display:block;
	background:0 0;
	color:transparent;
	font-size:0;
	border:none;
	display:none
}
#banner .dotsBox .dots li.slick-active {
	background:0 0;
	margin:0 40px 0 5px;
	width:142px
}
#banner .dotsBox .dots li.slick-active:after {
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	width:100%
}
#banner .dotsBox .dots li.slick-active:before {
	width:43px;
-webkit-transition:8s .5s;
-moz-transition:8s .5s;
-ms-transition:8s .5s;
-o-transition:8s .5s;
transition:8s .5s
}
@-webkit-keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
90% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:.1
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
@-o-keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
90% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:.1
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
@-moz-keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
90% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:.1
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
@keyframes ks {
from {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1
}
90% {
-webkit-transform:scale(1.6);
-moz-transform:scale(1.6);
-ms-transform:scale(1.6);
-o-transform:scale(1.6);
transform:scale(1.6);
opacity:.1
}
to {
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	-o-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0
}
}
#index-body h3.title {
	font-size:68px;
	font-family:'GB';
	line-height:1
}
#index-body h3.title:after {
	content:'';
	width:118px;
	height:4px;
	background-color:#333;
	border-radius:0;
	display:inline-block;
	vertical-align:middle;
	margin-left:32px
}
#index-body .about {
	background:url(../images/abg.png) no-repeat center center #f7f7f7;
	padding:123px 0 61px;
	position:relative;
	z-index:1
}
#index-body .about .ui.container {
	max-width:1710px;
	width:100%
}
#index-body .about .header h1 {
	font-size:68px;
	font-family:'GB';
	line-height:1
}
#index-body .about .header h2:after {
	content:'';
	width:118px;
	height:4px;
	background-color:#333;
	border-radius:0;
	display:inline-block;
	vertical-align:middle;
	margin-left:32px
}
#index-body .about .header .con {
	margin-top:38px;
	display:flex;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-justify-content:space-between;
	-moz-justify-content:space-between;
	-o-justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	-webkit-align-items:center
}
#index-body .about .header .con p, #index-body .about .header .con .tieanh {
	font-size:16px;
	line-height:2;
	font-family:'GL';
	width:64%
}
#index-body .about .header .con .tieanh h1 {
	display:inline;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit
}
#index-body .about .header .con .more {
	display:inline-block;
	width:190px;
	height:44px;
	line-height:44px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	position:relative;
	overflow:hidden;
	font-size:18px;
	letter-spacing:2px;
	font-family:'GM';
	margin-left:6px;
	text-transform:uppercase
}
#index-body .about .header .con .more .icon {
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	width:44px;
	height:100%;
	border-radius:50%;
	border:1px solid #333;
transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
-o-transition:all .5s;
	text-align:center;
	line-height:42px;
	font-size:25px
}
#index-body .about .header .con .more .icon i {
	margin-left:5px
}
#index-body .about .header .con .more em {
	position:relative;
	z-index:2;
	display:inline-block;
	margin:0 0 0 63px
}
#index-body .about .header .con .more:hover {
	color:var(--white)
}
#index-body .about .header .con .more:hover .icon {
	width:100%;
	border-radius:25px;
	text-align:left;
	padding-left:10px;
	background:var(--primary);
	border-color:var(--primary)
}
#index-body .about .img {
	position:relative;
	margin-top:61px
}
#index-body .about .img:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .3)
}
#index-body .about .img .play {
	position:absolute;
	top:41%;
	left:0;
	width:100%;
	text-align:center;
	z-index:1
}
#index-body .about .img .play i {
	border-radius:50%;
	background:#fff;
	display:inline-block;
	padding:34px 31px 34px 40px;
	position:relative
}
#index-body .about .img .play i:before, #index-body .about .img .play i:after {
	position:absolute;
	z-index:-1;
	content:'';
	left:-15px;
	right:-15px;
	top:-15px;
	bottom:-15px;
	border-radius:50%;
	background:rgba(255, 255, 255, .4);
	-webkit-animation:ks 2s linear infinite;
	-o-animation:ks 2s linear infinite;
	-ms-animation:ks 2s linear infinite;
	-moz-animation:ks 2s linear infinite;
	animation:ks 2s linear infinite
}
#index-body .about .img .play i:before {
-webkit-animation-delay:.6s;
-o-animation-delay:.6s;
-ms-animation-delay:.6s;
-moz-animation-delay:.6s;
animation-delay:.6s
}
#index-body .about .content {
	margin-top:68px
}
#index-body .about .content ul {
	display:flex;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	justify-content:space-between;
	-ms-justify-content:space-between;
	-moz-justify-content:space-between;
	-o-justify-content:space-between;
	-webkit-justify-content:space-between
}
#index-body .about .content ul li img {
	display:inline-block;
	vertical-align:middle
}
#index-body .about .content ul li .text {
	display:inline-block;
	vertical-align:middle;
	padding-left:36px
}
#index-body .about .content ul li .text h3 {
	font-size:47px;
	font-family:'AR';
	line-height:1;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .about .content ul li .text h3 sub {
	display:inline-block;
	vertical-align:middle
}
#index-body .about .content ul li .text p {
	font-size:23px;
	font-family:'IL';
	line-height:1.5;
	margin-top:10px
}
#index-body .about .content ul li:hover h3 {
	color:var(--primary)
}
#index-body .about:after {
	content:'ABOUT DIPU';
	text-transform:uppercase;
	font-size:236px;
	font-family:'GBL';
	line-height:1;
	color:rgba(51, 51, 51, .05);
	position:absolute;
	z-index:-1;
	top:45px;
	left:116px
}
#index-body .product {
	padding:118px 0;
	position:relative;
	z-index:1
}
#index-body .hot-product {
	background:#f7f7f7
}
#index-body .hot-product:after {
	display:none
}
#index-body .hot-product h3.title:after {
	display:none
}
#index-body .hot-product .content ul li .ig .img img {
	background:#fff !important
}
#index-body .product .ui.container {
	max-width:1710px;
	width:100%
}
#index-body .product .content {
	margin-top:118px
}
#index-body .hot-product .content {
	margin-top:60px
}
#index-body .product .content ul {
	margin-right:-33px
}
#index-body .product .content ul .slick-track {
	margin:0
}
#index-body .product .content ul .slick-slide {
	padding:5px
}
#index-body .product .content ul li {
	padding-right:33px
}
#index-body .product .content ul li .ig {
	display:block;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .product .content ul li .ig .img img {
	width:100%;
	background:#f7f7f7
}
#index-body .product .content ul li .ig .text {
	padding:10px 0 29px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .product .content ul li .ig .text h3 {
	font-size:24px;
	line-height:1.5;
	font-family:'GB'
}
#index-body .hot-product .content ul li .ig .text h3 {
	font-size:18px;
	font-family:'GM'
}
#index-body .product .content ul li .ig .text p {
	font-size:16px;
	line-height:1.8;
	font-family:'GL';
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	opacity:0;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .product .content ul li .ig:hover {
	-o-box-shadow:0 3px 13px rgba(0, 0, 0, .19);
	-webkit-box-shadow:0 3px 13px rgba(0, 0, 0, .19);
	box-shadow:0 3px 13px rgba(0, 0, 0, .19)
}
#index-body .product .content ul li .ig:hover .text {
	padding:10px 18px 29px
}
#index-body .product .content ul li .ig:hover .text p {
	opacity:1
}
#index-body .product .more {
	font-size:18px;
	display:block;
	width:191px;
	height:46px;
	background-color:#164CA3;
	border-radius:23px;
	text-align:center;
	line-height:46px;
	text-transform:uppercase;
	color:var(--white);
	margin:55px auto 0;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .product .more:hover {
	background:var(--black)
}
#index-body .product .slick-arrow {
	position:absolute;
	bottom:-18.8%;
	width:58px;
	height:58px;
	color:transparent;
	border:none;
	z-index:1;
	outline:none;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .product .slick-arrow:hover {
	background-color:var(--primary)
}
#index-body .product .slick-prev {
	background:url("../images/bl.png") no-repeat center center rgba(22, 76, 163, .25);
	right:6%
}
#index-body .product .slick-next {
	background:url("../images/br.png") no-repeat center center rgba(22, 76, 163, .25);
	right:2%
}
#index-body .product:after {
	content:'PRODUCTS';
	text-transform:uppercase;
	font-size:236px;
	font-family:'GBL';
	line-height:1;
	color:rgba(51, 51, 51, .05);
	position:absolute;
	z-index:-1;
	top:35px;
	left:110px
}
#index-body .advantage {
	padding:122px 0 112px;
	background:url(../images/adb.jpg) no-repeat center center;
	position:relative;
	z-index:1;
	background-size:cover
}
#index-body .advantage .ui.container {
	max-width:1742px;
	width:100%
}
#index-body .advantage .content {
	margin-top:80px
}
#index-body .advantage .content ul {
	margin-right:-66px
}
#index-body .advantage .content ul .slick-track {
	margin:0
}
#index-body .advantage .content ul .slick-slide {
	padding-top:20px
}
#index-body .advantage .content ul li {
	padding-right:66px
}
#index-body .advantage .content ul li .img {
	position:relative;
	display:inline-block;
	height:69px
}
#index-body .advantage .content ul li .img i {
	position:absolute;
	z-index:-1;
	right:-7px;
	top:-14px;
	width:32px;
	height:32px;
	background-color:var(--primary);
	border-radius:50%;
	display:block;
	margin:10px auto 0;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .advantage .content ul li .text {
	margin-top:20px
}
#index-body .advantage .content ul li .text h4 {
	font-size:28px;
	font-family:'GB';
	line-height:1
}
#index-body .advantage .content ul li .text p {
	font-size:16px;
	line-height:1.8;
	font-family:'GL';
	margin-top:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
#index-body .advantage:after {
	content:'ADVANTAGES';
	text-transform:uppercase;
	font-size:236px;
	font-family:'GBL';
	line-height:1;
	color:rgba(51, 51, 51, .05);
	position:absolute;
	z-index:-1;
	top:40px;
	left:110px
}
#index-body .news .box .left {
	width:60%;
	padding-top:50px
}
#index-body .news .box .right {
	width:50.3%;
	margin-left:-10.3%;
	position:relative;
	z-index:1;
	padding:136px 114px 0 0
}
#index-body .news .box .right .content {
	margin-top:66px
}
#index-body .news .box .right .content .slick-current+div+div+div+div li {
	border-bottom:0;
	padding:20px 0 0
}
#index-body .news .box .right .content li {
	padding:20px 0;
	border-bottom:2px solid #e2e0e0
}
#index-body .news .box .right .content li .info {
	display:flex;
	display:-moz-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;
	-o-align-items:center;
	-webkit-align-items:center;
	color:#666
}
#index-body .news .box .right .content li .info time {
	font-size:15px;
	line-height:1
}
#index-body .news .box .right .content li .info span {
	font-size:14px;
	width:130px;
	height:28px;
	line-height:28px;
	background-color:#f4f4f4;
	margin-left:9px;
	text-align:center;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#index-body .news .box .right .content li .info span:hover {
	background:#eee
}
#index-body .news .box .right .content li .info h4 {
	font-size:18px;
	line-height:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:14px;
	width:70%
}
#index-body .news .box .right .content li .info h4:before {
	content:'';
	width:2px;
	height:15px;
	background-color:#e2e0e0;
	display:inline-block;
	vertical-align:middle;
	margin-right:12px
}
#index-body .news .box .right:after {
	content:'NEWS';
	text-transform:uppercase;
	font-size:236px;
	font-family:'GBL';
	line-height:1;
	color:rgba(51, 51, 51, .05);
	position:absolute;
	z-index:-1;
	top:45px;
	left:-10px
}
#index-body .init-1 {
	background:url(../images/init1-bg.jpg) no-repeat center center;
	padding:105px 0 115px;
	background-size:cover;
	overflow:hidden;
	color:#fff;
	text-align:center
}
#index-body .init-1 h3 {
	font-size:48px;
	line-height:1;
	font-family:'GB'
}
#index-body .init-1 p {
	font-size:20px;
	line-height:1.5;
	font-family:'GL';
	margin:40px auto 48px;
	width:60%
}
#index-body .init-1 .more {
	display:inline-block;
	font-size:18px;
	color:var(--white);
	background:var(--primary);
	padding:10px 35px;
	text-transform:uppercase;
	border-radius:23px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .init-1 .more:hover {
	background:var(--black)
}
#index-body .partner {
	padding:40px 0 51px
}
#index-body .partner .ui.container {
	max-width:1598px;
	width:100%
}
#index-body .partner ul {
	margin-right:-40px
}
#index-body .partner ul li {
	padding-right:40px
}
#index-body .partner ul li img {
	width:100%
}
#index-body .partner .slick-arrow {
	position:absolute;
	top:50%;
	width:14px;
	height:18px;
	color:transparent;
	border:none;
	z-index:1;
	outline:none;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#index-body .partner .slick-prev {
	background:url("../images/pal.png") no-repeat center center;
	left:-7%
}
#index-body .partner .slick-next {
	background:url("../images/par.png") no-repeat center center;
	right:-4.5%
}
#index-body .init-2 {
	background:#f7f7f7;
	padding:119px 0 42px;
	position:relative;
	z-index:1
}
#index-body .init-2 .ui.container {
	max-width:1710px;
	width:100%
}
#index-body .init-2 .left {
	width:51.7%
}
#index-body .init-2 .left p {
	font-size:16px;
	font-family:'GL';
	line-height:1.8;
	margin-top:18px
}
#index-body .init-2 .left .img {
	margin-top:20px
}
#index-body .init-2 .right {
	width:48.3%;
	padding:36px 0 0 52px
}
#index-body .init-2 .right ul {
	margin:0 -14px -15px 0
}
#index-body .init-2 .right ul li {
	padding:0 14px 15px 0
}
#index-body .init-2 .right ul li span {
	display:block;
	background-color:#fff;
	height:116px;
	line-height:116px;
	text-align:center;
	-o-box-shadow:0 1px 5px rgba(0, 0, 0, .19);
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .19);
	box-shadow:0 1px 5px rgba(0, 0, 0, .19)
}
#index-body .init-2 .right ul li span img {
	vertical-align:middle;
	display:inline-block
}
#index-body .init-2:after {
	content:'RANGE COVER';
	text-transform:uppercase;
	font-size:236px;
	font-family:'GBL';
	line-height:1;
	color:rgba(51, 51, 51, .05);
	position:absolute;
	z-index:-1;
	top:40px;
	left:106px
}
#footer {
	background:url(../images/fbg.jpg) no-repeat center center;
	background-size:cover
}
#footer .ui.container {
	max-width:1710px;
	width:100%
}
#footer .f-info {
	padding:75px 0 121px;
	position:relative
}
#footer .f-info #ewm {
	width:100px;
	border:4px solid #fff;
	position:absolute;
	bottom:23%;
	right:25%
}
#footer .f-info h3 {
	font-size:48px;
	font-family:'GB';
	line-height:1;
	padding-top:19px;
	margin-bottom:53px;
	text-transform:capitalize
}
#footer .f-info ul li {
	font-size:18px;
	line-height:32px;
	font-family:'GL';
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s
}
#footer .f-info ul li:last-child {
	margin-bottom:0
}
#footer .f-info ul li:hover {
	text-decoration:underline
}
#footer .f-info .f-ab {
	padding-right:5%
}
#footer .f-info .f-ab a {
	display:block;
	margin-bottom:30px
}
#footer .f-info .f-ab p {
	font-size:18px;
	line-height:1.6;
	font-family:'GL'
}
#footer .f-info .f-ab .share {
	margin-top:20px
}
#footer .f-info .f-ab .share a {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	text-align:center;
	line-height:30px;
	background:#d5d5d6;
	font-size:18px;
	margin-right:10px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
#footer .f-info .f-ab .share a:hover {
	color:var(--primary)
}
#footer .f-info .f-ab .share a:last-child {
	margin-right:0
}
#footer .f-info .f-nav {
	padding-left:1%
}
#footer .f-info .f-contact {
	padding-left:2%
}
#footer .f-info .f-form {
	padding-left:3%
}
#footer .f-info .f-form form input[type=text], #footer .f-info .f-form form textarea {
	width:83.5%;
	height:40px;
	background:0 0;
	border-radius:5px;
	border:none;
	border-bottom:1px solid rgba(51, 51, 51, .55);
	margin-bottom:15px;
	font-size:18px;
	font-family:'GL'
}
#footer .f-info .f-form form input[type=text]::placeholder, #footer .f-info .f-form form textarea::placeholder {
color:#333
}
#footer .f-info .f-form form input[type=text]::-webkit-input-placeholder, #footer .f-info .f-form form textarea::-webkit-input-placeholder {
color:#333
}
#footer .f-info .f-form form textarea {
	margin-bottom:0;
	height:90px
}
#footer .f-info .f-form form .more {
	display:inline-block;
	vertical-align:bottom;
	border-radius:50%;
	width:39px;
	height:39px;
	background:var(--primary);
	text-align:center;
	line-height:39px;
	margin-left:16px
}
#footer .f-info .f-form form .more img {
	display:inline-block;
	vertical-align:middle
}
#footer .f-info .f-form form .more:hover {
	background:var(--black)
}
#footer .f-copy {
	background-color:#fff;
	padding:20px 0;
	text-align:center;
	font-size:18px;
	font-family:'GL';
	line-height:1.6
}
#footer .f-copy img {
	vertical-align:top;
	margin-top:7px;
	width:auto;
	max-height:18px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	opacity:.5
}
#footer .f-copy svg {
	vertical-align:top;
	width:auto;
	max-height:30px;
	margin-top:-6px;
-webkit-transition:.5s;
-moz-transition:.5s;
-ms-transition:.5s;
-o-transition:.5s;
transition:.5s;
	fill:#535353
}
#footer .f-copy svg text {
	fill:#535353
}
#footer .f-copy svg:hover {
	fill:#ea0048
}
@media screen and (max-width:1730px) {
#header .nav .ui.menu .all {
width:87.8%
}
#header .h-top {
padding-top:0
}
#header .nav .ui.menu .logo {
margin-top:-33px
}
#header .nav .ui.menu .menu-box {
margin-top:0
}
#banner ul li .text .left h3 {
margin-top:30px;
font-size:60px
}
#banner ul li .text .left h3 i {
font-size:80px
}
#banner .slick-prev {
left:2.5%
}
#banner .slick-next {
left:7%
}
#banner .dotsBox .dots li.slick-active {
width:100px
}
#banner .dotsBox {
left:4%
}
#index-body .about:after, #index-body .product:after, #index-body .advantage:after, #index-body .init-2:after {
font-size:200px;
left:16px
}
#index-body .news .box .right:after {
font-size:200px
}
#index-body .about .header .con p, #index-body .about .header .con .tieanh {
width:66%
}
#index-body .product .slick-prev {
right:7%
}
#index-body .advantage .content ul {
margin-right:-50px
}
#index-body .advantage .content ul li {
padding-right:50px
}
#index-body .advantage .content ul li .text h4 {
font-size:25px
}
#index-body .news .box .right .content li .info span {
padding-left:0;
text-align:center
}
#index-body .news .box .right .content li .info h4 {
width:70%
}
#index-body .partner .slick-prev {
left:0
}
#index-body .partner .slick-next {
right:40px
}
#index-body h3.title {
font-size:55px
}
#footer .f-info .f-ab {
padding-right:3%
}
#footer .f-info .f-form form .more {
margin-left:9px
}
}
@media screen and (max-width:1440px) {
#header .nav .ui.menu .all {
width:86.2%
}
#banner ul li .text {
top:27%
}
#banner .slick-prev {
left:2%
}
#banner .slick-arrow {
bottom:58px
}
#banner .dotsBox {
bottom:50px
}
#index-body .about .content ul li .text {
padding-left:20px
}
#index-body .about .content ul li .text h3 {
font-size:40px
}
#index-body .about .content ul li .text p {
font-size:20px
}
#index-body .advantage .content ul li .text h4 {
height:50px
}
#index-body .about:after, #index-body .product:after, #index-body .advantage:after, #index-body .init-2:after {
font-size:185px
}
#index-body .news .box .right:after {
font-size:185px
}
#index-body .news .box .right {
padding:136px 60px 0 0
}
#footer .f-info .f-ab {
padding-right:0
}
#footer .f-info h3 {
font-size:40px
}
#footer .f-info .f-nav {
padding-left:5%
}
#footer .f-info .f-contact {
padding-left:0
}
#footer .f-info .f-form {
padding-left:0
}
#footer .f-info #ewm {
bottom:31%;
right:27%
}
}
@media screen and (max-width:1280px) {
#header .nav .ui.menu .all {
width:84%
}
#banner ul li .text .left h3 {
margin-top:20px;
font-size:50px
}
#banner ul li .text .left h3 i {
font-size:60px
}
#banner ul li .text {
top:30%
}
#banner .dotsBox {
left:6%;
bottom:30px
}
#banner .slick-next {
left:8%
}
#banner .slick-arrow {
bottom:38px
}
#index-body .about:after, #index-body .product:after, #index-body .advantage:after, #index-body .init-2:after {
font-size:158px
}
#index-body .about .content ul li img {
width:30%
}
#index-body .about .content ul li .text {
width:68%
}
#index-body .about .content ul li .text p {
font-size:18px
}
#index-body .product .slick-prev {
right:10%
}
#index-body .product .slick-next {
right:4%
}
#index-body .news .box .right:after {
font-size:158px
}
#index-body .init-2 {
padding:100px 0 42px
}
#index-body .product {
padding:90px 0
}
#index-body .advantage {
padding:100px 0
}
#index-body .about {
padding:100px 0 61px
}
#index-body .news .box .left {
vertical-align:middle
}
#index-body .news .box .right {
padding:100px 40px 0 0;
vertical-align:middle
}
#footer .f-info .f-form form .more {
margin-left:2px
}
}
@media screen and (max-width:1100px) {
#header .nav .ui.menu .all {
width:82.4%
}
#header .nav .ui.menu .menu-box ul.menu>li {
margin-right:50px
}
#index-body .about:after, #index-body .product:after, #index-body .advantage:after, #index-body .init-2:after {
font-size:140px
}
#index-body .news .box .right:after {
font-size:140px;
top:14px
}
#index-body .about .content ul li .text p {
font-size:16px
}
#index-body .news .box .right {
padding:70px 40px 0 0
}
#index-body .news .box .right .content {
margin-top:20px
}
#index-body h3.title {
font-size:40px
}
#index-body h3.title:after {
width:90px
}
#index-body .about .header h1 {
font-size:50px
}
#index-body .about {
padding:89px 0 61px
}
#index-body .init-1 p {
width:66%
}
#footer .f-info h3 {
font-size:30px
}
#footer .f-info .f-form form input[type=text], #footer .f-info .f-form form textarea {
width:82.5%
}
#footer .f-info .f-form form .more {
margin-left:0
}
}
@media screen and (max-width:1000px) {
#header .nav {
height:60px !important;
line-height:60px !important
}
#header .nav .ui.menu .all {
display:none
}
#header .nav .ui.menu .logo {
height:60px !important;
line-height:60px !important;
margin-top:0 !important;
padding:0
}
#header .nav .ui.menu .logo img {
width:50% !important;
vertical-align:middle
}
#banner {
padding-top:60px
}
#banner .dotsBox {
display:none
}
#banner ul li .text {
top:15%
}
#banner ul li .text .left {
width:70%
}
#banner ul li .text .left h3 {
font-size:40px
}
#banner ul li .text .left h3 i {
font-size:50px
}
#index-body .about:after, #index-body .product:after, #index-body .advantage:after, #index-body .init-2:after {
font-size:100px
}
#index-body .about .header h1 {
font-size:50px
}
#index-body .about .header h1:after {
width:90px
}
#index-body .about {
padding:67px 0 61px
}
#index-body .about .content {
display:none
}
#index-body .product {
padding:70px 0
}
#index-body .product .content {
margin-top:70px
}
#index-body .product .more {
margin:20px auto 0
}
#index-body .product .slick-prev {
right:16%
}
#index-body .product .slick-next {
right:6%
}
#index-body .advantage {
padding:70px 0
}
#index-body .news .box .right:after {
font-size:100px;
top:0;
left:15px
}
#index-body .news .box .left {
width:50%;
display:none
}
#index-body .news .box .right {
width:100%;
margin-left:0;
padding:30px 15px
}
#index-body .init-1 {
padding:90px 0
}
#index-body .init-1 h3 {
font-size:40px
}
#index-body .init-1 p {
width:90%
}
#index-body .init-2 {
padding:75px 0 42px
}
#index-body .init-2 .right {
padding:36px 0 0 36px
}
#footer .f-info .f-nav, #footer .f-info .f-contact {
display:none
}
#footer .f-info .f-ab, #footer .f-info .f-form {
width:50%
}
#footer .f-info #ewm {
bottom:5%;
right:80%
}
}
@media screen and (max-width:700px) {
#banner ul li .text .left {
width:100%
}
.inner-banner .top h1, .inner-banner .top h2 {
display:none!important
}
#banner ul li .text .left .more {
margin-top:20px
}
#index-body .about:after, #index-body .product:after, #index-body .advantage:after, #index-body .init-2:after {
display:none
}
#index-body .about .header .con {
display:block;
margin-top:20px
}
#index-body .about .header .con p, #index-body .about .header .con .tieanh {
width:100%
}
#index-body .about .header .con .more {
display:block;
margin-top:20px
}
#index-body .about {
padding:30px 0
}
#index-body .about .img {
display:none
}
#index-body .about .header h1 {
font-size:40px
}
#index-body .about .header h1:after {
width:80px
}
#index-body .product {
padding:30px 0
}
#index-body .product .content {
margin-top:30px
}
#index-body .product .content ul li .ig .text p {
opacity:1
}
#index-body .advantage {
display:none
}
#index-body .news .box .right:after {
display:none
}
#index-body .init-1, #index-body .partner, #index-body .init-2 {
display:none
}
#footer .f-info {
padding:30px 0
}
#footer .f-info .f-ab, #footer .f-info .f-form {
width:100%
}
#footer .f-info .f-ab a {
margin-bottom:20px
}
#footer .f-info h3 {
margin-bottom:20px
}
#footer .f-info #ewm {
display:none
}
}
@media screen and (max-width:500px) {
#banner ul li .text .left h3 {
font-size:24px;
-webkit-text-stroke:1px var(--white)
}
#banner ul li .text .left h3 i {
font-size:34px
}
#banner ul li .text .left h3 em {
-webkit-text-stroke:0px
}
#banner ul li .text .left .more em {
-webkit-text-stroke:1px var(--white)
}
#index-body h3.title {
font-size:27px
}
#index-body h3.title:after {
width:40px;
margin-left:10px
}
#index-body .about .header h1 {
font-size:27px
}
#index-body .about .header h1:after {
width:40px;
margin-left:10px
}
#index-body .product .content ul li .ig .text h3 {
font-size:20px
}
#index-body .news .box .right .content li .info {
display:block
}
#index-body .news .box .right .content li .info span {
display:inline-block
}
#index-body .news .box .right .content li .info h4 {
width:100%;
padding-left:0;
margin-left:0;
margin-top:10px
}
#index-body .news .box .right .content li .info h4:before {
display:none
}
#footer .f-info .f-ab p {
font-size:16px
}
#footer .f-copy {
font-size:16px
}
#footer .f-copy img {
max-height:16px
}
}
.inner-banner {
	padding-top:137px;
	position:sticky;
	z-index:3;
	top:-160px
}
.inner-banner .top {
	background:#f9f9f9;
	height:5.8rem;
	padding-top:1.5rem;
	position:relative;
	z-index:1;
	display:inline-block;
	width:100%;
	line-height:1
}
.inner-banner .top:after {
	content:'';
	z-index:-1;
	width:28.8rem;
	height:30.2rem;
	background:url("/taqpchina/2023/02/02/5623463476.png");
	background-size:cover;
	position:absolute;
	top:2px;
	right:0;
	pointer-events:none
}
.inner-banner .top h2, .inner-banner .top h1 {
	font-size:24px;
	color:#363636;
	line-height:40px;
	font-weight:700;
	text-transform:capitalize;
	display:inline-block;
	max-width:40%;
	font-family:'GB'
}
.inner-banner .top .box {
	float:right;
	font-size:16px;
	color:rgba(0, 0, 0, .54);
	text-transform:capitalize;
	line-height:normal;
	padding-top:5px;
	max-width:50%
}
.inner-banner .bottom {
	background:#f9f9f9
}
.inner-banner .bottom .box {
	padding:15px 0;
	max-width:100%;
	border-bottom:1px solid #e4e2e2;
	background:#f9f9f9;
	position:relative;
	top:0
}
.inner-banner .bottom .box ul li {
	display:inline-block;
	vertical-align:middle;
	margin-right:30px;
	padding:0 20px;
	font-size:20px;
	line-height:34px;
	color:#141414;
	text-transform:capitalize;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	margin-bottom:20px;
	position:relative;
	font-family:'GB'
}
.inner-banner .bottom .box ul li:last-child {
	margin-right:0
}
.inner-banner .bottom .box ul li:after {
	content:'';
	height:4px;
	background:#164CA3;
	position:absolute;
	bottom:-10px;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	opacity:0;
	width:0
}
.inner-banner .bottom .box ul li:hover, .inner-banner .bottom .box ul li.active {
	color:#164CA3
}
.inner-banner .bottom .box ul li:hover:after, .inner-banner .bottom .box ul li.active:after {
	width:100%;
	opacity:1
}
.inner-banner .bottom .box ul li ul {
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	min-width:180px;
	width:320px;
	z-index:3;
	-moz-box-shadow:0 5px 3px rgba(0, 0, 0, .1);
	-o-box-shadow:0 5px 3px rgba(0, 0, 0, .1);
	box-shadow:0 5px 3px rgba(0, 0, 0, .1);
	padding:10px;
	display:none
}
.inner-banner .bottom .box ul li ul li:after {
	display:none
}
.inner-banner .bottom .box ul li ul li {
	display:block;
	width:100%;
	padding:5px 10px;
	font-size:16px;
	font-family:'GM';
	color:#666
}
.inner-banner .bottom .box ul li:hover>ul {
	display:block
}
.inner-page .ui.container {
	z-index:2
}
.inner-page .m-page>div {
	display:table;
	width:100%;
	background:#fff;
	margin-top:2.25rem;
	table-layout:fixed;
	text-align:center;
	border-collapse:collapse
}
.inner-page .m-page a, .inner-page .m-page span {
	display:table-cell;
	line-height:56px;
	height:56px;
	font-size:18px;
	color:#3c3939;
	border:1px solid #ececec;
	position:relative;
	vertical-align:middle
}
.inner-page .m-page a:after, .inner-page .m-page span:after {
	content:'';
	width:0;
	height:3px;
	background:#e28862;
	position:absolute;
	bottom:0;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.inner-page .m-page a.prev, .inner-page .m-page span.prev, .inner-page .m-page a.next, .inner-page .m-page span.next {
	color:transparent;
	font-size:0
}
.inner-page .m-page a.prev:before, .inner-page .m-page span.prev:before, .inner-page .m-page a.next:before, .inner-page .m-page span.next:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url("../images/icon-long-arrow.png") center center no-repeat
}
.inner-page .m-page a.prev:before, .inner-page .m-page span.prev:before {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.inner-page .m-page span.current:after {
	width:100%
}
.inner-page .m-page a:hover:after {
	width:100%
}
.inner-page .product-jq-list ul {
	margin:-8px;
	display:flex;
	flex-wrap:wrap
}
.inner-page .product-jq-list ul li {
	padding:8px
}
.inner-page .product-jq-list ul li .box {
	display:block;
	background:#fff;
	padding:3.5rem 1rem 2rem;
	font-size:10px;
	height:100%
}
.inner-page .product-jq-list ul li .box i.tag {
	display:block;
	font-size:16px;
	color:#b1aaaa;
	line-height:30px
}
.inner-page .product-jq-list ul li .box h3 {
	display:block;
	font-size:20px;
	color:#164CA3;
	line-height:1.2;
	margin:15px 0 20px;
	font-weight:700;
	min-height:2.2em
}
.inner-page .product-jq-list ul li .box a.img {
	display:block
}
.inner-page .product-jq-list ul li .box p {
	display:block;
	font-size:16px;
	color:#666;
	line-height:30px;
	margin:3.5rem 0;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
	height:auto
}
.inner-page a.more {
	font-size:18px;
	color:#3c3939;
	display:block;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.inner-page a.more img {
	margin-left:15px;
	display:inline-block;
	vertical-align:middle;
	margin-top:-4px;
	position:relative;
	left:0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.inner-page a.more:hover {
	color:#164CA3
}
.inner-page a.more:hover img {
	left:10px
}
.inner-page h3.title {
	font-size:1.6rem;
	color:#141414;
	font-weight:700;
	text-transform:capitalize;
	line-height:1
}
.inner-page .form-pro {
margin:.5rem 0;
	padding:2.5rem 1.5rem 1.25rem;
	background:#fff;
	display:inline-block;
	width:100%
}
.inner-page .form-pro .text {
	font-size:16px;
	color:#666;
margin:1rem 0 .75rem;
	line-height:2
}
.inner-page .form-pro .form-list ul {
margin:-.2rem -1rem
}
.inner-page .form-pro .form-list ul li {
padding:.2rem 1rem
}
.inner-page .form-pro .form-list ul li input, .inner-page .form-pro .form-list ul li textarea, .inner-page .form-pro .form-list ul li button {
	line-height:1.3;
	padding:10px;
	border:none;
	background:#f8f9fa;
	font-size:18px;
	width:100%
}
.inner-page .form-pro .form-list ul li textarea {
	height:10rem;
margin-top:.5rem;
	resize:vertical
}
.inner-page .form-pro .form-list ul li button {
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	background:#000;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	position:relative;
	z-index:1
}
.inner-page .form-pro .form-list ul li button:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	display:block;
	background:#164CA3;
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #164CA3), color-stop(100%, #e28862));
	background:-moz-linear-gradient(45deg, #164CA3 0%, #e28862 100%);
	background:-webkit-linear-gradient(-45deg, #164CA3 0%, #e28862 100%);
	background:-webkit-gradient(linear, -45deg, from(#164CA3), to(#e28862));
	background:-webkit-linear-gradient(-45deg, #164CA3, #e28862);
	background:-moz-linear-gradient(-45deg, #164CA3, #e28862);
	background:linear-gradient(to -45deg, #164CA3, #e28862);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#164CA3', endColorstr='#736bb0',GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#164CA3', endColorstr='#736bb0', GradientType=1);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	opacity:0
}
.inner-page .form-pro .form-list ul li button:hover:after {
	opacity:1
}
.inner-page .form-pro .form-list ul li.wid-100 {
	width:100%
}
.inner-page .product-cp-list ul li .box2 {
	padding:1rem 1.5rem 2rem;
	border-left:1px solid #f5f5f5;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	background:#fff;
	position:relative
}
.inner-page .product-cp-list ul li .box2 a.img {
	display:block;
	border-radius:100%;
	overflow:hidden
}
.inner-page .product-cp-list ul li .box2 a.img img {
	width:100%
}
.inner-page .product-cp-list ul li .box2 h5 {
	display:block;
	margin-top:1rem;
	text-align:center;
	font-size:18px;
	color:#001b00;
	font-weight:700
}
.inner-page .product-cp-list ul li .box2:hover {
	-o-box-shadow:0 0 1rem rgba(0, 0, 0, .1);
	-webkit-box-shadow:0 0 1rem rgba(0, 0, 0, .1);
	box-shadow:0 0 1rem rgba(0, 0, 0, .1);
	z-index:2
}
.about-page {
	position:relative;
	z-index:2;
	background:#f9f9f9
}
.about-page .about-1 .box {
	padding:5rem 0 0
}
.about-page .about-1 .box .left {
	width:45%;
	padding-right:3%;
	position:relative
}
.about-page .about-1 .box .left h6 {
	font-size:16px;
	line-height:1.5;
	color:#262323;
	margin:8px 0
}
.about-page .about-1 .box .left h6.title {
	margin-top:0
}
.about-page .about-1 .box .left .text {
	display:block;
	margin-top:20px;
	font-size:16px;
	line-height:1.6;
	max-width:605px
}
.about-page .about-1 .bottom {
	font-size:16px;
	line-height:2
}
.about-page .about-1 .box .left .text h3 {
	font-size:24px;
	font-weight:700;
	line-height:2
}
.about-page .about-1 .box .right {
	width:55%;
	text-align:center;
	padding-top:128px
}
.about-page .about-1 .box .right ul {
	margin:-5px
}
.about-page .about-1 .box .right ul li {
	padding:5px
}
.about-page .about-1 .box .right ul li h4 {
	font-size:38px;
	font-family:'GB'
}
.about-page .about-1 .box .right ul li h4 em {
	font-size:2.2rem;
	color:#164CA3;
	line-height:1;
	font-weight:700
}
.about-page .about-1 .box .right ul li h4 sup {
	vertical-align:top;
	position:relative;
	top:-10px;
	margin-left:5px
}
.about-page .about-1 .box .right ul li p {
	display:block;
	font-size:18px;
	color:#262323;
	line-height:1;
	margin-top:1.5rem
}
.about-page .about-1 .box .right ul li:nth-child(3) {
width:30%
}
.about-page .about-1 .box .right ul li:nth-child(4) {
width:20%
}
.about-page .about-2 .content {
	display:block;
	padding:2.5rem 1rem;
	font-size:16px;
	color:rgba(38, 35, 35, .75);
	line-height:2
}
.about-page .about-2 img {
	width:100%
}
.about-page .about-3 {
	padding:3rem 0 2.5rem
}
.about-page .about-3 h3 {
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:24px;
	color:#262323;
	max-width:730px;
	line-height:2
}
.about-page .about-3 .list {
	margin-top:4rem;
	text-align:center
}
.about-page .about-3 .list ul {
	margin:-5px
}
.about-page .about-3 .list ul li {
	padding:5px
}
.about-page .about-3 .list ul li span {
	display:block;
	height:5rem;
	line-height:5rem
}
.about-page .about-3 .list ul li span img {
	display:inline-block;
	vertical-align:middle;
transition:.5s
}
.about-page .about-3 .list ul li:hover span img {
	transform:rotateY(360deg)
}
.about-page .about-3 .list ul li p {
	display:block;
	font-size:16px;
	color:rgba(38, 35, 35, .51);
	line-height:2;
	margin-top:15px
}
.about-page .about-4 {
	padding:3rem 0 1.5rem;
	background:#f7f7f7;
	text-align:center
}
.faq-page {
	padding:4rem 0 9.5rem;
	background:#f7f7f7;
	position:relative;
	z-index:2
}
.faq-page .left {
	width:45%;
	padding-right:10%
}
.faq-page .left h3 {
	display:block;
	font-size:2.05rem;
	color:#312e2e;
	font-weight:700;
	line-height:2;
	text-transform:uppercase
}
.faq-page .left .content {
	display:block;
	font-size:16px;
	color:#8d8888;
	line-height:1.6;
	margin-top:15px
}
.faq-page .left .content:after {
	content:'';
	display:block;
	width:4.4rem;
	height:4px;
	background:#164CA3;
	margin-top:10px
}
.faq-page .right {
	width:55%
}
.faq-page .right .list {
	position:relative;
	z-index:2
}
.faq-page .right .list ul li {
	margin-bottom:14px;
	background:#fff;
	padding:1rem 4.5rem;
	position:relative
}
.faq-page .right .list ul li:after {
	content:'';
	width:1px;
	height:100%;
	position:absolute;
	left:3rem;
	top:0;
	background:#e6ebed
}
.faq-page .right .list ul li span {
	position:absolute;
	width:3rem;
	text-align:center;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:16px;
	color:#312e2e;
	font-weight:700;
	left:0
}
.faq-page .right .list ul li h4 {
	display:block;
	font-size:16px;
	color:#646161;
	font-weight:700;
	line-height:1.2;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.faq-page .right .list ul li .text {
	display:block;
	margin-top:1rem;
	font-size:16px;
	color:#999898;
	line-height:2;
	display:none
}
.faq-page .right .list ul li i {
	right:3rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	font-size:1.5rem;
	position:absolute;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.faq-page .right .list ul li i.active {
	-webkit-transform:translateY(-50%) rotate(180deg);
	-moz-transform:translateY(-50%) rotate(180deg);
	-ms-transform:translateY(-50%) rotate(180deg);
	transform:translateY(-50%) rotate(180deg)
}
.faq-page .right .list ul li:hover h4 {
	color:#164CA3
}
.product-jq-page {
	background:#f9f9f9;
	padding:4rem 0 0rem
}
.product-jq-page .product-1 {
	padding:3rem;
	background:#fff
}
.product-jq-page .product-1 .left {
	padding-right:1.25rem;
	vertical-align:middle;
	width:70%
}
.product-jq-page .product-1 .left img {
	width:100%
}
.product-jq-page .product-1 .right {
	padding-left:1.25rem;
	vertical-align:middle;
	width:30%
}
.product-jq-page .product-1 .right i.tag {
	display:block;
	font-size:16px;
	color:#666;
	line-height:1
}
.product-jq-page .product-1 .right h3 {
	display:block;
	font-size:1.65rem;
	color:#164CA3;
	font-weight:700;
	margin:1.25rem 0 1rem
}
.product-jq-page .product-1 .right .text {
	display:block;
	font-size:16px;
	color:#666;
	line-height:1.6
}
.product-jq-page .product-1 .right a.more {
	margin-top:1.5rem
}
.product-jq-page .product-search {
margin:2rem 0 .75rem;
	background:#fff;
padding:.75rem 1.5rem;
	position:relative;
	z-index:1
}
.product-jq-page .product-search h5 {
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	text-transform:capitalize;
	margin-right:10px;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%)
}
.product-jq-page .product-search .left {
	width:65%;
	padding-right:10%;
	position:relative;
	padding-left:7.5rem
}
.product-jq-page .product-search .left .select {
	position:relative;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.product-jq-page .product-search .left .select span {
	line-height:40px;
	height:40px;
	padding:0 10px;
	border:1px solid #e5e5e5;
	border-radius:3px;
	font-size:16px;
	color:#888a88;
	display:block
}
.product-jq-page .product-search .left .select span i {
	float:right;
	line-height:inherit
}
.product-jq-page .product-search .left .select ul {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:15px;
	display:none
}
.product-jq-page .product-search .left .select ul li {
	font-size:14px;
	padding:8px 0;
	border-bottom:1px #eee dashed;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.product-jq-page .product-search .left .select ul li:last-child {
	border-bottom:none
}
.product-jq-page .product-search .left .select ul li:hover {
	color:#164CA3
}
.product-jq-page .product-search .left .select:hover ul {
	display:block
}
.product-jq-page .product-search .right {
	width:35%;
	position:relative;
	padding-left:3.5rem
}
.product-jq-page .product-search .right .search {
	position:relative
}
.product-jq-page .product-search .right .search input {
	line-height:40px;
	height:40px;
	padding:0 10px;
	border:1px solid #e5e5e5;
	border-radius:3px;
	font-size:16px;
	width:100%
}
.product-jq-page .product-search .right .search input[type=submit] {
	width:40px;
	position:absolute;
	background:url("../images/icon-search-black.png") center center no-repeat;
	background-size:14px;
	border:none;
	right:0;
	top:0
}
.prodet-jq-page {
	background:#f9f9f9
}
.prodet-jq-page .prodet-jq-1 {
	padding-top:4rem
}
.prodet-jq-page .prodet-jq-1 .box {
	background:#fff;
	padding:3.5rem 2rem 2.5rem
}
.prodet-jq-page .prodet-jq-1 .box .left>img {
	width:80%;
	padding-left:3%
}
.prodet-jq-page .prodet-jq-1 .box .left .list {
	margin-top:0;
	width:15%;
	float:left
}
.prodet-jq-page .prodet-jq-1 .box .left .list ul {
	margin:-6px
}
.prodet-jq-page .prodet-jq-1 .box .left .list ul li {
	padding:6px
}
.prodet-jq-page .prodet-jq-1 .box .left .list ul li a {
	display:block
}
.prodet-jq-page .prodet-jq-1 .box .left .list ul li a img {
	width:100%;
	box-shadow:0 0 1px
}
.prodet-jq-page .prodet-jq-1 .box .right {
	padding-left:1.5rem
}
.prodet-jq-page .prodet-jq-1 .box .right i.tag {
	display:block;
	font-size:16px;
	color:#222121;
	line-height:2;
	font-weight:700
}
.prodet-jq-page .prodet-jq-1 .box .right h1 {
	display:block;
	font-size:1.8rem;
	color:#164CA3;
	line-height:2;
	margin:10px 0;
	font-weight:700
}
.prodet-jq-page .prodet-jq-1 .box .right .text {
	display:block;
	font-size:16px;
	color:#666;
	line-height:2
}
.prodet-jq-page .prodet-jq-1 .box .right .text ul li {
	padding-left:15px;
	position:relative
}
.prodet-jq-page .prodet-jq-1 .box .right .text ul li:after {
	content:'';
	border:3px solid #28428c;
	border-radius:100%;
	position:absolute;
	left:0;
top:.6rem
}
.prodet-jq-page .prodet-jq-1 .box .right .btn {
	margin-top:2rem
}
.prodet-jq-page .prodet-jq-1 .box .right .btn a {
	display:inline-block;
	line-height:40px;
	height:40px;
	padding:0 20px;
	border-radius:7px;
	background:#abafb5;
	font-size:16px;
	font-weight:700;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	color:#fff
}
.prodet-jq-page .prodet-jq-1 .box .right .btn a:hover {
	background:#164CA3
}
.prodet-jq-page .prodet-jq-1 .box .right .btn a:first-child {
	background:#164CA3
}
.prodet-jq-page .prodet-jq-1 .box .right .btn a:first-child:hover {
	background:#164CA3
}
.prodet-jq-page .prodet-jq-2 {
	margin-top:2.5rem;
	background:#fff
}
.prodet-jq-page .prodet-jq-2 .options {
	border-top:3px solid #164CA3;
	background:#f1f1f3;
	display:inline-block;
	width:100%
}
.prodet-jq-page .prodet-jq-2 .options ul li {
	line-height:70px;
	height:70px;
	padding:0 30px;
	font-size:20px;
	color:#164CA3;
	background:var(--white);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	display:inline-block;
	font-weight:700;
	float:left;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.prodet-jq-page .prodet-jq-2 .options ul li:hover, .prodet-jq-page .prodet-jq-2 .options ul li.active {
	background:#164CA3;
	color:#fff
}
.prodet-jq-page .prodet-jq-2 .ret {
padding:.75rem 1.5rem 2rem;
	font-size:16px;
	line-height:1.8
}
.prodet-jq-page .prodet-jq-2 .ret img {
	display:block;
	margin:0 auto
}
.prodet-jq-page .prodet-jq-3 {
	padding-top:1.75rem
}
.prodet-jq-page .prodet-jq-3 .box {
	display:block;
	margin-top:1.75rem;
	background:#fff
}
.prodet-jq-page .prodet-jq-4 {
	padding-top:3.5rem
}
.prodet-jq-page .prodet-jq-4 .product-jq-list {
	margin-top:2rem
}
.prodet-jq-page .prodet-jq-4 .product-jq-list ul li .box {
	padding:2rem 1.5rem 1rem;
	font-size:6px
}
.prodet-jq-page .prodet-jq-4 .product-jq-list ul li .box p {
	height:3.15rem;
	margin:1rem 0
}
.prodet-jq-page .prodet-jq-4 .product-jq-list ul li .box a.more img {
	max-width:14px;
	margin-left:5px
}
.prodet-jq-page .prodet-jq-service {
	padding:50px 0
}
.prodet-jq-page .prodet-jq-service ul li {
	padding:0 30px;
	text-align:center;
	position:relative
}
.prodet-jq-page .prodet-jq-service ul li i {
	display:block;
	height:66px;
	line-height:66px
}
.prodet-jq-page .prodet-jq-service ul li i img {
	display:inline-block;
	vertical-align:middle
}
.prodet-jq-page .prodet-jq-service ul li h5 {
	font-size:25px;
	color:#164CA3;
	font-weight:700;
	line-height:1;
	margin:25px 0 15px
}
.prodet-jq-page .prodet-jq-service ul li p {
	font-size:14px;
	color:#afb2c5;
	line-height:1.6
}
.prodet-jq-page .prodet-jq-service ul li:nth-child(2):after, .prodet-jq-page .prodet-jq-service ul li:nth-child(2):before {
content:'';
height:90%;
width:2px;
display:block;
position:absolute;
top:5%;
background:#dadce0
}
.prodet-jq-page .prodet-jq-service ul li:nth-child(2):before {
left:-1px
}
.prodet-jq-page .prodet-jq-service ul li:nth-child(2):after {
right:-1px
}
.prodet-cp-page .prodet-cp-1 {
	padding-top:1rem
}
.prodet-cp-page .prodet-cp-1 .box {
	margin-top:1.5rem;
	background:#fff;
	padding:1.5rem
}
.prodet-cp-page .prodet-cp-1 .box .left {
	padding-right:3%;
	vertical-align:middle
}
.prodet-cp-page .prodet-cp-1 .box .left img {
	width:100%
}
.prodet-cp-page .prodet-cp-1 .box .right {
	vertical-align:middle
}
.prodet-cp-page .prodet-cp-1 .box .right i.tag {
	font-size:14px;
	color:#666
}
.prodet-cp-page .prodet-cp-1 .box .right h4 {
	display:block;
	font-size:1.4rem;
	color:#164CA3;
	font-weight:700;
margin:1rem 0 .75rem
}
.prodet-cp-page .prodet-cp-1 .box .right .text {
	display:block;
	font-size:14px;
	color:#666;
	line-height:2
}
.prodet-cp-page .prodet-cp-1 .box .right a.more {
	margin-top:25px;
	font-size:14px
}
.prodet-cp-page .prodet-cp-1 .box .right a.more img {
	max-width:14px
}
.service-page {
	background:#f7f7f7;
	padding:5.5rem 0 4rem
}
.service-page .service-1 h3 {
	display:block;
	font-size:2.2rem;
	letter-spacing:1rem;
	text-transform:uppercase;
	font-weight:700;
	line-height:1
}
.service-page .service-1 .content {
	margin-top:3.5rem;
	font-size:16px;
	color:#666;
	line-height:2.4
}
.service-page .service-2 {
	padding-top:4rem
}
.service-page .service-2 h5 {
	font-size:20px;
	color:#000
}
.service-page .service-2 .box {
	margin-top:1.25rem
}
.service-page .service-2 .box ul {
margin:-.75rem
}
.service-page .service-2 .box ul li {
padding:.75rem;
	position:relative
}
.service-page .service-2 .box ul li:after {
	content:'';
width:.7rem;
height:.4rem;
	position:absolute;
	left:100%;
	top:50%;
margin-left:-.35rem;
	background:url("../images/icon-more.png") center center;
	background-size:cover
}
.service-page .service-2 .box ul li .box2 {
	display:block;
	height:11rem;
	width:100%;
	position:relative;
	background:#e9ecee
}
.service-page .service-2 .box ul li .box2 h6 {
	font-size:16px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%) rotate(90deg);
	-moz-transform:translate(-50%, -50%) rotate(90deg);
	-ms-transform:translate(-50%, -50%) rotate(90deg);
	transform:translate(-50%, -50%) rotate(90deg);
	max-width:100%;
	text-align:center
}
.service-page .service-2 .box ul li:last-child:after {
	display:none
}
.service-page .service-3 {
	padding-top:4rem
}
.service-page .service-3 h3 {
	font-size:1.8rem;
letter-spacing:.75rem;
	text-transform:uppercase;
	font-weight:700;
	text-align:center
}
.service-page .service-3 .list {
	padding-top:1rem;
	text-align:center
}
.service-page .service-3 .list ul {
margin:-.75rem
}
.service-page .service-3 .list ul li {
padding:.75rem
}
.service-page .service-3 .list ul li a.img-box {
	display:block
}
.service-page .service-3 .list ul li a.img-box img {
	width:100%
}
.service-page .service-3 .list ul li h5 {
	display:block;
	font-size:14px;
	font-weight:700;
	margin:15px 0
}
.service-page .service-3 .list ul li p {
	display:block;
	font-size:12px;
	color:#666
}
.contact-page {
	background:#f7f7f7
}
.contact-page .contact-1 {
	padding:6rem 0 4.5rem
}
.contact-page .contact-1 .left {
	width:55%;
	padding-right:1rem
}
.contact-page .contact-1 .left h3 {
	font-size:2.4rem;
	color:#333;
	line-height:1;
	font-weight:700
}
.contact-page .contact-1 .left .content {
	display:block;
	font-size:16px;
	color:#414951;
	line-height:1.8;
margin-top:.5rem
}
.contact-page .contact-1 .left .info {
	margin-top:2.5rem;
	padding-right:20%
}
.contact-page .contact-1 .left .info ul li {
	margin-bottom:2.25rem;
	padding-left:3.5rem;
	position:relative
}
.contact-page .contact-1 .left .info ul li span {
	width:2.2rem;
	height:2.2rem;
	line-height:2.2rem;
	text-align:center;
	border-radius:100%;
	background:#fff;
	position:absolute;
left:.5rem;
top:-.4rem
}
.contact-page .contact-1 .left .info ul li span img {
	display:inline-block;
	vertical-align:middle
}
.contact-page .contact-1 .left .info ul li h4 {
	display:block;
	font-size:18px;
	color:#414951;
	font-weight:700;
	margin-bottom:15px
}
.contact-page .contact-1 .left .info ul li p {
	display:block;
	font-size:16px;
	color:#414951;
	line-height:1.8;
	opacity:.82
}
.contact-page .contact-1 .right {
	width:45%
}
.contact-page .contact-1 .right .form {
	background:#fff;
	-o-box-shadow:0 0 1rem rgba(0, 0, 0, .1);
	-webkit-box-shadow:0 0 1rem rgba(0, 0, 0, .1);
	box-shadow:0 0 1rem rgba(0, 0, 0, .1);
	padding:2.5rem
}
.contact-page .contact-1 .right .form h3 {
	font-size:1.5rem;
	font-weight:700;
	text-align:center
}
.contact-page .contact-1 .right .form .list {
	margin-top:1.5rem
}
.contact-page .contact-1 .right .form .list ul li label {
	padding:10px 0;
	font-size:20px;
	font-weight:700;
	display:block
}
.contact-page .contact-1 .right .form .list ul li input, .contact-page .contact-1 .right .form .list ul li textarea, .contact-page .contact-1 .right .form .list ul li button {
	display:block;
	width:100%;
	line-height:1.6;
	padding:12px;
	font-size:16px;
	border:none;
	background:#f4f7fc;
	color:#000
}
.contact-page .contact-1 .right .form .list ul li input::-webkit-input-placeholder, .contact-page .contact-1 .right .form .list ul li textarea::-webkit-input-placeholder, .contact-page .contact-1 .right .form .list ul li button::-webkit-input-placeholder {
color:#c5cace
}
.contact-page .contact-1 .right .form .list ul li input:-moz-placeholder, .contact-page .contact-1 .right .form .list ul li textarea:-moz-placeholder, .contact-page .contact-1 .right .form .list ul li button:-moz-placeholder {
color:#c5cace
}
.contact-page .contact-1 .right .form .list ul li input::-moz-placeholder, .contact-page .contact-1 .right .form .list ul li textarea::-moz-placeholder, .contact-page .contact-1 .right .form .list ul li button::-moz-placeholder {
color:#c5cace
}
.contact-page .contact-1 .right .form .list ul li input:-ms-input-placeholder, .contact-page .contact-1 .right .form .list ul li textarea:-ms-input-placeholder, .contact-page .contact-1 .right .form .list ul li button:-ms-input-placeholder {
color:#c5cace
}
.contact-page .contact-1 .right .form .list ul li input::placeholder, .contact-page .contact-1 .right .form .list ul li textarea::placeholder, .contact-page .contact-1 .right .form .list ul li button::placeholder {
color:#c5cace
}
.contact-page .contact-1 .right .form .list ul li button {
	border-radius:25px;
	background:#164CA3;
	color:#fff;
	font-size:20px;
	max-width:290px;
	display:block;
	margin:3rem auto 0;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	position:relative;
	z-index:1
}
.contact-page .contact-1 .right .form .list ul li button i {
	margin-left:15px
}
.contact-page .contact-1 .right .form .list ul li button:after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	display:block;
	background:#164CA3;
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #e28862), color-stop(100%, #e28862));
	background:-moz-linear-gradient(45deg, #164CA3 0%, #e28862 100%);
	background:-webkit-linear-gradient(-45deg, #164CA3 0%, #e28862 100%);
	background:-webkit-gradient(linear, -45deg, from(#164CA3), to(#e28862));
	background:-webkit-linear-gradient(-45deg, #164CA3, #e28862);
	background:-moz-linear-gradient(-45deg, #164CA3, #e28862);
	background:linear-gradient(to -45deg, #164CA3, #e28862);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#164CA3', endColorstr='#736bb0',GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#164CA3', endColorstr='#736bb0', GradientType=1);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	opacity:0;
	border-radius:inherit
}
.contact-page .contact-1 .right .form .list ul li button:hover:after {
	opacity:1
}
.contact-page .contact-2 .amap-copyright, .contact-page .contact-2 .amap-logo {
	display:none !important
}
.contact-page .contact-2 .button-group .button {
	background:#164CA3;
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%, #164CA3), color-stop(100%, #e28862));
	background:-moz-linear-gradient(45deg, #164CA3 0%, #164CA3 100%);
	background:-webkit-linear-gradient(-45deg, #164CA3 0%, #164CA3 100%);
	background:-webkit-gradient(linear, -45deg, from(#164CA3), to(#164CA3));
	background:-webkit-linear-gradient(-45deg, #164CA3, #164CA3);
	background:-moz-linear-gradient(-45deg, #164CA3, #164CA3);
	background:linear-gradient(to -45deg, #164CA3, #164CA3);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#164CA3', endColorstr='#736bb0',GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#164CA3', endColorstr='#736bb0', GradientType=1)
}
.news-page {
	background:#f7f7f7;
	padding:4.5rem 0 2.5rem
}
.news-page .news-list {
	max-width:75rem;
	display:block
}
.news-page .news-list ul {
margin:-1rem -.5rem
}
.news-page .news-list ul li {
padding:1rem .5rem
}
.news-page .news-list ul li .box {
	display:block;
	background:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.news-page .news-list ul li .box span {
	line-height:60px;
	height:60px;
	padding:0 25px;
	font-size:16px;
	font-weight:700;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.news-page .news-list ul li .box span i {
	color:#164CA3;
	font-size:140%;
margin-right:.5rem
}
.news-page .news-list ul li .box a.img-box {
	display:block
}
.news-page .news-list ul li .box a.img-box img {
	width:100%
}
.news-page .news-list ul li .box .content {
	display:block;
	padding:1.25rem
}
.news-page .news-list ul li .box .content h5 {
	display:block;
	font-size:16px;
	font-weight:700;
	color:#666;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	height:38px;
	margin-bottom:10px;
	line-height:30px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.news-page .news-list ul li .box .content h5:hover {
	color:#164CA3
}
.news-page .news-list ul li .box .content p {
	display:block;
	font-size:14px;
	color:#999;
	line-height:2;
	height:76px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden
}
.news-page .news-list ul li .box:hover {
-o-box-shadow:0 0 .75rem rgba(0, 0, 0, .05);
-webkit-box-shadow:0 0 .75rem rgba(0, 0, 0, .05);
box-shadow:0 0 .75rem rgba(0, 0, 0, .05)
}
.application-page {
	background:#f7f7f7;
	padding:5.5rem 0
}
.application-page .application-list ul li {
	margin-bottom:1rem;
	padding:1.25rem;
	background:#fff;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.application-page .application-list ul li .left {
	width:65%;
	vertical-align:middle
}
.application-page .application-list ul li .right {
	width:34%;
	vertical-align:middle;
	padding-left:1.5rem
}
.application-page .application-list ul li .right h4 {
	font-size:1.5rem;
	color:#363636;
	line-height:1.2;
	font-weight:700
}
.application-page .application-list ul li .right .text {
	display:block;
	font-size:15px;
	color:#666;
	line-height:1.8;
margin-top:.5rem
}
.application-page .application-list ul li:last-child {
	margin-bottom:0
}
.application-page .application-list ul li:hover {
	-o-box-shadow:0 0 1rem rgba(0, 0, 0, .05);
	-webkit-box-shadow:0 0 1rem rgba(0, 0, 0, .05);
	box-shadow:0 0 1rem rgba(0, 0, 0, .05)
}
.newdet-page {
	background:#f7f7f7;
	padding:5rem 0
}
.newdet-page .box {
	padding:1.5rem;
	background:#fff
}
.newdet-page .box h3, .newdet-page .box h1 {
	font-weight:700;
	font-size:1.6rem;
	text-align:center
}
.newdet-page .box time {
	display:block;
	font-size:16px;
	margin:10px 0;
	text-align:center
}
.newdet-page .box .content {
	margin:10px 0;
	padding:20px 0;
	border-top:1px #eee dashed;
	border-bottom:1px #eee dashed;
	font-size:16px;
	line-height:2;
	color:#666
}
.newdet-page .box .share {
	padding:15px 0;
	border-bottom:1px #eee dashed
}
.newdet-page .box .share h5 {
	display:inline-block;
	font-size:14px;
	font-weight:700
}
.newdet-page .box .share ul {
	display:inline-block;
	vertical-align:middle;
margin-top:-.25rem
}
.newdet-page .box .share ul li {
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-left:10px;
	background:#eee;
	font-size:16px;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.newdet-page .box .share ul li:hover {
	background:#164CA3;
	color:#fff
}
.newdet-page .box .m-link {
	display:table;
	table-layout:fixed;
	width:100%;
	padding:15px 0;
	font-size:16px
}
.newdet-page .box .m-link a {
	display:table-cell;
	opacity:.6;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
padding-right:.5rem
}
.newdet-page .box .m-link a:last-child {
	text-align:right;
padding-left:.5rem;
	padding-right:0
}
.newdet-page .box .m-link a:hover {
	opacity:1;
	color:#164CA3
}
.msg-form {
	position:fixed;
	right:0;
	bottom:0;
	background:#fff;
	padding:1rem;
-webkit-box-shadow:0 0 .5rem rgba(0, 0, 0, .1);
box-shadow:0 0 .5rem rgba(0, 0, 0, .1);
	z-index:21;
	width:240px;
	max-width:100%;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	-webkit-transform:translateY(110%);
	-moz-transform:translateY(110%);
	-ms-transform:translateY(110%);
	transform:translateY(110%)
}
.msg-form.active {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
.msg-form i.close {
	width:1.5rem;
	height:1.5rem;
	position:absolute;
left:.25rem;
top:.25rem;
	background:#eee;
	cursor:pointer;
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.msg-form i.close:after, .msg-form i.close:before {
	content:'';
	width:50%;
height:.1rem;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%) rotate(45deg);
	-moz-transform:translate(-50%, -50%) rotate(45deg);
	-ms-transform:translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg);
-webkit-transition:.5s;
-moz-transition:.5s;
transition:.5s
}
.msg-form i.close:after {
	-webkit-transform:translate(-50%, -50%) rotate(-45deg);
	-moz-transform:translate(-50%, -50%) rotate(-45deg);
	-ms-transform:translate(-50%, -50%) rotate(-45deg);
	transform:translate(-50%, -50%) rotate(-45deg)
}
.msg-form i.close:hover {
	background:#164CA3
}
.msg-form i.close:hover:after, .msg-form i.close:hover:before {
	background:#fff
}
.msg-form ul {
	margin-top:1.5rem
}
.msg-form ul li {
margin-bottom:.5rem
}
.msg-form ul li label {
	display:block;
	font-size:14px;
	color:#000;
	font-weight:700;
margin-bottom:.25rem
}
.msg-form ul li input, .msg-form ul li textarea, .msg-form ul li button {
	width:100%;
	line-height:1rem;
padding:.25rem;
	border:1px solid #eee
}
.msg-form ul li textarea {
	height:4rem
}
.msg-form ul li button {
	background:#164CA3;
	color:#fff;
	font-size:16px
}
.msg-form ul li:last-child {
	margin-bottom:0
}
@media screen and (max-width:1700px) {
.product-jq-page .product-1 .right h3 {
font-size:2.8rem
}
.inner-page .product-jq-list ul li .box h3 {
height:auto;
-webkit-line-clamp:initial!important
}
#footer .ui.container .tieanwor {
display:none!important
}
.product-jq-page .product-1 .right .text, .prodet-jq-page .prodet-jq-1 .box .right .text, .contact-page .contact-1 .left .content, .contact-page .contact-1 .left .info ul li p, .application-page .application-list ul li .right .text {
font-size:14px
}
.inner-page .product-jq-list ul li .box h3 {
font-size:2em
}
.product-jq-page, .faq-page {
padding:8rem 0 10rem
}
.prodet-jq-page .prodet-jq-1 .box .right h1 {
font-size:3rem
}
.prodet-jq-page .prodet-jq-2 .options ul li {
font-size:1.8rem;
line-height:5rem;
height:5rem
}
.contact-page .contact-1 .left h3 {
font-size:4rem
}
.contact-page .contact-1 .right .form .list ul li label {
font-size:1.6rem
}
.contact-page .contact-1 .right .form .list ul li button {
margin-top:3rem
}
#mapContainer {
height:400px !important
}
.application-page .application-list ul li .right h4 {
font-size:2.6rem
}
.application-page, .newdet-page {
padding:5rem 0
}
.about-page .about-3 .list ul li p {
font-size:1.4rem
}
.about-page .about-3 .list ul li span {
height:6rem;
line-height:6rem
}
.about-page .about-3 .list ul li span img {
max-height:100%
}
}
@media screen and (max-width:1450px) {
.contact-page .contact-2 {
padding-left:0
}
}
@media screen and (max-width:1000px) {
.inner-banner .top:after {
width:31rem;
height:40rem;
background-size:100% auto;
background-repeat:no-repeat
}
.inner-banner .top {
height:8rem;
line-height:7rem;
padding-top:1rem
}
.inner-banner .top h2，.inner-banner .top h1 {
font-size:2.8rem
}
.inner-banner .top .box {
font-size:16px;
line-height:30px
}
.inner-banner .bottom {
padding:.5rem 0
}
.inner-banner .bottom * {
display:none
}
.newdet-page .box h3, .newdet-page .box h1 {
font-size:2.8rem
}
.newdet-page .box .content {
font-size:1.4rem
}
.newdet-page .box .m-link {
font-size:1.4rem
}
.about-page .about-1 .box .left {
width:100%
}
.about-page .about-1 .box .left:after {
right:98%;
left:auto
}
.about-page .about-1 .box .right ul li {
width:25%
}
.about-page .about-1 .box .right {
width:100%;
padding-top:3rem
}
.about-page .about-1 .box .right ul li h4 em {
font-size:3.6rem
}
.about-page .about-1 .box .right ul li p {
margin-top:1.5rem
}
.about-page .about-1 .box {
padding:7rem 0
}
.about-page .about-2 .content {
font-size:1.4rem;
line-height:1.8;
padding:3rem 1.5rem
}
.about-page .about-3 h3 {
font-size:2rem
}
.about-page .about-3 .list ul li {
width:50%
}
.about-page .about-4 h2 {
font-size:2.8rem;
float:none
}
.about-page .about-4 .content {
font-size:1.4rem;
float:none;
display:block;
margin:1rem auto 0;
text-align:center
}
.about-page .about-4 h2:after {
margin:1rem auto 0
}
.about-page .about-4 .map {
margin-top:2rem
}
.application-page .application-list ul li .right {
width:100%;
padding:3rem 0 0
}
.application-page .application-list ul li .left {
width:100%
}
.contact-page .contact-1 .left {
width:100%;
padding-right:0
}
.contact-page .contact-1 .right {
width:100%;
padding-left:0;
padding-top:3rem
}
.contact-page .contact-1 .left h3 {
font-size:3rem
}
.contact-page .contact-1 .left .info ul li h4 {
font-size:1.6rem;
margin-bottom:1rem
}
.contact-page .contact-1 .left .info ul li {
margin-bottom:2rem
}
.contact-page .contact-1 .right .form {
padding:3rem
}
.contact-page .contact-1 {
padding:7rem 0
}
#mapContainer {
height:32rem !important
}
.faq-page .left h3 {
font-size:3.2rem
}
.faq-page .left {
width:100%;
padding-right:0
}
.faq-page .right {
width:100%;
padding-left:0;
padding-top:3rem
}
.product-jq-page, .faq-page, .news-page {
padding:6rem 0
}
.inner-page .m-page a, .inner-page .m-page span {
line-height:4rem;
height:4rem
}
.inner-page .m-page {
margin-top:2rem
}
.prodet-jq-page .prodet-jq-1 .box .right {
width:100%;
padding-left:0;
padding-top:3rem
}
.prodet-jq-page .prodet-jq-1 .box .left {
width:100%
}
.prodet-jq-page .prodet-jq-1 .box {
padding:3rem
}
.prodet-jq-page .prodet-jq-2 .options ul li {
font-size:1.6rem
}
.inner-page h3.title {
font-size:2.8rem
}
.inner-page .form-pro .form-list ul li input, .inner-page .form-pro .form-list ul li textarea, .inner-page .form-pro .form-list ul li button {
font-size:1.6rem
}
.prodet-cp-page .prodet-cp-1 .box .left {
width:100%;
padding-right:0
}
.prodet-cp-page .prodet-cp-1 .box .right {
width:100%;
padding-left:0;
padding-top:3rem
}
.prodet-cp-page .prodet-cp-1 .box .right h4, .product-jq-page .product-1 .right h3 {
font-size:2.4rem;
line-height:1
}
.product-jq-page .product-1 .right {
width:100%;
padding-left:0;
padding-top:3rem
}
.product-jq-page .product-1 .left {
width:100%;
padding-right:0
}
.product-jq-page .product-search {
display:none
}
.product-jq-page .product-2 {
margin-top:2rem
}
.inner-page .product-jq-list ul li .box {
padding:3rem 2rem 1rem
}
.inner-page .product-jq-list ul li .box h3 {
font-size:2.4em
}
.inner-page .product-jq-list ul li .box p {
font-size:14px;
margin:1.5rem 0
}
.inner-page .m-page a.prev:before, .inner-page .m-page span.prev:before, .inner-page .m-page a.next:before, .inner-page .m-page span.next:before {
background-size:36px
}
.service-page {
padding:6rem 0
}
.service-page .service-1 h3 {
font-size:3rem
}
.service-page .service-1 .content {
margin-top:3rem;
font-size:1.4rem;
line-height:1.8
}
.service-page .service-2 {
padding-top:5rem;
display:none
}
.service-page .service-3 h3 {
font-size:2.8rem
}
.about-page .about-4 .map .list dl dt {
max-width:5%
}
.prodet-jq-page .prodet-jq-2 .ret table tbody {
min-width:900px;
font-size:14px
}
.prodet-jq-page .prodet-jq-2 .ret table tbody td {
vertical-align:top
}
.inner-banner .top:after {
display:none
}
}
@media screen and (max-width:700px) {
.product-jq-page, .faq-page, .news-page {
padding:10px 0
}
}
@media screen and (max-width:500px) {
.inner-banner .top .box {
display:none
}
.about-page .about-1 .box .right ul li {
width:50% !important
}
.about-page .about-3 .list ul li {
width:100%
}
}
.product-jq-page .proadv {
	height:460px;
	background-size:cover;
	background-position:center center;
	display:block;
	margin-bottom:60px;
	margin-top:60px;
	padding-top:10%;
	text-align:center;
	color:#fff
}
.product-jq-page .proadv h3 {
	font-size:48px;
	font-weight:700;
	text-transform:uppercase;
	line-height:1.2
}
.product-jq-page .proadv h3 em {
	color:#164CA3;
	text-shadow:0 0 3px rgba(255, 255, 255, .5)
}
.product-jq-page .proadv p {
	font-size:16px;
	font-weight:300;
	line-height:30px
}
.product-jq-page .proadv a.more {
	line-height:60px;
	height:60px;
	padding:0 60px;
	border-radius:10px;
	background:#164CA3;
	margin:30px auto 0;
transition:.5s;
	display:inline-block;
	color:#fff
}
.product-jq-page .proadv a.more:hover {
	background:#000
}
.factory-page {
	background:#f9f9f9
}
.factory-page .factory-part, .about-4 .factory-part {
	padding:50px 0;
	background:#fff
}
.factory-page .factory-part .tit {
	text-align:center
}
.factory-page .factory-part .tit h2 {
	color:#2a2a2a;
	font-size:44px;
	font-weight:700
}
.factory-page .factory-part .tit p {
	color:#666;
	font-size:16px
}
.factory-page .factory-part .factory-part-list {
	margin-top:20px
}
.factory-page .factory-part .factory-part-list .slick-arrow {
	position:absolute;
	top:35%;
	width:35px;
	height:45px;
	color:transparent;
	border:none;
	z-index:1;
	outline:none;
transition:.5s
}
.factory-page .factory-part .factory-part-list .slick-arrow:hover {
	background-color:var(--primary)
}
.factory-page .factory-part .factory-part-list .slick-prev {
	background:url("../images/banner-btn-l.png") no-repeat center center rgba(0, 0, 0, .5);
	left:0
}
.factory-page .factory-part .factory-part-list .slick-next {
	background:url("../images/banner-btn-r.png") no-repeat center center rgba(0, 0, 0, .5);
	right:0
}
.factory-page .factory-part .factory-part-list ul li {
	padding:0 2px
}
.factory-page .factory-part .factory-part-list ul li .img-box .text {
	padding:20px 0;
	position:relative;
	z-index:2;
	background:#fff;
	text-align:center
}
.factory-page .factory-part .factory-part-list ul li .img-box .text h2 {
	color:#2c2c2c;
	font-weight:500;
	font-size:18px
}
.factory-page .factory-part .factory-part-list ul li .img-box .text p {
	color:#666;
	line-height:30px;
	list-style-type:disc;
	list-style-position:inside
}
.i-history {
	background-color:#164CA3;
	color:#fff;
	padding:80px 0
}
.i-history h5 {
	opacity:.3
}
.i-history .list {
	margin-top:50px
}
.i-history .list ul {
	display:flex;
	justify-content:space-between
}
.i-history .list .num {
	font-size:48px;
	font-weight:700
}
.i-history .list .tag-name {
	font-size:50px;
	line-height:50px;
	text-transform:uppercase
}
#history {
	padding-bottom:50px
}
#history h2 {
	padding:40px 0 25px;
	font-size:40px;
	text-align:center
}
.i-history .history-list {
	background:url(../images/line_03.jpg) repeat-x left 7px
}
.i-history .history-list .swiper-slide {
	position:relative
}
.i-history .history-list .swiper-slide:after {
	content:'';
	position:absolute;
	width:1px;
	height:50px;
	top:0;
	left:7px;
	background:#164CA3
}
.i-history .history-list .swiper-slide:before {
	content:'';
	position:absolute;
	width:14px;
	height:14px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	left:0;
	z-index:8;
	background:url(../images/pointer2.png) no-repeat center
}
.i-history .history-list .swiper-slide .news-text {
	padding-top:60px
}
.i-history .history-list .swiper-slide .news-text h3 {
	font-size:22px;
	color:#164CA3;
	line-height:2;
	font-weight:700
}
.i-history .history-list .swiper-slide .news-text h4 {
	font-size:20px;
	text-transform:capitalize;
	margin:10px 0
}
.i-history .history-list .swiper-slide .news-text p {
	line-height:25px;
	color:#6d6d6d;
	font-size:15px
}
.i-history .img {
	margin-top:50px
}
.about-page #history {
	margin:0 auto 120px
}
.about-page #history h2 {
	text-align:center;
	font-weight:700
}
@media (max-width:991px) {
.about-page #history {
margin-bottom:40px
}
}
.about-page #history .info {
	text-align:center;
	color:#656774;
	display:none
}
@media (min-width:1200px) {
.about-page #history .info p {
width:70%;
margin:0 auto
}
}
.about-page #history .info.active {
	display:block
}
.about-page #history .i-history {
	background:0 0;
	padding-top:0
}
.application-page .application-list ul li .right .list dl {
	margin:-5px
}
.application-page .application-list ul li .right .list dl dd {
	padding:5px
}
@media (max-width:1500px) {
#header .nav .box h6 {
display:none
}
#header .nav .menu-box ul.menu>li {
margin:0 20px
}
#header .nav .box .share ul li {
margin:0 7px
}
}
#index-body .init-10 {
	height:100vh;
	position:relative;
	background-size:cover;
	background-position:center bottom;
	background-image:url("../images/init-1-bg.jpg");
	color:#fff;
	background-attachment:fixed
}
#index-body .init-10 .box {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%)
}
#index-body .init-10 .box h2 {
	font-size:85px;
	font-family:"FjallaOne";
	max-width:50%;
	line-height:1.1;
	text-transform:uppercase
}
#index-body .init-10 .box h2 em {
	color:#164CA3
}
#index-body .init-10 .box a.more {
	line-height:50px;
	height:50px;
	padding:0 3em;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	background:#164CA3;
	display:inline-block;
	margin-top:.5em
}
#index-body .init-10:after {
	content:'';
	height:150px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	background:url('../images/banner-mask.png') center bottom no-repeat;
	background-size:100% auto;
	z-index:-1
}
#index-body .init-3:after, #index-body .init-7:after {
	content:'';
	height:130px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url('../images/init-3-mask.png') center top no-repeat;
	background-size:100% auto;
	z-index:-1
}
#index-body .init-10, #index-body .init-3, #index-body .init-7 {
	z-index:1
}
#index-body .init-7:after {
	background-image:url('../images/init-7-mask.png')
}
#index-body .init-7 {
	padding:220px 0 70px;
	color:#fff;
	background:#164CA3;
	text-align:center;
	position:relative
}
#index-body .init-7 .ui.container {
	max-width:1180px
}
#index-body .init-7 h2 {
	font-size:48px;
	font-weight:700;
	line-height:1.2
}
#index-body .init-7 p {
	font-size:24px;
	line-height:1.4;
	margin:1em 0
}
#index-body .init-7 .form {
	margin-top:1em
}
#index-body .init-7 .form ul {
	margin:-10px
}
#index-body .init-7 .form ul li {
	padding:10px
}
#index-body .init-7 .form ul li label {
	display:block;
	font-size:16px;
	margin-bottom:.5em;
	text-align:left
}
#index-body .init-7 .form ul li input {
	width:100%;
	display:block;
	line-height:44px;
	height:44px;
	border:none;
	background:#fff;
	font-size:16px;
	color:#000
}
#index-body .init-7 .form ul li.wid-100 {
	width:100%
}
#index-body .init-7 .form ul li input[type=submit] {
	margin-top:20px;
	line-height:54px;
	height:54px;
	font-size:18px;
	color:#2c2b2b;
	padding:0 3em;
	border-radius:5px;
	font-weight:700;
	width:auto;
	display:inline-block
}
#index-body .init-4 .bottom .box .left .pageBox .dots {
	display:inline-block
}
@media (max-width:1650px) {
#header .nav .box h6 {
display:none
}
#header .nav .Catalog, #header .nav .menu-box ul.menu>li {
margin:0 15px
}
#index-body .init-10 .box h2 {
font-size:56px
}
#index-body .init-10 .box a.more {
height:40px;
line-height:40px;
font-size:14px
}
#index-body .init-10:after {
height:100px
}
#index-body .init-2 {
padding:50px 0
}
#index-body .init-2 .box .right .year {
padding:20px 10px
}
#index-body .init-2 .box .right .year h6 {
font-size:80px
}
#index-body .init-2 .box .right .year span {
font-size:18px
}
#index-body .init-2 .box .left a.img-box {
height:300px
}
#index-body .init-2 .box .right a.img-box {
height:560px
}
#index-body .init-2 .box .left .content h3 {
font-size:36px
}
#index-body .init-2 .box .left .content .text {
font-size:14px
}
#index-body .init-2 .box {
padding-bottom:100px
}
#index-body h2.title {
font-size:56px
}
#index-body h2.title small {
font-size:36px
}
#index-body .init-3 {
padding:300px 0 50px
}
#index-body .init-3 .list ul li i {
height:80px
}
#index-body .init-3 .list ul li i img {
max-height:50px;
max-width:50px
}
#index-body .init-4 .top {
margin:80px 0 50px
}
#index-body .init-4 .bottom a.more {
margin:50px 0 20px;
line-height:50px;
height:50px;
padding:0 40px
}
#index-body .init-4 .bottom .box .right .list ul li a.img-box {
height:460px
}
#index-body .init-4 .bottom .box .left .navList ul li {
font-size:24px
}
#index-body .init-4 .bottom .box .right .list ul li a.img-box h6 {
bottom:15px;
font-size:20px
}
#index-body .init-4 .bottom .box .left .pageBox .btn div, #index-body .init-5 .btn div {
max-width:28px
}
#index-body .init-4 .bottom .box .right .list {
top:-20px;
margin-bottom:-20px
}
#index-body .init-5 {
padding:50px 0
}
#index-body .init-5 .list ul li a.img-box {
height:360px
}
#index-body .init-5 .list {
margin:40px 0 50px
}
#index-body .init-7 {
padding:140px 0 50px
}
#index-body .init-3:after, #index-body .init-7:after {
height:80px
}
#index-body .init-7 h2 {
font-size:36px
}
#index-body .init-7 p {
font-size:20px
}
.inner-banner .top:after {
width:300px;
height:386px
}
.inner-banner .bottom .box {
max-width:none
}
}
@media (max-width:1250px) {
#mobile {
display:block
}
#index-body, .inner-banner {
margin-top:40px
}
#index-body .init-10 .box h2, #index-body h2.title {
font-size:44px
}
#index-body h2.title small {
font-size:70%
}
#index-body .init-2 .box .left .content {
margin-top:30px
}
#index-body .init-2 .box .right a.img-box .play img {
max-width:70px
}
#index-body .init-3 .list ul li {
padding:0 15px
}
#index-body .init-3 .list ul {
margin:0 -15px
}
#index-body .init-3 {
padding:200px 0 50px
}
#index-body .init-4 .bottom .box .left .navList ul li {
font-size:20px
}
#index-body .init-4 .bottom .box .right .list ul li a.img-box {
height:380px
}
#index-body .init-4 .bottom .box .right .list ul li a.img-box h6 {
font-size:16px
}
#sidebarBtn ul li a {
height:40px;
width:40px;
line-height:40px
}
#index-body .init-5 .list ul li a.img-box {
height:300px
}
#index-body .init-7 p {
font-size:16px
}
#index-body .init-7 .form ul li input[type=submit] {
margin-top:10px;
line-height:40px;
height:40px;
font-size:16px;
padding:0 2em
}
#footer .footer-top .right ul li dl dt {
font-size:20px
}
#footer .footer-top .right ul li dl dd {
font-size:14px
}
#footer .footer-top .right ul li:last-child {
display:none
}
#footer .footer-top .right ul li:nth-child(3) {
width:33%
}
#footer .footer-top .right ul li:nth-child(2) {
width:40%
}
#footer .footer-top .right ul li:nth-child(1) {
width:25%
}
#footer .footer-top {
padding:50px 0
}
#footer .footer-bottom p {
font-size:14px
}
.factory-page .factory-part .tit h2, #history h2 {
font-size:36px
}
.inner-banner .top h2，.inner-banner .top h1 {
max-width:none
}
.inner-banner .top .box {
display:block !important;
float:none !important;
max-width:none !important
}
.inner-banner {
top:0;
position:relative
}
}
#index-body .init-3 .list ul li p {
	white-space:nowrap
}
@media (max-width:1000px) {
#index-body .init-10 .box h2, #index-body h2.title {
font-size:36px
}
#index-body .init-10 .box h2 {
max-width:100%
}
#index-body .init-10 {
height:500px
}
#index-body .init-2 .box .right {
width:100%;
padding-left:0;
margin-top:20px
}
#index-body .init-2 .box .left {
width:100%;
padding-right:0
}
#index-body .init-2 .box .left a.img-box {
display:none
}
#index-body .init-2 .box .left .content {
margin-top:0
}
#index-body .init-2 .box .left .content h3 {
font-size:28px
}
#index-body .init-2 .box .right .year {
display:none
}
#index-body .init-2 .box .right a.img-box {
height:280px
}
#index-body .init-3 .list ul li {
width:20%
}
#index-body .init-3 .list ul li {
font-size:12px
}
#index-body .init-4 .bottom .box .left {
display:none
}
#index-body .init-4 .bottom .box .right {
width:100%;
padding-left:0
}
#index-body .init-4 .bottom .box .right .list ul li a.img-box {
height:320px
}
#index-body .init-3 .list ul li p {
font-size:12px
}
.prodet-jq-page .prodet-jq-service ul li h5 {
font-size:20px
}
.factory-page .factory-part .tit h2, #history h2 {
font-size:28px
}
}
@media (max-width:700px) {
#index-body .init-10 {
height:400px
}
#index-body .init-2 .box .right a.img-box .play img {
max-width:50px
}
#index-body .init-2 .box {
padding-bottom:50px
}
#index-body .init-2 {
padding:30px 0
}
#index-body .init-3 .list ul {
display:flex;
zoom:.7
}
#index-body .init-3 .list ul li p {
white-space:normal;
line-height:1.2;
height:3.6em
}
#index-body .init-3 {
padding:100px 0 50px
}
#index-body .init-4 .bottom .box .right .list ul li a.img-box {
height:240px
}
#index-body .init-10 .box h2, #index-body h2.title {
font-size:28px
}
#index-body .init-5 .list {
margin:20px 0 30px
}
#index-body .init-7 {
padding:70px 0 50px
}
#index-body .init-7 h2 {
font-size:24px
}
#index-body .init-7 .form ul li label {
font-size:14px
}
#index-body .init-7 .form ul li {
padding:5px
}
#index-body .init-7 .form ul {
margin:-5px
}
#footer .footer-top .right {
display:none
}
#footer .footer-top .left {
width:100%;
padding-right:0;
text-align:center
}
#footer .footer-top {
padding:20px 0
}
#index-body .init-4 .bottom a.more {
margin:30px 0 20px;
line-height:40px;
height:40px;
padding:0 20px
}
#index-body .init-4 .bottom .box .right .list ul li {
padding:0 5px
}
#index-body .init-4 .bottom .box .right .list ul {
margin:0 -5px
}
#index-body .init-4 .top {
margin:50px 0
}
.prodet-jq-page .prodet-jq-service ul li h5 {
font-size:18px
}
.prodet-jq-page .prodet-jq-service ul li i {
height:50px;
line-height:50px
}
.prodet-jq-page .prodet-jq-service ul li i img {
max-height:100%
}
.inner-page.product-jq-page .product-jq-list ul li, .news-page .news-list ul li {
width:50% !important
}
.factory-page .factory-part .tit h2, #history h2 {
font-size:24px
}
}
@media screen and (max-width:500px) {
.inner-page.product-jq-page .product-jq-list ul li, .news-page .news-list ul li {
width:100% !important
}
}
.zoom-out, .zoom-in, .autofit {
	display:none !important
}
.product-jq-page .product-search .left {
	padding-left:20em
}
.product-jq-page .product-search .right {
	padding-left:12em
}
.product-jq-page .product-search .left .select span {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.inner-page .product-jq-list ul li .box h3 {
	height:2.2em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
@media (max-width:1500px) {
.product-jq-page .proadv h3 {
font-size:36px
}
}
@media screen and (max-width:1280px) {
#mobile #menu-on {
display:none
}
.prodet-jq-page .prodet-jq-1 .box .right h1 {
font-size:36px
}
.prodet-jq-page .prodet-jq-1 .box .right .text {
font-size:22px;
line-height:2
}
}
@media (max-width:1000px) {
#mobile #menu-on {
display:block
}
.product-jq-page .proadv h3 {
font-size:28px
}
.inner-banner {
padding-top:60px;
margin-top:0
}
.prodet-jq-page .prodet-jq-1 .box .right .text {
font-size:20px;
line-height:1.4
}
}
@media (max-width:700px) {
.product-jq-page .proadv h3 {
font-size:24px
}
.prodet-jq-page .prodet-jq-1 .box .right .text {
font-size:18px;
line-height:1.5
}
}
.inner-page #index-body .product {
	padding:60px 0
}
.inner-page #index-body .product:after {
	display:none
}
.inner-page #index-body .product .news-list {
	margin-top:30px
}
.inner-page #index-body .product .news-list ul li .box .content {
	margin-top:0
}
@media screen and (max-width:700px) {
.haha {
display:none
}
.inner-page #index-body .product {
padding:30px 0
}
.prodet-jq-page .prodet-jq-1 .box {
padding:20px 15px
}
}
@media screen and (max-width:500px) {
.news-page .news-list ul li .box .content h5 {
display:block;
height:auto
}
.prodet-jq-page .prodet-jq-1 .box .right h1 {
font-size:28px
}
.prodet-jq-page .prodet-jq-1 .box .right .text {
word-break:break-word
}
.prodet-jq-page .prodet-jq-4 .product-jq-list ul li .box p {
height:auto
}
}
.header h4 {
	font-size:30px
}
.text h3 {
	font-size:20px;
	line-height:2
}
.header h2 {
	font-size:30px
}




/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:50px; clear:both; overflow:hidden
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#164CA3;
	border:1px solid #164CA3;
}
.pagination a.page-num-current {
	color:#fff;
	background:#164CA3;
	border:1px solid #164CA3;
}
/* ----- PB分页数字条效果 结束 ----- */