@charset "utf-8";
@import url("font.css");

/* -------------- Scrollbar -------------- */
::-webkit-scrollbar {
	height: 11px;
	width: 11px
}
::-webkit-scrollbar-button {
	height: 0;
	width: 0
}
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {
	display: block
}
::-webkit-scrollbar-button:vertical:start:increment, 
::-webkit-scrollbar-button:vertical:end:decrement {
	display: none
}
::-webkit-scrollbar-track:vertical, 
::-webkit-scrollbar-track:horizontal, 
::-webkit-scrollbar-thumb:vertical, 
::-webkit-scrollbar-thumb:horizontal, 
::-webkit-scrollbar-track:vertical, 
::-webkit-scrollbar-track:horizontal, 
::-webkit-scrollbar-thumb:vertical, 
::-webkit-scrollbar-thumb:horizontal {
	border-style: solid;
	border-color: transparent
}
::-webkit-scrollbar-track:vertical, 
::-webkit-scrollbar-track:horizontal {
	background-color: #fff;
}
::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
	background-color: rgba(0, 0, 0, .2);
	min-height: 28px;
	padding-top: 100
}
::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
	background-color: rgba(0, 0, 0, .4)
}
::-webkit-scrollbar-thumb:active {
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
	background-color: rgba(0, 0, 0, .5)
}
::-webkit-scrollbar-track:vertical, 
::-webkit-scrollbar-track:horizontal, 
::-webkit-scrollbar-thumb:vertical, 
::-webkit-scrollbar-thumb:horizontal {
	border-width:0;
}
::-webkit-scrollbar-track:hover {
	-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
	background-color: rgba(0, 0, 0, .05)
}
::-webkit-scrollbar-track:active {
	-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07);
	background-color: rgba(0, 0, 0, .05)
}

body {
	font-family: 'Roboto', 'Open Sans', 'PingFang SC', 'Microsoft JhengHei', 'Microsoft YaHei', Arial, Tahoma, Simsun, sans-serif;
	min-height: 100%;
}
a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.iconfont {
	font-family: 'iconfont' !important;
	font-size: 14px;
	font-style: normal;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.img-box {
	position: relative;
	display: block;
	overflow: hidden;
	height: 0;
	padding-bottom: 100%;
}
.img-box img {
	position: absolute;
	top: 14%;
	left: 16%;
	display: block;
	width: 68.2%;
	height: auto;
}
.img-box img[src=''], .img-box img:not([src]) {
	opacity: 0;
	border: 0;
}
.header {
	width: 100%;
	height: 90px;
}
@media (max-width:767px) {
	.header {
		height: 60px;
	}
}

.top {
	background: #111;
	width: 100%;
	height: 40px;
	border-bottom: 1px #1e1e1e solid;
}
.top-in {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.top-in span {
    float: left;
    line-height: 40px;
	color: #999;
}
.header .top-in a {
	color: #999;
	line-height: 40px;
	text-decoration: none;
	font-size: 12px;
}
.header .sals {
	height: 40px;
	float: left;
	position: relative;
}
.header .sals a span {
	padding-right: 10px;
	margin-right: 10px;
	background: url(../images/h_apex_jt.png) no-repeat right;
}
.header .sals a span.email {
	background: url(../images/email.png) no-repeat left center;
	padding-left: 20px;
}
.header .sals #sals_down {
	display: none;
	position: absolute;
	background: #000;
	min-width: 170px;
	left: 0;
	z-index: 9999;
	border-radius: 0 0 5px 5px;
}
.header .sals #sals_down ul {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	border-radius: 1px 5px 1px 5px;
}
.header .sals #sals_down ul li {
	width: 150px;
	margin-left: 10px;
}
.header .sals #sals_down ul li a {
	color: #fff;
	line-height: 36px;
}
.header .sals #sals_down ul li a span {
	margin: 0;
	background: url(../images/sals_bg.png) no-repeat bottom left;
}
.header .fast-nav{
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}
.header .fast-nav li{
	background: url(../images/fastnav_bj.png) no-repeat right center;
	padding: 0 12px;
	float: left;
}
.header .fast-nav li:last-child{
	background: none;
}
.header .fast-nav li a:hover{
	color: #fae802;
}
.header .tel a {
	text-decoration: none;
	font-family: 'ProximaNovaBold';
	font-size: 18px;
	letter-spacing: 1px;
}
.header .container-pc {
    width: 1170px;
    margin: 0 auto;
}
@media (max-width:767px) {
	.header .container-pc {
		display: none;
	}
}
.header .container-pc .logo {
	float: left;
	width: 200px;
	height: 100%;
	padding-top: 26px;
}
@media (max-width:1199px) {
	.header .container-pc .logo img {
		width: 80%;
	}
}
.header .container-pc .tel {
	font-size: 14px;
	margin-top: 36px;
	float: right;
}
.header .container-pc .tel::before {
	font-size: 22px;
	font-family: 'iconfont';
	content: '\e655';
	float: left;
	margin-top: -4px;
	margin-right: 8px;
	vertical-align: middle;
}
.header .container-pc .tel:hover {
	color: #d81b1f;
	-webkit-animation: fadeIn 1.6s 0s ease both;
	animation: fadeIn 1.6s 0s ease both;
}

/* .header .container-pc .navbar {
	margin-left: 280px;
}
@media (max-width:991px) {
.header .container-pc .navbar {
	margin-left: 20px;
}
}
.header .container-pc .navbar .nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header .container-pc .navbar .nav > .item {
	line-height: 48px;
	position: relative;
	display: inline-block;
	float: left;
}
.header .container-pc .navbar .nav > .active a {
	color: #337ab7;
}
.header .container-pc .navbar .nav > .item:hover a {
}
.header .container-pc .navbar .nav > .item:hover .level-2 {
	display: block;
}
.header .container-pc .navbar .nav > .item > a {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 83px;
	margin: 0 22px;
}
@media (max-width:1199px) {
.header .container-pc .navbar .nav > .item > a {
	margin: 0 20px;
}
}
@media (max-width:991px) {
.header .container-pc .navbar .nav > .item > a {
	margin: 0 8px;
}
} */

.nav {
	height: 90px;
	position: relative;
    margin-left: 250px;
	z-index: 98;
}
.nav ul {
	margin: 0 auto;
}
.nav ul li {
	float: left;
	position: relative;
}
.nav ul li a {
	float: left;
	display: block;
	color: #333;
	height: 90px;
	line-height: 65px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
.nav ul li a s {
	font-weight: normal;
	font-size: 22px;
	overflow: hidden
}
.nav ul li a:hover {
	color: #23527c;
	text-decoration: none;
}
.nav ul li.sub a:hover {
	color: #fff;
}
.nav ul li span {
	position: relative;
	z-index: 2;
	color: #333;
	padding: 15px 24px;
	font-size: 17px;
	letter-spacing: 1px;
	display: block;
}
.nav ul li.hover span {
	color: #fff;
}
.nav ul li.home span {
	display: inline;
	padding: 15px 28px;
    line-height: 95px;
}
.nav ul li i {
	background: #D30000;
	width: 100%;
	left: 0;
	height: 0;
	bottom: 0;
	display: block;
	position: absolute;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.nav ul li.hover a {
	color: #fff;
}
.nav ul li.hover i {
	height: 90px;
}
.nav ul li.search-btn span {
	padding: 38px 25px;
}
#sub-nav {
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	z-index: 999;
	height: 0;
	min-width: 1200px;
	-webkit-transition: 0.5s cubic-bezier(0.215, .61, .215, 1);
	-moz-transition: 0.5s cubic-bezier(0.215, .61, .215, 1);
	-o-transition: 0.5s cubic-bezier(0.215, .61, .215, 1);
	transition: .5s cubic-bezier(0.215, .61, .215, 1);
	overflow: hidden;
}
#sub-nav.hover {
	height: 60px
}
#sub-nav.hovers {
	top: 186px;
}
#sub-nav .sub-nav-bg {
	background: url(../images/blank.gif);
	width: 100%;
	height: 60px;
	position: relative;
	left: 0;
	top: 0;
	-webkit-transition: 0.5s cubic-bezier(0.215, .61, .215, 1);
	-moz-transition: 0.5s cubic-bezier(0.215, .61, .215, 1);
	-o-transition: 0.5s cubic-bezier(0.215, .61, .215, 1);
	transition: .5s cubic-bezier(0.215, .61, .215, 1);
	z-index: 1;
}
#sub-nav .sub-nav-item {
	width: 100%;
	height: 60px;
	position: absolute;
	top: -62px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	z-index: 2;
	background-color: rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000);
}
#sub-nav .sub-nav-item.hover {
	top: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	z-index: 3;
}
#sub-nav .sub-nav-item ul {
	height: 60px;
	width: 1200px;
	margin: 0 auto;
    text-align: center;
}
#sub-nav .sub-nav-item ul li {
    line-height: 60px;
    margin: 0 20px;
    text-align: center;
    display: inline-block;
}
#sub-nav .sub-nav-item ul li a {
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
}
#sub-nav .sub-nav-item ul li a:hover {
	color: #97cdfc;
}
.nav ul li.indicator {
	position: absolute !important;
	top: 83px;
	left: 0;
	width: 100px;
	height: 7px;
	background: url(../images/nav-line.png) no-repeat center top;
	z-index: 1;
	-webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
	transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
	display: none;
}

