﻿/*****通用编码******/
* {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: none;/*只针对低版本谷歌*/
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}
*, :after, :before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box; /* 谷歌 */
	-moz-box-sizing: border-box; /* Firefox */
}
body, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	/*font-family: "Segoe UI", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, Helvetica, Arial, Tahoma, sans-serif, \5b8b\4f53;*/
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0
}
*html {
	background-attachment: fixed;
}
/*解决IE6下滚动抖动的问题*/
body {
	color:#1f2329;
	font-size:14px;
	_overflow: hidden;
	min-width: 1400px;
	line-height: 1.5;
	overflow-x: hidden;
	background: #fff;
	width: 100%;
	-webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
	*cursor: default;
}
img {
	border: none;
	vertical-align: middle;
}
ul, ol, li, form, dl {
	list-style: none;
}
p {
	margin: 0px;
	padding: 0px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.flex{
	display: flex;
}
.t-c{
	text-align: center;
}
.t-r{
	text-align: right;
}
.box{
	padding: 60px 0;
}
/*-------给a加时间过渡、清除默认样式---------*/
a {
	outline: none;
	cursor: pointer;
	text-decoration: none;
	color: #666;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
a:hover {
	color: #e20c0d;
}
a:active, a:hover {
	text-decoration: none
}
a, area, a:active {
blr:expression(this.onFocus=this.blur());
}
:focus {
	-moz-outline-style: none;
}
/*在浏览器拖动鼠标颜色*/
::selection {
	color: #fff;
	background-color:#e83328;
}
::-moz-selection {
color: #fff;
background-color: #e83328;
}
/*更改浏览器滚动条颜色兼容*/
html, body {
	/*更改ie内核滚动条颜色*/
	scrollbar-face-color: #e83328;
	scrollbar-highlight-color: #e83328;
	scrollbar-shadow-color: #e83328;
	scrollbar-3dlight-color: #e83328;
	scrollbar-arrow-color: #222;
	scrollbar-track-color: #222;
	scrollbar-darkshadow-color: #e83328;
}
/*更改-webkit-内核滚动条样式*/
::-webkit-scrollbar {
width:4px;
height: 4px;
background-color: #fcfcfc;
}
::-webkit-scrollbar-track {
border-radius:0;
background-color: #fcfcfc;
}
::-webkit-scrollbar-thumb {
border-radius:0;
background-color: #e83328;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
/*-------表单居中、清理描边---------*/
input, button, select, textarea {
	outline: none
}
input, select, textarea, button {
	vertical-align: middle
}
button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}
input[type=submit] {
	cursor: pointer;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
/*----- 表格重置-----*/
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
caption {
	display: none;
}
:focus{outline:0}
.animate{transition:all .5s cubic-bezier(.25,0,0,1);-webkit-transition:all .5s cubic-bezier(.25,0,0,1);-moz-transition:all .5s cubic-bezier(.25,0,0,1);-ms-transition:all .5s cubic-bezier(.25,0,0,1);-o-transition:all .5s cubic-bezier(.25,0,0,1)}
/*----- clearfix-----*/
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: '';
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
/*----- 超出省略号///-----*/
.toe {
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/**font-size**/
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f12 {
	font-size: 12px;
}
.f24 {
	font-size: 24px;
}
.f32 {
	font-size: 32px;
}
/* background color */
.bgcolor-fff{
	background-color: #fff!important;
}
.bgcolor-333{
	background-color: #333!important;
}
.bgcolor-f6{
	background-color: #f6f6f6!important;
}
/**font**/
@font-face {
  font-family: 'rwiconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype'),
       url('../fonts/iconfont.svg#iconfont') format('svg');
}
.rwiconfont {
	font-family: "rwiconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
#bd>section.atsx-layout{display:block;}
.atsx-layout{
	display:-ms-flexbox;
	display:flex;
	-ms-flex:auto;
	flex:auto;
	-ms-flex-direction:column;
	flex-direction:column;
	min-height:0;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	body{
		min-width: auto;
	}
}
/**header**/
.header{
	width:100%;
	z-index:100;
	background: hsla(0,0%,100%,1);
	border-bottom: 1px solid #eff0f1;
	font-family: Gilroy-regular,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition:ease .5s;
}
.header-container{
	z-index: 1100;
}
.header-content{
	display:-ms-flexbox;
	display:flex;
	height:100%;
	-ms-flex-direction:row;
	flex-direction:row;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-align:center;
	align-items:center;
	width: 1400px;
	/* padding:0 10.93%; */
	margin:0 auto
}
.dynamic-header{	
	position: fixed;
	z-index: 999;
	border-bottom: none;
	width: 100%;
	top: -96px;
	/* -ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
.header-transparent{
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: rgba(0,0,0,0);
	-ms-transform: translateY(90px);
	transform: translateY(90px);
	box-shadow: none!important;
}
.dynamic-header.header-show{
	top: -80px;
	-ms-transform: translateY(80px);
	transform: translateY(80px);
	border-bottom: solid 1px rgba(255,255,255,.2);
	box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.logo{
	position: relative;
	width:202px;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.logo a{width:200px;}
.logo a img{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: ease .5s;
}
.logo img:nth-child(1){
	opacity: 1;
}
.header-transparent .logo img:nth-child(1){
	opacity: 0;
}
.header-transparent .logo img:nth-child(2){
	opacity: 1;
}
.nav-wrapper{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	list-style: none;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	margin: 0 0 0 20px;
}
.nav-wrapper .nav-item{
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
}
.nav-wrapper .nav-item h2.nav-item-link{
	font-weight:400;
	font-size: 16px;
	line-height: 80px;
	cursor: pointer;
}
.nav-wrapper .nav-item h2.nav-item-link a{
	color:#000;
	font-weight:400;
	display: inline-block;
	position: relative;
	line-height: inherit;
}
.header-transparent .nav-wrapper .nav-item h2.nav-item-link a{
	color: #fff;
}
/*.header .nav-wrapper .nav-item h2.nav-item-link a:before{*/
/*	content: "";*/
/*	position: absolute;*/
/*	left: calc(50% - 2.5px);*/
/*	bottom: 2px;*/
/*	width: 0px;*/
/*	height: 0px;*/
/*	opacity: 0;*/
/*	border-left: 2.5px solid transparent;*/
/*	border-right: 2.5px solid transparent;*/
/*	border-bottom: 5px solid #e83328;*/
/*	transition:.3s ease-in-out;*/
/*}*/
.header-transparent .nav-wrapper .nav-item h2.nav-item-link a:before{
	border-bottom-color: #fff;
}
.nav-wrapper .nav-item h2.nav-item-link a:after{
	content:"";
	display: block;
	height:2px;
	width:100%;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	bottom:0px!important;
	background-color:#fff;
	opacity:0;
	transform: scaleX(0);
	transition:.3s ease-in-out;
}
.nav-item:hover .submenu{visibility:visible;opacity:1;z-index:999;-webkit-transform:translateY(0);transform:translateY(0)}
.nav-item .submenu{position:absolute;top:81px;left:50%;visibility:hidden;width:120px;margin-left:-60px;-moz-transition:all ease 0.3s;-o-transition:all ease 0.3s;-webkit-transition:all ease .3s;transition:all ease .3s;-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;background:rgba(255,255,255,.9);box-shadow:0 3px 16px rgba(0,0,0,.1)}
.nav-item .submenu a{font-size:14px;line-height:40px;text-align:center;position:relative;display:block;overflow:hidden;height:40px;padding:0 10px 0 10px;-webkit-transition:all ease .3s;transition:all ease .3s;white-space:nowrap;text-overflow:ellipsis;color:#666;border-bottom:1px solid #f2f2f2}
.nav-item .submenu a:last-child{border-bottom:0}
.nav-item .submenu a:hover{color:#fff;background:#ea4f23}
.nav-item .submenu a:hover:after{right:15px;visibility:visible}
.nav-wrapper .nav-item h2.nav-item-link a.active{
	font-weight: 600;
}
.nav-wrapper .nav-item .nav-item-link:hover a:after,.nav-wrapper .nav-item .nav-item-link a.active:after{
	opacity: 1;
	transform: scaleX(1);
}
.nav-wrapper .nav-item .nav-item-link:hover a:before,.nav-wrapper .nav-item .nav-item-link a.active:before{
	opacity: 1;
}
.nav-wrapper>.nav-item+.nav-item{margin-left:40px;}
.nav-wrapper .nav-item .nav-item-link:hover a,.nav-wrapper .nav-item .nav-item-link a.active{color:#e83328;}
.header .nav-wrapper .nav-item .nav-item-link:hover a:after,.header .nav-wrapper .nav-item .nav-item-link a.active:after{
	background-color: #e83328;
}
.header .nav-wrapper .nav-item .nav-item-link:hover a:before,.header .nav-wrapper .nav-item .nav-item-link a.active:before{
	opacity: 1;	
}
.header-transparent .nav-wrapper .nav-item .nav-item-link:hover a:after,.header-transparent .nav-wrapper .nav-item .nav-item-link a.active:after{
	background-color: #fff
}
.header-transparent .nav-wrapper .nav-item .nav-item-link:hover a:before,.header-transparent .nav-wrapper .nav-item .nav-item-link a.active:before{
	opacity: 1;
}
.header-transparent .nav-wrapper .nav-item .nav-item-link:hover a{
	color:hsla(0,0%,100%,.5);
}
.header-transparent .nav-wrapper .nav-item h2.nav-item-link{
	line-height: 80px;
}
.header-transparent .nav-item .submenu{
	top: 80px;
}
	/*tel*/
.tel{
	color: #e83328;
	align-items: center;
}
.tel i{
	width: 40px;
	height: 40px;
	color: #ea4f23;
	font-size: 40px;
	text-align: center;
	line-height: 42px;
	margin-right: 5px;
}
.tel strong{
	display: block;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
}
.header-transparent .tel{
	color: #fff;
}
/*Header button*/
.menu-button {
	margin: 0;
	position: relative;
	height: 50px;
	width: 30px;
	cursor: pointer;
}
.menu-button:after, .menu-button:before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #4f4f4f;
	content: "";
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}
.menu-button:after {
	bottom: 13px;
}
.menu-button:before {
	top: 13px;
}
.menu-button span {
	display: block;
	height: 1px;
	width: 100%;
	background: #4f4f4f;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 2px;
	margin-top: -1px;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}
.menu-button.active:after {
	transform: rotate(-45deg) translate(0px, -1px);
	-webkit-transform: rotate(-45deg) translate(0px, -1px);
	-moz-transform: rotate(-45deg) translate(0px, -1px);
	-ms-transform: rotate(-45deg) translate(0px, -1px);
	-o-transform: rotate(-45deg) translate(0px, -1px);
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	left: 5px;
	bottom: 13px;
}
.menu-button.active:before {
	transform: rotate(45deg) translate(0px, 2px);
	-webkit-transform: rotate(45deg) translate(0px, 2px);
	-moz-transform: rotate(45deg) translate(0px, 2px);
	-ms-transform: rotate(45deg) translate(0px, 2px);
	-o-transform: rotate(45deg) translate(0px, 2px);
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	top: 13px;
	left: 5px;
}
.menu-button.active span {
	opacity: 0
}
.header-transparent .menu-button:after, .header-transparent .menu-button:before {
	background: #fff
}
.header-transparent .menu-button span {
	background: #fff;
}
/* m nav*/
.m-nav {
	position: fixed;
	top: 0;
	/*box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);*/
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
	margin-top: 0;
	overflow-y: auto;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	top: 0;
	transform: translateX(100%)
}
.m-nav a {
	outline: none
}
.m-nav.open {
	transform: translateX(0)
}
.m-nav .top {
	height: 60px;
	padding: 20px;
	box-sizing: border-box
}
.m-nav .top .closed {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float: right;
	cursor: pointer
}
.m-nav .logo {
	width: 100%;
	margin: 0 auto
}
.m-nav .logo img {
	width: 38%;
	display: block;
	margin: 0 auto 30px
}
.m-nav .ul {
	margin-top: 30px
}
.m-nav .ul li {
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	opacity: 0
}
.m-nav.open .ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.m-nav .ul li:nth-child(1) {
	-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(2) {
	-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(3) {
	-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(4) {
	-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(5) {
	-webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(6) {
	-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(7) {
	-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li:nth-child(8) {
	-webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
	transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}
.m-nav .ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	position: relative;
}
.m-nav .ul li a.active {
	font-weight: 800;
	color: #1b2c43
}
.m-nav .ul li a i {
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
.m-nav .ul li .dropdown_menu {
	display: none
}
.m-nav .ul li.dropdown.active .dropdown_menu {
	display: block
}
.m-nav .ul li .dropdown_menu a {
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5
}
.m-nav .ul li .dropdown_menu a:last-child {
	border: none
}
.m-nav-search {
	border: solid 1px #ddd;
	margin-top: 20px;
	border-radius: 18px;
	height: 36px;
	width: 90%;
	margin-bottom: 10px;
}
.m-nav-search input {
	width: calc(100% - 40px);
	padding-left: 20px;
	height: 34px;
	border: none;
	outline: none;
	background: transparent;
	font-size: 1.4rem;
	color: #333;
}
.m-nav-search button {
	width: 40px;
	height: 34px;
	background: transparent;
	border: none;
	outline: none;
	font-size: 1.8rem;
	color: #333;
}
.m-nav-tel {
	text-align: center;
	margin-top: 18px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #666;
}
.m-nav-tel a {
	font-weight: 800;
}
.m-nav-link {
	text-align: center;
	margin-top: 18px;
}
.m-nav-link a {
	display: inline-block;
	padding: 5px 25px;
	color: #fff;
	cursor: default;
	background: #00598e;
	font-size: 14px;
	line-height: 2;
}
.container{
	width: 1400px;
	padding: 0;
}
@media screen and (max-width: 1660px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {
	.container{
		width:100%;
		padding: 0 15px;
	}
}
@media screen and (max-width: 1024px) {
	.header-content{
		width: 100%;
	}
}
@media screen and (max-width:950px) {
}
@media screen and (max-width: 760px) {	
	.box{
		padding: 30px 0;
	}
	.header-content {
		padding: 0 15px;
	}
	.header-transparent.header .logo, .header .logo {
		width: 128px
	}
}

/**home banner**/
.banner{
	position: relative;
	width: 100%;
	height: 86vh;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.banner .swiper-slide{
	overflow:hidden;
}
.slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.banner .text-title{
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	line-height: 2;
}
.banner .text-title strong{
	color: #e83328;
	font-weight: 600;
}
.banner .text-desc{
	font-size: 16px;
	line-height: 1.8;
	color: #fff;
}
.banner .more{
	margin-top: 40px;
}
.swiper-banner-next, .swiper-banner-prev {
	top: calc(50% + 40px);
	/*background-color: rgba(210,210,210,.6);*/
	/*background-size: 15px 15px;*/
	border-radius: 50%;
	width: 52px;
	height: 52px;
	transition: all .5s;
	color: rgba(255,255,255,.2);
	outline: none;
	opacity: 0;
}
.swiper-banner-prev i{
	transform: rotateY(-180deg);
}
.swiper-banner-next i, .swiper-banner-prev i{
	font-size: 50px;
}
.swiper-banner-next:after,.swiper-banner-prev:after{
	content: "";
}
.banner:hover .swiper-banner-next,.banner:hover .swiper-banner-prev {
	opacity: 1;
}
.swiper-banner-next:hover, .swiper-banner-prev:hover {

}
.swiper-banner-next {

	right: 20px;
}
.swiper-banner-prev {

	left: 20px;
}
.swiper-container .swiper-banner-next.swiper-button-disabled, .swiper-container .swiper-banner-prev.swiper-button-disabled {
	opacity: 0;
}
.swiper-pagination-bullet{
	background:none;
	opacity:1;
	margin:0 5px !important;
	width:44px;
	height:4px;
	position:relative;
	outline:none;
	vertical-align:middle;
}
.swiper-pagination-bullet span{
	width:44px;
	height:4px;
	border-radius: 2px;
	background:rgba(255,255,255,.35);
	display:block;
	margin-top:0px;
	margin-left:0px;
}
.swiper-pagination-bullet i{
	border-radius: 2px;
	background:#fff;
	height:4px;
	width:44px;
	position:absolute;
	top:0px;
	transform:scaleX(0);
	transform-origin:left;
	z-index:3;
	transition-timing-function:linear;
}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{
	width:44px;
	height:4px;
	margin-top:0;
	margin-left:0;
	/*background:#fff;*/
	position:relative;
	z-index:1;
}
.swiper-pagination-bullet-active i{
	animation:middle 6s;
}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{
	animation:first 6s;
}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{
	animation:last 6s;
}				
@keyframes first{
	0% {transform:scaleX(0);left:0px;}/*091*/
	100% {transform:scaleX(1);left:0px;} /*0915*/
}
@keyframes last{
	0% {transform:scaleX(0);left:0px;}/*1090*/
	20% {transform:scaleX(0.5);left:0px;} /*090*/
	100% {transform:scaleX(1);left:0px;} /*090*/
}		
@keyframes middle{
	0% {transform:scaleX(0);left:0px;}/*1091*/
	20% {transform:scaleX(0.5);left:0px;}/*092*/
	100% {transform:scaleX(1);left:0px;} /*0913*/
}
.banner-mouse {
	position: absolute;
	left: 50%;
	bottom: 120px;
	z-index: 10;
	margin-left: -14.5px;
	animation: linedown linear infinite 1.5s;
	-webkit-animation: linedown linear infinite 1.5s;
	-moz-animation: linedown linear infinite 1.5s;
	-ms-animation: linedown linear infinite 1.5s;
	-o-animation: linedown linear infinite 1.5s;
	cursor: pointer
}
.banner-mouse span {
	display: block;
	width: 29px;
	height: 60px;
	border-radius: 14px;
	position: relative;
	background: url(../images/mouse.png) no-repeat top center;
}
.banner-mouse span:after {
	position: absolute;
	left: 50%;
	top: 5px;
	width: 2px;
	height: 16px;
	background: #fff;
	content: "";
	animation: FmovefadeInDown linear infinite 1.5s;
	-webkit-animation: FmovefadeInDown linear infinite 1.5s;
	-moz-animation: FmovefadeInDown linear infinite 1.5s;
	-ms-animation: FmovefadeInDown linear infinite 1.5s;
	-o-animation: FmovefadeInDown linear infinite 1.5s;
	margin-left: -1px;
	border-radius: 2px;
}
@keyframes FmovefadeInDown {
	0% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
	35% {
		opacity: 0;
		transform: translate(0px, 50%);
	}
	65% {
		opacity: 0;
		transform: translate(0px, -50%);
	}
	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}
@-webkit-keyframes FmovefadeInDown {
	0% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
	35% {
		opacity: 0;
		transform: translate(0px, 50%);
	}
	65% {
		opacity: 0;
		transform: translate(0px, -50%);
	}
	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}
@-moz-keyframes FmovefadeInDown {
	0% {
		opacity: 1;
		transform: translate(0px, 0px);
	}
	35% {
		opacity: 0;
		transform: translate(0px, 50%);
	}
	65% {
		opacity: 0;
		transform: translate(0px, -50%);
	}
	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}
@keyframes linedown {
	0% {
		bottom: 30px
	}
	50% {
		bottom: 15px
	}
	100% {
		bottom: 30px
	}
}
@-webkit-keyframes linedown {
	0% {
		bottom: 30px
	}
	50% {
		bottom: 15px
	}
	100% {
		bottom: 30px
	}
}
@-moz-keyframes linedown {
	0% {
		bottom: 30px
	}
	50% {
		bottom: 15px
	}
	100% {
		bottom: 30px
	}
}
@media screen and (max-width: 1660px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.banner{
		height: 42vh;
	}
	.banner .text-title{
		font-size: 32px;
	}
	.banner .text-title img{
		width: 86%
	}
	.banner .text-desc{
		font-size: 14px;
	}
	.banner .text-pic img{
		width: 75%
	}
	.banner .more{
		margin-top: 30px;
	}
}
/*main*/
.title{
	position: relative;
	text-align: center;
}
.title h4{
	font-size: 42px;
	font-weight: 800;
	color: #333;
	position: relative;
	z-index: 1;
}
.title h4 span{
	color: #e83328;
}
.title .en{
	margin-top: -36px;
	line-height: 1;
	font-size: 44px;
	color: rgba(51,51,51,.1);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.more{
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid rgba(255,255,255,.6);
	font-size: 14px;
	color: #fff;
}
.more i{
	margin-left: 5px;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}
.more:hover{
	border-color: #e83328;
	background-color: #e83328;
	color: #fff;
}
.more:hover i{
	margin-left: 10px;
}
/* service */
.service{
	background: url(../images/bg1.jpg) no-repeat 50% 0;
	background-size: cover;
}
.ser-cont{
	margin-top: 50px;
	flex-wrap: wrap;
}
.ser-item{
	width: 50%;
	background-color: #fff;
	align-items: center;
	justify-content: center;
}
.ser-text{
	width: 50%;
	text-align: center;
	padding: 30px;
	color: #333;
}
.ser-text .t-title{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}
.ser-text .t-info{
	line-height: 1.6;
	font-size: 16px;
	margin-bottom: 15px;
}
.ser-text .more{
	background-color: #ea4f23;
}
.ser-item:nth-child(3),.ser-item:nth-child(4){
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.ser-item:nth-child(3) .ser-text,.ser-item:nth-child(4) .ser-text,.ser-item:nth-child(3) .ser-pic,.ser-item:nth-child(4) .ser-pic{
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.ser-pic{
	width: 50%;
	position: relative;
}
.ser-pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.ser-cont{
		margin-top: 20px;
	}
	.ser-item{
		width: 100%;
		flex-direction: column;
	}
	.ser-text{
		width: 100%;
		padding: 20px 30px;
	}
	.ser-text .t-title{
		font-size: 2rem;
	}
	.ser-text .t-info{
		font-size:1.4rem
	}
	.ser-pic{
		width: 100%;
	}
}
/* about us */
.about{
	background: url(../images/bg2.jpg) no-repeat 50% 0;
	background-size: cover;
}
.about .title h4,.about .title h4 span{
	color: #fff;
}
.about-cont{
	margin-top: 50px;
}
.abt-pic{
	width: 46%;
	margin-left: 50px;
	position: relative;
}
.abt-pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abt-pic i{
	font-size: 68px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.abt-text{
	width: 52%;
	position: relative;
}
.abt-det{
	color: #fff;
	font-size: 16px;
	line-height: 2;
}
.abt-text .more{
	margin-top: 20px;
}
.hor-list{
	padding-top: 40px;
	clear: both;
}
.hor-list .swiper-slide{
	height:186px;
}
.hor-list .swiper-slide img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.swiper-honor-next, .swiper-honor-prev{
	top: 78%;
}
.swiper-honor-prev, .swiper-rtl .swiper-honor-next{
	left: -40px;
}
.swiper-honor-next, .swiper-rtl .swiper-honor-prev{
	right: -40px;
}
.swiper-honor-next, .swiper-honor-prev {	
	width: 36px;
	height: 36px;
	transition: all .5s;
	outline: none;
}
.swiper-honor-next i, .swiper-honor-prev i{
	font-size: 36px;
	color: rgba(255,255,255,.3);
}
.swiper-honor-next i{
	transform: rotate(-90deg);
}
.swiper-honor-prev i{
	transform: rotate(90deg);
}
.swiper-honor-next:after, .swiper-honor-prev:after{
	content: "";
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.title{
		text-align: center;
	}
	.title .en{
		font-size: 20px;
		margin-top: -15px;
	}
	.title h4{
		font-size: 24px;
		margin-top: -16px;
	}
	.title .sub-tit{
		font-size: 14px;
		margin: 10px 0 15px;
	}
	.more{
		font-size: 12px;
		padding: 6px 15px;
	}
	.about-cont{
		margin-top: 20px;
		flex-direction: column;
	}
	.abt-pic{
		width: 100%;
		margin: 0 0 20px;
	}
	.abt-text{
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.abt-det{
		text-align: left;
		font-size: 14px;
		line-height: 1.6;
		text-align: justify;
		margin-bottom: 20px;
	}
	.abt-text .more{
		float: left!important;
	}
	.swiper-honor-next, .swiper-honor-prev{
		display: none;
	}
}
/* case */
.case{
	background: url(../images/bg1.jpg) no-repeat 50% 0;
	background-size: cover;
}
.case .container{
	position: relative;
}
.case-thd{
	width: 48%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
.case .title{
	text-align: left;
}
.case-tab,.news-classify-tab{
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.case-tab a,.news-classify-tab span.c-item{
	padding: 10px 0;
	line-height: 2;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-right: 30px;
	position: relative;
	cursor: pointer;
}
.case-tab a:after,.news-classify-tab span.c-item:after{
	content: "";
	display: block;
	height: 2px;
	width: 60%;
	position: absolute;
	left: 50%;
	margin-left: -30%;
	bottom: 0px!important;
	background-color: #ea4f23;
	opacity: 0;
	transform: scaleX(0);
	transition: .3s ease-in-out;
}
.case-tab a.active:after,.news-classify-tab span.c-item.active:after{
	opacity: 1;
	transform: scaleX(1);
}
.swiper-case-next, .swiper-rtl .swiper-case-prev{
	right: 52%;
}
.swiper-case-prev, .swiper-rtl .swiper-case-next{
	left: 42%;
}
.swiper-case-next, .swiper-case-prev {	
	width: 36px;
	height: 36px;
	transition: all .5s;
	outline: none;
	z-index: 20;
}
.swiper-case-next i, .swiper-case-prev i{
	font-size: 36px;
	color: #ea4f23;
}
.swiper-case-next i{
	transform: rotate(-90deg);
}
.swiper-case-prev i{
	transform: rotate(90deg);
}
.swiper-case-next:after, .swiper-case-prev:after{	
	content: "";
}
.swiper-case-next.swiper-button-disabled i, .swiper-case-prev.swiper-button-disabled i{
	color: rgba(219,219,219,1);
}
.swiper-case-next.swiper-button-disabled, .swiper-case-prev.swiper-button-disabled{
	opacity: 0.8;
}
.case-cont{
	position: relative;
	z-index: 1;
}
.case-box-bd{
	margin-bottom: 20px;
}
.case-info{
	display: flex;
	align-items: stretch;	
}
.case-text{
	width: 48%;
	margin-right: 4%;
	padding-top: 180px;
}
.case-text h4{
	font-weight: 600;
	font-size: 20px;
	line-height: 2;
	color: #333;
	margin-bottom: 10px;
}
.case-text p{
	margin-bottom: 40px;
	color: #999;
	font-size: 14px;
	line-height: 2;
}
.case-text a.more{
	border-radius: 2px;
	color: #555;
	border-color: #88898a;
}
.case-text a.more:hover{
	border-color: #ea4f23;
	color: #fff;
}
.case-img{
	width: 48%;
	position: relative;
}
.case-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.case-pic{
	position: relative;
	overflow: hidden;
}
.case-pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}
.case-bd{
	padding: 8px 20px;
	background-color: #fff;
	align-items: center;
	justify-content: space-between;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
}
.case-bd span{
	color: #666;
	font-size: 16px;
	font-weight: 800;
}
.case-bd i{
	font-size: 26px;
}
.case-li{
	cursor: pointer;
}
.case-li:hover .case-pic img,.case-li.swiper-slide-thumb-active .case-pic img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.case-li:hover .case-bd,.case-li.swiper-slide-thumb-active .case-bd{
	background-color: #133b91;
	color: #fff;
}
.case-li:hover .case-bd span,.case-li.swiper-slide-thumb-active .case-bd span{
	color: #fff;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.case .title{
		text-align: center;
	}
	.case-thd{
		width: 100%;
	}
	.case-tab, .news-classify-tab{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.case-tab{
		text-align: center;
	}
	.case-tab a{
		margin: 0 15px;
	}
	.case-tab a, .news-classify-tab span.c-item{
		font-size: 16px;
		line-height: 1.8;
	}
	.case-info{
		flex-direction: column;
	}
	.case-text{
		width: 100%;
		margin-right: 0px;
		padding-top: 26%;
	}
	.case-text h4{
		text-align: center;
	}
	.case-text p{
		margin-bottom: 20px;
		line-height: 1.8;
	}
	.swiper-case-next, .swiper-case-prev{
		width: 30px;
		height: 30px;
	}
	.swiper-case-next:after, .swiper-case-prev:after{
		font-size: 16px;
	}
	.swiper-case-next, .swiper-rtl .swiper-case-prev{
		right: 15px;
	}
	.swiper-case-prev, .swiper-rtl .swiper-case-next{
		left: auto;
		right: 50px;
	}
}
/* news */
.news{
	background-color: #fff;
}
.news-classify-tab .more{
	padding: 10px 0;
	color: #555;
	border: none;
	line-height: 2;
}
.news-classify-tab .more:hover{
	background-color: transparent;
	border: none;
}
.news-item{
	overflow: hidden
}
.news-thd{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
}
.news-time{
	width: 14%;	
	margin-right: 10px;
}
.news-time p{
	color: #999;
	line-height: 1;
	font-size: 14px;
	-ms-flex-align:flex-start;
	-webkit-align-items:flex-start;
	align-items: flex-start
}
.news-time .date{
	font-size: 44px;
	line-height: 1;
}
.news-time i{
	display: inline-block;
	font-size: 40px;
	transform: rotate(-90deg);
}
.news-info{
	width: 85%
}
.news-info h4{
	padding: 10px 0 20px;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px solid #dcdcdc;
}
.news-info p{
	color: #999;
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-img{
	width: 100%;
	height: 294px;
	position: relative
}
.news-img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.news-item li:hover .news-time .date,.news-item li:hover .news-time i,.news-item li:hover .news-info h4{
	color: #ea4f23;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.news{
		padding-bottom: 30px;
	}
	.news-classify-tab .more{
		padding: 15px 0;
		line-height: 1;
	}
	.news-thd{
		margin-bottom: 10px;
	}
	.news-time .date{
		font-size: 2.33rem
	}
	.news-time p{
		font-size: 1rem;
	}
	.news-time i{
		font-size: 2rem;
	}
	.news-info h4{
		font-size:1.33rem;
		padding: 5px 0 10px;
		margin-bottom: 8px
	}
	.news-info p{
		font-size: 1.2rem;
		line-height: 1.6
	}
}
/* partner */
.partner{
	background-color: #f2f2f2;
}
.partner-list {
	margin-left: -1%;
	margin-right: -1%;
  margin-top: 40px;
  overflow: hidden;
}
.partner-list .partner-item {
  margin: 0.5%;
  width: calc((100% - 6%) / 6);
  height: 100px;
  float: left;
	background-color: #fff;
}
.partner-list a {
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.partner-list a img {
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  height: 65%;
  object-fit: contain;
  -o-object-fit: contain;
}
.partner-list a:hover img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.partner-list{
		margin-top: 20px;
	}
	.partner-list .partner-item{
		width: calc((100% - 4%) / 3);
		height: 62px;
	}
}
/* page */
.pbanner{
	position: relative;
	margin-top: 81px;
}
.pbanner img{
	margin: 0 auto;
}
/* page solution */
.page-solution{
}
/*location*/
.location{color:#4f4f4f;border-bottom:1px solid #ddd}
.location .container:before,.location .container:after{
	display: none;
}
.location .local{
	line-height:50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cTitle{margin:28px auto;padding:20px 0;font-size:30px;font-weight:700;text-transform:uppercase}
.cTitle b{color:#000;font-weight: 700}
.cTitle span{color:#BFBFBF;text-transform:uppercase;margin:0 10px}
.subtopic li{display:inline-block}
.subtopic li a{background:#fff;text-decoration:none;padding:1px 20px;display:block;margin:8px 0;transition:all .6s ease 0s;border:solid 1px #fff;border-radius:4px;line-height:34px;/*font-size:.7rem*/}
.subtopic li a:hover,.subtopic li a.active{border-color:#e83328;transition:all .6s ease 0s;color:#e83328;font-weight:700}
.local i.iconfont{vertical-align:bottom;margin-right:5px}
.local,.local a{/*font-size:.7rem*/}
.page-cont{
	padding-bottom: 60px;
}
.content_box .content .txt{font-size:16px;line-height:2;text-align:justify}
.content_box .content .txt img{max-width: 100%;height: auto!important;}
.content_box .content .txt p{margin-bottom: 10px;}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.pbanner{
		margin-top: 51px;
	}
}
/* page honor */
.pro_list{overflow:hidden;display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}
.pro_list li{float:left;margin:15px 0}
.pro_list li a{display:block;height:100%}
.pro_list li .por_pic{
	width: 100%;
	height: 300px;
	position: relative;
	border:1px solid  #ddd;
}
.pro_list li img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pro_list p{line-height:2;padding:10px 0;text-align:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.page-cont{
		padding-bottom: 30px;
	}
	.location .local{
		flex-direction: column;
	}
	.subtopic{width:100%}
	#partnav li{margin:8px 5px;padding:0;width:30%;height:35px;border:0;border:0;background-color:#fff;line-height:35px;float:left}
	.local p{padding-left:10px;width:100%;line-height: 50px}
	#partnav li a{width:100%;display:block;padding:0;border-color:#ddd;}
	#partnav li a{overflow:hidden;padding:0;background-image:none;border:1px solid #ddd;text-align:center;text-overflow:ellipsis;white-space:nowrap}
	.content_box .local{margin-top:1rem;padding:10px 18px;border:1px solid #23478E;border-right:0;border-left:0}
	#partnav li.active a{border:1px solid #23478E;background-color:#fff;color:#23478E}
	.content_box .pro{margin-top:20px}
	.cTitle{
		margin: 10px auto;
	}
	.cTitle span{display:block;font-size:2rem}
	.cTitle b{font-size:2.4rem}
	.content_box .content .txt img{
		width:100%!important;
		height:auto!important;
	}
	.content_box .pro_list li{
		margin-top: 0;
		padding: 0 5px;
	}
	.pro_list li .por_pic{
		height: 120px;
	}
	.pro_list p{font-size:14px;padding:10px 5px}
}
/*page service*/
.content_list li .item_img{display:block;height: 302px; position:relative;overflow:hidden;border-top-right-radius:3px;border-top-left-radius:3px}
.content_list li .item_img img{display:block;width:100%;height:100%;object-fit: cover;transition:all ease-out .3s .1s}
.content_list li .item_img .item_mask{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;opacity:0;-webkit-transform:rotateX(180deg) scale(.5,.5);transform:rotateX(180deg) scale(.2,.2);transition:all ease-out .5s}
.content_list li .item_img .item_link_icon{display:block;width:38px;height:38px;text-align:center;font-size:22px;line-height:38px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px}
.content_list li a.item_img .item_link_icon i{color:rgba(255,255,255,.8);margin-top:8px;font-size: 46px}
.content_list li:hover .item_img img{transform:scale(1.1,1.1)}
.content_list li:hover .item_mask{opacity:1;-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(2,31,75,.3)}
.content_list li .item_info{position:relative}
.content_list li .item_info:before{position:absolute;top:29px;left:0;height:1px;content:"";width:0;background:#24468F;transition:width .6s ease-out}
.content_list li .item_info .title{font-size:16px;color:#333;margin:16px 0 10px 0;padding-bottom:10px;border-bottom:1px solid #E1E1E1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.content_list li .item_info .description{font-size:13px;line-height:24px;height:50px;overflow:hidden;color:#878787}
.content_list li:hover .item_info:before{width:100%}
.content_list li{margin-bottom:30px}
/*page caselist*/
.page-case-list li{width: 25%; padding: 10px;margin-bottom: 10px;}
.page-case-list li a{display: block;background: #fff;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.page-case-img{overflow: hidden;}
.page-case-text{padding: 15px;position: relative}
.page-case-text h3{font-size: 16px;color: #333;line-height: 26px;margin-bottom: 5px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.page-case-text p{font-size: 13px;color: #999}
.page-case-text i{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 20px;color: #999;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;opacity: .3}
.page-case-list li:hover a{-moz-box-shadow:0px 0px 5px #C7C7C7; -webkit-box-shadow:0px 0px 5px #C7C7C7; box-shadow:0px 0px 5px #C7C7C7;transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px)}
.page-case-list li:hover .page-case-text h3{color: #999}
.page-case-list li:hover .page-case-text i{opacity: 1}

.content .title_info{margin:20px 0}
.content_box .content .title_info h3{color:#1f0606;text-align:center;font-size:24px;line-height:24px}
.content_box .content .title_info p{margin-bottom:15px;padding:10px 0;border-bottom:1px dotted #dedede;text-align:center;line-height:1.8;color:#b5b4b4}
.content_box .content .title_info p span{margin:0 18px;font-size:12px}
.links,.links>a{margin-top:25px;color:grey;font-size:14px;line-height:24px}
.links>a:hover{color:#e95513;text-decoration:underline}

/* page newslist */
.page-news-list{margin-top: 20px;}
.page-news-list li{width:25%;padding: 15px;}
.page-news-list li a{display: block;background: #fff;-moz-box-shadow:0px 0px 10px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.08); box-shadow:0px 0px 10px rgba(0,0,0,.08);transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;-moz-transition: all 1s;padding: 20px;}
.page-news-list li h3{margin-top: 15px;font-size: 18px;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 10px;}
.page-news-list li .page-news-summary{font-size: 13px;color: #999;min-height: 46px; line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.page-news-list li .page-news-time{margin-top: 15px;border-top: solid 1px #ddd;padding-top: 15px;color: #333;font-size: 14px;}
.page-news-list li:hover a{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px)}
.page-news-list li:hover h3{color: #da251c}
/*page news details*/
.page-title{font-size: 20px;color: #000;font-weight: bold}
.page-info{font-size: 12px;color: #999;padding: 10px 0;border-bottom: dashed 1px #ddd;margin-bottom: 30px;}
.page-info span{margin-left: 20px;}
.page-text{
	font-size: 14px;
	line-height: 2;
	color: #333;
}
.page-text p{
	margin-bottom: 10px;
}
.page-text img{
	max-width: 100%;
	height: auto!important
}
.page-text strong{
	color: #e83328;
	font-weight: 800;
}
.page-case-left{margin-bottom: 30px;width: 75%;background: #fff;padding: 30px;}
.page-case-12{width: 100%}
.page-case-right{width: 23%;margin-bottom: 30px;background: #fff;padding: 15px;}
.page-case-right h3{font-size: 24px;color: #333;font-weight: 800;}
.page-case-right h3:after{display: block;width: 30px;height: 1px;background: #d81e06;content: "";margin-top: 10px;margin-bottom: 15px;}
.page-news-hot li{padding: 8px 0}
.page-news-hot li a{display: block;overflow:hidden;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #000}
.page-news-hot li i{width: 20px;height: 20px;background: #ddd;display: block;float: left;margin-right: 10px;border-radius: 4px;line-height: 20px;text-align: center;font-style: normal;font-size: 12px;color: #666;font-family: SourceHanSerifCN}
.page-news-hot li:hover a{color: #d81e06}
.page-news-hot li:first-child i{background: #d80000;color: #fff}
.page-news-hot li:nth-child(2) i{background: #d85600;color: #fff}
.page-news-hot li:nth-child(3) i{background: #d88e00;color: #fff}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.page-news-list li{
		width: 100%;
		padding: 0 0 15px;
	}
	.page-case-left{
		width: 100%;
		padding: 20px 0;
	}
	.page-case-right{
		width: 100%;
	}
	.page-text img{
		max-width: 100%;
		height: auto!important
	}
}
/*page job*/
.page-HR-list li{margin-bottom:20px}
.page-HR-list li h2{font-size:2rem;overflow:hidden;font-weight:lighter;color:#000;margin-bottom:15px;line-height:35px;cursor:pointer;float:left;width:40%}
.page-HR-list li h2 b{
	font-weight: 700;
}
.zpv{border-bottom:solid 1px #ccc;overflow:hidden}
.page-Hr-info{padding-bottom:10px;font-size:16px;color:#000;line-height:36px;float:right;width:58%;text-align:right}
.page-Hr-info span{margin-right:40px;padding-left:25px;/*font-size:.7rem*/}
.page-Hr-flow{background:url(../images/icon_6.png) no-repeat left center}
.page-Hr-time{background:url(../images/icon_5.png) no-repeat left center}
.page-Hr-adds{background:url(../images/icon_7.png) no-repeat left center}
.page-Hr-price{background:url(../images/icon_8.png) no-repeat left center}
.page-HR-list .page-Hr-text{height:auto;opacity:1;visibility:visible;padding:15px;background:#F0F0F0;display:none}
.page-Hr-version{/*font-size:.8rem;*/color:#000;line-height:2}
.page-Hr-fitle{font-weight:lighter;font-size:18px;color:#1F4295;font-weight:700;line-height:2;margin-top:20px}
/*message*/
.book{
    width:60%;
    margin:0 auto;
}
.book i {
    color: #CB2129;
    margin-right: 10px;
    font-style: normal;
    vertical-align: middle;
}
.book .form-group {
    margin-top: 25px;
}
.book .form-group input {
    margin-top: 4px;
}
.book textarea {
    resize: none;
    margin-top: 10px;
}
/* pages 分页  */
.pages{
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: center;
}
.pages b, .page-this{
	display: inline-block;
	background: #d81e06;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
	margin: 0 5px;
}
.pages a, .page-end, .page-start{
	display: inline-block;
	background: #efefef;
	padding: 0 15px;
	font-size: 12px;
	color: #666;
	height: 40px;
	line-height: 40px;
}
.pages a:hover, .pages b{
	background: #d81e06;
    color: #fff;
}
.pages a, .pages b, .page-end, .page-start, .page-this{line-height:40px}
/*page next*/
.page-next{margin-top: 20px;border-top: dashed 1px #ddd;padding-top: 15px;}
.page-next p{font-size: 14px;line-height: 30px;color: #999}
.page-next p a{color: #999}
.page-next p:hover,.page-next p:hover a{color: #d81e06;font-weight: bold}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.book{
		width: 100%;
	}
}
/*footer*/
.footer{
	width: 100%;
	color: rgba(255,255,255,.72);
	background-color: #333;
}
.footer-top{padding: 65px 0 85px;}
.footer-nav{width: 50%}
.footer-nav-list{font-size: 16px;color: #fff;margin-bottom: 35px;}
.footer-nav-list a{color: #fff;position: relative;padding: 0 20px;}
.footer-nav-list a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: #fff;opacity: .16;content: "";margin-top: -8px;}
.footer-nav-list a:first-child{padding-left: 0}
.footer-nav-list a:last-child{padding-right: 0}
.footer-nav-list a:last-child:after{
	display: none;
}
.footer-tel{font-size: 14px;color: #fff;line-height: 2;opacity: .65}
.footer-tel dd{padding: 0;line-height: 2;font-size: 14px;}
.footer-tel dd a{color: #fff}
.footer-form{width: 41.72%}
.footer-form h3{font-size: 20px;color: #fff;}
.footer-form h3 span{font-size: 15px;color: #fff;opacity: .5}
.footer-form-list{margin-top: 15px;}
.footer-form-list li{padding: 0 5px;margin-bottom: 12px;}
.footer-form-list li:nth-child(odd){padding-left: 0}
.footer-form-list li:nth-child(even){padding-right: 0}
.footer-form-list li input{width: 100%;height: 42px;background: rgba(0,0,0,.2);outline: none;border: none;padding-left: 15px;font-size: 14px;color: #fff;}
.footer-form-list li button{height: 42px;width: 100%;background: #adadad;border: none;border-radius: 6px;color: #fff;font-size: 20px;outline: none}
.footer-copy{background:#0a0a0a;padding: 25px 0;position: relative;font-size: 14px;color: rgba(255,255,255,.56)}
.footer-copy i{position:absolute;left: 50%;top:-50px;width: 140px;height: 50px;background: url(../images/backg_4.png) no-repeat top center;content: "";margin-left: -70px;cursor: pointer}
.footer-copy a{color: rgba(255,255,255,.56)}

.backTop{
	position: fixed;
	z-index: 10;
	right: 50px;
	bottom: -100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	cursor: pointer;
	line-height: 50px;
	font-size: 24px;
	color: #1f2329;
}
.backTop.active{
	bottom: 50px;
}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {
	.footer-nav{width: 38.625%}
	.footer-nav-list{display: none}
	.footer-tel dd{width: 100% !important;float: none;}
	.footer-form{width: 41.72%}
	.footer-form h3{font-size: 1.8rem}
	.footer-form h3 span{font-size: 1.2rem}
}
@media screen and (max-width:992px) {
	.footer-top{padding: 30px 0 85px}
	.footer-nav{width: 70%}
	.footer-code{margin-left: auto;width: 30%}
	.footer-form{width: 100%;}
	.footer-form h3{font-size: 1.4rem}
}
@media screen and (max-width: 760px) {
	.pages{
		margin: 20px auto;
	}
	.footer{
		margin-top: 0;
	}
	.footer-nav{width: 100%;padding-bottom: 20px;margin-bottom: 20px;text-align: center}
	.footer-tel{font-size: 1.2rem}
	.footer-form-list li{padding: 0}
	.footer-code{width: 100%}
	.footer-copy{font-size: 12px;padding: 10px 0;line-height: 1.8}
	.backTop{
		width: 38px;
		height: 38px;
		line-height: 36px;
		font-size: 14pt;
		right: 30px;
	}
	.backTop.active{
		bottom: 30px;
	}
}
/*page*/