.header .container-wap {
	display: none;
	height: 75px;
}
.header .container-wap .logo {
	float: left;
	height: 100%;
	padding-top: 17px;
}
@media (max-width:767px) {
	.header .container-wap {
		display: block;
	}
	.header .container-wap .logo {
		padding-top: 20px;
	}
	.navigation div.burger {
		top: 13px;
	}
}
.header .container-wap .logo img {
	display: block;
	float: left;
	margin-right: 6px;
}
.header.nav-open .toggle .icon {
	width: 0;
}
.header.nav-open .toggle .icon::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
.header.nav-open .toggle .icon::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.header-black {
	background-color: #333;
}
.navigation {
	display: none;
	width: 100%;
	height: 100%;
}
@media (max-width:767px) {
	.navigation {
		display: block;
	}
}
.navigation div.burger {
	color: #333;
	position: absolute;
	top: 13px;
	right: 6px;
	width: 40px;
	height: 30px;
	cursor: pointer;
}
.navigation div.x, .navigation div.y, .navigation div.z {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	border-radius: 2px;
	background: #333;
}
.navigation div.x, .navigation div.y, .navigation div.z {
	width: 26px;
	height: 3px;
}
.navigation div.y {
	top: 18px;
}
.navigation div.z {
	top: 37px;
}
.navigation div.collapse {
	top: 20px;
	-webkit-transition: all 70ms ease-out;
	transition: all 70ms ease-out;
}
.navigation div.rotate30 {
	-webkit-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.navigation div.rotate150 {
	-webkit-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.navigation div.rotate45 {
	-webkit-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navigation div.rotate135 {
	-webkit-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.navigation div.menu-bg {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: all 300ms cubic-bezier(0, .995, .99, 1);
	transition: all 300ms cubic-bezier(0, .995, .99, 1);
	opacity: 0;
	background: #000;
}
.navigation div.menu-bg.animate {
	-webkit-transition: all 400ms cubic-bezier(0, .995, .99, 1);
	transition: all 400ms cubic-bezier(0, .995, .99, 1);
	opacity: .8;
}
.navigation .menu {
	position: relative;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 10%;
}
.navigation .menu-splitL, .navigation .menu-splitR {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 160px;
	padding: 0;
	display: none;
}
.navigation .menu-splitR {
	left: 160px;
}
.navigation div.menu ul li {
	font-size: 19px;
	width: 320px;
	margin-top: 40px;
	list-style: none;
	-webkit-transition: all 150ms cubic-bezier(0, .995, .99, 1);
	transition: all 150ms cubic-bezier(0, .995, .99, 1);
	text-align: center;
}
.navigation div.menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}
.navigation section > div {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.navigation div.menu li.animate {
	font-size: 19px;
	-webkit-transition: all 200ms cubic-bezier(0, .995, .99, 1);
	transition: all 200ms cubic-bezier(0, .995, .99, 1);
	opacity: 1;
}
.navigation .menu-splitL li:nth-of-type(1) {
	margin-left: 44px;
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
}
.navigation .menu-splitL li.animate:nth-of-type(1) {
	margin-left: 0;
	-webkit-transition-delay: .0s;
	transition-delay: .0s;
}
.navigation .menu-splitL li:nth-of-type(2) {
	margin-left: 41px;
	-webkit-transition-delay: .09s;
	transition-delay: .09s;
}
.navigation .menu-splitL li.animate:nth-of-type(2) {
	margin-left: 0;
	-webkit-transition-delay: .05s;
	transition-delay: .05s;
}
.navigation .menu-splitL li:nth-of-type(3) {
	margin-left: 57px;
	-webkit-transition-delay: .046s;
	transition-delay: .046s;
}
.navigation .menu-splitL li.animate:nth-of-type(3) {
	margin-left: 0;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}
.navigation .menu-splitL li:nth-of-type(4) {
	margin-left: 61px;
	-webkit-transition-delay: .03s;
	transition-delay: .03s;
}
.navigation .menu-splitL li.animate:nth-of-type(4) {
	margin-left: 0;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
.navigation .menu-splitL li:nth-of-type(5) {
	margin-left: 59px;
	-webkit-transition-delay: .0s;
	transition-delay: .0s;
}
.navigation .menu-splitL li.animate:nth-of-type(5) {
	margin-left: 0;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.navigation .menu-splitL li:nth-of-type(6) {
	margin-left: 59px;
	-webkit-transition-delay: .0s;
	transition-delay: .0s;
}
.navigation .menu-splitL li.animate:nth-of-type(6) {
	margin-left: 0;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.navigation .menu-splitR li:nth-of-type(1) {
	margin-left: -201px;
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
}
.navigation .menu-splitR li.animate:nth-of-type(1) {
	margin-left: -160px;
	-webkit-transition-delay: .0s;
	transition-delay: .0s;
}
.navigation .menu-splitR li:nth-of-type(2) {
	margin-left: -203px;
	-webkit-transition-delay: .069s;
	transition-delay: .069s;
}
.navigation .menu-splitR li.animate:nth-of-type(2) {
	margin-left: -160px;
	-webkit-transition-delay: .05s;
	transition-delay: .05s;
}
.navigation .menu-splitR li:nth-of-type(3) {
	margin-left: -214px;
	-webkit-transition-delay: .06s;
	transition-delay: .06s;
}
.navigation .menu-splitR li.animate:nth-of-type(3) {
	margin-left: -160px;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}
.navigation .menu-splitR li:nth-of-type(4) {
	margin-left: -217px;
	-webkit-transition-delay: .03s;
	transition-delay: .03s;
}
.navigation .menu-splitR li.animate:nth-of-type(4) {
	margin-left: -160px;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}
.navigation .menu-splitR li:nth-of-type(5) {
	margin-left: -217px;
	-webkit-transition-delay: .0s;
	transition-delay: .0s;
}
.navigation .menu-splitR li.animate:nth-of-type(5) {
	margin-left: -160px;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.navigation .menu-splitR li:nth-of-type(6) {
	margin-left: -217px;
	-webkit-transition-delay: .0s;
	transition-delay: .0s;
}
.navigation .menu-splitR li.animate:nth-of-type(6) {
	margin-left: -160px;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
@-webkit-keyframes ball {
 0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes ball {
 0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
 100% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.banner-box {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.banner-box .icon {
	position: absolute;
	z-index: 2;
	bottom: 100px;
	overflow: hidden;
	width: 100%;
	height: 80px;
}
.banner-box .icon::after {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto;
	margin-top: 20px;
	content: '';
	background: url("../images/about-down.png") no-repeat;
}
.banner-box .icon.ball::after {
	-webkit-animation: ball .6s infinite alternate;
	animation: ball .6s infinite alternate;
}
@media (max-width:991px) {
	.banner-box .icon {
		bottom: 30px;
	}
}
@media (max-width:767px) {
	.banner-box .icon {
		bottom: 10px;
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
	}
}
.banner-text h3, .banner-text p {
	line-height: normal;
}
.about-banner {
	height: 680px;
	background: url("../images/about-banner.jpg") fixed no-repeat center bottom;
}
.about-banner .about-text {
	font-size: 18px;
	position: absolute;
	z-index: 8;
	top: 50%;
	overflow: hidden;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	color: #fff;
}
.about-banner .about-text h3 {
	font-size: 45px;
	margin: 0;
}
.about-banner .about-text p {
	margin: 18px 0;
}
@media (max-width:991px) {
	.about-banner .about-text h3 {
		font-size: 36px;
	}
	.about-banner .about-text p {
		font-size: 16px;
	}
}
@media (max-width:767px) {
	.about-banner .about-text h3 {
		font-size: 26px;
	}
}
@media (max-width:480px) {
.about-banner .about-text h3 {
	font-size: 18px;
}
.about-banner .about-text p {
	font-size: 14px;
}
}
@media (max-width:767px) {
.about-banner {
	height: 500px;
}
}
.contact-banner {
	height: 800px;
	background: url("../images/contact-banner.jpg") fixed no-repeat center bottom;
}
.contact-banner .contact-text {
	position: absolute;
	z-index: 2;
	top: 25%;
	width: 100%;
	margin: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.contact-banner .contact-text h3 {
	font-size: 34px;
	font-weight: normal;
	margin: 0;
	color: #88857a;
}
.contact-banner .contact-text .tel {
	display: inline-block;
	margin: 0 90px;
	margin-top: 6%;
}
@media (max-width:1199px) {
	.contact-banner .contact-text .tel {
		margin: 0 20px;
		margin-top: 30px;
	}
}
.contact-banner .contact-text .tel span {
	font-size: 18px;
	letter-spacing: 1px;
	color: #fff;
}
.contact-banner .contact-text .tel p {
	font-family: 'ProximaNovaBold';
	font-size: 48px;
	letter-spacing: 1px;
	margin-top: 30px;
	color: #e0aa48;
}
@media (max-width:991px) {
	.contact-banner .contact-text {
		margin-top: 0;
	}
}
@media (max-width:767px) {
.contact-banner .contact-text h3 {
	font-size: 26px;
}
.contact-banner .contact-text .tel p {
	font-size: 26px;
}
}
@media (max-width:640px) {
.contact-banner .contact-text {
	margin-top: 40px;
}
.contact-banner .contact-text h3 {
	font-size: 18px;
}
.contact-banner .contact-text .tel {
	margin: 10px;
}
.contact-banner .contact-text .tel p {
	margin-top: 10px;
}
}
.contact-banner .tel-info {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 80px 0;
	background-color: rgba(0, 0, 0, .5);
}
@media (min-width:1200px) {
.contact-banner .tel-info .container {
	padding-right: 0;
	padding-left: 0;
}
}
@media (max-width:991px) {
.contact-banner .tel-info {
	display: none;
}
}
.contact-banner .tel-info .note {
	padding: 40px 35px;
	text-align: center;
	background-color: #f1f1f1;
}
.contact-banner .tel-info .note h3 {
	font-size: 22px;
	font-weight: bold;
	margin-top: 0;
	color: #333;
}
.contact-banner .tel-info .note p {
	font-size: 15px;
	letter-spacing: 0.5px;
	padding: 10px 0 0;
	line-height: 1.6;
}
.contact-banner .tel-info .note span {
	display: block;
	color: #777;
	font-family: 'ProximaNovaBold';
	margin: 20px auto 0;
}
.contact-banner .tel-info .note span a {
	font-size: 20px;
	font-family: 'ProximaNovaBold';
	letter-spacing: 0.5px;
	color: #777;
	color: inherit;
	text-decoration: none;
	padding-left: 8px;
}
.contact-banner .tel-info .note span::before {
	font-family: 'iconfont';
    font-size: 20px;
    content: '\e655';
    color: #be0101;
}
#owl-carousel-index {
	display: block !important;
}
#owl-carousel-index .img-responsive {
	width: 100%;
}
@media (max-width:1500px) {
#owl-carousel-index .img-responsive {
	width: 120%;
	max-width: 120%;
	margin-left: -10%;
}
}
@media (max-width:767px) {
#owl-carousel-index .img-responsive {
	width: 140%;
	max-width: 140%;
	margin-left: -20%;
}
}
#owl-carousel-index .owl-carousel {
	width: 100%;
}
@media (max-width:1199px) {
#owl-carousel-index .owl-carousel {
	width: 120%;
	max-width: 120%;
	margin-left: -10%;
}
}
@media (max-width:991px) {
#owl-carousel-index .owl-carousel {
	width: 140%;
	max-width: 140%;
	margin-left: -20%;
}
}
@media (max-width:767px) {
#owl-carousel-index .owl-carousel {
	width: 160%;
	max-width: 160%;
	margin-left: -30%;
}
}
#owl-carousel-index .owl-pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
}
#owl-carousel-index .owl-pagination .owl-page span {
	width: 12px;
	height: 12px;
	opacity: 1;
	border: 2px solid #fff;
	background-color: #fff;
}
#owl-carousel-index .owl-pagination .owl-page.active span {
	background: #037dff;
	background-color: transparent;
}
#owl-carousel-index .owl-buttons {
	position: absolute;
	z-index: 999;
	top: 50%;
	width: 100%;
	margin-top: -30px;
}
@media (max-width:767px) {
#owl-carousel-index .owl-buttons {
	display: none !important;
}
}
#owl-carousel-index .owl-buttons .owl-prev, #owl-carousel-index .owl-buttons .owl-next {
	line-height: 60px;
	position: absolute;
	width: 60px;
	height: 60px;
	margin: 0;
	opacity: 1;
	border-radius: 0;
	background-color: #191716;
}
#owl-carousel-index .owl-buttons .owl-prev:hover, #owl-carousel-index .owl-buttons .owl-next:hover {
	opacity: .6;
}
#owl-carousel-index .owl-buttons .owl-prev::after, #owl-carousel-index .owl-buttons .owl-next::after {
	font-family: 'iconfont';
	font-size: 24px;
}
#owl-carousel-index .owl-buttons .owl-prev {
	left: 0;
}
#owl-carousel-index .owl-buttons .owl-prev::after {
	margin-left: -4px;
	content: '\e608';
}
#owl-carousel-index .owl-buttons .owl-next {
	right: 0;
}
#owl-carousel-index .owl-buttons .owl-next::after {
	margin-left: 0;
	content: '\e609';
}
.box {
	overflow: hidden;
	padding: 70px 0 60px 0;
}
@media(max-width:1440px) {
.box {
	padding-top: 60px;
}
}
@media (max-width:767px) {
.box {
	padding: 50px 0;
}
.box .title h1 {
	font-size: 24px;
}
}
.title {
	margin-bottom: 40px;
	text-align: center;
}
@media(max-width:767px) {
.title {
	margin-bottom: 20px;
}
}
.title h1 {
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
	margin: 0;
	color: #333;
}
.title p {
	font-size: 16px;
	line-height: 2;
	margin-top: 10px;
	margin-bottom: 0.3px;
	text-align: center;
	letter-spacing: 0;
	color: #999;
}
 @media (max-width:767px) {
#pages {
	margin: 20px 0!important;
}
#pages a {
	height: 36px!important;
	line-height: 36px!important;
	padding: 0 15px!important;
	margin: 2px!important;
}
}
#pages {
	text-align: center;
	font-size: 0.2rem;
	margin: 45px 0 50px;
}
#pages a {
	font-size: 15px;
	line-height: 50px;
	display: inline-block;
	overflow: hidden;
	height: 50px;
	padding: 0 20px;
	color: #888;
	background: #fff;
	margin: 0 3px;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	-o-transition-duration: 0.25s;
	border: 1px #ddd solid
}
#pages a:last-child {
	overflow: hidden;
	margin-left: 280px;
	padding: 0 40px;
	border: 1px solid #e2e2e2;
}
#pages a:last-child::after {
	display: inline-block;
	float: right;
	width: 44px;
	height: 44px;
	margin-left: 30px;
	content: '';
	background: url("../images/icon.png");
	background-position: -880px 2px;
	background-size: cover;
}
#pages a:hover {
	background-color: #3893cc;
	border-color: #3893cc;
	color: #fff;
	text-decoration: none;
}
#pages a.active {
	background-color: #3893cc;
	border-color: #3893cc;
	color: #fff
}
#pages a.prev, #pages a.next {
}
#pages span {
	display: inline-block;
	padding: 0.13rem 0.19rem;
	color: #888;
	position: relative;
	top: -2px
}
@media (max-width:991px) {
#pages a:last-child {
	margin-left: 40px;
}
}
@media (max-width:767px) {
#pages a:last-child {
	margin-left: 0;
	padding: 3px 20px;
	height: 38px;
}
#pages a:last-child::after {
	margin-left: 14px;
	background-position: -880px -8px;
}
}
.project-block {
	position: relative;
	z-index: 1;
}
.project-block .box {
	padding-top: 10px;
}
@media (max-width:767px) {
.project-block {
	margin-top: 0;
	padding-top: 50px;
}
}
.project-block .container {
	background: #fff;
}
.project-block .project-item {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.project-block .project-item li {
	display: inline-block;
	padding: 18px 15px;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	text-align: center;
	border: 1px solid #fff;
}
@media (max-width:767px) {
.project-block .project-item li {
	margin-bottom: 0;
}
}
.project-block .project-item li:hover {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}
.project-block .project-item li:hover h3::before {
	-webkit-animation: swing 1s 0s ease both;
	animation: swing 1s 0s ease both;
}
.project-block .project-item li h3::before {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	content: '';
	background: url("../images/icon.png") no-repeat;
	background-position: -64px 0;
}
.project-block .project-item li:nth-child(2) h3::before {
	background-position: 0 0;
}
.project-block .project-item li:nth-child(3) h3::before {
	background-position: -320px 0;
}
.project-block .project-item li:nth-child(4) h3::before {
	background-position: -192px 0;
}
.project-block .project-item li:nth-child(5) h3::before {
	background-position: -128px 0;
}
.project-block .project-item li:nth-child(6) h3::before {
	background-position: -256px 0;
}
.project-block .project-item li a {
	text-decoration: none;
}
.project-block .project-item li h3 {
	font-size: 18px;
    font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 18px;
	color: #333;
}
.project-block .project-item li p {
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.5px;
	min-height: 44px;
	margin: 0;
	text-align: center;
	color: #666;
}
.count-block {
	overflow: hidden;
	padding: 70px 0 90px;
	background: url("../images/about-bj.jpg") center top #0f6acc;
}
@media (max-width:991px) {
.count-block {
	padding: 70px 0 30px;
}
}
.count-block .title h1 {
	color: #fff;
}
.count-block .title h1 span {
	color: #4182bb;
}
.count-block .title h1 span:before {
	background: #fff;
}
.count-block .title p {
	color: #7cafdc;
}
.count-block .title p a {
	text-decoration: underline;
	color: inherit;
}
.count-block .title p a:hover {
	color: #fff;
}
.count-block .count-item {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.count-block .count-item li {
	display: inline-block;
	text-align: center;
}
@media (max-width:991px) {
.count-block .count-item li {
	margin-bottom: 4em;
}
}
.count-block .count-item li span {
	display: block;
	height: 31px;
}
.count-block .count-item li::before {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	content: '';
	text-align: center;
	background: url("../images/icon.png") no-repeat;
	background-position: -384px 0;
}
.count-block .count-item li:nth-child(2)::before {
	background-position: -448px 0;
}
.count-block .count-item li:nth-child(3)::before {
	background-position: -512px 0;
}
.count-block .count-item li:nth-child(4)::before {
	background-position: -576px 0;
}
.count-block .count-item li:nth-child(4) h2::after {
	display: none;
}
.count-block .count-item li h2 {
	font-family: 'ProximaNovaBold';
	position: relative;
}
.count-block .count-item li h2::after {
	font-size: 24px;
	position: absolute;
	top: 0;
	right: -20px;
	content: '+';
}
.count-block .count-item li h2, .count-block .count-item li h3 {
	font-size: 55px;
	font-weight: normal;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
}
@media (max-width:480px) {
.count-block .count-item li h2, .count-block .count-item li h3 {
	font-size: 40px;
}
}
.count-block .count-item li h3 {
	font-size: 50px;
	margin: 0;
}
@media (max-width:480px) {
.count-block .count-item li h3 {
	font-size: 36px;
}
}
.count-block .count-item li p {
	font-size: 14px;
	overflow: hidden;
	margin: 0;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #8bc3ff;
}
.job-block {
	padding-bottom: 60px;
}
@media (max-width:767px) {
.job-block {
	padding-bottom: 50px;
}
}
.job-block a {
	text-decoration: none;
	color: inherit;
}
.job-block .job-sort {
	overflow: hidden;
	margin: 0;
	margin-bottom: 45px;
	padding: 0;
	list-style: none;
	text-align: center;
}
.job-block .job-sort li {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	cursor: pointer;
	color: #666;
}
.job-block .job-sort li:last-child:after {
	display: none;
}
.job-block .job-sort li:after {
	font-size: 14px;
	margin: 0 10px;
	content: ' / ';
	color: #999;
}
.job-block .job-sort li.active-sort, .job-block .job-sort li:hover {
	color: #0f6acc;
}
.job-block .job-scroll {
	display: none;
}
.job-block .job-scroll:first-child {
	display: block;
}
@media (max-width:991px) {
.job-block .job-scroll .job-nd {
	display: none;
}
}
.job-block .job-scroll .item {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
}
.job-block .job-scroll .item img {
	width: 100%;
}
.job-block .job-scroll .item:hover .job-block .job-scroll .item .jobmore {
	-webkit-animation: fadeInLeft 1s 0s ease both;
	animation: fadeInLeft 1s 0s ease both;
}
.job-block .job-scroll .item .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	background-color: rgba(14, 105, 204, .95);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	text-align: center;
	flex-direction: row;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.job-block .job-scroll .item .mask .note {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.job-block .job-scroll .item .mask h4 {
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.7;
	color: #fff;
}
.job-block .job-scroll .item .mask p {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.5px;
	margin-bottom: 40px;
	color: #8cc0f7;
	padding: 10px 30px;
}
.job-block .job-scroll .item .mask .jobmore {
	font-size: 13px;
	display: block;
	letter-spacing: 1px;
	margin: 0;
	color: #fff;
}
.job-block .job-scroll .item .mask .jobmore:before, .job-block .job-scroll .item .mask .jobmore:after {
	margin: 0 10px;
	content: '——';
	letter-spacing: -1px;
}
.job-block .job-scroll .item .mask .jobmore:hover {
	color: #8cc0f7;
}
.job-block .job-more {
	text-align: center;
}
.job-block .job-more a {
	font-size: 15px;
	line-height: 48px;
	position: relative;
	display: inline-block;
	letter-spacing: 0.5px;
	margin-top: 25px;
	margin-bottom: 6px;
	padding: 0 40px;
	color: #666;
	border-radius: 3px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
}
.job-block .job-more span {
	display: inline-block;
	float: left;
}
.job-block .job-more span::after {
	font-family: 'iconfont';
	margin-left: 6px;
	content: '\e657';
	color: #ccc;
}
.job-block .job-more a:hover {
	box-shadow: 0 0 6px 0 rgba(12, 105, 205, .3);
}
.job-block .job-more:hover span {
	-webkit-animation: fadeInUp .8s 0s ease both;
	animation: fadeInUp .8s 0s ease both;
}
.client-block {
	overflow: hidden;
	width: 100%;
	padding-bottom: 70px;
	background: #f2f3f7;
}
@media (max-width:767px) {
.client-block {
	padding-bottom: 50px;
}
}
.client-block .client-item {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
.client-block .client-item li {
	font-size: 0;
	float: left;
	width: 18%;
	margin: 1%;
}
@media (max-width:640px) {
.client-block .client-item li {
	width: 31.33333%;
}
}
.client-block .client-item li .img-box {
	position: relative;
	display: block;
	overflow: hidden;
	padding-bottom: 68.18181818%;
	text-decoration: none;
	border-bottom: none;
}
.client-block .client-item li .img-box img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	margin: 0;
	opacity: .6;
	-webkit-filter: grayscale(1);
}
.client-block .client-item li:hover {
	box-shadow: 0 0 3px 0 rgba(2, 128, 244, .6);
}
.client-block .client-item li:hover img {
	opacity: 1;
	-webkit-filter: grayscale(0);
}
.appraise-scroll {
	position: relative;
	padding-bottom: 40px;
}
.appraise-scroll .item {
	margin: 10px 15px;
}
.appraise-scroll .item:hover .window {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
}
.appraise-scroll .item:hover .window p {
	color: #999;
}
.appraise-scroll .item .window {
	position: relative;
	height: 190px;
	padding: 20px 22px;
	-webkit-transition: transform .6s ease;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}
.appraise-scroll .item .window:before {
	position: absolute;
	top: -10px;
	width: 0;
	height: 0;
	margin-left: 20px;
	content: ' ';
	border-bottom: 10px solid #dfdfdf;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	z-index: 9999;
}
.appraise-scroll .item .window::after {
	content: '';
	position: absolute;
	top: -8px;
	display: block;
	width: 0;
	height: 0;
	margin-left: 21px;
	border-bottom: 9px solid #fff;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	z-index: 9999;
}
.appraise-scroll .item .window p {
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0.5px;
	overflow: hidden;
	height: 115px;
	margin: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	text-align: left;
	color: #333;
}
.appraise-scroll .item .window .date {
	float: right;
	margin: 10px 0;
}
.appraise-scroll .item .window .date span {
	color: #999;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-left: 15px;
}
.appraise-scroll .item .window .date span::before {
	font-family: 'iconfont';
	font-size: 18px;
	float: left;
	margin-right: 5px;
	color: #ccc;
}
.appraise-scroll .item .window .date span.time::before {
	content: '\e909';
}
.appraise-scroll .item .window .date span.number::before {
	content: '\e6bc';
}
.appraise-scroll .item .link {
	overflow: hidden;
	margin-bottom: 15px;
}
.appraise-scroll .item .link .pic {
	float: left;
	overflow: hidden;
	width: 65px;
	height: 65px;
	margin-left: 24px;
	border-radius: 50%;
}
.appraise-scroll .item .link .pic img {
	width: 100%;
}
.appraise-scroll .item .link .text {
	width: 100%;
}
.appraise-scroll .item .link .text span {
	color: #777;
	font-size: 12px;
	float: right;
}
.appraise-scroll .item .link .text p {
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.4px;
	margin-bottom: 6px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.appraise-scroll .item .link .text a {
	font-size: 16px;
	text-align: left;
	color: #333;
}
.appraise-scroll .item .link .text a::before {
	font-family: 'iconfont';
	font-size: 16px;
	float: left;
	margin-right: 6px;
	content: '\e658';
}
.appraise-scroll .item .link .text a:hover {
	color: #d30000;
	text-decoration: none;
}
.appraise-scroll .owl-pagination {
	margin-top: 30px;
}
.appraise-scroll .owl-pagination .owl-page {
	width: 15px;
	height: 15px;
	margin: 0 8px;
	border: 2px solid #c7c7c7;
	border-radius: 100%;
	background: #fff;
}
.appraise-scroll .owl-pagination .active {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #d9d9d9;
}
.appraise-scroll .owl-theme .owl-controls .owl-buttons div {
	width: 43px;
	height: 43px;
}
.appraise-scroll .owl-theme .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	top: 120px;
	left: -74px;
	background: #c3cbc8 url(../images/index_pnl.png) no-repeat;
	background-size: 60%;
	background-position: center center;
}
.appraise-scroll .owl-theme .owl-controls .owl-buttons .owl-next {
	position: absolute;
	top: 120px;
	right: -74px;
	background: #c3cbc8 url(../images/index_pnr.png) no-repeat;
	background-size: 60%;
	background-position: center center;
}
.process-block {
	width: 100%;
	padding-bottom: 0;
	background: url("../images/process-bj.jpg") fixed 100%;
	background-size: cover;
}
.process-block .title h1 {
	color: #fff;
}
.process-block .container {
	overflow: visible;
}
.process-block .process {
	list-style: none;
}
.process-block .process li {
	position: relative;
	float: left;
	margin-right: 34px;
	margin-bottom: 20px;
	text-align: center;
}
@media (max-width:767px) {
.process-block .process li {
	margin-right: 20px;
}
}
@media (max-width:480px) {
.process-block .process li {
	width: 100%;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 0;
}
}
.process-block .process li:nth-child(2) .pro-item h4::before {
	background-position: -704px 0;
}
.process-block .process li:nth-child(3) .pro-item h4::before {
	background-position: -768px 0;
}
.process-block .process li:nth-child(4) .pro-item h4::before {
	background-position: -832px 0;
}
.process-block .process li:nth-child(5) .pro-item h4::before {
	background-position: -896px 0;
}
.process-block .process li:nth-child(6) .pro-item h4::before {
	background-position: -960px 0;
}
.process-block .process li:nth-child(7) .pro-item h4::before {
	background-position: -1024px 0;
}
.process-block .process li:nth-child(8) .pro-item h4::before {
	background-position: -1088px 0;
}
.process-block .process li::after {
	display: block;
	float: right;
	width: 64px;
	height: 64px;
	margin-top: 30px;
	margin-left: 14px;
	content: '';
	background: url("../images/icon.png") no-repeat;
	background-position: -1088px 0;
}
@media (max-width:480px) {
.process-block .process li::after {
	float: none;
	margin: 0 auto;
	background-position: -1344px 0;
}
}
.process-block .process li:last-child {
	margin-right: 0;
}
.process-block .process li:last-child::after {
	display: none;
}
.process-block .process li:hover .text {
	display: block;
	-webkit-animation: fadeInUp 1s 0s ease both;
	animation: fadeInUp 1s 0s ease both;
}
.process-block .process li .pro-item {
	position: relative;
	float: left;
	cursor: pointer;
}
@media (max-width:480px) {
.process-block .process li .pro-item {
	float: none;
}
}
.process-block .process li .pro-item h4 {
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	color: #fff;
}
.process-block .process li .pro-item h4::before {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	margin-bottom: 10px;
	content: '';
	text-align: center;
	background: url("../images/icon.png") no-repeat;
	background-position: -640px 0;
}
.process-block .process li .text {
	font-size: 14px;
	line-height: 1.85714286;
	position: absolute;
	z-index: 99;
	top: 110px;
	left: 0;
	display: none;
	width: 330px;
	height: 110px;
	padding: 15px 20px;
	text-align: left;
	color: #666;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	background: #fff;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
}
.process-block .process li:nth-last-child(2) .text {
	left: -88px;
}
.process-block .process li:last-child .text {
	left: -265px;
}
@media (max-width:414px) {
.process-block .process li .text {
	top: 70px;
	width: 100%;
}
}
.process-block .process li .text:before {
	position: absolute;
	top: -10px;
	left: 20px;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
}
@media (max-width:414px) {
.process-block .process li .text:before {
	left: 50%;
	margin-left: -10px;
}
}
.process-block .process li .angle {
	float: left;
	margin-top: 20px;
	margin-left: 48px;
}
@media (max-width:414px) {
.process-block .process li .angle {
	display: none;
}
}
.process-block .photo {
	font-size: 0;
	padding: 0 50px;
	text-align: center;
}
@media (max-width:414px) {
.process-block .photo {
	padding-right: 0;
	padding-left: 0;
}
}
.process-block .photo img {
	width: 100%;
	margin: 0;
	padding-top: 60px;
}

.news-banner {
	position: relative;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 720px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background: url("../images/banner/banner-news.jpg") fixed no-repeat center bottom;
}
@media (max-width:767px) {
.news-banner {
	height: 500px;
}
}
.news-banner .icon {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 60px;
	left: 0;
	width: 42px;
	height: 42px;
	margin: auto;
	color: #fff;
}
.news-banner .icon img {
	width: 100%;
}
.news-banner .icon.ball {
	-webkit-animation: ball .6s infinite alternate;
	animation: ball .6s infinite alternate;
}
@media (max-width:991px) {
.news-banner .icon {
	bottom: 30px;
}
}
@media (max-width:767px) {
.news-banner .icon {
	bottom: 10px;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
}
}
.news-wrap {
	overflow: hidden;
	padding-bottom: 90px;
}
@media (max-width:767px) {
.news-wrap {
	padding-bottom: 50px;
}
}
.news-wrap.container {
	overflow: hidden;
}
@media (min-width:1370px) {
.news-wrap.container {
	width: 1340px;
}
}
.news-wrap .list-box {
	padding: 45px 0;
}
.news-wrap .list-box a {
	text-decoration: none;
	color: inherit;
}
.news-wrap .list {
	overflow: hidden;
	width: 100%;
	padding: 45px 70px;
	background-color: #fff;
}
@media (max-width:1199px) {
.news-wrap .list {
	padding: 45px 10px;
}
}
@media (max-width:991px) {
.news-wrap .list {
	padding: 30px 10px;
}
}
.news-wrap .list:hover {
	background-color: #f8f8f8;
}
.news-wrap .list .pic {
	position: relative;
	overflow: hidden;
	background-color: #000;
}
.news-wrap .list .pic p {
	line-height: 25px;
	position: absolute;
	top: 0;
	top: 25px;
	left: 25px;
	height: 25px;
	margin: 0;
	padding: 0 15px;
	color: #fff;
	border-radius: 2px;
	background-color: #3aa773;
}
.news-wrap .list .pic .img-box {
	padding-bottom: 63.88888889%;
}
.news-wrap .list .pic .more {
	font-size: 16px;
	position: absolute;
	z-index: 100;
	top: 40%;
	display: block;
	width: 100%;
	margin: auto;
	-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	transform: translateY(-60%);
	text-align: center;
	opacity: 0;
	color: #fff;
}
.news-wrap .list .pic .more::after {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-left: 10px;
	content: '';
	background: url("../images/icon.png");
	background-position: -836px 14px;
	background-size: cover;
}
.news-wrap .list .pic a.mask::before, .news-wrap .list .pic a.mask::after {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	content: '';
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s;
	transition: opacity .35s, transform .35s, -webkit-transform .35s;
	opacity: 0;
}
.news-wrap .list .pic a.mask::before {
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.news-wrap .list .pic a.mask::after {
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.news-wrap .list .pic:hover img {
	opacity: .6;
}
.news-wrap .list .pic:hover a.mask::before, .news-wrap .list .pic:hover a.mask::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: .4;
}
.news-wrap .list .pic:hover .more {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation: fadeInLeft 1s 0s ease both;
	animation: fadeInLeft 1s 0s ease both;
	opacity: 1;
}
.news-wrap .list .note, .news-wrap .list .info {
	border-top: 1px solid #e2e2e2;
}
.news-wrap .list .note p {
	font-size: 13px;
	line-height: 16px;
	display: inline-block;
	margin: 30px 0 0 20px;
	color: #999;
}
.news-wrap .list .note p::before {
	font-family: 'iconfont';
	font-size: 16px;
	float: left;
	margin-right: 6px;
	content: '\e6bc';
	color: #ccc;
}
.news-wrap .list .note p.icon-1 {
	margin-left: 0;
}
.news-wrap .list .note p.icon-1::before {
	font-size: 14px;
	content: '\e909';
}
.news-wrap .list .note a {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	display: block;
	margin-top: 45px;
	color: #333;
}
@media (max-width:991px) {
.news-wrap .list .note a {
	margin-top: 14px;
}
}
.news-wrap .list .note a:hover {
	color: #666;
}
@media (max-width:991px) {
.news-wrap .list .info {
	margin-top: 30px;
}
}
.news-wrap .list .info h4 {
	font-size: 13px;
	margin: 20px 0 14px 0;
	color: #999;
}
.news-wrap .list .info p {
	font-size: 14px;
	line-height: 30px;
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.news-wrap .list .info a {
	display: block;
}
.news-wrap .news-scoll {
	position: relative;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 520px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.news-wrap .news-scoll a {
	text-decoration: none;
	color: inherit;
}
.news-wrap .news-scoll.news-scoll-1 {
	background: url("../images/news-1.jpg") fixed no-repeat center bottom;
}
.news-wrap .news-scoll.news-scoll-2 {
	background: url("../images/news-2.jpg") fixed no-repeat center bottom;
}
.news-wrap .news-scoll .info {
	position: absolute;
	top: 50%;
	left: 2%;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width:767px) {
.news-wrap .news-scoll .info {
	right: 2%;
}
}
.news-wrap .news-scoll .note {
	margin: 50px 45px;
	border-top: 1px solid #e2e2e2;
}
.news-wrap .news-scoll .text {
	overflow: hidden;
	width: 100%;
	max-width: 450px;
	height: 370px;
}
.news-wrap .news-scoll .text::before {
	position: absolute;
	z-index: -1;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	background-color: #fff;
}
.news-wrap .news-scoll .text p {
	font-size: 13px;
	line-height: 16px;
	display: inline-block;
	margin: 20px 0 0 20px;
	color: #999;
}
.news-wrap .news-scoll .text p::before {
	font-family: 'iconfont';
	font-size: 16px;
	float: left;
	margin-right: 6px;
	content: '\e6bc';
	color: #ccc;
}
.news-wrap .news-scoll .text p.icon-1 {
	margin-left: 0;
}
.news-wrap .news-scoll .text p.icon-1::before {
	font-size: 14px;
	content: '\e909';
}
.news-wrap .news-scoll .text a {
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	display: block;
	margin-top: 45px;
	color: #333;
}
.news-wrap .news-scoll .text span {
	font-size: 13px;
	display: block;
	margin-top: 40px;
	color: #999;
}
.news-wrap .news-scoll:hover .text::before {
	-webkit-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95);
}
.news-show-wrap {
	overflow: hidden;
	padding: 70px 1px;
}
.news-show-wrap a {
	text-decoration: none;
	color: inherit;
}
@media (max-width:767px) {
.news-show-wrap {
	padding: 140px 15px 95px;
}
}
.news-show-wrap .news-title {
	overflow: hidden;
	letter-spacing: 0.5px;
	padding-bottom: 24px;
	border-bottom: 1px solid #e2e2e2;
}
.news-show-wrap .news-title .info {
	float: left;
	padding-top: 6px;
	width: 100%;
}
.news-show-wrap .news-title p {
	font-size: 13px;
	line-height: 15px;
	display: inline-block;
	margin: 0;
	color: #999;
}
.news-show-wrap .news-title p::before {
	font-family: 'iconfont';
	font-size: 16px;
	float: left;
	margin-right: 6px;
	content: '\e6bc';
	color: #ccc;
}
.news-show-wrap .news-title p.icon-1 {
	margin-right: 10px;
}
.news-show-wrap .news-title p.icon-1::before {
	font-size: 15px;
	content: '\e909';
}
.news-show-wrap .news-title span {
	float: right;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-left: 30px;
	color: #999;
}
.news-show-wrap .news-title .bdsharebuttonbox {
	float: right;
}
.news-show-wrap .news-title .bdsharebuttonbox p {
	float: left;
	padding-top: 6px;
}
.news-show-wrap .news-title .bdsharebuttonbox p::before {
	display: none;
}
.news-show-wrap .left {
	float: left;
	width: 100%;
}
@media (max-width:991px) {
.news-show-wrap .left {
	padding-left: 0;
}
}
.news-show-wrap .left .text {
	padding: 40px 0 50px 0;
	border-bottom: 1px solid #e2e2e2;
}
.news-show-wrap .left .text h3 {
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	margin: 0;
	color: #333;
}
.news-show-wrap .left .text img {
    width: expression(this.width > 1080? 1080: true) !important;
    max-width: 1080px !important;
    height: auto !important;
    overflow: hidden;
    margin: 15px auto;
}
.news-show-wrap .left .text p {
	color: #666;
}
.news-show-wrap .left .text .note {
	font-size: 16px;
	line-height: 1.95;
	margin-top: 40px;
}
.news-show-wrap .left .text .note p {
	margin: 0;
}
.news-show-wrap .left .other {
	padding-top: 30px;
}
.news-show-wrap .left .relate {
	padding-top: 55px;
}
.news-show-wrap .left .relate h3 {
	font-size: 18px;
	margin: 0;
	color: #333;
}
.news-show-wrap .left .relate a {
	text-decoration: none;
	color: inherit;
}
.news-show-wrap .left .relate .img-box {
	padding-bottom: 62.96296296%;
}
.news-show-wrap .left .relate .img-box img {
	-webkit-transition: all .2s ease;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
}
.news-show-wrap .left .relate p {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	margin: 10px 0;
	color: #333;
}
.news-show-wrap .left .relate .list {
	position: relative;
	z-index: 99;
	overflow: hidden;
	margin-top: 20px;
}
.news-show-wrap .left .relate .list:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.news-show-wrap .right {
	float: right;
	width: 27%;
	padding: 0 30px 74px 30px;
	background: #fff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}
@media (max-width:991px) {
.news-show-wrap .right {
	margin-top: 40px;
}
}
.news-show-wrap .right h3 {
	font-size: 18px;
	margin-top: 50px;
	color: #333;
}
.news-show-wrap .right .search input {
	line-height: 52px;
	width: 100%;
	height: 52px;
	text-indent: 16px;
	color: #bebebe;
	border: 1px solid #e2e2e2;
	border-radius: 2px;
	outline: none;
}
.news-show-wrap .right .search input:focus {
	border-color: #0f6acc;
}
.news-show-wrap .right .cate, .news-show-wrap .right .archives {
	overflow: hidden;
}
.news-show-wrap .right .cate a, .news-show-wrap .right .archives a {
	line-height: 36px;
	display: block;
	margin-top: 18px;
	border-bottom: 1px solid #e2e2e2;
}
.news-show-wrap .right .cate a::before, .news-show-wrap .right .archives a::before {
	font-family: 'iconfont';
	font-size: 20px;
	float: left;
	content: '\e61d';
	color: #bababa;
}
.news-show-wrap .right .cate a:hover, .news-show-wrap .right .archives a:hover {
	color: #0f6acc;
}
.news-show-wrap .right .archives a {
	display: inline-block;
	width: 47%;
}
.news-show-wrap .right .archives a:nth-child(2n) {
	float: left;
}
.news-show-wrap .right .archives a:nth-child(2n+1) {
	float: right;
}
.news-show-wrap .right .label h3 {
	margin-bottom: 6px;
}
.news-show-wrap .right .label a {
	display: inline-block;
	margin-top: 12px;
	margin-right: 10px;
	padding: 9px 16px;
	border: 1px solid #e2e2e2;
}
.news-show-wrap .right .label a:hover {
	color: #0f6acc;
	border-color: #0f6acc;
}
.news-show-wrap .right .article h3 {
	margin-bottom: 6px;
}
.news-show-wrap .right .article .list {
	overflow: hidden;
	padding: 18px 0;
	border-bottom: 1px solid #e2e2e2;
}
.news-show-wrap .right .article .list:hover .pic .img-box {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.news-show-wrap .right .article .list .pic {
	float: left;
	overflow: hidden;
	width: 16%;
}
.news-show-wrap .right .article .list .pic .img-box {
	padding-bottom: 77.77777778%;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
}
@media (max-width:1440px) {
.news-show-wrap .right .article .list .pic {
	width: 22%;
}
}
@media (max-width:1199px) {
.news-show-wrap .right .article .list .pic {
	width: 26%;
}
}
@media (max-width:991px) {
.news-show-wrap .right .article .list .pic {
	width: 16%;
}
}
@media (max-width:640px) {
.news-show-wrap .right .article .list .pic {
	width: 26%;
}
.news-show-wrap .left .text img {
	max-width: 100%;
}
}
.news-show-wrap .right .article .list .note {
	float: right;
	width: 82%;
}
.news-show-wrap .right .article .list .note a {
	text-decoration: none;
	color: inherit;
}
@media (max-width:1440px) {
.news-show-wrap .right .article .list .note {
	width: 76%;
}
}
@media (max-width:1199px) {
.news-show-wrap .right .article .list .note {
	width: 70%;
}
}
@media (max-width:991px) {
.news-show-wrap .right .article .list .note {
	width: 82%;
}
}
@media (max-width:640px) {
.news-show-wrap .right .article .list .note {
	width: 70%;
}
}
.news-show-wrap .right .article .list .note h4 {
	font-size: 14px;
	overflow: hidden;
	margin: 6px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
}
.news-show-wrap .right .article .list .note h4:hover {
	color: #0f6acc;
}
.news-show-wrap .right .article .list .note p {
	font-size: 12px;
	line-height: 20px;
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media (max-width:991px) {
.news-show-wrap .left, .news-show-wrap .right {
	width: 100%;
}
}
.s_banner, .M_banner {
	width: 100%;
	float: left;
	height: 390px;
}
.s_con {
	width: 100%;
	height: 100%;
	float: left;
	display: table
}
.s_con dl {
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 30px;
}
.s_con dl dt {
	font-size: 40px;
	font-weight: bold
}
.s_con dl dd {
	font-size: 20px;
	margin-top: 18px
}
.s_menu {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ececec;
	margin: 40px 0 30px;
}
.s_menu p {
	float: left;
	padding: 0;
	margin: 0;
}
.s_menu p a {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 20px;
	border-bottom: 3px solid #fff;
	color: #666;
	margin-right: 50px;
	float: left
}
.s_menu p a:hover, .s_menu p a.cur {
	border-bottom: 3px solid #cf000d;
	text-decoration: none;
	color: #111;
}
.news_top {
	padding: 50px 0px
}
.news_top ul li {
	width: 370px;
	float: left;
	border: 1px solid #ccc;
	margin-right: 30px;
}
.news_top ul li:last-child {
	margin-right: 0
}
.news_top ul li i {
	width: 100%;
	height: 220px;
	overflow: hidden;
	display: block
}
.news_top ul li img {
	width: 368px;
	height: 220px;
}
.news_top ul li a div {
	padding: 15px 10px;
	width: 100%;
	float: left
}
.news_top ul li a div p {
	font-size: 14px;
	color: #333;
	line-height: 1.6;
    margin: 0;
	padding: 0 5px 5px;
	text-align: justify;
	overflow: hidden；
}
.news_top ul li a div em {
	color: #999;
	display: block;
	padding: 0px 5px
}
.news_top ul li a:hover {
	border-color: #cf000d
}
.news_top ul li a:hover p {
	color: #cf000d;
	font-weight: bold
}
.newslist ul {
	border-top: 1px solid #ddd;
}
.newslist li, .newslist li a {
	width: 100%;
	float: left
}
.newslist li {
	border-bottom: 1px solid #e5e5e5
}
.newslist li a:first-child {
	padding: 45px 0px 25px;
}
.newslist li a {
	padding: 35px 0px 25px;
}
.newslist li strong {
	font-size: 40px;
	color: #b0b0b0;
	float: left
}
.newslist li strong i {
	display: block;
	font-weight: normal;
	color: #888;
	font-size: 14px
}
.newslist li div {
	float: right;
	width: 1010px;
	padding-right: 100px;
	position: relative;
}
.newslist li i {
	float: left;
	font-size: 22px;
	color: #999;
	font-family: 'ProximaNovaBold';
	letter-spacing: 0.5px;
	font-style: normal;
	font-weight: bold;
	line-height: 1.6;
}
.newslist li div span {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newslist li div p {
	color: #888;
	font-size: 15px;
	letter-spacing: 0.3px;
	margin-top: 10px;
	line-height: 1.8;
}
.newslist li div em {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 13px;
	font-style: normal;
	letter-spacing: 0.5px;
	color: #555;
	padding-bottom: 15px;
	background: url(../images/more.png) no-repeat center bottom
}
.newslist li:hover em {
	color: #cf000d;
	background: url(../images/more_h.png) no-repeat center bottom
}
.newslist li:hover span {
	color: #cf000d
}
 @media screen and (max-width:767px) {
.s_menu {
	width: 100%;
	border-bottom: 1px solid #ececec;
	margin: 20px 0 0;
}
.s_menu p {
	float: left;
	display: block;
	width: 33.333%;
	padding: 0 0 12px;
	margin: 0;
	text-align: center;
}
.s_menu p a {
	font-size: 16px;
	text-align: center;
	color: #666;
	padding: 0;
	margin: 0;
	float: none;
	border-bottom: none;
}
.news_top a {
	width: 100%;
	border: none;
	margin-right: 0px;
}
.news_top ul li img {
	width: 100%;
	height: auto;
}
.newslist {
	padding: 12px;
}
.newslist ul {
	border-top: none;
}
.newslist li i {
	font-size: 15px;
	color: #b0b0b0;
	font-style: normal;
	float: left;
}
.newslist li div {
	width: 100%;
	padding-right: 0;
}
.newslist li div p {
	font-size: 13px;
	color: #888;
	margin: 5px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newslist li div span {
	font-size: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.newslist li a:first-child {
	padding: 20px 0;
}
.newslist li a {
	padding: 20px 0;
}
.newslist li div em {
	display: none;
}
.news_top {
	padding-bottom: 0;
}
.news_top ul li {
	width: 100%;
	border: none;
	padding: 6% 2% 1% 2%;
	border-bottom: 1px solid #ddd;
}
}
.product-wrap {
	width: 100%;
	overflow: hidden;
	padding: 40px 0 10px;
}
@media (max-width:1199px) {
.product-wrap {
	padding-top: 140px;
}
}
@media (max-width:767px) {
.product-wrap {
	padding-bottom: 50px;
}
}
.product-wrap .product-title {
	text-align: center;
}
.product-wrap .product-title .display {
	display: none;
}
.product-wrap .product {
	margin: 50px 45px 0;
}
@media (max-width:1199px) {
.product-wrap .product {
	margin: 50px 0 0 0;
}
}
.product-wrap .product-title h3 {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 20px;
	color: #333;
}
@media (max-width:1199px) {
.product-wrap .product-title h3 {
	margin-bottom: 30px;
}
}
.product-wrap .product-title a {
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	margin: 0 10px;
	margin-top: 20px;
	padding: 11px 35px;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 100px;
}
@media (max-width:1199px) {
.product-wrap .product-title a {
	margin: 0;
}
}
.product-wrap .product-title a:hover, .product-wrap .product-title a.on {
	color: #0f6acc;
	border-color: #d5d5d5;
}
.product-wrap .list {
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 10px 10px 15px;
}
.product-wrap .list .pic {
	position: relative;
	background: url(../images/caselist_bg.png) no-repeat;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background-size: cover;
}
.product-wrap .list .img-box {
	z-index: 0;
	overflow: hidden;
	padding-bottom: 62.5%;
	-webkit-transition: transform .6s ease;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
}
.product-wrap .list:hover {
	border-radius: 2px;
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .17);
}
.product-wrap .list:hover .note a.more {
	display: block;
}
/* .product-wrap .list:hover .img-box {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
} */
.product-wrap .list .note {
	position: relative;
	margin-top: 16px;
	text-align: center;
}
.product-wrap .list .note h3 {
    display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	color: #333;
}
.product-wrap .list .note p {
	font-size: 13px;
	line-height: 18px;
	line-height: 30px;
	display: inline-block;
	margin: 0;
	margin-left: 28px;
	color: #999;
}
.product-wrap .list .note p::before {
	font-family: 'iconfont';
	font-size: 20px;
	float: left;
	margin-right: 6px;
	content: '\e66f';
	color: #ccc;
}
.product-wrap .list .note p.icon-1 {
	margin-left: 0;
}
.product-wrap .list .note p.icon-1::before {
	font-size: 16px;
	content: '\e6bc';
}
.product-wrap .list .note a.more {
	float: right;
	font-size: 14px;
	line-height: 26px;
	z-index: 99;
	display: none;
	overflow: hidden;
	width: 66px;
	height: 28px;
	text-align: center;
	color: #0f6acc;
	border: 1px solid #0f6acc;
	border-radius: 2px;
    margin-top: 1px;
}
.product-wrap .list .note a.more span {
	display: inline-block;
}
.product-wrap .list .note a.more:hover {
	opacity: .8;
}
.product-wrap .list .note a.more:hover span {
	-webkit-animation: fadeInUp .4s 0s ease both;
	animation: fadeInUp .4s 0s ease both;
}
.product-show-wrap {
	overflow: hidden;
	padding: 75px 40px;
	background-color: #f5f5f5;
}
@media (max-width:767px) {
.product-show-wrap {
	padding: 135px 15px 95px 15px;
}
}
.product-show-wrap .left {
	float: left;
	overflow: hidden;
	width: 61%;
	padding: 57px 4% 58px;
	text-align: center;
}
.product-show-wrap .left .ptitle h3 {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 2px;
}
.product-show-wrap .left .casebg {
	background: url(../images/caseview_bg.png) no-repeat center;
	height: 666px;
}
.product-show-wrap .left .casebg img {
	width: 664px;
	height: 458px;
	margin: 0 auto;
	padding-top: 82px;
}
.product-show-wrap .left .text {
	font-size: 16px;
	letter-spacing: 0.3px;
	min-height: 128px;
	line-height: 2;
	text-align: left;
}
.product-show-wrap .left .text p {
	line-height: 2;
	margin: 0;
}
.product-show-wrap .right {
	float: right;
	width: 37.5%;
	padding: 50px 35px;
}
.product-show-wrap .right a {
	text-decoration: none;
	color: inherit;
}
@media (max-width:991px) {
.product-show-wrap .right {
	margin-top: 40px;
}
}
.product-show-wrap .right .ptitle {
	position: relative;
}
.product-show-wrap .right .ptitle h3 {
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 10px 0;
	color: #333;
}
.product-show-wrap .right .ptitle span {
	font-size: 13px;
	color: #999;
}
.product-show-wrap .right .ptitle .icon {
	position: absolute;
	top: 60px;
	right: 0;
}
@media (max-width:1199px) {
.product-show-wrap .right .ptitle .icon {
	position: relative;
	top: 10px;
}
}
.product-show-wrap .right .ptitle p {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.5px;
	display: inline-block;
	margin: 0;
	margin-left: 20px;
	color: #999;
	cursor: pointer;
}
.product-show-wrap .right .ptitle p::before {
	font-family: 'iconfont';
	font-size: 16px;
	float: left;
	margin-right: 6px;
	content: '\e909';
	color: #ccc;
}
.product-show-wrap .right .ptitle p.icon-1 {
	margin-left: 0;
	cursor: text;
}
.product-show-wrap .right .ptitle p.icon-1::before {
	font-size: 16px;
	content: '\e6bc';
}
.product-show-wrap .right .text, .product-show-wrap .right .info {
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 0.5px;
	padding: 30px 0;
	border-bottom: 1px dotted #dbdbdb;
}
.product-show-wrap .right .text p, .product-show-wrap .right .info p {
	margin: 0;
}
.product-show-wrap .right .info {
	position: relative;
	color: #333;
}
.product-show-wrap .right .info a {
	text-decoration: underline;
}
.product-show-wrap .right .info a:hover {
	color: #0f6acc;
}
.product-show-wrap .right .info a.thumb {
	line-height: 50px;
	position: absolute;
	top: 54px;
	right: 40px;
	display: inline-block;
	width: 70px;
	height: 70px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 50%;
	background: #000;
}
.product-show-wrap .right .info a.thumb p::before {
	font-family: 'iconfont';
	font-size: 20px;
	display: block;
	height: 20px;
	content: '\e66f';
}
@media (max-width:480px) {
.product-show-wrap .right .info a.thumb {
	position: relative;
	top: 14px;
	right: 0;
}
}
.product-show-wrap .right .info a.thumb:hover {
	color: orange;
}
.product-show-wrap .right .link {
	padding: 40px 0;
	border-bottom: 1px dotted #dbdbdb;
}
.product-show-wrap .right .link a {
	font-size: 16px;
	font-weight: bold;
	line-height: 33px;
	display: inline-block;
	margin: 10px 16px 10px 0;
	padding: 6px 51px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	text-align: center;
	color: #333;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
}
.product-show-wrap .right .link a:last-child {
	margin-right: 0;
}
.product-show-wrap .right .link a:hover {
	color: #fff;
	border-color: #0f6acc;
	background-color: #0f6acc;
}
.product-show-wrap .right .relate {
	padding-top: 48px;
}
.product-show-wrap .right .relate h3 {
	font-size: 18px;
	margin: 0;
	color: #333;
}
.product-show-wrap .right .relate .pic {
	margin-top: 30px;
}
.product-show-wrap .right .relate .img-box {
	border: 1px solid #ddd;
	padding-bottom: 65%;
}
.product-show-wrap .right .relate .img-box img {
	position: absolute;
	top: 7.5%;
	left: 5%;
	display: block;
	width: 90%;
	height: auto;
	-webkit-transition: transform .6s ease;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
}
.product-show-wrap .right .relate .note {
	position: relative;
	padding: 10px 0 0;
}
.product-show-wrap .right .relate .note h3 {
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 30px;
	margin: 0;
	color: #333;
}
.product-show-wrap .right .relate .note p {
	font-size: 13px;
	line-height: 18px;
	line-height: 30px;
	display: inline-block;
	margin: 0;
	margin-left: 28px;
	color: #999;
}
.product-show-wrap .right .relate .note p::before {
	font-family: 'iconfont';
	font-size: 20px;
	float: left;
	margin-right: 6px;
	content: '\e66f';
	color: #ccc;
}
.product-show-wrap .right .relate .note p.icon-1 {
	margin-left: 0;
}
.product-show-wrap .right .relate .note p.icon-1::before {
	font-size: 16px;
	content: '\e6bc';
}
.product-show-wrap .right .relate .note a.more {
	font-size: 14px;
	line-height: 28px;
	position: absolute;
	top: 30%;
	right: 15px;
	display: none;
	width: 63px;
	height: 28px;
	text-align: center;
	color: #0f6acc;
	border: 1px solid #0f6acc;
	border-radius: 2px;
}
.product-show-wrap .right .relate .pic:hover .img-box img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.product-show-wrap .left, .product-show-wrap .right {
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
}
@media (max-width:991px) {
.product-show-wrap .left, .product-show-wrap .right {
	width: 100%;
}
}
.works-box {
	overflow: hidden;
	height: 100%;
}
.works-box a {
	text-decoration: none;
	color: inherit;
}
.works-box .table {
	width: 100%;
	height: 100%;
}
.works-box .table-vAlign {
	height: 100%;
	vertical-align: middle;
}
@media (max-width:767px) {
.works-box .table-vAlign {
	vertical-align: bottom;
}
}
.works-box .menu-works {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 130px;
	height: 100%;
}
@media (max-width:767px) {
.works-box .menu-works {
	display: none;
}
}
.works-box .menu-works .menu-works-line {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 1px;
	height: 100%;
	opacity: .08;
	background-color: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=8);
}
.works-box .menu-works .menu-works-line-active {
	position: absolute;
	top: 0;
	right: -1px;
	display: block;
	width: 3px;
	height: 79px;
	background: url("../images/service-active.png") right top no-repeat;
}
.works-box .menu-works .menu-item {
	display: block;
	float: right;
	clear: both;
	letter-spacing: 1px;
	background: url("../images/service.png") right top no-repeat;
}
.works-box .menu-works .menu-item.active .menu-text {
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}
.works-box .menu-works .menu-item .menu-text {
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 80px;
	display: block;
	padding-right: 40px;
	-webkit-transition: all .3s cubic-bezier(.42, 0, 0, .995);
	transition: all .3s cubic-bezier(.42, 0, 0, .995);
	text-transform: uppercase;
	opacity: .5;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
}
.works-box .menu-works .menu-item:hover .menu-text {
	opacity: .5;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.works-box .work-head {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.5px;
	position: absolute;
	z-index: 99;
	top: 50px;
	width: 100%;
	padding: 0 50px;
	color: #fff;
}

.works-box .work-head .home {
	float: left;
	font-size: 17px;
}
.works-box .work-head .home::before {
	font-family: 'iconfont';
	font-size: 21px;
	float: left;
	margin-right: 6px;
	content: '\e615';
}
.works-box .work-head .home a:hover {
	text-decoration: none;
}
.works-box .work-foot {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.5px;
	position: absolute;
	z-index: 99;
	bottom: 40px;
	width: 100%;
	padding: 0 50px;
	color: #fff;
}
@media (max-width:767px) {
.works-box .work-head {
	top: 20px;
}
.works-box .work-foot {
	bottom: 20px;
}
}
.works-box .work-foot .tel {
	float: left;
	font-family: 'ProximaNovaBold';
	font-size: 28px;
	letter-spacing: 1px;
}
.works-box .work-foot .tel::before {
	font-family: 'iconfont';
	font-size: 22px;
	float: left;
	margin-right: 6px;
	content: '\e655';
}
.works-box .work-foot .tel a:hover {
	text-decoration: none;
}
.works-box .work-foot .link {
	float: right;
}
.works-box .work-foot .link a {
	padding: 0 2px;
}
.works-box .work-foot .link a:hover {
	opacity: .6;
}
.works-box .works {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.works-box .work {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.works-box .work.page-1 {
	background-image:url(../images/page11.jpg);
	background-size:100% 100%;
}
.works-box .work.page-2 {
	background-image:url(../images/page22.jpg);
	background-size:100% 100%;
}
.works-box .work.page-3 {
	background-image:url(../images/page33.jpg);
	background-size:100% 100%;
}
.works-box .work.page-4 {
	background-image:url(../images/page44.jpg);
	background-size:100% 100%;
}
.works-box .work.page-5 {
	background-image:url(../images/page55.jpg);
	background-size:100% 100%;
}
.works-box .work .icon-timer {
	display: inline-block;
	float: left;
	width: 31px;
	height: 31px;
	margin: 0 15px 0 25px;
	margin-top: 6px;
	margin-bottom: 20px;
	vertical-align: middle;
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	background: url("../images/icon.png") no-repeat;
	background-position: -520px 0;
	background-size: cover;
}
@media (max-width:767px) {
.works-box .work .icon-timer {
	display: none;
}
}
.works-box .work .icon-timer svg {
	width: 33px;
	height: 33px;
	margin: -2px 0 0 -2px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	fill: transparent;
}
.works-box .work .icon-timer .icon-animation {
	display: block;
	-webkit-transition: all 9s linear;
	transition: all 9s linear;
	stroke: #fff;
	stroke-width: 2;
	stroke-dasharray: 95;
	stroke-dashoffset: 95;
	r: 15;
	cx: 17;
	cy: 17;
}
.works-box .work .icon-timer-small {
	width: 21px;
	height: 21px;
	margin: 0 10px 0 0;
	background-size: 7px;
}
@media (max-width:767px) {
.works-box .work .icon-timer-small {
	display: block;
	margin-right: 14px;
	background: url("../images/icon.png") no-repeat;
	background-position: -340px 0;
	background-size: cover;
}
}
.works-box .work .icon-timer-small svg {
	width: 24px;
	height: 24px;
	fill: transparent;
}
.works-box .work .icon-timer-small .icon-animation {
	stroke-dasharray: 63;
	stroke-dashoffset: 63;
	r: 10;
	cx: 12;
	cy: 12;
}
.works-box .work .icon-timer.\--active .icon-animation {
	stroke-dashoffset: 0;
}
.works-box .work .work-view {
	font-size: 12px;
	line-height: 18px;
	display: none;
	text-transform: uppercase;
	color: #fff;
}
@media (max-width:767px) {
.works-box .work .work-view {
	display: inline-block;
	margin-top: 14px;
}
}
.works-box .work .work-link {
	position: relative;
	z-index: 9;
	display: inline-block;
	-webkit-transition: all .3s cubic-bezier(.42, 0, 0, .995);
	transition: all .3s cubic-bezier(.42, 0, 0, .995);
	border: 1px solid rgba(255, 255, 255, 0);
}
.works-box .work .work-link h3 {
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 2px;
	position: relative;
	margin: 0;
	margin-bottom: 45px;
	color: #fff;
}
.works-box .work .work-link p {
	font-size: 15px;
	line-height: 30px;
	width: 74%;
	margin: 0;
	color: #fff;
}
@media (max-width:767px) {
.works-box .work .work-link {
	display: block;
	text-align: center;
}
.works-box .work .work-link h3 {
	font-size: 28px;
	margin-bottom: 10px;
}
.works-box .work .work-link p {
	font-size: 14px;
	line-height: 24px;
	width: 100%;
}
}
.works-box .work .work-obj-mobile {
	display: none;
}
.works-box .work .work-obj-mobile img {
	width: 80%;
}
.works-box .work .work-obj-bg {
	width: 100%;
	height: 100%;
	-webkit-animation: wball 2s infinite alternate;
	animation: wball 2s infinite alternate;
}
.works-box .work .work-obj-bg img {
	position: absolute;
	top: 0;
	right: 15%;
	bottom: 0;
	max-width: 90%;
	margin: auto;
}
@media (max-width:1199px) {
.works-box .work .work-obj-bg img {
	right: 0;
	left: 0;
}
}
@media (max-width:480px) {
.works-box .work .work-obj-bg img {
	max-width: 120% !important;
	top: -35%;
	margin-left: -31%;
}
}
.works-box .menu-works {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 130px;
	height: 100%;
}
.works-box .layer {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
@media (min-width:767px) {
 @-webkit-keyframes wball {
 0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
 100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
 @keyframes wball {
 0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
 100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
}
.contact-wrap {
	overflow: hidden;
}
.contact-wrap .tel-info {
	display: none;
	overflow: hidden;
	padding: 38px 0;
	background-color: rgba(147, 182, 183, .69);
}
@media (max-width:991px) {
.contact-wrap .tel-info {
	display: block;
}
}
@media (max-width:767px) {
.contact-wrap .tel-info {
	padding: 20px 0 38px 0;
}
}
.contact-wrap .tel-info .note {
	margin-top: 30px;
	padding: 30px 40px;
	text-align: center;
	background-color: #fff;
}
@media (max-width:767px) {
.contact-wrap .tel-info .note {
	margin-top: 15px;
}
}
.contact-wrap .tel-info .note h3 {
	font-size: 18px;
	margin-top: 0;
	color: #333;
}
.contact-wrap .tel-info .note p {
	font-size: 16px;
}
.contact-wrap .tel-info .note span {
	display: block;
	color: #999;
}
.contact-wrap .tel-info .note span::before {
	font-family: 'iconfont';
	font-size: 20px;
	display: block;
	margin: 30px 0 10px 0;
	content: '\e655';
	color: #ccc;
}
@media (max-width:767px) {
.contact-wrap .tel-info .note span::before {
	margin-top: 16px;
}
}
.contact-wrap .feedback {
	overflow: hidden;
	padding: 80px 0;
	text-align: center;
}
@media (max-width:767px) {
.contact-wrap .feedback {
	padding: 50px 0 40px;
}
}
.contact-wrap .feedback .ftitle h3 {
	font-size: 36px;
	margin: 0;
	color: #333;
	padding-bottom: 30px;
}
.contact-wrap .feedback .ftitle h3 a:hover {
	text-decoration: none;
	color: #333;
}
.contact-wrap .feedback input, .contact-wrap .feedback textarea {
	font-size: 16px;
	line-height: 50px;
	margin-top: 20px;
	text-align: left;
	color: #666;
	border: none;
	border-bottom: 1px solid #dedede;
	outline: none;
}
.contact-wrap .feedback input:focus, .contact-wrap .feedback textarea:focus {
	border-bottom: 1px solid #0f6acc;
}
.contact-wrap .feedback input {
	width: 100%;
}
@media (max-width:767px) {
.contact-wrap .feedback input {
	width: 100%;
}
}
.contact-wrap .feedback textarea {
	width: 100%;
	padding: 0;
	resize: vertical;
	line-height: 1.6;
}
.contact-wrap .feedback .radio {
	line-height: 40px;
	margin-top: 40px;
	color: #666;
}
.contact-wrap .feedback .radio h4 {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	margin: 0 0 20px 0;
	color: #666;
}
.contact-wrap .feedback .regular-radio {
	display: none;
}
.contact-wrap .feedback .regular-radio + label {
	position: relative;
	top: 4px;
	display: inline-block;
	width: 20px;
	margin: 0 8px 0 50px;
	padding: 8px;
	border: 1px solid #cacece;
	border-radius: 50px;
	-webkit-appearance: none;
}
.contact-wrap .feedback .regular-radio:checked + label:after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 8px;
	height: 8px;
	content: ' ';
	border-radius: 50px;
	background-color: #0f6acc;
}
.contact-wrap .feedback .regular-radio:checked + label {
	color: #99a1a7;
	border: 1px solid #adb8c0;
}
.contact-wrap .feedback .send {
	font-size: 16px;
	display: inline-block;
	width: 150px;
	height: 48px;
	line-height: 2;
	margin: 30px auto 0;
	padding: 8px 50px;
	color: #fff;
	border-radius: 5px;
	background-color: #f3981b;
}
.contact-wrap .feedback .send span {
	display: inline-block;
}
.contact-wrap .feedback .send:hover {
	text-decoration: none;
}
.contact-wrap .feedback .send:hover span {
	-webkit-animation: fadeInUp 1s 0s ease both;
	animation: fadeInUp 1s 0s ease both;
}
.contact-wrap .feedback .vdcode {
	text-align: left;
}
.contact-wrap .feedback .vdcode input {
	width: 60px;
	text-transform: uppercase;
}
.contact-wrap .feedback .vdcode img {
	cursor: pointer;
    margin-left: 15px;
}
.contact-wrap .map {
	height: 460px;
}
.contact-wrap .map .bdmap {
	float: left;
	width: 50%;
	height: inherit;
}
@media (max-width:767px) {
.contact-wrap .map .bdmap {
	width: 100%;
}
.contact-wrap .map #bdmap_panorama {
	display: none;
}
}

.page-nav {
	position: relative;
	margin-top: -70px;
	z-index: 2
}
.page-nav ul {
	background-color: #ddd;
	height: 70px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-boxflex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	box-orient: horizontal;
}
.page-nav ul li {
    width: 234px;
	position: relative;
	font-size: 17px;
	display: block;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	box-flex: 1;
}
.page-nav ul li:before {
	content: "";
	display: block;
	width: 1px;
	height: 20px;
	background-color: #ccc;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	z-index: 2
}
.page-nav ul li a {
	line-height: 70px;
	display: block;
	text-align: center;
}
.page-nav ul li.current a {
	background-color: #fff;
	color: #0055a5
}
.page-nav ul li.current:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0055a5;
	position: absolute;
	left: 50%;
	margin-left: -6px;
	top: 50%;
	margin-top: 18px
}
.page-nav ul li.current:before {
	display: none
}
.page-nav ul li:first-child:before {
	display: none
}
 @media (max-width: 992px) {
.page-nav .container {
	padding: 0
}
}
.hr-bg {
    padding-bottom: 200px;
    background: url(../images/build.png) no-repeat center bottom #fff;
}
.about-bg {
    padding-bottom: 200px;
    background: url(../images/build.png) no-repeat center bottom #f4f4f4;
}
.about-our {
	padding-bottom: 60px;
}
@media (max-width:767px) {
.about-our {
	padding-bottom: 40px;
}
}
.about-our p {
	color: #666;
	line-height: 2;
	padding: 0;
	margin: 0;
}
.about-our .our-title {
	margin-top: 70px;
	text-align: center;
}
@media (max-width:767px) {
.about-our .our-title {
	margin-top: 40px;
}
}
.about-our .our-title h3 {
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}
.about-our .our-title h3::after {
	display: block;
	width: 80px;
	height: 2px;
	margin: 20px auto;
	margin-bottom: 0;
	content: '';
	background: #d8d8d8;
}
.about-our .text {
	font-size: 16px;
	margin-top: 40px;
}
.about-our .our-pic .pic {
	display: inline-block;
	width: 202px;
	margin: 40px 8px 30px;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	-webkit-filter: grayscale(100%);
	-webkit-filter: gray;
	filter: grayscale(100%);
	filter: gray;
}
.about-our .our-pic .pic:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.about-our .our-pic .img-box {
	padding-bottom: 40%;
}
.about-our .our-pic .img-box img {
	width: 100%;
	position: relative;
	top: 9px;
	left: auto;
}
.about-our .count-item {
	overflow: hidden;
	margin: 0;
	margin-top: 60px;
	padding: 0;
	list-style: none;
}
.about-our .count-item li {
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
}
.about-our .count-item li h3 {
	font-family: 'ProximaNovaBold', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 64px;
	line-height: 64px;
	margin: 0;
	text-align: center;
	color: #f3981b;
}
@media (max-width:480px) {
.about-our .count-item li h3 {
	font-size: 40px;
}
}
.about-our .count-item li p {
	font-size: 16px;
	overflow: hidden;
	margin: 20px 0 0 0;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333;
}
.about-target > .container-fluid {
	overflow: hidden;
	width: 100%;
	height: 600px;
	padding: 0;
	text-align: center;
	color: #fff;
	background: url("../images/about-target-bg.jpg") fixed no-repeat;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	flex-direction: row;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
@media (max-width:767px) {
.about-target > .container-fluid {
	height: 400px;
}
}
.about-target h3 {
	font-size: 50px;
	margin-bottom: 80px;
}
.about-target p {
	font-size: 18px;
	line-height: 2;
	letter-spacing: 2px;
}
.about-target p:first-child {
	font-size: 24px;
}
.about-they .item-link .pic {
	border: 1px solid #e4e4e4;
}
 @media (max-width:991px) {
.about-target h3 {
	font-size: 40px;
	margin-bottom: 40px;
}
}
@media (max-width:767px) {
.about-target {
	padding: 100px 15px;
}
.about-target p {
	font-size: 16px;
}
}
@media (max-width:480px) {
.about-target {
	padding: 60px 15px;
}
.about-target h3 {
	font-size: 30px;
}
.about-target p {
	font-size: 14px;
}
}
.about-they {
	position: relative;
	overflow: hidden;
	padding: 90px 0;
}
@media (max-width:767px) {
.about-they {
	padding: 40px 0;
}
}
.about-they .they-title h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	color: #333;
}
.about-they .item {
	margin: 0 15px;
	margin-top: 40px;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
}
.about-they .item:hover {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}
.about-they .item-box {
	position: relative;
	padding: 40px 46px;
	text-align: center;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
}
.about-they .item-box p {
	font-size: 14px;
	line-height: 2.14285714;
	overflow: hidden;
	height: 90px;
	margin: 0;
	color: #666;
}
.about-they .item-box::before {
	font-family: 'iconfont';
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
	content: '\e656';
	color: #a9a9a9;
}
.about-they .item-box h4 {
	font-size: 14px;
	margin: 20px 0 0 0;
	color: #333;
}
.about-they .item-link {
	position: relative;
	z-index: 9;
	float: right;
	overflow: hidden;
	margin-top: -33px;
	margin-right: 20px;
}
.about-they .item-link .pic {
	float: left;
	overflow: hidden;
	margin-left: 24px;
	border: 6px solid #fff;
	border-radius: 50%;
}
.about-team .container {
	position: relative;
	z-index: 9;
	overflow: hidden;
	margin-top: -108px;
	padding: 90px 0;
	background-color: #fff;
}
@media (max-width:767px) {
.about-team .container {
	margin-top: 0;
	padding: 40px 0;
}
}
.about-team .team-title {
	margin-bottom: 40px;
	text-align: center;
}
.about-team .team-title h3 {
	font-size: 24px;
	margin: 0;
	color: #333;
}
.about-team .team-waterfall > div {
	border-right: 1px solid #e4e4e4;
}
.about-team .team-waterfall > div:last-child {
	border-right: none;
}
.about-team .team-waterfall .item {
	overflow: hidden;
	padding: 30px 45px;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease, -webkit-transform .6s ease;
	text-align: center;
}
.about-team .team-waterfall .item:hover {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}
.about-team .team-waterfall .item .pic {
	overflow: hidden;
	max-width: 180px;
	margin: 0 auto;
}
.about-team .team-waterfall .item .pic img {
	border-radius: 50%;
}
.about-team .team-waterfall .item .note {
	margin-top: 30px;
}
.about-team .team-waterfall .item .note span {
	font-size: 14px;
	color: #999;
}
.about-team .team-waterfall .item .note h4 {
	font-size: 24px;
	margin: 10px 0;
}
@media (max-width:767px) {
.about-team .team-waterfall .item .note h4 {
	font-size: 18px;
}
}
.about-team .team-waterfall .item .note p {
	line-height: 30px;
	display: -webkit-box;
	overflow: hidden;
	margin: 24px 0 0 0;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* -------------- History --------------- */
.history {
	position: relative;
}
.history .item {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	background-color: #fff;
	margin-bottom: 20px;
}
.history .item .wrapper {
	padding-left: 233px;
	position: relative;
}
.history .item h2 {
	font-size: 36px;
	font-family: "dincond-medium-webfont";
	color: #0055a5;
	position: absolute;
	left: 83px;
	top: 15px;
	font-weight: 400;
}
.history .item h2 span {
	font-size: 17px;
	position: relative;
	top: -2px;
	left: 5px;
	font-weight: 400
}
.history .item ul li {
	position: relative;
	padding: 7px 40px;
	border-left: 1px #e8e8e8 solid;
}
.history .item ul li p {
	font-size: 15px;
	line-height: 2;
	color: #5A5A5A;
	text-align: justify;
	margin: 0;
}
.history .item ul li:after {
	content: ",,";
	display: block;
	width: 17px;
	height: 17px;
	background: url("../images/line-icon.png") no-repeat;
	position: absolute;
	left: -7px;
	top: 16px;
	text-indent: -10000px
}
.history .item ul li:first-child {
	padding-top: 40px
}
.history .item ul li:first-child:after {
	top: 49px
}
.history .item ul li:last-child {
	padding-bottom: 35px
}
 @media (max-width: 992px) {
.history .item .wrapper {
	padding-left: 1.35rem;
}
.history .item h2 {
    font-size: 28px;
	left: 13px;
    top: 18px;
}
.history .item ul li p {
	line-height: 1.6
}
.history .item ul li {
    margin-left: 80px;
    padding: 7px 20px;
}
.history .item ul li:after {
}
.about-bg, .hr-bg {
    padding-bottom: 150px;
}
}

/* -------------- Payment ---------------- */
.paybox {
	margin-top: 50px;
	font-size: 15px;
	font-weight: normal;
}
.paybox table {
	width: 100%;
	border-color: #ccc;
	border-collapse: collapse;
	border: 1px solid #cdcdcd;
	margin: 15px auto 0;
    background: rgb(255,255,255,0.7);
}
.paybox table tr:last-child td {
	padding-bottom: 18px;
}
.paybox table th {
	padding: 15px 20px 13px;
	letter-spacing: 0.5px;
	border: 1px solid #cdcdcd;
	font-size: 16px;
	font-weight: 400;
    text-align: center;
}
.paybox table td {
	width: auto;
	line-height: 1.8;
	letter-spacing: 0.3px;
	padding: 13px 20px 12px;
	border: 1px solid #cdcdcd;
}

/* -------------- HR ---------------- */
.hr_idea_n h1 {
	font-size: 20px;
	color: #c71300;
}
.hr_idea_n h2 {
	font-size: 20px;
	color: #000;
	line-height: 38px;
}
.hr_idea_n img {
	max-width: 100%;
}
.hr_idea_n p {
	font-size: 15px;
	line-height: 2;
}
.hr_idea_m {
	background: #F4F4F4;
	box-sizing: border-box;
	padding: 10px 30px 20px;
	line-height: 2;
	letter-spacing: 0.3px;
	margin: 40px auto;
}
.hr_idea_m h2 {
}
.zdhr_li {
	margin-bottom: 30px;
}
.zdhr_li_fl {
	border-bottom: 2px solid #337ab7;
	height: 45px;
}
.zdhr_li_fl a {
	height: 45px;
	line-height: 45px;
	color: #000;
	font-size: 18px;
	float: left;
	padding-left: 40px;
	padding-right: 40px;
}
.zdhr_li_fl a.x_d {
	float: right;
	color: #c71300;
	font-size: 18px;
	text-decoration: none;
}
.zdhr_li_fl a.cur {
	background: #337ab7;
	color: #FFF;
	box-sizing: border-box;
	border-left: 2px solid #FFF;
}
.zdhr_li_fl a:hover {
	background: #337ab7;
	color: #FFF;
}
.zdhr_li_fl a:nth-child(1) {
	border-left: none;
}
.zdhr_li_fl a.x_d:hover {
	background: #fff !important;
	color: #c71300 !important;
}
.zdhr_li {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #D2D2D2;
}
.zdhr_li_n {
	overflow: hidden;
	border-bottom: 1px solid #D2D2D2;
}
.zdhr_li span {
	display: inline-block;
	float: left;
	font-size: 17px;
	height: 64px;
	line-height: 64px;
    text-align: center;
}
.zdhr_li span:nth-child(1) {
	width: 200px;
    text-align: left;
	text-indent: 20px;
}
.zdhr_li span:nth-child(2) {
	width: 150px;
}
.zdhr_li span:nth-child(3) {
	width: 120px;
}
.zdhr_li span:nth-child(4) {
	width: 520px;
}
.zdhr_li span:nth-child(5) {
	width: 180px;
}
.zdhr_li_n span {
	display: inline-block;
	float: left;
	font-size: 15px;
	height: 64px;
	line-height: 64px;
    text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zdhr_li_n span:nth-child(1) {
	width: 200px;
	font-weight: 600;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-indent: 20px;
}
.zdhr_li_n span:nth-child(2) {
	width: 150px;
}
.zdhr_li_n span:nth-child(3) {
	width: 120px;
}
.zdhr_li_n span:nth-child(4) {
	width: 520px;
}
.zdhr_li_n span:nth-child(5) {
	width: 180px;
	text-align: center;
}
.zdhr_li_n span a {
	padding: 5px 20px;
	text-align: center;
	background: #D2D2D2;
	color: #4F4F4F;
	border-radius: 10px;
	font-size: 14px;
}
.zdhr_li_n span a:hover {
	background: #C71200;
	color: #FFF;
}
.zhaopin_zw_xz {
	font-size: 20px;
    line-height: 2;
    width: 100%;
	text-align: center;
	margin: 30px auto 20px;
}
.zhaopin_zw_xz span {
	font-size: 28px;
	font-weight: 600;
}
.zhaopin_zw_xz_x em {
	width: 50%;
	float: left;
	display: inline-block;
	color: #ff3000;
	font-size: 30px;
}
.zhaopin_zw_xz_x em s {
	display: inline-block;
	font-size: 20px;
}
.zhaopin_zw_xz_show {
	box-sizing: border-box;
	padding: 20px 35px;
	background: #F2F2F2;
	overflow: hidden;
	font-size: 15px;
}
.zhaopin_zw_xz_show p {
	float: left;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 2;
	margin: 0;
}
.zhaopin_zw_xz_show p:first-child {
	width: 30%;
}
.zhaopin_zw_xz_show p:nth-child(2) {
	width: 50%;
}
.zhaopin_zw_xz_show p:last-child {
	width: 20%;
}
.zhaopin_zw_xz_show p span {
	color: #606060;
}
.zhaopin_zw_xz_show_m {
	color: #535353;
	font-size: 15px;
	line-height: 2;
}
.zhaopin_zw_xz_show_m h1 {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.zhaopin_zw_xz_show_m p {
	color: #535353;
	font-size: 15px;
	line-height: 2;
}
.zhaopin_shenqing .zp_a {
	width: 140px;
	height: 45px;
	border: 1px solid #C71200;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	color: #C71200;
	font-size: 17px;
	letter-spacing: 1px;
	margin-right: 10px;
}
.zhaopin_shenqing .zp_af {
	width: 140px;
	height: 45px;
	border: 1px solid #000;
	text-align: center;
	line-height: 45px;
	display: inline-block;
	font-size: 17px;
	letter-spacing: 1px;
	margin-left: 10px;
}
.zhaopin_shenqing {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}

#owl-about-they .owl-pagination {
	margin-top: 40px;
}
#owl-about-they .owl-pagination .owl-page > span {
	width: 15px;
	height: 15px;
	margin: 0 6px;
	opacity: 1;
	background: #d9d9d9;
}
#owl-about-they .owl-pagination .owl-page.active span {
	border: 2px solid #c7c7c7;
	background: #fff;
}
#owl-about-scoll {
	display: block !important;
	width: 100%;
	max-width: 1760px;
	margin: 0 auto;
}
#owl-about-scoll img {
	display: block;
	width: 100%;
}
#owl-about-scoll:hover .owl-buttons {
	display: block;
}
#owl-about-scoll .owl-buttons {
	position: absolute;
	z-index: 999;
	top: 50%;
	display: none;
	width: 100%;
	margin-top: -30px;
}
@media (max-width:767px) {
#owl-about-scoll .owl-buttons {
	display: none !important;
}
}
#owl-about-scoll .owl-buttons .owl-prev, #owl-about-scoll .owl-buttons .owl-next {
	line-height: 60px;
	position: absolute;
	width: 60px;
	height: 60px;
	margin: 0;
	opacity: 1;
	border-radius: 0;
	background-color: #191716;
}
#owl-about-scoll .owl-buttons .owl-prev:hover, #owl-about-scoll .owl-buttons .owl-next:hover {
	opacity: .6;
}
#owl-about-scoll .owl-buttons .owl-prev::after, #owl-about-scoll .owl-buttons .owl-next::after {
	font-family: 'iconfont';
	font-size: 24px;
}
#owl-about-scoll .owl-buttons .owl-prev {
	left: 0;
}
#owl-about-scoll .owl-buttons .owl-prev::after {
	margin-left: -4px;
	content: '\e608';
}
#owl-about-scoll .owl-buttons .owl-next {
	right: 0;
}
#owl-about-scoll .owl-buttons .owl-next::after {
	margin-left: 0;
	content: '\e609';
}
#owl-about-scoll .owl-pagination {
	position: absolute;
	z-index: 8;
	bottom: 5px;
	display: none;
	width: 100%;
}
@media (max-width:767px) {
#owl-about-scoll .owl-pagination {
	display: block;
}
}
#owl-about-scoll .owl-pagination .owl-page span {
	width: 12px;
	height: 4px;
	opacity: 1;
	border-radius: 0;
	background-color: #fff;
}
#owl-about-scoll .owl-pagination .owl-page.active span {
	background: #037dff;
}
.bottom {
	overflow: hidden;
	background: #21252B url(../images/foot_bg.png) no-repeat;
	border-bottom: 1px solid #2D3239;
}
.bottom .bom {
	display: inline-block;
	padding-right: 40px;
}
.bottom .bom:first-child {
    width: 30%;	
}
.bottom .bom:nth-child(2) {
    width: 20%;	
}
.bottom .bom:last-child {
	padding-right: 0;
}
.bottom .bom .links li {
	margin-bottom: 20px;
}
.bottom .bom .links li:nth-child(2) h4::before {
	font-size: 16px;
	padding-left: 5px;
	content: '\e62b';
}
.bottom .bom .links li:nth-child(3) h4::before {
	font-size: 20px;
	content: '\e60d';
}
.bottom .bom .links h4 {
	font-size: 16px;
	letter-spacing: 0.6px;
	line-height: 40px;
	position: relative;
	margin: 0;
	padding-left: 60px;
	color: #fff;
}
.bottom .bom .links h4::before {
	font-family: 'iconfont';
	font-weight: normal;
	line-height: 42px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	float: left;
	width: 42px;
	height: 42px;
	margin-right: 18px;
	content: '\e601';
	text-align: center;
	border: 1px solid #fff;
	border-radius: 50%;
}
.bottom .bom .links .note {
	padding-left: 60px;
}
.bottom .bom .links .note p {
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 1.8;
	margin: 0;
	color: #a1a1a1;
}
.bottom .bom .links .note a:hover {
	color: #d30000;
}
.bottom .bom ul.biz li {
	line-height: 2.3;
}
.bottom .bom ul.biz li a {
	color: #959595;
	font-size: 14px;
	letter-spacing: 0.5px;
}
.bottom .bom ul.biz li a:hover {	
	color: #d30000;
}
.bottom .bom h2 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 50px;
	letter-spacing: 1px;
	color: #fff;
}
.bottom .bom h2:before {
	content: '';
	width: 80px;
	height: 1px;
	background: #3C4046;
	display: block;
	position: absolute;
	top: 45px;
}
.bottom .bom p {
	font-size: 14px;
	line-height: 1.84615385;
	letter-spacing: 0;
	color: #959595;
}
.bottom .bom .tag {
	overflow: hidden;
}
.bottom .bom .tag a {
	font-size: 13px;
	line-height: 30px;
	display: inline-block;
	height: 30px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
	color: #959595;
	border-radius: 100px;
	background: #2f2f2f;
}
.bottom .bom .tag a:hover {
	color: #fff;
	background: #5d5d5d;
}
.bottom .bom .link {
	overflow: hidden;
}
.bottom .bom .link a {
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 2;
	display: inline-block;
	margin-right: 20px;
	text-align: left;
	color: #959595;
}
.bottom .bom .link a:hover {
	color: #d30000;
}
@media (max-width:991px) {
.bottom {
	display: none;
}
.bottom .bom {
	padding-right: 50px;
}
}
.clear{
	clear:both;
}
@media (max-width:767px) {
.bottom {
	display: none;
}
.bottom .bom {
	margin-bottom: 20px;
	padding: 0 20px;
}
}
.bottom .bom .inquiry {
	font-size: 13px;
	line-height: 20px;
	display: inline-block;
	margin-top: 24px;
	padding: 12px 24px;
	color: #fff;
	border-radius: 3px;
	background-color: #f3981b;
}
.bottom .bom .inquiry::before {
	font-family: 'iconfont';
	font-size: 20px;
	float: left;
	margin-right: 6px;
	content: '\e67c';
}
.bottom .bom .inquiry span {
	display: inline-block;
}
.bottom .bom .inquiry:hover {
	text-decoration: underline;
}
.bottom .bom .inquiry:hover span {
	-webkit-animation: fadeInUp 1s 0s ease both;
	animation: fadeInUp 1s 0s ease both;
}
.footer {
	width: 100%;
	padding: 23px 0 18px;
	text-align: center;
	background: #191A1E;
}
@media (max-width:414px) {
.footer {
	padding: 20px 0;
}
}
.footer .copyright {
	font-size: 14px;
	margin: 0;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.5px;
	color: #7b7b7b;
}
.footer .copyright a {
	margin: 0 5px;
}
.online {
	position: fixed;
	z-index: 99;
	bottom: 12px;
	right: 0;
	display: block;
	width: 50px;
}
@media (max-width:767px) {
.online {
	display: none;
}
}
.online a {
	position: relative;
	display: block;
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
	cursor: pointer;
	text-decoration: none;
	border-radius: 50%;
	background: url("../images/online.png") no-repeat rgba(0, 0, 0, .7);
	background-size: cover;
}
.online a.online-1 {
	background-position: 0 0;
}
.online a.online-1:hover {
	background-color: #337ab7;
	background-position: 0 0;
}
.online a.online-3 {
	background-position: 0 -260px;
}
.online a.online-3 img {
	width: 30px;
	height: 30px;
	margin: 7px 0 0 8px;
}
.online a.online-3:hover {
	background-color: #c12c20;
	background-position: 0 -300px;
}
.online a.online-2 {
	background-position: 0 -184px;
}
.online a.online-2:hover {
	background-color: #7fd645;
	background-position: 0 -184px;
}
.online a.online-2:hover img {
	right: 50px;
}
.online a.online-4 {
	position: relative;
	background-position: 0 -138px;
}
.online a.online-4:hover {
	background-color: #25c36d;
	background-position: 0 -138px;
}
.online a.online-4:hover span {
	right: 50px;
}
.online a.online-4 span {
	position: absolute;
	right: -180px;
	width: 170px;
	height: 46px;
	line-height: 46px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	text-align: center;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.5px;
	border-radius: 100px;
	background-color: #25c36d;
}
.online a.online-5 {
	background-position: 0 -230px;
}
.online a.online-5:hover {
	background-color: #333;
	background-position: 0 -230px;
}
.online a.online-2 img {
	position: absolute;
	z-index: 0;
	top: -67px;
	right: -190px;
	display: block;
	width: 180px;
	height: 180px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	border: 2px solid #eee;
}
#owl-carousel-index .item {
	overflow: hidden;
}
@media (min-width:1600px) {
.product-show-wrap .left {
	width: 75%;
}
.product-show-wrap .right {
	width: 23.5%;
}
}
.product-show-wrap .right .info a.thumb {
	top: 20px;
	right: 10px;
}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;top:0;left:0;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#338500;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.fp-tableCell{
	margin-top:60px;
}
.page-con{
	width:80%;
	text-align:center;
}
.page-con .im1{
	width:55%;
}
.page-con p{
	padding: 0 5%;
    font-size: 1em;
    line-height: 1.5em;
    color: #000;
    text-shadow: 5px 5px 5px #fff;
    font-weight: 800;
}
.works-box .work .work-link p{
	width:90%;
}
.page-con .im2{
	width:80%;
	margin:3% 0;
}
.page-con-i{
	width:80%;
	margin:0 auto;
}
.page-con-i img {
	width:40%;
	padding:5%;
}
.con-more a{
	color:#333;
}
.page-con .im3{
	width:50%;
	padding:0;
	margin:0 auto;
}
.page-con .page-main{
	width:80%;
	margin:0 auto;
}
.page-con .page-main li{
	float:left;
	width:50%;
}
.page-con .page-main a img{
	width:90%;
	margin:5%;
}
.page-con h3{
	color:#fff;
	font-size:1.2em;
	padding-top:60px;
}
.page-con h4{
	color:#fff;
	font-size:0.7em;
}
.page-con .page-main-zw li{
	width:40%;
	margin:4%;
	border:1px soild #ddd;
	background:rgba(255,255,255,0.7);
}
.page-con .page-main-zw li a p{
	color:#338500;
}
.page-con .news{
	width:90%;
	margin-left: 5%;
}
.page-con .news li{
	height:100px;
	width:100%;
	background:rgba(255,255,255);
	margin-bottom:2%;
}
.page-con .news li a img{
	float:left;
	width:35%;
	height:100%;
	overflow:hidden;
	margin-right:2%;
}
.page-con .news li a p{
	color:#333;
	width:80%;
	text-align:left;
	padding-top: 10px;
}
.page-con .news li a .p1{
	text-align:left;
	font-size:1em;
}
.page-con .news li a .p2{
	font-size:0.7em;
	text-align:left;
}
.page-con .p3{
	color:#fff;
	font-size:1em;
}
.page-con h2{
	color:#fff;
}
.con-more {
    width: 30%;
    height: 30px;
    background: #bf0000;
    color: #fff;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    font-size: 16px; 
    clear: both;
	border-radius: 10px;
}
.con-more a {
    color: #fff;
}
.title-section{
	color:#fff;
	text-align:center;
}
.product-list-item{
	width: 45%;
	margin:2% 2%;
    float: left;
    text-align: center;
	background:#fff;
}
.ina_product-list-box .product-list-item img{
	height:80px;
	width:80px;
	padding:10px;
}
.ina-standard-posts{
	width:80%;
	margin:30px auto;
	background:#fff;
	height: 75px;
    overflow: hidden;
}
.ina-post-thumbnail{
	float:left;
}
.ina-post-thumbnail img{
	width:100px;
	height:75px;
	margin-right:10px;
}
.media-body{
	font-size:0.8em
}
.entry-title{
	margin: 15px 0;
}
.contact-form input{
	width:80%;
	height:30px;
	border-radius:5px;
	border:none;
	margin:5px 0;
}
.contact-form textarea{
	width:80%;
	height:60px;
	border-radius:5px;
	margin:5px 0;
	border:none;
}
.contact-form button{
	line-height:2em;
	background:#1d7900;
	color:#fff;
	border-radius:5px;
}
.ina-contact-information{
	width: 80%;
    margin: 0 auto;
    text-shadow: 0px 0px 4px #000;
    color: #fff;
}