@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body, button, input, select, textarea {
	font: 14px/1.8 "微軟正黑體", "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Arial", "Helvetica", "SimHei", sans-serif;
	color: #8d8d8d;
}
ul, ol, li {
	list-style: none;
}
input, button {
	border: none;
	outline: none;
	background: none;
}
input[type="button"], input[type="submit"], input[type="reset"], select {
	-webkit-appearance: none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
}
html {
	font-size: 62.5% !important;
}
body {
	font-size: 1.4rem;
	color: #3E3E3E;
}
.clearfix {
	clear: both;
}
p {
	margin-bottom: 0;
}
img {
	display: block;
	border: none;
}
a {
	color: #3E3E3E;
	text-decoration: none !important;
}
a:hover {
	color: #3E3E3E;
	text-decoration: none !important;
}
.mouse1 {
	width: 20px;
	height: 37px;
	position: absolute;
	bottom: 100px;
	z-index: 2;
	animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
	-moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
	-webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
	-o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;
	display: block;
	left: 50%;
	margin-left: -10px;
	color: transparent;
	font-size: 0;
}
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.model_back_top {
	position: absolute;
	top: -44px;
	right: 3%;
	z-index: 99;
	width: 44px;
	height: 44px;
	background: url("../images/arrow-top.png") no-repeat center 18px;
	background-color: #777;
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.6s;
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding-top: 28px;
}
.model_back_top:hover {
	opacity: 1;
}
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	pointer-events: none;
}
.lodingLOgo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 70px;
	margin-left: -100px;
	margin-top: -50px;
	z-index: 1;
}
.loading img {
	width: 100%;
}
.loading .topBlock {
	z-index: 0;
	background-color: #066bb1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.loading .topBlock.out {
	top:-50%;
}
.loading .bottomBlock {
	z-index: 0;
	background-color: #066bb1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.loading .bottomBlock.out {
	bottom: -50%;
}
.loading .mask {
	-webkit-mask:url();
	-webkit-mask-size: cover;
	overflow: hidden;
	position: relative;
}
.light {
	position: absolute;
	left: -100%;
	top: 0;
	width: 150px;
	height: 100%;
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	transform: skewX(-25deg) rotate(90deg);
	z-index: 9999;
	transition: all 1s;
	-moz-transition:all 0.5s;
}
.light.active {
	margin-left: 200%;
}
.mobilebanner {
	display: none;
}
.whiteBg, .header {
	background-color: #f0f1f3;
}
header {
transition-duration: .5s;
-webkit-transition-duration: .5s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140px;
	z-index: 100;
	padding-top: 45px;
	box-sizing: border-box;
}
.headerIndex {
	background: none;
	border-bottom: none;
}
header .header-body {
	margin: 0 auto;
	width: 94%;
	padding-bottom: 28px;
	border-bottom: 1px solid #c4c4c4;
}
.headerIndex .header-body {
	border-bottom: none;
}
header .logo {
	display: inline-block;
	position: relative;
	z-index: 110;
}
header .logo a {
	display: block;
}
header .mobile {
	display: none;
}
header nav {
	float: right;
	margin-top: 25px;
	width: 840px;
}
header nav li {
	position: relative;
	float: left;
	width: 120px;
	padding: 0px 10px;
	box-sizing: content-box;
}
header nav li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 1px;
	height: 17px;
	background: #c6c6c6;
}
header nav li.last:after {
	display: none;
}
header nav li a {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #c4c4c4;
	font-size: 14px;
	line-height: 32px;
	border-radius: 0px;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
header nav li.service a:after {
	display: none;
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -10px;
	border: 10px solid;
	border-color: #277bca transparent transparent transparent;
}
header nav li.service:hover a:after, header nav li.service.active a:after {
	display: block;
}
header nav li a {
	color: #3e3e3e;
}
.headerIndex nav li a {
	color: #fff;
}
.moreList {
	visibility: hidden;
	-webkit-transform: perspective(800px) rotateX(-90deg);
	transform: perspective(800px) rotateX(-90deg);
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
-webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s;
transition: all .5s cubic-bezier(.77, 0, .175, 1) 0s;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	width: 100%;
	background-color: #fff;
	text-align: center;
	border-top: 1px solid #c4c4c4;
}
.moreList a {
	margin: 40px 65px 30px;
	display: inline-block;
	text-align: center;
	color: #414141;
}
.moreList a .img {
	position: relative;
}
.moreList a .img img {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	transform: scale(.9);
	-webkit-transform: scale(.9);
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.moreList a .cn {
	font-size: 16px;
	margin-bottom: 3px;
}
.moreList a .en {
	font-size: 10px;
	opacity: .6;
	text-transform: uppercase;
}
.moreList:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 10%;
	height: 1px;
	width: 80%;
	background-color: #e5e5e5;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
transition-delay: .5s;
-webkit-transition-delay: .5s;
	transform-origin: center;
	-webkit-transform-origin: center;
	transform: scale(0);
	-webkit-transform: scale(0);
}
.moreList a .bg {
	overflow: hidden;
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	z-index: 0;
}
.moreList a .bg span {
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #df261a;
transition-duration: .8s;
-webkit-transition-duration: .8s;
}
.moreList a .bg .left, .moreList a .bg .right {
	width: 5px;
	height: 100%;
}
.moreList a .bg .top {
	left: -100%;
}
.moreList a .bg .left {
	top: -100%;
}
.moreList a .bg .right {
	left: auto;
	right: 0;
	top: 100%;
}
.moreList a .bg .bottom {
	top: auto;
	bottom: 0;
	left: 100%;
}
.moreList a:hover {
	color: #df261a;
}
.moreList a:hover .img img {
	transform: none;
	-webkit-transform: none;
}
.moreList a:hover .bg .top {
	left: 0;
}
.moreList a:hover .bg .right {
	top: 0;
}
.moreList a:hover .bg .bottom {
	left: 0;
}
.moreList a:hover .bg .left {
	top: 0;
}
.moreList.active {
	visibility: visible;
	transform: none;
	-webkit-transform: none;
}
.moreList.active:after {
	transform: scale(1);
	-webkit-transform: scale(1);
}
header.active, .case header.active {
	position: fixed;
	padding-top: 10px;
	height: auto;
	background-color: #efefef;
}
header.active nav {
	margin-top: 5px;
}
header.active nav li a {
	color: #3e3e3e;
}
header.active .logo img {
	height: 40px;
}
header.active .header-body {
	padding-bottom: 10px;
}
header nav li:hover a, header nav li.active a {
	color: #fff;
	background-color: #277bca;
}
.headerIndex.fixed {
	position: fixed;
}
footer {
	position: relative;
	padding-top: 40px;
	background-color: #414141;
}
footer .tops, footer .bottom >div {
	width: 94%;
	margin: 0 auto;
}
footer .left {
	float: left;
}
footer .left .logo a {
	display: inline-block;
}
footer .right {
	float: right;
}
footer .bottomNav {
	padding-top: 22px;
}
footer .bottomNav ul {
	overflow: hidden;
}
footer .bottomNav li:first-child {
	margin-left: -23px;
}
footer .bottomNav li {
	position: relative;
	float: left;
	padding: 0 24px;
width:;
	text-align: center;
	font-size: 14px;
}
footer .bottomNav li:after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #787878;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
}
footer .bottomNav li.last:after {
	display: none;
}
footer .bottomNav li a {
	color: #fff;
	opacity: .7;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
footer .bottomNav li a:hover {
	opacity: 1;
	color: #277bca;
}
footer .right {
	padding-top: 0;
}
footer .right .link {
	clear: both;
}
footer .right .link a {
	cursor: pointer;
	position: relative;
	padding: 0 20px;
	display: inline-block;
	font-size: 12px;
}
footer .right .link a:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #335775;
	width: 0px;
	height: 14px;
}
footer .right .link a p {
	position:relative;
	color: #fff;
	opacity: .3;
}
footer .right .link a>img {
	margin: 0 auto 10px;
}
footer .right .link a span {
	display: block;
}
footer .right .link a span img {
	margin: 0 auto 10px;
}
footer .right .link .qr:after {
	display: none;
}
footer .right .link .qr .qrCode {
	display: none;
	position: absolute;
	bottom: 75px;
	left: 50%;
	margin-left: -52.5px;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	z-index:9999
}
footer .right .link .qr .qrCode:after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
	border: 6px solid;
	border-color: #fff transparent transparent transparent;
}
footer .right {
	margin-bottom: 50px;
}
footer .right select {
	margin-bottom: 20px;
	outline: none;
	border: none;
	margin-left: 20px;
	border-radius: 15px;
	padding-left: 20px;
}
footer .right select option {
	padding-left: 0;
}
footer .bottom {
	color: #fff;
	padding: 18px 0;
	font-size: 12px;
	background-color: #414141;
	overflow: hidden;
	border-top: 1px solid #787878;
}
footer .bottom p {
	opacity: .3;
}
footer .bottom .shuwon {
	opacity: 1;
	text-align: right;
}
footer .bottom .shuwon span {
	opacity: .3;
}
footer .bottom .shuwon a {
	opacity: .3;
	color: #fff;
}
footer .bottom .shuwon a:hover {
	opacity: 1;
}
footer .bottom .mes {
	float: left;
}
footer .bottom .mes a {
	color: #fff;
}
footer .bottom .copyright {
	float: right;
}
footer .bottom .copyright a {
	color: #fff;
}
.IEtips {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: url(../images/ieBG.png);
	display: none;
}
.IEtips_Box {
	width: 1000px;
	background: #FAFAFA;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -250px 0 0 -500px;
}
.IEtips .Browser {
	margin-top: 35px;
}
.IEtips .IEtips_title {
	font-size: 36px;
	width: 80%;
	margin: 0 auto;
	padding-top: 35px;
}
.IEtips .Browser ul {
	overflow: hidden;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}
.IEtips .Browser ul li {
	margin: 0 40px;
	text-align: center;
	width: 120px;
	float: left;
}
.IEtips .Browser ul li img {
	width: 100px;
	margin: 0 auto;
}
.IEtips .Browser ul li a, .IEtips .Browser ul li span {
	display: inline-block;
	margin-top: 25px;
	color: #2570e1;
	font-size: 16px;
transition: all .5s;
-webkit-transition: all .5s;
}
.IEtips .Browser ul li a:hover {
	color: #800886;
}
.IEtips .brn_off {
	background: url(../images/brn_off.png);
	height: 32px;
	width: 32px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
body {
	background-color: #f0f1f3;
	position: relative;
}
.main {
	padding-top: 140px;
}
.wd1765 {
	width: 94%;
	margin: 0 auto;
}
.wd1630 {
	width: 85%;
	margin: 0 auto;
}
.wd1480 {
	width: 78%;
	margin: 0 auto;
}
.wd1350 {
	width: 90%;
	margin: 0 auto;
}
.wd1120 {
	width: 100%;
	margin: 0 auto;
}
.topTit {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #3e3e3e;
	display: none;
}
.topTit:before {
	content: "";
	position: absolute;
	left: 0;
	top: -18px;
	width: 42px;
	height: 1px;
}
.topTit .cn {
	font-size: 24px;
	vertical-align: bottom;
}
.topTit .en {
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 18px;
	opacity: .5;
}
.banner-in {
	margin-bottom: 25px;
}
.banner-in img {
	width: 100%;
}
.comNav {
	padding: 0 0px;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	background-color: #fff;
}
.comNav .left {
	position: relative;
	font-size: 18px;
}
.comNav .left a {
	padding: 0 45px;
	text-align: center;
	float: left;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.comNav .left a.active, .comNav .left a:hover {
	color: #FFFFFF;
	background: #277bca;
}
.comNav .left .slideBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 122px;
	height: 3px;
	background-color: #277bca;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	display: none;
}
.crumbs {
	font-size: 14px;
	overflow: hidden;
	float: right;
	min-width: 300px;
	text-align: right;
	margin-right: 20px;
	opacity: .7;
}
.crumbs a {
	color: #3E3E3E;
	display: inline-block;
}
.crumbs a:hover {
	color: #277bca;
}
.crumbs .cur {
	color: #277bca;
}
.aboutB .realCont .content {
	padding-top: 0;
	padding-bottom: 0;
}
.aboutB .realCont .content >div {
	padding-top: 0px;
}
.realCont .content {
	margin-bottom: 86px;
	padding: 0px 0;
	background-color: #f2f2f2;
	overflow: hidden;
}
.realCont .content .tits {
	margin: 0 60px;
	padding-bottom: 18px;
	line-height: 30px;
	font-size: 24px;
	border-bottom: 1px solid #c2c2c2;
	display: none;
}
.realCont .content .des {
	padding: 46px 0;
	margin: 0 60px;
	position: relative;
	overflow: hidden;
}
.realCont .content .leftNav {
	position: absolute;
	left: 0;
	top: 46px;
	font-size: 14px;
	width: 20%;
}
.realCont .content .leftNav.fixed {
	position: fixed;
	top: 100px;
}
.realCont .content .leftNav ul {
	position: relative;
}
.realCont .content .leftNav li {
	margin-bottom: 40px;
	position: relative;
}
.realCont .content .leftNav li.active:before, .realCont .content .leftNav li:hover:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -4px;
	border: 4px solid;
	border-color: transparent transparent transparent #277bca;
}
.realCont .content .leftNav a {
	padding-left: 24px;
	background: none;
}
.realCont .content .leftNav li.active a, .realCont .content .leftNav li:hover a {
	background: none;
	color: #277bca;
}
.realCont .content .rightCont {
	width: 78%;
	float: right;
}
.realCont .content .rightCont .titles {
	position: relative;
	padding-left: 58px;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
}
.realCont .content .rightCont .titles:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: 0px;
	width: 30px;
	height: 4px;
	background-color: #277bca;
}
.recruitment #box2 .flbox {
	margin-top: 32px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 18px;
}
.recruitment #box2 ul {
	width: 850px;
}
.recruitment #box2 ul li {
	display: inline-block;
	width: 64px;
	margin-right: 70px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 12px;
}
.recruitment #box2 ul li img {
	width: 43px;
	margin: 0 auto 5px;
}
.recruitment #box2 {
	margin-bottom: 5px;
}
.fixedBanner {
	height: 100%;
}
.banner {
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.banner-text {
	max-width: 100%;
	width: auto!important;
}
.zzn {
	margin-top: 55px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 143px;
	height: 28px;
	line-height: 28px;
	color: #277bca;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	background-color: #fff;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.zzn p {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.zzn:before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #cf0f07;
	position: absolute;
	top: -20px;
	left: 0;
}
.zzn:after {
	border-radius: 0px;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #cf0f07;
	position: absolute;
	top: 0;
	left: -100%;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	z-index: 0;
}
.zzn:hover {
	color: #fff;
}
.zzn:hover:after {
	left: 0;
}
.btn {
	position: relative;
	text-align: left;
	margin-top: 20px;
	padding-bottom: 20px;
}
.btn:after {
	content: "";
	left: 0;
	bottom: 0;
	position: absolute;
	width: 0;
	height: 5px;
	background-color: #277bca;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.m--active-control .btn:after, .btn:hover:after {
	width: 36px;
}
.btn .cn {
	font-size: 18px;
}
.btn .en {
	font-size: 12px;
	text-transform: uppercase;
}
.main-body {
	background-color: #efefef;
	position: relative;
}
.product {
	position: relative;
	box-sizing: border-box;
	background: url(../images/product-bg.jpg) no-repeat;
	background-position: center top;
	background-size: 100% 50%;
}
.product:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 100%;
	height: 1px;
	background-color: #bebebe;
}
.product .swiper-container {
}
.product .swiper-slide {
	height: auto;
}
.product .left {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	height: 100%;
	width: 40%;
	margin:0 7%;
	box-sizing: border-box;
}
.product .left >img {
	width: 100%;
}
.product .left .img {
	position: relative;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	height: auto;
}
.product .left .img img {
	margin: 0 auto;
	max-width: 100%;
	transform: translateX(100px);
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
transition-delay: .5s;
-webkit-transition-delay: .5s;
}
.product .left .bg-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.product .left .proType {
	text-align: center;
	font-size: 18px;
}
.product .left .proType i {
	display: inline-block;
	margin-right: 10px;
}
.product .swiper-slide-active .left .img img {
	transform: translateX(0);
	opacity: 1;
	max-width: 100%;
	margin: 0 auto;
}
.product .swiper-slide-active .right {
	height: 100%;
	transform: translateX(0);
	opacity: 1;
}
.product .right {
	display: flex;
	align-items: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	width: 46%;
	float: right;
	transform: translateX(100px);
	opacity: 0;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
}
.product .right .center {
}
.product .right .tit {
	position: relative;
	padding-top: 27px;
	margin-bottom: 32px;
	color: #005eae;
}
.product .right .tit:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 37px;
	height: 5px;
	background-color: #277bca;
}
.product .right .tit .cn {
	margin-right: 13px;
	font-size: 40px;
}
.product .right .tit .en {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}
.product .right .tit p {
	font-size: 14px;
	color: #575757;
}
.product .right .control-btn {
	position: relative;
	width: 100px;
	height: 38px;
}
.product .right .control-btn a {
	cursor: pointer;
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: url(../images/arrow-left-red.png) no-repeat center center;
	background-color: #fff;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.product .right .control-btn a:hover {
	background-color: #d31008;
}
.product .right .control-btn .btn-l {
	left: 0;
}
.product .right .control-btn .btn-r {
	right: 0;
	background-image: url(../images/arrow-right-red.png);
}
.product .right .control-btn .btn-l:hover {
	background-image: url(../images/arrow-left.png);
}
.product .right .control-btn .btn-r:hover {
	background-image: url(../images/arrow-right.png);
}
.product .right .title {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #fff;
}
.product .right .title .proName {
	font-size: 30px; 
}
.product .right .title .abs {
	margin-top: 15px;
	font-size: 14px;
	min-height: 28px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.product .right .videoOrNot {
	width: 220px;
	position: relative;
}
.product .right .videoOrNot .play-btn {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -18px;
}
.product .right .parameter {
	margin-top: 10px;
}
.product .right .parameter .tits {
	font-size: 24px;
}
.product .right .parameter .detail {
	margin-top: 18px;
	font-size: 14px;
	line-height: 30px;
}
.product .right .center> a {
	margin-top: 18px;
	display: inline-block;
	width: 106px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background-color: #d31008;
	text-align: center;
	border-radius:5px;
}
.product .my-dot {
	bottom: 40px;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f0f1f3;
}
.product .my-dot span {
	margin: 0 15px;
	width: 6px;
	height: 17px;
	border-radius: 0;
	background-color: #066bb1;
	opacity: 1;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
/*.product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}*/
.product .my-dot .swiper-pagination-bullet-active {
	width: 10px;
	height: 35px;
	background-color: #d31008;
}
.application {
}
.application .wd1480 {
	width: 80%;
}
.application .title {
	margin: 0 auto;
	width: 430px;
	color: #005eae;
	text-align: center;
	line-height: normal;
}
.application .title .cn {
	font-size: 40px;
	margin-bottom: 5px;
}
.application .title .en {
	margin-bottom: 5px;
	position: relative;
	font-size: 18px;
	text-transform: uppercase;
	font-weight:300;
}
.application .title .en:before, .application .title .en:after {
	content: "";
	position: absolute;
	top: 50%;
	background-color: #76a5cd;
	width: 112px;
	height: 1px;
	left: 0;
}
.application .title .en:after {
	right: 0;
	left: auto;
}
.application .title .advantage {
	margin-top: 15px;
	font-size: 14px;
	color: #3E3E3E;
	line-height:24px
}
.application ul {
	margin-top: 120px;
}
.application ul li {
	float: left;
	width: 20%;
}
.application .mobile {
	overflow: visible;
}
.application ul li .imbx {
	display: block;
	position: relative;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.application ul li .imbx .img {
}
.application ul li .imbx .img img {
	width: 100%;
	opacity: .8;
transition: all .5s;
-webkit-transition: all .5s;
}
.application ul li .imbx .description {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity:0;
	padding: 10px 3%;
	height: auto;
	background-color: #d31008;
	color: #ececec;
	text-align: center;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.application ul li .imbx .description .tit {
	position:relative;
	padding-bottom: 8px;
	font-size: 14px;
-webkit-transition-duration: .5s;
transition-duration: .5s;
	max-height: 54px;
	overflow: hidden;
}
.application ul li .imbx .description .tit span {
	display: block;
	max-height: 54px;
	overflow: hidden;
}
.application ul li .imbx .description .tit:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 1px;
	background-color: #ececec;
}
.application ul li .imbx .description .more {
	display: block;
	color: #fff;
	margin: 15px auto 0;
	font-size: 12px;
	width: 140px;
	height: 28px;
	line-height: 25px;
	border: 1px solid #db524d;
	text-transform: uppercase;
}
.application ul li.active .img img {
	opacity: 1;
	width: 100%;
}
.application ul li.active .imbx {
	transform: scale(1.2);
	z-index: 1;
}
.application ul li.active .imbx .description {
	opacity: 1;
}
.superiority {
	background: url(../images/bg5.jpg) no-repeat center bottom;
	background-size: 100% auto;
}
.superiority .title {
	margin: 0 auto;
	width: 430px;
	color: #005eae;
	text-align: center;
	line-height: normal;
	padding-bottom:2%
}
.superiority .title .cn {
	font-size: 40px;
	margin-bottom: 5px;
}
.superiority .title .en {
	margin-bottom: 5px;
	position: relative;
	font-size: 18px;
	text-transform: uppercase;
	font-weight:300;
}
.superiority .title .en:before, .superiority .title .en:after {
	content: "";
	position: absolute;
	top: 50%;
	background-color: #76a5cd;
	width: 112px;
	height: 1px;
	left: 0;
}
.superiority .title .en:after {
	right: 0;
	left: auto;
}
.superiority .title .advantage {
	margin-top: 15px;
	font-size: 14px;
	color: #3E3E3E;
	line-height:24px
}
.superiority .abs {
	width: 60%;
	margin: 10px auto;
	line-height: 24px;
}
.superiority.superiority .logos {
	margin-bottom: 40px;
}
.superiority .logos img {
	margin: 0 auto;
}
.superiority >p {
	font-size: 14px;
	line-height: 27px;
	text-align: center;
}
.superiority .details {
	width: 90%;
	margin: 60px auto 0;
	padding-top: 80px;
	border-top: 1px solid #adb1b8;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.superiority .details a {
	width: 18%;
	text-align: center;
	color: #005ba6;
cursor:;
	display: inline-block;
}
.superiority .details a .theme {
	overflow: hidden;
	width: 139px;
	height: 70px;
	position: relative;
	margin: auto;
}
.superiority .details a .theme .lightMask {
	width: 200px;
	height: 75px;
	position: absolute;
	top: 0;
	left: -200px;
	background: #fff;
	opacity: .6;
	transform: rotate(-45deg);
}
.superiority .details a .ti {
	position: relative;
	font-size: 18px;
	color: #0066cc;
	margin-top: 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.superiority .details a .ti span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding:  0 15px;
}
.superiority .details a .ti:before, .superiority .details a .ti:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 0;
	width: 30%;
	height: 0px;
	background-color: #a5c3dc;
}
.superiority .details a .ti:after {
	left: auto;
	right: 0;
}
.superiority .details a .desc {
	margin-top: 10px;
	margin-bottom: 90px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
.superiority .mores {
	display: block;
	margin: 0 auto;
	font-size: 16px;
	width: 126px;
	height: 32px;
	line-height: 32px;
	background-color: #fff;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	overflow: hidden;
}
.superiority .mores:hover {
	color: #fff;
}
.headerNews {
	background-color: #fff;
}
.headerNews .newsBox {
	margin: 0 auto;
	width: 90%;
}
.headerNews .titles {
	margin: 0 auto 100px;
	width: 326px;
	text-align: center;
}
.headerNews .titles .cn {
	font-size: 40px;
	color: #005ba6;
}
.headerNews .titles .en {
	position: relative;
	color: #005eae;
}
.headerNews .titles .en:before, .headerNews .titles .en:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 112px;
	height: 1px;
	background-color: #7faed6;
}
.headerNews .titles .en:after {
	right: 0;
	left: auto;
}
.headerNews ul {
	display: flex;
	justify-content: center;
	height: 505px;
}
.headerNews ul li {
	box-sizing: content-box;
	width: 24%;
	margin-right: calc(4%/3);
	height: auto;
}
.headerNews ul li:last-child {
	margin-right: 0;
}
.headerNews ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 8%;
	padding-bottom: 25px;
}
.headerNews ul li a .img {
	opacity: 0;
	margin-bottom: 15px;
	height: auto;
	overflow: hidden;
	transform: scale(.9);
	-webkit-transform: scale(.9);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.headerNews ul li a .img img {
	max-width: 100%;
	margin: 0 auto;
}
.headerNews ul li a .des {
	margin-top: -100px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.headerNews ul li a .tit {
	margin-bottom: 10px;
	font-size: 18px;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.headerNews ul li a .date {
	display: block;
	margin-bottom: 15px;
	font-size: 14px;
	opacity: .5;
}
.headerNews ul li a .abs {
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	opacity: .5;
	max-height: 72px;
}
.headerNews ul li a .moreN {
	overflow: hidden;
	border-radius: 20px;
	display: block;
	margin-top: 20px;
	width: 106px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	background-color: #d31008;
	text-align: center;
	text-transform: uppercase;
	opacity: 0;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	color: #f1f1f1;
}
.headerNews ul li a .moreN p {
	line-height: 32px;
}
.headerNews ul li a .moreN:hover {
	border: none;
}
.headerNews ul li a .moreN i {
	font-style: normal;
	display: inline-block;
}
.headerNews ul li:hover a {
	border: 2px solid #d31008;
}
.headerNews ul li:hover .tit {
	margin-top: 15px;
	color: #d31008;
}
.headerNews ul li:hover a .img {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.headerNews ul li:hover a .des {
	margin-top: 0;
}
.headerNews ul li:hover a .moreN {
	opacity: 1;
}
#mapIndex {
	height: 408px;
	background: url(../images/maps.jpg) center center no-repeat;
	position: relative;
}
#mapIndex .pos {
	width: 400px;
	height: 40px;
	position: absolute;
	left: 50%;
	margin-left: -255px;
	top: 180px;
	background: #e7e7e7;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
}
.lightBox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.lightBox .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
}
.lightBox .videoBox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -225px;
	z-index: 1;
}
.lightBox .closeVideo {
	position: absolute;
	top: -40px;
	right: -40px;
	width: 40px;
	cursor: pointer;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.lightBox .closeVideo:hover {
	width: 50px;
}
.lightBox .closeVideo img {
	width: 100%;
}
.realCont .content .fullCont {
	width: 100%;
	font-size: 14px;
	line-height: 26px;
}
.realCont .content .fullCont p {
	text-transform: uppercase;
}
.realCont .content p.red {
	color: #d90d20;
}
.realCont .content .marks {
	padding-left:30px;
	padding-right: 30px;
	position: relative;
	display: inline;
}
.realCont .content .marks:before, .realCont .content .marks:after {
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	height: 17px;
	background-position: center center;
	background-size: 100% auto;
}
.realCont .content .marks:before {
	background-image: url(../images/marks1.png);
	left: 0;
	top: -3px;
}
.realCont .content .marks:after {
	background-image: url(../images/marks.png);
	right: 0;
	bottom: -3px;
}
.introduce .realCont {
}
.rightNav .realCont .comNav {
	width: 100%;
}
.rightNav .realCont .comNav .left {
	float: left;
	overflow: hidden;
}
.introduce .rightCont .titles {
	font-size: 24px;
	font-weight: bold;
}
.introduce .rightCont .box {
	position: relative;
}
.introduce .rightCont .box .titles {
	margin-bottom: 27px;
}
.introduce .rightCont .box .desc p {
	font-size: 14px;
	line-height: 27px;
}
.introduce .rightCont .box .desc p span {
}
.introduce .rightCont .box .desc img {
	margin: 50px 0;
	max-width: 100%;
}
.introduce .rightCont .box .flag {
	margin-top: 15px;
	margin-bottom: 54px;
	overflow: hidden;
	font-size: 18px;
	line-height: normal;
	color: #fff;
}
.introduce .rightCont .box .flag >div {
	padding: 35px 45px;
	float: left;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	background-color: #095292;
	height: 160px;
	width: 49%;
}
.introduce .rightCont .box .flag .rightb {
	float: right;
}
.introduce .rightCont .box .flag span {
	float: left;
	display: inline-block;
}
.introduce .rightCont .box .flag span:first-child {
	padding-right: 30px;
	font-size: 44px;
	line-height: 87px;
	border-right: 1px solid #5386b3;
}
.introduce .rightCont .box .flag span:first-child+span {
	margin-top: 3px;
	padding-left: 30px;
	line-height: 27px;
}
.introduce .rightCont .box .flag span:first-child+span {
	width: calc(100% - 170px);
	padding-left: 20px;
}
.introduce .rightCont .box .flag .rightb span:first-child+span {
	width: calc(100% - 140px);
	padding-left: 20px;
}
.introduce .rightCont .box .flag .rightb span:first-child+span {
}
.introduce .rightCont .box .tags {
	overflow: hidden;
	margin: 0 -1%;
}
.introduce .rightCont .box .tags .axb {
	margin: 0 1%;
	float: left;
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px 10px 10px 34px;
	width: 48%;
	background-color: #fff;
	border-radius: 30px;
	line-height: normal;
}
.introduce .rightCont .box .tags .axb i {
	position: absolute;
	top: 17px;
	left: 18px;
	display: inline-block;
	margin-right: 12px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #454545;
}
/*.introduce .rightCont .box .tags .axb:first-child+.axb{width: 66%;margin-right: 0;}*/
.introduce .rightCont .box .tags .last {
	margin-right: 0;
}
.introduce .rightCont .box .line {
	margin: 20px 0 30px;
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
}
.rightCont .parts p {
	margin-top: 1%;
}
.series .banner-horse {
	padding-top: 50px;
	padding-left: 75px;
	margin-top: 150px;
	margin-bottom: 25px;
	height: 530px;
	position: relative;
	background: url(../images/bg-horse.jpg);
}
.series .banner-horse .horse {
	position: absolute;
	bottom: 0px;
	right: 5%;
	z-index: 0;
	width: 600px;
}
.series .banner-horse .bigTit {
	margin-bottom: 36px;
	position: relative;
	z-index: 1;
	font-size: 60px;
	font-weight: 100;
}
.series .banner-horse .bigTit .red {
	color: #d3483f;
}
.series .banner-horse .bigTit .blue {
	color: #0066bd;
}
.series .banner-horse .bigTit .gray {
	margin-right: 50px;
	color: #404040;
}
.series .banner-horse .bigTit p {
	font-size: 18px;
	color: #414141;
	text-transform: uppercase;
	line-height: 24px;
}
.series .banner-horse .lis {
	margin-bottom: 15px;
}
.series .banner-horse .lis span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	font-weight: 300;
}
.series .banner-horse .lis .red {
	background-color: #d3483f;
}
.series .banner-horse .lis .blue {
	background-color: #0066bd;
}
.series .banner-horse .lis .gray {
	background-color: #666;
	font-size: 14px;
}
.series .banner-horse .conscience {
	overflow: hidden;
	margin-top: 28px;
	padding-top: 30px;
	border-top: 1px solid #b6b6b6;
	width: calc(100% - 400px);
}
.series .banner-horse .conscience .blue {
	float: left;
	position: relative;
	display: inline-block;
	padding-right: 10px;
	height: 48px;
	line-height: 48px;
	font-size: 48px;
	color: #0066bd;
	font-weight: 100;
	letter-spacing: 10px;
}
.series .banner-horse .conscience .blue:after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 1px;
	height: 42px;
	background: #b6b6b6;
}
.series .banner-horse .conscience p {
	float: left;
	padding-left: 16px;
	width: calc(100% - 184px);
	font-size: 14px;
	line-height: 24px;
}
.series .realCont {
	position: relative;
}
.series .realCont .comNav {
	width: 100%;
}
.series .realCont .comNav .left {
	float: left;
	overflow: hidden;
}
.series .realCont .rightCont .titles {
	padding-bottom: 15px;
	font-size: 20px;
	color: #0066bd;
	border-bottom: 1px solid #dfdfe0;
}
.series .realCont .rightCont .titles .text {
	position: relative;
	padding-right: 25px;
	display: inline-block;
}
.series .realCont .rightCont .titles .text:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -2px;
	border: 5px solid;
	border-color: #0066bd transparent transparent transparent;
}
.series .realCont .rightCont .box {
	position: relative;
}
.series .realCont .rightCont .box1 {
	margin-bottom: 30px;
}
.series .realCont .rightCont .box1 .desc {
	padding: 42px 12px 0;
}
.series .realCont .rightCont .box1 .desc .img {
	max-width: 48%;
	float: left;
	display: inline-block;
	margin-right: 4%;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.series .realCont .rightCont .box1 .desc .img img {
	width: 100%;
}
.series .realCont .rightCont .box1 .desc .img+.img {
	margin-right: 0;
}
/*.series .realCont .rightCont .box1 .desc .img:hover{box-shadow:0 10px 40px  rgba(0,0,0,.1);}*/
.series .realCont .rightCont .concept {
	font-size: 30px;
	color: #cf2014;
	padding: 15px 0;
	border-bottom: 1px solid #dfdfe0;
}
.series .realCont .rightCont .concept span {
	margin-right: 30px;
}
.series .realCont .rightCont .box2 {
	margin-bottom: 80px;
}
.series .realCont .rightCont .box2 .desc {
	padding-top: 18px;
	line-height: 28px;
	font-size: 14px;
}
/*.quality .rightCont .box2 .desc{opacity: .7;}*/
.series .realCont .rightCont .box2 .desc p {
	margin-bottom: 18px;
}
.series .realCont .rightCont .box3 {
}
.series .realCont .rightCont .box3 .desc {
	padding-top: 36px;
	font-size: 14px;
	line-height: 24px;
}
.series .realCont .rightCont .box3 .desc li {
	margin-bottom: 40px;
	overflow: hidden;
}
.series .realCont .rightCont .box3 .desc li.process {
	overflow: visible;
}
.series .realCont .rightCont .box3 .desc li.process .description {
	margin-top: -15px;
}
.series .realCont .rightCont .box3 .desc .subtit {
	float: left;
	position: relative;
	padding-left: 46px;
	width: 220px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
}
.series .realCont .rightCont .box3 .desc .subtit:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	background-color: #7c7c7c;
	border-radius: 50%;
}
.series .realCont .rightCont .box3 .desc .subtit:after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 1px;
	height: 24px;
	background-color: #c6c6c7;
}
.series .realCont .rightCont .box3 .desc .description {
	float: left;
	padding-left: 38px;
	width: calc(100% - 220px);
}
.news .realCont .rightCont .box5 {
}
.news .realCont .rightCont .box5 .desc {
	padding-top: 36px;
	font-size: 14px;
	line-height: 24px;
}
.news .realCont .rightCont .box5 .desc li {
	margin-bottom: 40px;
	overflow: hidden;
}
.news .realCont .rightCont .box5 .desc li.process {
	overflow: visible;
}
.news .realCont .rightCont .box5 .desc li.process .description {
	margin-top: -15px;
}
.news .realCont .rightCont .box5 .desc .subtit {
	float: left;
	position: relative;
	padding-left: 60px;
	width: 220px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
}
.news .realCont .rightCont .box5 .desc .subtit:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	margin-top: -4px;
	width: 18px;
	height: 1px;
	background-color: #c6c6c7;
	border-radius: 0;
}
.news .realCont .rightCont .box5 .desc .subtit:after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 1px;
	height: 24px;
	background-color: #c6c6c7;
}
.news .realCont .rightCont .box5 .desc .description {
	float: left;
	padding-left: 38px;
	width: calc(100% - 220px);
}
.informatization {
}
.informatization .content .des {
	padding-top: 46px;
}
.informatization .content .des p {
	font-size: 14px;
	line-height: 28px;
}
.informatization .content .des .imgB {
	margin-top: 120px;
}
.informatization .content .des .imgB img {
	max-width: 100%;
	margin: 0 auto;
}
.hse {
}
.hse .rightCont .box .desc {
	overflow: hidden;
}
.hse .rightCont .box .desc .img {
	float: left;
}
.hse .rightCont .box .desc .abs {
	float: left;
	width: calc(100% - 446px);
}
.hse .rightCont .box .desc .abs .aim {
	margin-top: 150px;
	margin-bottom: 24px;
	position: relative;
	font-size: 24px;
	color: #cf2014;
	padding-top: 30px;
}
.hse .rightCont .box .desc .abs .aim:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 2px;
	background-color: #277bca;
}
.hse .rightCont .box1 .desc .abs .aim span {
	margin-right: 25px;
}
.hse .rightCont .box2 .desc .abs .aim span {
	margin-right: 35px;
}
.hse .rightCont .box2 .desc {
	padding: 42px 12px;
}
.hse .rightCont .box1 .desc .img {
	margin-right: 70px;
}
.hse .rightCont .box2 .desc .img {
	display: inline-block;
	margin-right: 70px;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.hse .rightCont .box3 .desc .theme {
	margin-bottom: 58px;
	font-size: 18px;
	line-height: 30px;
}
.best .rightCont .imgList .myscrollBar {
	position: absolute;
	height: 5px;
	left: 20%;
	bottom:0;
	width: 60%;
}
.best .rightCont .imgList .myscrollBar div {
	background-color: #0066bd;
}
.best .rightCont .box1 .desc {
	padding-top: 20px;
}
.best .rightCont .box1 .desc .detail {
	float: left;
	width: 63%;
	font-size: 16px;
	line-height: 30px;/*opacity: .8;*/
}
.best .rightCont .box1 .desc .imgs {
	float: right;
	width: 36%;
}
.best .rightCont .box1 .desc .imgs img {
	width: 100%;
}
.best .rightCont .box1 .desc .xgm {
	overflow: hidden;
}
.best .rightCont .box1 .desc .lines {
	margin-top: 15px;
	width: 100%;
	height: 1px;
	background-color: #d9d9d9;
}
.best .rightCont .box1 .desc .round {
	margin-top: 80px;
	position: relative;
	background: url(../images/bg-round.png) no-repeat center center;
	background-color: #eee;
}
.best .rightCont .box1 .desc .round img {
	width: 100%;
}
.best .rightCont .box1 .desc .lef {
	position: absolute;
	top: 50%;
	left: 64px;
	margin-top: -46px;
	padding-top: 20px;
}
.best .rightCont .box1 .desc .lef:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 3px;
	background-color: #e4481e;
}
.best .rightCont .box1 .desc .lef .cn {
	font-size: 24px;
	margin-bottom: 10px;
}
.best .rightCont .box1 .desc .lef .en {
	font-size: 16px;
	opacity: .5;
	text-transform: uppercase;
}
.best .rightCont .box1 .desc .round .imgb {
	margin-left: 50%;
}
.best .rightCont .box2 .desc {
	font-size: 16px;
}
.best .rightCont .box2 .desc .contents span {
	display: block;
}
.best .rightCont .box2 .desc .abs {
	padding-bottom: 80px;
	margin-top: 20px;
	padding-top: 58px;
	border-top: 1px solid #d9d9d9;
}
.best .rightCont .box2 .desc .abs>img {
	max-width: 100%;
}
.best .rightCont .box2 .desc .efect {
	margin-top: 20px;
	margin-bottom: 30px;
}
.best .rightCont .imgList {
	padding-bottom: 50px;
	position: relative;
}
.best .rightCont .imgList ul {
	margin: 0;
}
.best .rightCont .imgList li img {
	width: 100%;
}
.news .realCont .content {
	background: none;
	padding: 0;
	padding-bottom: 80px;
}
.news .crumbs {
	margin-top: 32px;
	width: 100%;
	float: none;
	text-align: left;
}
.news .realCont .content .des {
	padding-top: 50px;
	margin: 0;
}
.news .topTit {
	margin-top: 0;
	margin-bottom: 30px;
}
.news .nav {
	margin-left: 10px;
	border-left: 1px solid #b6b6b6;
}
.news .realCont .content .leftNav li {
	margin-bottom: 0;
}
.news .nav li a {
	padding: 14px 0px 34px 0px;
	height: 60px;
	line-height: 24px;
	font-size: 18px;
}
.news .nav.zq li a {
	padding: 14px 0px;
	line-height: 35px;
	text-indent: 15px;
}
.news .realCont .content .leftNav li:after {
	border-radius: 50%;
	content: "";
	position: absolute;
	top:50%;
	left: -8px;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-color: #f0f1f3;
	z-index: 0;
}
.news .realCont .content .leftNav li:before {
	content: "";
	position: absolute;
	border: none;
	left: -5px;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #909090;
	z-index: 1;
}
.news .realCont .content .leftNav li.active:before {
	background-color: #277bca;
}
.news .realCont .content .leftNav li.active:after {
	border: 2px solid #FFFFFF;
}
.news .realCont .content .rightCont .newsType {
	position: relative;
	padding-left: 58px;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.news .realCont .content .rightCont .newsType:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -2px;
	width: 30px;
	height: 4px;
	background-color: #277bca;
}
.news .realCont .content .rightCont ul li a {
	margin-bottom: 50px;
	background-color: #f5f5f5;
	position: relative;
	display: block;
	padding:  0;
	overflow: hidden;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.news .realCont .content .rightCont ul li a .newsTit {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	float: left;
	width: 296px;
	padding: 0 40px 0 10px;
	border-right: 1px solid #c4c4c4;
	height: 90px;
	font-size: 20px;
	line-height: 36px;
}
.news .realCont .content .rightCont ul li a .newsTit span {
	display: block;
	width: 100%;
	text-align: center;
}
.news .realCont .content .rightCont ul li a .contents {
	padding: 20px 0 20px 40px;
	float: left;
	width: calc(100% - 400px);
	padding-right: 40px;
	height: 90px;
	font-size: 14px;
	line-height: 24px;
	opacity: .7;
}
.news .realCont .content .rightCont ul li a .contents .ntit {
	font-size: 20px;
	line-height: 26px;
	display: block;
	width: 100%;
}
.news .realCont .content .rightCont ul li a .contents .noot {
	font-size: 14px;
	line-height: 24px;
}
.news .realCont .content .rightCont ul li a .img {
	float: left;
	width: 196px;
}
.news .realCont .content .rightCont ul li a .img img {
	width: 100%;
}
.news .realCont .content .rightCont ul li a .more-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 100%;
	background: url(../images/bg-add.png) no-repeat left top;
	background-color: #d2d2d2;
	opacity: .5;
	font-size: 30px;
	text-align: center;
	line-height: 130px;
	color: #fff;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.news .realCont .content .rightCont ul li a:hover {
	box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
	-webkit-transform: translateY(-10px);
}
.news .realCont .content .rightCont ul li a:hover .more-btn {
	opacity: 1;
	background-color: #277bca;
	background-image: none;
}
.loadMore {
	display: block;
	margin: 0 auto;
	width: 60px;
	text-align: center;
}
.loadMore img {
	margin: 0 auto 10px;
}
.loadMore p {
	font-size: 14px;
	color: #0063b9;
}
.dynamic .realCont .content .rightCont {
}
.dynamic .realCont .content .rightCont ul {
	margin-bottom: 100px;
}
.dynamic .realCont .content .rightCont ul li a {
	display: flex;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	overflow: hidden;
	padding: 0;
	margin-bottom: 32px;
}
.dynamic .realCont .content .rightCont ul li a:hover .imgbox img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.dynamic .realCont .content .rightCont ul li a .imgbox {
	overflow: hidden;
}
.dynamic .realCont .content .rightCont ul li a .imgbox img {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.dynamic .realCont .content .rightCont ul li a .rightContent {
	width: 78%;
	padding: 16px;
}
.dynamic .realCont .content .rightCont ul li a .rightContent .title {
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
}
.dynamic .realCont .content .rightCont ul li a .rightContent .abstract {
	line-height: 24px;
	margin: 10px 0 15px;
	font-size: 14px;
	glyph-orientation-horizontal: 26px;
	opacity: .7;
}
.dynamic .realCont .content .rightCont ul li a .rightContent .fakeMore {
	border-radius: 15px;
	display: block;
	width: 90px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #f5f5f5;
	background-color: #d5d5d5;
	text-transform: uppercase;
	text-align: center;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.dynamic .realCont .content .rightCont ul li a:hover .fakeMore {
	background-color: #277bca;
}
.case {
	background: url() no-repeat;
	background-size: 100% auto;
}
.case .header {
	background-color: transparent;
}
.case .topTit {
	margin-top: 50px;
}
.case .topTit .cn {
	margin-bottom: 5px;
	color: #277bca;
}
.case .topTit .en {
	display:block;
	margin-left: 0;
}
.case .topCon {
}
.case .topCon .des .ball {
	margin: 0 auto;
	margin-bottom: 25px;
	width: 320px;
	height: 320px;
	overflow: hidden;
	border-radius: 50%;
}
.case .topCon .des .ball .slideBlock {
	overflow: hidden;
	width: 1360px;
	height: 100%;
}
.case .topCon .des .ball img {
	float: left;
	height: 100%;
}
.case .topCon .des .apply {
	margin: 0 auto;
	width: 1125px;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
}
.case .topCon .des .apply .score {
	margin-top: 20px;
}
.case .topCon .arrowDoad {
	width: 43px;
	margin: 45px auto 30px;
	cursor: pointer;
}
.case .projectIntroduce {
	width: 1200px;
	margin: 0 auto;
}
.case .projectIntroduce .casebox {
	overflow: hidden;
	padding: 0 10px;
}
.case .projectIntroduce .titles {
	position: relative;
	padding-left: 58px;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
}
.case .projectIntroduce .titles:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -2px;
	width: 30px;
	height: 4px;
	background-color: #277bca;
}
.case .projectIntroduce a {
	position: relative;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	background-color: #fff;
	float: left;
	margin-bottom: 25px;
	overflow: hidden;
	display: block;
	width: 49%;
}
.moreBtn {
	margin-top: 50px;
}
.case .projectIntroduce a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #0f6dc5;
	opacity: 0;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.case .projectIntroduce a:hover:before {
	opacity: 1;
}
.case .projectIntroduce .casebox a:nth-child(2n) {
margin-left: 2%;
}
.case .projectIntroduce a .img {
	float: left;
	width: 50%;
}
.case .projectIntroduce a .img img {
	width: 100%;
}
.case .realCont {
	padding-bottom: 80px;
}
.case .projectIntroduce a .intro {
	float: left;
	width: 50%;
	padding: 20px;
	padding-bottom: 0;
}
.case .projectIntroduce a .intro .projectName {
	padding-bottom: 10px;
	position: relative;
	font-size: 19px;
	color: #434343;
	font-weight: bold;
}
.case .projectIntroduce a .intro .projectName:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 65px;
	height: 1px;
	background: #696969;
}
.case .projectIntroduce a .intro .projectDes {
	height: 70px;
	overflow:hidden;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #3E3E3E;
	opacity: .7;
}
.case .projectIntroduce a .intro .productName {
	margin-bottom: 15px;
	color: #464646;
	font-size: 18px;
	line-height: 50px;
	border: 1px solid #c3c3c3;
	border-left: none;
	border-right: none;
}
.case .projectIntroduce a .intro .list {
	overflow: hidden;
	margin-bottom: 10px;
	color: #424242;
	font-size: 14px;
}
.case .projectIntroduce a .intro .list:last-child {
	margin-bottom: 0;
}
.case .projectIntroduce a .intro .list .fixedL {
	margin-top: 2px;
	float: left;
	display: inline-block;
	margin-right: 12px;
	opacity: .6;
}
.case .projectIntroduce a .intro .list .turnR {
	line-height: 20px;
	color: #0063b9;
	font-size: 20px;
	opacity: 1;
}
.case .projectIntroduce a .intro .list .turnR span {
	font-size: 14px;
	margin-left: 10px;
}
.case .projectIntroduce a:hover {
	box-shadow: 0 8px 10px 2px rgba(0, 0, 0, .1);
}
.case .projectIntroduce a:hover .projectName, .case .projectIntroduce a:hover .intro .list .turnR, .case .projectIntroduce a:hover .projectName:after {
	color: #0f6dc5;
}
.case .projectIntroduce a:hover .projectName:after {
	background-color: #0f6dc5;
}
.case .projectIntroduce a:hover .productName {
	color: #0063b8;
}
.popPanel {
	display: none;
}
.rightCont .pro {
	width: 100%;
	margin: 0 auto;
}
.rightCont .pro .probox {
	overflow: hidden;
	padding: 0 10px;
}
.rightCont .pro .titles {
	position: relative;
	padding-left: 58px;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 40px;
}
.rightCont .pro .titles:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -2px;
	width: 30px;
	height: 4px;
	background-color: #277bca;
}
.rightCont .pro a {
	position: relative;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	background-color: #fff;
	float: left;
	margin-bottom: 25px;
	overflow: hidden;
	display: block;
	width: 49%;
}
.moreBtn {
	margin-top: 50px;
}
.rightCont .pro a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #0f6dc5;
	opacity: 0;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.rightCont .pro a:hover:before {
	opacity: 1;
}
.rightCont .pro .probox a:nth-child(2n) {
margin-left: 2%;
}
.rightCont .pro a .img {
	float: left;
	width: 50%;
}
.rightCont .pro a .img img {
	width: 100%;
}
.rightCont .realCont {
	padding-bottom: 80px;
}
.rightCont .pro a .intro {
	float: left;
	width: 50%;
	padding: 20px;
	padding-bottom: 0;
}
.rightCont .pro a .intro .projectName {
	padding-bottom: 10px;
	position: relative;
	font-size: 18px;
	color: #434343;
	font-weight: bold;
}
.rightCont .pro a .intro .projectName:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 65px;
	height: 1px;
	background: #696969;
}
.rightCont .pro a .intro .projectDes {
	height: 70px;
	overflow:hidden;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #3E3E3E;
	opacity: .7;
}
.rightCont .pro a .intro .productName {
	margin-bottom: 15px;
	color: #464646;
	font-size: 18px;
	line-height: 50px;
	border: 1px solid #c3c3c3;
	border-left: none;
	border-right: none;
}
.rightCont .pro a .intro .list {
	overflow: hidden;
	margin-bottom: 10px;
	color: #424242;
	font-size: 14px;
}
.rightCont .pro a .intro .list:last-child {
	margin-bottom: 0;
}
.rightCont .pro a .intro .list .fixedL {
	margin-top: 2px;
	float: left;
	display: inline-block;
	margin-right: 12px;
	opacity: .6;
}
.rightCont .pro a .intro .list .turnR {
	line-height: 20px;
	color: #0063b9;
	font-size: 20px;
	opacity: 1;
}
.rightCont .pro a .intro .list .turnR span {
	font-size: 14px;
	margin-left: 10px;
}
.rightCont .pro a:hover {
	box-shadow: 0 8px 10px 2px rgba(0, 0, 0, .1);
}
.rightCont .pro a:hover .projectName, .rightCont .pro a:hover .intro .list .turnR, .rightCont .pro a:hover .projectName:after {
	color: #0f6dc5;
}
.rightCont .pro a:hover .projectName:after {
	background-color: #0f6dc5;
}
.rightCont .pro a:hover .productName {
	color: #0063b8;
}
/*@media only screen and (min-width: 768px) {*/
	.popPanel {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 111;
}
.popPanel .bg {
	width: 100%;
	height: 100%;
	opacity: .8;
	background-color: #000;
}
.popPanel .contents {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -600px;
	margin-top: -255px;
	width: 1200px;
	height: 510px;
	background-color: #fff;
}
.popPanel .contents .closeBox {
	cursor: pointer;
	position: absolute;
	top: -50px;
	right: -50px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #0f6dc5;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.popPanel .contents .closeBox:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.popPanel .contents .closeBox img {
	width: 30px;
	margin: 5px;
}
.popPanel .contents .img {
	float: left;
	height: 100%;
	display: inline-block;
}
.popPanel .contents .img img {
	height: 100%;
}
.popPanel .contents .intro {
	float: right;
	padding: 35px;
	width: calc(100% - 415px);
}
.popPanel .contents .intro .projectName {
	position: relative;
	font-size: 30px;
	color: #0f6dc5;
	margin-bottom: 28px;
}
.popPanel .contents .intro .projectName:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 65px;
	height: 2px;
	background-color: #0f6dc5;
}
.popPanel .contents .intro .projectDes {
	font-size: 14px;
	line-height: 24px;
	color: #424242;
	opacity: .8;
}
.popPanel .contents .intro .productName {
	margin: 20px 0;
	color: #0063b8;
	font-size: 18px;
	line-height: 50px;
	border: 1px solid #c3c3c3;
	border-left: none;
	border-right: none;
}
.popPanel .contents .intro .list {
	margin-bottom: 10px;
	float: left;
	width: 50%;
}
.popPanel .contents .intro .list .fixedL {
	margin-top: 9px;
	margin-right: 15px;
	float: left;
	font-size: 14px;
	color: #424242;
	opacity: .6;
}
.popPanel .contents .intro .list .turnR {
	font-size: 24px;
	color: #0f6dc5;
}
.popPanel .contents .intro .list .turnR span {
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
}
/*}*/

.productService .realCont .content .rightCont {
	box-sizing: content-box;
	width: 70%;
}
.productService .topTit .cn {
	margin-bottom: 5px;
	color: #277bca;
}
.productService .topTit .en {
	display:block;
	margin-left: 0;
}
.productService .rightCont >img {
	max-width: 100%;
}
.productService .rightCont .idea {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 36px;
}
.productService .rightCont p {
	margin-bottom: 28px;
	font-size: 14px;
	line-height: 24px;
}
.productService .rightCont .espp {
	margin-bottom: 28px;
}
.productService .rightCont .espp p {
	margin-bottom: 0px;
}
.productService .rightCont .reason {
	line-height: 30px;
}
.productService .rightCont .reason p {
	position: relative;
	padding-left: 30px;
}
.productService .rightCont .reasons p {
	margin-bottom: 15px;
}
.productService .rightCont .reasons .fakeP {
	margin-bottom: 10px;
}
.productService .rightCont .reason .fakeP {
	position: relative;
	padding-left: 30px;
}
.productService .rightCont .reason .fakeP:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #7c7c7c;
}
.productService .rightCont .imgBoxs {
	overflow: hidden;
}
.productService .rightCont .imgBoxs .imgs {
	margin-top: 50px;
	float: left;
	width: 31%;
	margin-right: calc(7%/2);
	overflow: hidden;
}
.productService .rightCont .imgBoxs .imgs:nth-child(3) {
margin-right: 0;
}
.productService .rightCont .imgBoxs .imgs img {
	width: 100%;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.productService .rightCont .imgBoxs .imgs:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.esBt .realCont .content .des {
	overflow: visible;
}
.realWhite {/*background-color: #fff;*/
	overflow: hidden;
}
.esBt .realCont .content {
	overflow: visible;
}
.bTit .cn {
	font-size: 30px;
	display: block;
	margin-bottom: 5px;
	color: #277bca;
}
.bTit .en {
	display:block;
	margin-left: 0;
	font-size: 14px;
}
.bTit img {
	margin-top: 10px;
}
.productType1 .realCont .content .leftNav li a {
	color: #0056a2;
}
.productType1 .realCont .content .leftNav li a .en {
	font-size: 12px;
	color: #9e9e9e;
	line-height: normal;
	margin-top: 10px;
	text-transform: uppercase;
}
.productType1 .realCont .content .leftNav li.active a, .productType1 .realCont .content .leftNav li:hover a {
	color: #277bca;
}
.productType1 .realCont .content .rightCont {
	padding-right: 0;
}
.productType1 .equipment {
	padding-left: 40px;
	position: relative;
}
.productType1 .lines {
	margin-top: 50px;
	margin-bottom: 50px;
	border-bottom: 1px dotted #b4b4b4;
}
.productType1 .equipment:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.productType1 .equipment .proTit {
}
.productType1 .equipment .proTit img {
	margin-top: 5px;
	vertical-align: top;
	margin-left: -40px;
	margin-right: 12px;
	display: inline-block;
}
.productType1 .equipment .proTit div {
	display: inline-block;
	font-size: 24px;
	color: #0056a2;
}
.productType1 .equipment .proTit div p {
	margin-left: 2px;
	font-size: 12px;
	color: #9e9e9e;
	text-transform: uppercase;
}
.productType1 .equipment .proParameter {
	margin-top: 70px;
	overflow: hidden;
}
.productType1 .equipment .proParameter .imgL {
	float: left;
	width: 70%;
}
.productType1 .equipment .proParameter .imgL img {
	margin: 0 auto;
	max-width: 100%;
}
.productType1 .equipment .proParameter ul {
	float: left;
	margin-top: 46px;
	width: 28%;
	padding-left: 76px;
}
.productType1 .equipment .proParameter ul li {
	position: relative;
	margin-bottom: 45px;
}
.productType1 .equipment .proParameter ul li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -76px;
	width: 33px;
	height: 1px;
	background-color: #cdcdcd;
}
.productType1 .equipment .proParameter ul li:after {
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 5px;
	left: -22px;
	width: 8px;
	height: 8px;
	background-color: #277bca;
}
.productType1 .equipment .proParameter ul li p {
	font-size: 24px;
	line-height: 30px;
}
.productType1 .equipment .proParameter ul li .name {
	opacity: .5;
	font-size: 15px;
	line-height: 20px;
}
.productType1 .equipment .abs {
	margin-top: 45px;
	margin-bottom: 24px;
	padding: 24px 0;
	line-height: 24px;
	font-size: 14px;
	border: 1px solid #cccccc;
	border-left: none;
	border-right: none;
}
.productType1 .equipment .preponderance {
}
.productType1 .equipment .preponderance .tag {
	text-align: center;
	color: #fff;
	background-color: #de0e00;
	position: relative;
	width: 138px;
	height: 45px;
	line-height: 45px;
	font-size: 24px;
}
.productType1 .equipment .preponderance .tag:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -6px;
	border: 6px solid;
	border-color: transparent transparent transparent #de0e00;
}
.productType1 .equipment .preponderance ul {
	margin-top: 60px;
}
.productType1 .equipment .preponderance ul li {
	margin-bottom: 40px;
	overflow: hidden;
}
.productType1 .equipment .preponderance ul li .desc {
	float: left;
	width: calc(100% - 255px);
	line-height: 28px;
}
.productType1 .equipment .preponderance ul li span {
	float: left;
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #1f1f1f;
}
.productType1 .equipment .preponderance ul li .num {
	margin-right: 20px;
	width: 25px;
	height: 25px;
	background: #de0e00;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.productType1 .equipment .preponderance ul li .attr {
	font-weight: 600;
	width: 170px;
	margin-right: 40px;
}
.productType1 .equipment .preponderance ul li .des {
	padding-left: 40px;
	position: relative;
	float: left;
	width: calc(100% - 253px);
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #585858;
}
#gecolor table {
	border-collapse:collapse;
	width:100%;
	border:1px solid #dcdcdc;
}
#gecolor td {
	border:1px solid #dcdcdc;
	height:28px;
	line-height:28px;
	text-align: center;
	line-height: 38px;
}
.productType1 .equipment .preponderance ul li .des:before {
	position: absolute;
	content: "";
	top: 8px;
	left: 16px;
	width: 8px;
	height: 8px;
	background-color: #b2b2b2;
	border-radius: 50%;
}
.productType1 .equipment .peculiarity {
	margin-top: 50px;
	margin-bottom: 80px;
}
.productType1 .equipment .peculiarity .titles {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 26px;
	color: #222;
}
.productType1 .equipment .peculiarity ul {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 24px 0;
}
.productType1 .equipment .peculiarity ul li {
	position: relative;
	padding-left: 28px;
	font-size: 14px;
	line-height: 28px;
}
.productType1 .equipment .peculiarity ul li:before {
	content: "";
	position: absolute;
	left: 8px;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #de0e00;
}
.productType1 .equipment .btStructure {
	margin-top: 20px;
	margin-bottom: 50px;
	position: relative;
}
.productType1 .equipment:last-child .btStructure {
	margin-bottom: 0;
}
.productType1 .equipment .btStructure .leftBt {
	width: 65%;
}
.productType1 .equipment .btStructure >img {
	position: absolute;
	left: 70%;
	top: 0;
}
.productType1 .equipment .btStructure .leftBt .func {
	border-top: 1px solid #cccccc;
	padding: 24px 0;
	font-size: 14px;
	line-height: 28px;
}
.productType1 .equipment .btStructure .leftBt .constitute {
	padding: 24px 0;
	font-size: 14px;
	line-height: 22px;
}
.productType1 .equipment .btStructure .leftBt .argument {
	padding-top: 24px;
	border-top: 1px solid #cccccc;
}
.productType1 .equipment .btStructure .leftBt .argument li {
	font-size: 14px;
	line-height: 40px;
	overflow: hidden;
}
.productType1 .equipment .btStructure .leftBt .argument li >div {
	display: inline-block;
	float: left;
}
.productType1 .equipment .btStructure .leftBt .argument li .property {
	vertical-align: top;
}
.productType1 .equipment .btStructure .leftBt .argument li .property img {
	display: inline-block;
	margin-right: 10px;
}
.productType1 .equipment .btStructure .leftBt .argument li .property span {
	display: inline-block;
	width: 60px;
	margin-right: 15px;
}
.productType1 .equipment .btStructure .leftBt .argument li .details {
	font-weight: 600;
}
.productType2 {
	padding-bottom: 120px;
}
.productShow {
	position: relative;
	margin-top: 30px;
	margin-bottom: 150px;
}
.productShow .btTit {
	position: absolute;
	top: 0;
	left: 0;
}
.productShow .btTit span {
	display: block;
}
.productShow .btTit .en {
	margin-bottom: 5px;
	font-size: 30px;
	color: #de0e00;
	text-transform: uppercase;
}
.productShow .btTit .cn {
	opacity: .5;
	display: block;
	margin-left: 0;
	font-size: 14px;
}
.productShow .sball {
	height: 640px;
}
.productShow .sball .leftParameter {
	float: left;
	position: relative;
	text-align: right;
	width: calc(50% - 320px);
	height: 100%;
}
.productShow .sball .rightParameter {
	float: right;
	position: relative;
	text-align: left;
	width: calc(50% - 320px);
	height: 100%;
}
.productShow .sball .leftParameter .parameterBox {
	position: absolute;
	right: 0;
	padding-right: 40px;
}
.productShow .sball .rightParameter .parameterBox {
	padding-left: 40px;
	position: absolute;
	left: 0;
}
.productShow .sball .parameterBox:first-child {
	top: 146px;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}
.productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2 {
	left: 0;
	top: 300px;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}
.productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox, .productShow .sball .parameterBox:first-child+.parameterBox.parameter3 {
	top: 465px;
	transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}
.productShow .sball .leftParameter .parameterBox:first-child {
	right: -30px;
}
.productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox {
	right: -30px;
}
.productShow .sball .rightParameter .parameterBox:first-child {
	left: -30px;
}
.productShow .sball .rightParameter .parameterBox:first-child >div:first-child+div {
	margin-left: 20px;
}
.productShow .sball .rightParameter .parameterBox:first-child+.parameterBox, .productShow .sball .rightParameter .parameterBox:first-child.parameter2 {
	left: 0;
}
.productShow .sball .rightParameter .parameterBox:first-child+.parameterBox+.parameterBox {
	left: -30px;
}
.productShow .sball .grey {
	margin-bottom: 5px;
	font-size: 14px;
}
.productShow .sball .Lit {
	margin-bottom: 10px;
}
.productShow .sball .parameterD {
	color: #095292;
	font-size: 24px;
}
.productShow .sball .bigR {
	position: absolute;
	width: 640px;
	height: 640px;
	left: 50%;
	top: 0;
	margin-left: -320px;
	border-radius: 50%;
	border: 1px solid #c5d4e1;
}
.productShow .sball .bigR .smR {
	position: absolute;
	top: 25%;
	left: 25%;
	margin: 0 auto;
	width: 50%;
	height: 50%;
	border-radius: 50%;
	border: 1px solid #c5d4e1;
}
.productShow .sball .bigR .smR img {
	width: 180%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(.7);
	-webkit-transform: translate(-50%, -50%) scale(.7);
	transition-duration: 1.8s;
	-webkit-transition-duration: 1.8s;
}
.productShow .sball .bigR .smR img.active {
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
}
.productShow .sball .bigR .p {
	transform-origin: center center;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 100%;
	transition: all 1.8s cubic-bezier(.28, .02, .25, 1);
	-webkit-transition: all 1.8s cubic-bezier(.28, .02, .25, 1);
}
.productShow .sball .bigR .p .redR {
	position: absolute;
	top: -10px;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #df0e00;
}
.productShow .sball .bigR .p .lrR {
	position: absolute;
	top: -5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #df0e00;
}
.productShow .sball .bigR .p1 {
	transform: rotate(60deg);
	transition: all 1.8s cubic-bezier(.28, .02, .25, 1);
	-webkit-transition: all 1.8s cubic-bezier(.28, .02, .25, 1);
}
.productShow .sball .bigR .p1.active {
	transform: rotate(420deg);
}
.productShow .sball .bigR .p2 {
	transform: rotate(90deg);
}
.productShow .sball .bigR .p2.active {
	transform: rotate(-270deg);
}
.productShow .sball .bigR .p3 {
	transform: rotate(120deg);
}
.productShow .sball .bigR .p3.active {
	transform: rotate(480deg);
}
.productShow .sball .bigR .p4 {
	transform: rotate(-60deg);
}
.productShow .sball .bigR .p4.active {
	transform: rotate(-420deg);
}
.productShow .sball .bigR .p5 {
	transform: rotate(-90deg);
}
.productShow .sball .bigR .p5.active {
	transform: rotate(270deg);
}
.productShow .sball .bigR .p6 {
	transform: rotate(-120deg);
}
.productShow .sball .bigR .p6.active {
	transform: rotate(-480deg);
}
.productIntroduce {
	width: 94%;
	margin: 0 auto;
	background-color: #fff;
	overflow: hidden;
	padding: 50px 3%;
	box-sizing: content-box;
}
.productIntroduce .tits, .product2 .tits2 {
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
	font-size: 24px;
	color: #de0e00;
	line-height: 30px;
}
.productIntroduce .tits:after, .product2 .tits2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -43px;
	width: 86px;
	height: 4px;
	background-color: #dbdbdb;
}
.productIntroduce .tits h2, .product2 .tits12 h2 {
	font-size: 24px;
}
.productIntroduce .tits p, .product2 .tits12 p {
	margin-top:10px;
	font-size: 16px;
	line-height: 26px;
}
.productIntroduce .part1, .product2 .part12 {
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
}
.product2 .part12 {
	padding-bottom:30px;
}
.productIntroduce .part2 {
}
.productIntroduce .part2 .tit {
	position: relative;
	margin-top: 20px;
	padding-top: 10px;
	color: #202020;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 12px;
	font-weight: bold;
}
/*.productIntroduce .part2 .tit:before{content: ""; position: absolute;top: 0;left: 0;width: 32px;height: 2px;background-color: #9b9b9b;}*/
.productIntroduce .part2 .table {
	border:1px solid #d8d8d8;
	border-bottom: none;
}
.productIntroduce .part2 .table .tr {
	overflow: hidden;
	border-bottom: 1px solid #d8d8d8;
	font-size: 18px;
	line-height: 60px;
}
.productIntroduce .part2 .table .tr:nth-child(2n) {
background-color: #f5f5f5;
}
.productIntroduce .part2 .table .tr .lefts {
	float: left;
	width: 30%;
	text-align: center;
	border-right: 1px solid #d8d8d8;
}
.productIntroduce .part2 .table .tr .rights {
	width: 70%;
	float: left;
	overflow: hidden;
}
.productIntroduce .part2 .table .tr .rights >div {
	text-transform: uppercase;
	text-align: center;
	float: left;
}
.productIntroduce .part2 .table .tr .rights >div:first-child {
	text-align: left;
	padding-left: 30px;
}
.productIntroduce .part2 .table .tr .rights.six >div {
	border-right: 1px solid #d8d8d8;
	width: calc(100%/6);
}
.productIntroduce .part2 .table .tr .rights.four >div {
	border-right: 1px solid #d8d8d8;
	width: calc(100%/4);
}
.productIntroduce .part2 .table .tr .rights.six >div:last-child, .productIntroduce .part2 .table .tr .rights.four >div:last-child {
	border-right: none;
}
.productIntroduce .part2 .table .tr .rights.flexB {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}
.productIntroduce .part2 .table .tr .rights.flexB >div:first-child {
	padding-left:0;
}
.productIntroduce .part2 .table .tr .rights.seven >div {
	width: calc(100%/7);
}
.productIntroduce .redTag {
	margin: 40px 0;
	line-height: 45px;
	font-size: 24px;
	background-color: #de0e00;
	padding-left: 115px;
	color: #fff;
	width: 205px;
	position: relative;
}
.productIntroduce .redTag:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -6px;
	border: 6px solid;
	border-color: transparent transparent transparent #de0e00;
}
.productIntroduce .advantage li {
	margin-bottom: 30px;
	overflow: hidden;
}
.productIntroduce .advantage li .lef {
	float: left;
	width: 260px;
}
.productIntroduce .advantage li .lef span {
	float: left;
	display: inline-block;
	font-size: 18px;
}
.productIntroduce .advantage li .lef .num {
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background-color: #de0e00;
	color: #fff;
}
.productIntroduce .advantage li .lef .names {
	line-height: 24px;
	font-weight: 600;
	margin-left: 10px;
	width: calc(100% - 35px);
}
.productIntroduce .advantage li .adDetail {
	float: right;
	margin-left: 20px;
	width: calc(100% - 320px);
}
.productIntroduce .advantage li .adDetail .ms {
	line-height: 24px;
	margin-bottom: 10px;
}
.productIntroduce .advantage li .adDetail .trait>span {
	line-height: 24px;
}
.productIntroduce .advantage li .adDetail .imgborder {
transition-duration: .5s;
-webkit-transition-duration: .5s;
	width: 250px;
	margin: 25px 0;
	padding: 10px;
	border: 1px solid #e7e7e7;
	display: inline-block;
	position: relative;
}
.productIntroduce .advantage li .adDetail .imgborder img {
	width: 100%;
	margin-bottom: 0;
}
.productIntroduce .advantage li .adDetail .imgborder .closeIcon {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background: url(../images/bigger.png) no-repeat center center;
}
.productIntroduce .advantage li .adDetail .imgborder.active {
	width: 530px;
}
.productIntroduce .advantage li .adDetail .imgborder.active .closeIcon {
	background-image: url(../images/reduce.png);
}
.productIntroduce .advantage li .adDetail p {
	padding-left: 20px;
	margin-top: 3px;
	position: relative;
	font-size: 14px;
	line-height: 28px;
}
.productIntroduce .advantage li .adDetail p:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	background-color: #b2b2b2;
	border-radius: 50%;
}
.productIntroduce .advantage li .adDetail img {
	margin-bottom: 25px;
	margin-top: 25px;
	max-width: 100%;
}
.productIntroduce .advantage li .adDetail .esp {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 26px;
}
.productIntroduce .advantage li .adDetail .esp span {
	display: block;
}
.productIntroduce .advantage li .adDetail .leftC {
	float: left;
	width: calc(100% - 350px);
}
.productIntroduce .advantage li .adDetail .leftC p {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 28px;
}
.productIntroduce .advantage li .adDetail .leftC p:before {
	top: 10px;
}
.productIntroduce .advantage li .adDetail .espb {
	margin: 0;
	float: right;
}
.productIntroduce .advantage {
	margin-bottom: 120px;
}
.productIntroduce .opinion {
	background-color: #095292;
	padding: 60px 0 30px;
}
.productIntroduce .opinion ul {
	width: 1065px;
	margin: 0 auto;
}
.productIntroduce .opinion ul li {
	color: #fff;
	margin-bottom: 50px;
	height: 30px;
}
.productIntroduce .opinion ul li .lefWord {
	padding-left: 50px;
	width: 640px;
	float: left;
	position: relative;
	font-size: 16px;
	line-height: 30px;
}
.productIntroduce .opinion ul li .lefWord span {
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: text-top;
	display: inline-block;
}
.productIntroduce .opinion ul li .lefWord span.commaTop {
	position: absolute;
	left: 0;
	bottom: 100%;
}
.productIntroduce .opinion ul li .fromWho {
	float: right;
	font-size: 16px;
	line-height: 30px;
	opacity: .8;
}
.productIntroduce .system {
	margin-bottom: 0;
}
.productIntroduce .btT {
	overflow: hidden;
}
.productIntroduce .btT .leftBt {
	float: left;
	margin-left: 7%;
	width: 53%;
	padding-top: 35px;
	line-height: 24px;
	padding-right: 60px;
}
.productIntroduce .btT .leftBt .tit {
	font-size: 24px;
	margin-bottom: 20px;
	color: #de0e00;
}
.productIntroduce .btT .leftBt .des {
	font-size: 14px;
	line-height: 28px;
}
.productIntroduce .btT .rightBt {
	padding: 40px;
	float: left;
	width: 40%;
	position: relative;
	background-color: #de1b0e;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.productIntroduce .btT .rightBt:before {
	content: "";
	position: absolute;
	top: 15%;
	left: -20px;
	border:10px solid;
	border-color: transparent #de1b0e transparent transparent;
}
.productIntroduce .btT .rightBt li {
	position: relative;
	padding-left: 24px;
	line-height: 28px;
}
.productIntroduce .btT .rightBt li:before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #fff;
	left: 0;
	top: 12px;
}
.bt4 .productIntroduce {
	padding-top: 0;
}
.develop {
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(../images/about-de-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 100%;
	background-attachment: fixed;
}
.contactUs .rightCont, .duty .rightCont, .recruitment .rightCont, .introduce .rightCont {
	width: 80%!important;
	margin-right: 0!important;
}
.develop .tits {
	margin-top: 55px;
}
.realCont .content .develop .des {
	padding-bottom: 0;
}
.develop .time-line-box {
	margin-top: 50px;
	position: relative;
}
.develop .time-line-box .action {
	position: relative;
	z-index: 1;
}
.develop .time-line-box .action img {
	margin: 0 auto;
}
.develop .time-line-box .line {
	position: relative;
	overflow: auto;
	margin-top: 15px;
	padding-bottom: 100px;
	padding-top: 25px;
}
/*.develop .time-line-box:before{z-index:0;content:'';position: absolute;top: 100px;left: 50%;margin-left: -2px;width: 4px;height: 100%;background-color: #d4d4d4;}*/
.develop .time-line-box .line .line-dot {
	padding-bottom: 25px;
	padding-top: 25px;
	position: relative;
	clear: both;
}
.develop .time-line-box .line .line-dot:first-child p {
	display: block;
}
.develop .time-line-box .line .rightBox {
	width: 50%;
	margin-left: 50%;
}
.develop .time-line-box .line .leftBox {
	width: 50%;
}
.develop .time-line-box .line .leftBox:after, .develop .time-line-box .line .rightBox:after {
	z-index:0;
	content:'';
	position: absolute;
	top: 0px;
	right:0;
	margin-left: -2px;
	width: 4px;
	height: 100%;
	background-color: #d4d4d4;
}
.develop .time-line-box .line .leftBox:after {
	margin-left: 0;
	margin-right: -2px;
}
.develop .time-line-box .line .rightBox:after {
	right: auto;
	left: 0;
}
.develop .time-line-box .line .line-dot:last-child:after {
	height: 75px;
}
.develop .time-line-box .line .leftBox .line-dot-detail {
	text-align: right;
	padding-right: 50px;
}
.develop .time-line-box .line .rightBox .line-dot-detail {
	text-align: left;
	padding-left: 50px;
}
.develop .time-line-box .line .line-dot .line-dot-title {
	z-index: 1;
transition-duration: .5s;
-webkit-transition-duration: .5s;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	right: -39px;
	width: 78px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background-color: #b0b0b0;
	color: #fff;
}
.develop .time-line-box .line .rightBox .line-dot-title {
	right: auto;
	left: -39px;
}
.develop .time-line-box .line .line-dot .line-dot-year {
transition-duration: .5s;
-webkit-transition-duration: .5s;
	font-size: 18px;
	position: relative;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}
.develop .time-line-box .line .line-dot-detail img {
	margin-bottom: 10px;
	width: 200px;
	display: inline-block;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}
.develop .time-line-box .line .line-dot-detail .titles {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 30px;
}
.develop .time-line-box .line .line-dot-detail p {
	font-size: 14px;
	line-height: 20px;
}
.honor {
	padding-top: 0;
overflow:;
	background-repeat: no-repeat;
}
.honor .tits {
	margin-top: 15px;
}
.honor .fullCont .box1 .desc .float-l.u1 {
	margin-top: 33px;
	text-align: center;
}
.honor .fullCont .box1 .desc .float-l {
	position: relative;
	clear: both;
	overflow: hidden;
}
.honor .fullCont .box1 .desc .marks {
	font-size: 24px;
	line-height: 50px;
	margin-bottom: 46px;
}
.honor .fullCont .box1 .desc ul.float-l li {
	line-height: 24px;
	display: inline-block;
	margin: 0px 10px;
	cursor: pointer;
	padding: 0px 25px;
	border-radius: 15px;
	position: relative;
}
.honor .fullCont .box1 .desc ul.float-l li:hover, .honor .fullCont .box1 .desc ul.float-l li.cur {
	color: #fff;
	background: #d90d20;
}
.honor-swiper.swiper-container {
	width: 100%;
	max-width: 1000px;
	margin-top: 50px;
}
.honor-swiper.swiper-container .swiper-slide {
	text-align: center;
	overflow: hidden;
	float: left;
	width: 400px;
}
.honor-swiper.swiper-container .swiper-slide img {
	width: 100%;
}
.swiper-wrapper .description .tit a {
	color: #fff;
}
.honor-swiper.swiper-container .swiper-slide:hover {
	background: #fff;
}
.honor-swiper.swiper-container .swiper-slide:hover p {
	color:#d90d20;
}
.swiper-container .swiper-slide p {
	line-height: 40px;
}
.honor .swiper-scrollbar {
	position: absolute;
	width: 50%;
	height: 9px;
	left: 25%;
	bottom: 0;
}
.honor .swiper-scrollbar .swiper-scrollbar-drag {
	background: #095292;
}
.honorList {
	width: 1200px;
	padding-bottom: 0px;
}
.honorList ul li {
	width: 20%;
	float:left;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	text-align: center;
	cursor: pointer;
}
.honorList ul li a {
	display: block;
	width: 200px;
	margin: 0 auto;
	border: 10px solid #fff;
	overflow: hidden;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
}
.honorList ul li img {
	width: 180px;
	height: 250px;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}
.honorList ul li p {
	display: block;
	width: 100%;
	height: 20px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
}
.honorList ul li:hover img {
	-webkit-transform: scale(1.1);
}
.imList {
	width: 100%;
	padding-bottom: 0px;
}
.imList ul li {
	width: 33%;
	float:left;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	text-align: center;
	cursor: pointer;
}
.imList ul li a {
	display: block;
	width: 380px;
	margin: 0 auto;
	border: 10px solid #fff;
	overflow: hidden;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
}
.imList ul li img {
	width: 100%;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
}
.imList ul li p {
	display: block;
	width: 100%;
	height: 20px;
	margin-top: -30px;
	margin-bottom: 30px;
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
}
.imList ul li:hover img {
	-webkit-transform: scale(1.1);
}
.duty .rightCont {
	margin-top: 17px;
}
.duty .rightCont .box .duty-ul {
	position: relative;
}
.duty .rightCont .box .duty-ul li {
	width: 100%;
	position: relative;
	height: 100%;
	margin-bottom: 29px;
}
.duty .rightCont .box .duty-ul li a {
	display: block;
}
.duty .rightCont .box .duty-ul li a:hover .more {
	background-color: #277bca;
}
.duty .rightCont .box .duty-ul li a:hover {
	background-color: #fff;
	box-shadow: 0 20px 40px rgba(0, 0, 0, .1)
}
.duty .rightCont .box .duty-ul li a:hover .imgbox img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.duty .rightCont .box .duty-ul .imgbox {
	width: 45%;
	background: #cccccc;
	float: left;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.duty .rightCont .box .duty-ul .imgbox img {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.duty .rightCont .box .duty-ul .item {
	width: 54%;
	display: inline-block;
	margin-left: 1%;
	padding: 15px 30px 15px 25px;
	position: relative;
}
.duty .rightCont .box .duty-ul .item .title {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 16px;
}
.duty .rightCont .box .duty-ul .imgbox:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.duty .rightCont .box .duty-ul .imgbox img {
	width: 100%;
}
.duty .rightCont .box .duty-ul .item .date {
	font-size: 14px;
	line-height: 30px;
	color: #7d7d7d;
	padding: 0px 3px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.duty .rightCont .box .duty-ul .item .detail {
	max-height: 50px;
	overflow: hidden;
	margin-top: 15px;
	font-size: 14px;
	color: #7d7d7d;
	line-height: 25px;
}
.duty .rightCont .box .duty-ul .item .more {
	width: 82px;
	height: 20px;
	background: #cbcbcb;
	color: #fff;
	position: relative;
	border-radius: 10px;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	cursor:pointer;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	margin-top: 10px;
	display: block;
}
.loadmore {
	color: #85a5d1;
	display: block;
	width: 60px;
	margin: 58px auto 0;
	text-align: center;
}
/*.loadmore:hover p span{animation: loading1 5s infinite;}*/
.loadmore p {
	width: 100%;
	height: 42px;
	position: relative;
	display: block;
	margin-bottom: 15px;
}
.loadmore p span {
	width: 4px;
	height: 42px;
	background: #0063b9;
	display: inline-block;
	margin: 0 2px;
}
.loadmore.load p span:first-child {
	animation:loading1 2s infinite alternate;
	-webkit-animation:loading1 2s infinite alternate;
}
.loadmore.load p span:first-child+span {
	animation:loading1 2s infinite alternate;
	-webkit-animation:loading1 2s infinite alternate;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.loadmore.load p span:first-child+span+span {
	animation:loading1 2s infinite alternate;
	-webkit-animation:loading1 2s infinite alternate;
}
@-webkit-keyframes loading1 {
 0% {
height: 42px;
}
 25% {
height: 34px;
}
 50% {
height: 26px;
}
 75% {
height: 34px;
}
 100% {
height: 42px;
}
}
@keyframes loading1 {
 0% {
height: 42px;
}
 25% {
height: 34px;
}
 50% {
height: 28px;
}
 75% {
height: 34px;
}
 100% {
height: 42px;
}
}
.recruitment .rightCont .box .desc>p {
	font-size: 14px;
	line-height: 24px;
	margin-top:20px;
}
.recruitment .rightCont .titles {
}
.recruitment .rightCont .box1 {
	margin-bottom: 65px;
}
.recruitment .rightCont .zprk {
	margin-top: 32px;
	overflow: hidden;
	height: 105px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.recruitment .rightCont .zprk div {;
	display: inline-block;
	padding-left:32px;
	padding-right: 57px;
	vertical-align: middle;
}
.recruitment .rightCont .zprk .title {
	padding-left: 0;
	padding-right:36px;
	font-size: 14px;
	line-height: 104px;
	position: relative;
}
.recruitment .rightCont .zprk .title:after {
	content: '';
	display: block;
	position: absolute;
	height: 43px;
	width: 1px;
	right: 0;
	top: 50%;
	margin-top: -21px;
	background: #c2c2c2;
}
.recruitment .rightCont .zpxx {
	margin-top: 70px;
	padding-left: 23px;
	width: 100%;
}
.recruitment .rightCont .zpxx ul li {
	width: 30%;
	height:401px;
	background: #fff;
	margin-right:5%;
	float: left;
	margin-bottom: 70px;
	padding: 0 17px 28px 17px;
	position: relative;
}
.recruitment .rightCont .zpxx ul li:before {
transition-duration: .5s;
-webkit-transition-duration: .5s;
	opacity: 0;
	pointer-events: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #0f6dc5;
}
.recruitment .rightCont .zpxx ul li span {
	position: absolute;
}
.recruitment .rightCont .zpxx ul li .top {
}
.recruitment .rightCont .zpxx ul li:hover:before {
	opacity: 1;
}
.recruitment .rightCont .zpxx ul li:nth-child(3n) {
margin-right: 0;
}
.recruitment .rightCont .zpxx ul {
	overflow: hidden;
	width: 100%;
}
.recruitment .rightCont .zpxx ul li .title {
	line-height: 87px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.recruitment .rightCont .zpxx ul li .pay {
	color: #424242;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	border-top:1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.recruitment .rightCont .zpxx ul li .detail {
	height: 170px;
	padding: 33px 0 23px;
	overflow-y:auto;
	color: #a7a7a7;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #e5e5e5;
}
.recruitment .rightCont .zpxx ul li .more {
	position: absolute;
	margin: 0 auto;
	width: 107px;
	height: 28px;
	border-radius:16px;
	color: #fff;
	background: #277bca;
	line-height: 28px;
	text-align: center;
	bottom: 28px;
	left: 0;
	right: 0;
}
.recruitmentDetail {
	display: none;
	padding-top: 0!important;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.recruitmentDetail .bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
}
.recruitmentDetail .contentbox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1000px;
	height: 560px;
	margin-top: -280px;
	margin-left: -500px;
	background-color: #fff;
}
.recruitmentDetail .contentbox .clostRecruit {
	cursor: pointer;
	position: absolute;
	top: -50px;
	right: -50px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #0f6dc5;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.recruitmentDetail .contentbox .clostRecruit img {
	width: 30px;
	margin: 5px;
}
.recruitmentDetail .contentbox .title {
	text-align: center;
	line-height: 70px;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid rgb(205, 205, 205);
}
.recruitmentDetail .contentbox .summary {
	line-height: 28px;
	width: 80%;
	margin: 32px auto 0;
	max-height: 370px;
	overflow: auto;
}
.recruitmentDetail .contentbox .employ {
	display: block;
	margin: 20px auto;
	width: 106px;
	height: 32px;
	line-height: 32px;
	background-color:#f50000;
	color: #fff;
	text-align: center;
}
.contactUs .rightCont .box .desc .contact-box {
	margin-top: 48px;
	overflow: hidden;
}
.contactUs .rightCont .box .desc .contact-box .img-box {
	display: inline-block;
}
.contactUs .rightCont .box .desc .contact-box .contact-ul {
	display: inline-block;
	vertical-align: top;
	margin-left: 0px;
}
.contactUs .rightCont .box .desc .contact-box .contact-ul li {
	font-size: 14px;
	line-height: 24px;
	margin-bottom:10px;
}
.contactUs .rightCont .box .desc .contact-box .contact-ul li.title {
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 14px;
	color: #2d2c2c;
}
.contactUs .rightCont .box .desc #map {
	width: 100%;
	height: 650px;
}
.contactUs .rightCont .box .desc .map {
	border:1px solid #a0a0a0;
	margin-top: 58px;
	position: relative;
}
.contactUs .rightCont .box .desc .map p {
	display: block;
	width: 80%;
	height: 69px;
	line-height: 69px;
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 10%;
	background: #fff;
	color:#4b4b4b;
	font-size: 18px;
}
.contact-box .img-box {
	display: inline-block;
}
.contact-box .contact-ul {
	display: inline-block;
	vertical-align: top;
	margin-left: 0px;
}
.contact-box .contact-ul li {
	font-size: 14px;
	line-height: 24px;
	margin-bottom:10px;
}
.contact-box .contact-ul li.title {
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	margin-bottom: 14px;
	color: #2d2c2c;
}
.contact-box .contact-ul li span {
	margin-right: px;
}
.w3 {
	letter-spacing:0.5em;
	margin-right:-0.5em;
}
.productList {
}
.productList .sbt {
	cursor: move;
	margin-bottom: 100px;
	position: relative;
}
.productList .swiper-container {
	width: 80%;
	margin: 0 auto;
}
.productList .my-progress {
	z-index: 0;
	border-radius: 15px;
	width: 60%;
	height: 5px;
	top: auto;
	bottom: 0;
	left: 20%;
}
.productList .my-progress span {
	border-radius: 15px;
}
.productList .my-scrollBar {
	z-index: 1;
	position: absolute;
	height: 5px;
	width: 60%;
	bottom: 0;
	left: 20%;
}
.productList .my-scrollBar div {
	background-color: #0057a2;
}
.productList .swiper-container .realBox {
	display: block;
	width: 100%;
}
.productList .swiper-container .realBox .gray-bg {
	width: 70%;
	margin: 0 auto;
	position: relative;
	background-color: #cdcdcd;
}
.productList .swiper-container .realBox .gray-bg:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: url(../images/white-bg.png);
	background-size: 100% 100%;
}
.productList .swiper-container .realBox .gray-bg img {
	z-index: 1;
	position: absolute;
	max-width: 120%;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%) scale(.8);
	-webkit-transform: translateX(-50%) scale(.8);
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
.productList .swiper-container .realBox .btTitles {
	position: relative;
	padding-top: 28px;
	padding-left: 10px;
	margin-left: 15%;
	width: 85%;
}
.productList .swiper-container .realBox .btTitles:before {
	content: "";
	position: absolute;
	top:15px;
	left: 10px;
	width: 35px;
	height: 2px;
	background-color: #676767;
}
.productList .swiper-container .realBox .btTitles .cn {
	font-size: 18px;
	color: #414141;
}
.productList .swiper-container .realBox .btTitles .en {
	font-size: 12px;
	color: #414141;
	opacity: .6;
}
.productList .swiper-container .realBox.active {
}
.productList .swiper-container .swiper-slide.active .gray-bg {
	background-color: #0060ab;
	width: 85%;
}
.productList .swiper-container .swiper-slide.active .gray-bg:after {
	background-image: url(../images/bt-bg.png);
	opacity: .8;
}
.productList .swiper-container .swiper-slide.active .gray-bg img {
	bottom: -20px;
	transform: translateX(-50%) scale(1);
	-webkit-transform: translateX(-50%) scale(1);
}
.productList .swiper-container .swiper-slide.active .btTitles {
	z-index: 1;
	position: absolute;
	top: 15%;
	left: 10%;
	width:80%;
	margin-left: 0;
}
.productList .swiper-container .swiper-slide.active .btTitles:before {
	background-color: #fff;
}
.productList .swiper-container .swiper-slide.active .btTitles .cn {
	color: #f1f1f1;
}
.productList .swiper-container .swiper-slide.active .btTitles .en {
	color: #f1f1f1;
	opacity: 1;
}
.np {
	width: 1200px;
	height: 700px;
	margin: auto;
	margin-bottom: 100px;
}
.np ul li {
	width: 300px;
	height: 700px;
	position: relative;
	float: left;
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(0.25, 0, 0, 1);
}
.np ul li .npBox {
	width: 190px;
	height: 429px;
	position: absolute;
	left: 55px;
	top: 100px;
	border: 2px solid #FFFFFF;
}
.np ul li .npBox:before, .np ul li .npBox:after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/sbg.jpg) no-repeat;
	background-size: cover;
	content: '';
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}
.np ul li .npBox:after {
	background-image: url(../images/hbg.jpg);
	opacity: 0;
}
.np ul li .npBox .img {
	width: 400px;
	position: absolute;
	left: -105px;
	bottom: 0px;
	z-index: 20;
	-webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0, 1);
}
.np ul li .npBox .img img {
	width: 100%;
}
.np ul li .npBox .title, .np ul li .npBox .show {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0px;
	bottom: -80px;
	z-index: 10;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0, 0, 1);
}
.np ul li .npBox .show {
	width: 100%;
	color: #FFFFFF;
	bottom: auto;
	top: 80px;
	left: 15px;
	opacity: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0, 0, 1);
}
.np ul li .npBox .title b, .np ul li .npBox .show b {
	display: block;
	padding-top: 10px;
	width: 100%;
	height: auto;
	font-size: 18px;
	line-height: 30px;
}
.np ul li .npBox .title p, .np ul li .npBox .show p {
	width: 150%;
	height: auto;
	line-height: 20px;
	font-size: 12px;
	text-transform: uppercase;
	opacity: .5;
	-webkit-transform: scale(0.8) translateX(-12%);
}
.np ul li .npBox .title:after, .np ul li .npBox .show:after {
	width: 20%;
	height: 2px;
	position: absolute;
	left: 0px;
	top: -4px;
	background: #3e3e3e;
	content: '';
}
.np ul a {
	display: block;
}
.np ul li .npBox .show:after {
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0, 0, 1) 0.3s;
	background: #FFFFFF;
	width: 0%;
}
.np ul li:hover {
	-webkit-transform: scale(1.2);
}
.np ul li:hover .npBox:before {
	opacity: 0;
}
.np ul li:hover .npBox:after {
	opacity: 1;
}
.np ul li:hover .npBox .img {
	-webkit-transform: scale(1.2) translateY(50px);
}
.np ul li:hover .npBox .title {
	bottom: 100px;
	opacity: 0;
}
.np ul li:hover .npBox .show {
	top: 30px;
	opacity: 1;
}
.np ul li:hover .npBox .show:after {
	width: 40%;
}
.newsBg, .newsBg .header {
	background-color: #efefef;
}
.newsDetail {
}
.newsDetail .content .des {
	width: 75%;
	margin: 0 auto;
	overflow: visible;
}
.newsDetail .content .rightCont {
	width: 80%;
	float: none;
	margin: 0 auto;
}
.newsDetail .content {
	background: none;
	padding-bottom: 0;
}
.newsDetail .newsTitle {
	font-size: 30px;
	color: #737172;
	padding-bottom: 25px;
	border-bottom: 1px solid #d4d4d4;
}
.newsDetail .date {
	display: inline-block;
	font-size: 12px;
	color: #737172;
	opacity: .8;
	margin-top: 18px;
}
.newsDetail .author {
	margin-left: 20px;
	display: inline-block;
	font-size: 12px;
	color: #737172;
	opacity: .8;
	margin-top: 18px;
}
.newsDetail .contentss {
	margin-top: 80px;
}
.newsDetail .relContent ul, .newsDetail .relContent li {
	list-style: inside;
}
.newsDetail .contentss .leftShare {
	width: 16%;
	float: left;
}
.newsDetail .contentss .leftShare .back {
	margin-bottom: 45px;
	display: block;
	width: 80px;
	text-align: center;
	color: #969696;
}
.newsDetail .contentss .leftShare .back img {
	margin: 0 auto;
	width: 40px;
}
.newsDetail .contentss .leftShare li {
	text-align: center;
	font-size: 18px;
	color: #969696;
	width: 80px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #e1e1e1;
}
.newsDetail .contentss .leftShare li a {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 56px;
	border-radius: 5px;
	background: url(../images/weChat.png) no-repeat center center;
	background-size: cover;
}
.newsDetail .contentss .leftShare li a.weChat {
	background-color: #29a63e;
}
.newsDetail .contentss .leftShare li a.qZone {
	background-color: #248bc6;
	background-image: url(../images/qZone.png);
}
.newsDetail .contentss .leftShare li a.weibo {
	background-color: #e7912a;
	background-image: url(../images/weibo.png);
}
.newsDetail .contentss .leftShare li a.moreS {
	background-color: #888888;
	background-image: url(../images/more.png);
	height: 56px!important;
	margin: 0;
}
.newsDetail .contentss .leftShare li a span {
	background: none;
}
.newsDetail .contentss .leftShare li:first-child {
	padding-top: 0;
	margin-bottom: 15px;
	border-top: none;
}
.newsDetail .contentss .relContent {
	width: 100%;
	float: right;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.newsDetail .contentss .relContent p {
	margin-bottom: 15px;
}
.newsDetail .contentss .relContent .fakeImg {
	width: 100%;
	height: 480px;
	background-color: #eaeaea;
	margin-bottom: 20px;
}
.newsDetail .contentss .relContent img {
	max-width: 100%;
	margin: 0 auto;
}
.newsDetail .contentss .links {
	width: 100%;
	float: right;
	margin-top: 65px;
}
.newsDetail .contentss .links a {
	display: inline-block;
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 16px;
	color: #f1f1f1;
	border-radius: 25px;
}
.newsDetail .contentss .links a.noMore {
	background-color: #969696;
	cursor: no-drop;
}
.newsDetail .contentss .links a.readMore {
	background-color: #277bca;
}
.newsDetail .contentss .links a.pre {
	float: left;
}
.newsDetail .contentss .links a.next {
	float: right;
}
.newsDetail .closeBtn {
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
	padding: 10px;
	background-color: #969696;
	border-radius: 50%;
}
#jiathis_webchat img {
	margin: 15px auto 0!important;
}
#jiathis_modal_footer {
	padding-top: 5px!important;
}
.friendLink {
	margin-bottom: 54px;
	float: right;
	margin-right: 20px;
	width: 160px;
	background: #fff;
	text-align: center;
	line-height: 23px;
	padding-right: 20px;
	position: relative;
	border-radius: 20px;
	margin-top: 10px;
}
.friendLink .tit {
	cursor: pointer;
}
.friendLink::before {
 position: absolute;
 content: "";
 right: 20px;
 top: 50%;
 margin-top: -3px;
 border: 6px solid;
 border-color: #002d52 transparent transparent transparent;
}
.friendLink .det {
	border-top: 5px solid #002d52;
	border-radius: 15px;
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	background-color: #fff;
	padding: 10px 5px;
	z-index: 1;
}
.friendLink .det a {
	text-align: left;
	color: #3e3e3e;
	display: block;
	line-height: normal;
	font-size: 12px;
}
.friendLink .det a:hover {
	color: #277bca;
	text-decoration: underline!important;
}
.cbottom {
	min-height: 302px;
}
.cbottom >a {
	display: block;
	font-size: 14px;
	width: 106px;
	margin-top: 20px;
	height: 32px;
	line-height: 32px;
	/*background-color: #d31008;*/
    text-align: center;
	text-transform: uppercase;
	border-radius: 20px;
	overflow: hidden;
}
.cbottom >a p {
	line-height: 32px!important;
}
.mobileshowcs {
	display: none;
}
.SwitchTab {
	float: right;
	position: absolute;
	transform: translateY(-50%);
	right: 1%;
	top: 87px;
 transition-duration: .5s;
 -webkit-transition-duration: .5s;
}
header.active .SwitchTab {
	top: 33px;
}
.SwitchTab a {
	width: 16px;
	height: 16px;
	background-size: cover;
	display: inline-block;
}
.SwitchTab .EN {
	background-image:url(../images/EN.png)
}
.SwitchTab .CN {
	background-image:url(../images/CN.png)
}
.tabEC {
	width: 100%;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	text-align: center;
	display: none;
	padding-bottom: 15px;
}
.tabEC a {
	width: 16px;
	height: 16px;
	background-size: cover;
	display: inline-block;
	margin: 0 15px;
}
.tabEC .EN {
	background-image:url(../images/EN.png)
}
.tabEC .CN {
	background-image:url(../images/CN.png)
}
.news .comNav {
	display: none;
}
.espli {
	display: none;
}
.imgbox {
	display: none;
}
.sbbtn {
	display: none;
}
 @media only screen and (max-width: 1600px) {
 .rightCont .pro {
width: 100%;
margin: 0 auto;
}
 .rightCont .pro a .intro .projectName {
font-size: 16px;
font-weight: bold;
}
 .rightCont .pro a .img {
float: left;
width: 40%;
}
 .rightCont .realCont {
padding-bottom: 30px;
}
 .rightCont .pro a .intro {
float: left;
width: 60%;
padding: 10px;
padding-bottom: 0;
}
 .honorList {
width: 100%;
}
 .honorList ul li {
width: 25%;
}
 .imList {
width: 100%;
}
 .imList ul li {
width: 30%;
}
 .imList ul li a {
width: 300px;
}
}
 @media only screen and (max-width: 1440px) {
 .news .nav li a {
padding: 14px 0px 34px 0px;
height: 40px;
line-height: 24px;
font-size: 14px;
}
 .news .nav.zq li a {
padding: 14px 0px;
line-height: 15px;
text-indent: 15px;
}
 .moreList a {
margin: 20px 20px 15px;
}
 .introduce .content .rightCont .box .flag >div {
padding: 15px;
}
 .introduce .content .rightCont .box .flag span:first-child {
line-height: 125px;
padding-right: 20px;
}
 .introduce .content .rightCont .box .flag span:first-child+span {
font-size: 14px;
}
 .series .banner-horse .horse {
right: 5%;
}
 .productList .swiper-container {
width: 100%;
}
 .introduce .content .rightCont .box .tags a {
padding-left: 30px;
font-size: 13px;
}
 .productType1 .equipment .btStructure >img {
left: 70%;
}
 .case .topCon .des .ball {
width: 250px;
height: 250px;
}
 .case .topCon .des .apply {
font-size: 14px;
line-height: 22px;
}
 .case .topCon .des .apply .score {
margin-top: 10px;
}
 .case .topCon .arrowDoad {
margin-top: 35px;
}
 .introduce .rightCont .box .flag >div {
padding: 20px;
}
 .introduce .rightCont .box .flag span:first-child {
line-height: 120px;
}
 .rightCont .pro {
width: 100%;
margin: 0 auto;
}
 .rightCont .pro a .intro .projectName {
font-size: 14px;
font-weight: bold;
}
 .rightCont .pro a .img {
float: left;
width: 35%;
}
 .rightCont .realCont {
padding-bottom: 30px;
}
 .rightCont .pro a .intro {
float: left;
width: 65%;
padding: 10px;
padding-bottom: 0;
}
 .recruitment .rightCont .zpxx ul li .detail {
padding: 10px 0;
}
 .duty .rightCont .box .duty-ul .item {
padding: 20px;
}
 .duty .rightCont .box .duty-ul .item .detail {
margin-top: 10px;
}
 .duty .rightCont .box .duty-ul .item .more {
margin-top: 10px;
display: block;
position: relative;
top: 0;
left: 0;
}
 .recruitment .rightCont .box1 {
padding-bottom: 0;
}
 .productShow .sball .bigR {
width: 480px;
height: 480px;
margin-left: -240px;
}
 .productShow .sball .leftParameter, .productShow .sball .rightParameter {
width: calc(50% - 240px);
}
 .productShow .sball .parameterBox:first-child {
top: 110px;
}
 .productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2 {
top: 225px;
}
 .productShow .sball .parameterBox:first-child+.parameterBox+.parameterBox, .productShow .sball .parameterBox:first-child+.parameterBox.parameter3 {
top: 348px;
}
 .productShow {
margin-bottom: 60px;
}
 .productShow .sball {
height: 500px;
}
 .product .right .tit {
margin-bottom: 10px;
padding-top: 20px;
}
 .product .right .title {
margin-bottom: 10px;
margin-top: 10px;
}
 .swiper-container .swiper-slide p {
line-height: 26px;
}
 .headerNews ul li a .moreN p {
line-height: 32px;
}
 .honorList {
width: 100%;
}
 .imList {
width: 100%;
}
 .recruitmentDetail .contentbox {
height: 400px;
margin-top: -200px;
}
 .recruitmentDetail .contentbox .summary {
max-height: 204px;
}
 .product .right .parameter .detail {
margin-top: 10px;
}
	/*.product{background-position: center -180px;}*/
	.product .right .parameter {
margin-top: 0;
}
 .product .right .center> a {
margin-top: 10px;
}
 .product .right .tit .cn {
font-size: 30px;
}
 .product .right .title .proName {
font-size: 24px;
}
 .product .right .control-btn a {
width: 28px;
height: 28px;
}
 .product .right .control-btn {
width: 70px;
}
	/*.hse .rightCont .box .desc .abs .aim{font-size: 16px;}*/
	.hse .rightCont .box1 .desc .abs .aim span {
margin-right: 20px;
}
 .np {
height: 650px;
}
 .np ul li {
height: 500px;
}
 .np ul li .npBox {
top: 50px;
}
 .cbottom {
min-height: 228px;
}
 .superiority .details {
margin-top: 25px;
padding-top: 25px;
}
 .superiority .details a .desc {
margin-bottom: 20px;
}
 .headerNews ul {
height: 420px;
}
 .headerNews ul li a .abs {
max-height: 50px;
}
 .headerNews .titles {
margin-bottom: 20px;
}
 .application ul li .imbx .description {
height: auto;
padding: 10px 3%;
}
 .application ul li .imbx .description .tit {
padding-bottom: 10px;
font-size: 16px;
}
 .application ul li .imbx .description .more {
margin-top: 20px;
}
 .application ul li .imbx .description .tit span {
max-height: 44px;
}
 .superiority.superiority .logos {
margin-bottom: 25px;
}
 .superiority .abs {
width: 70%;
}
 .headerNews .titles .cn, .application .title .cn {
font-size: 32px;
}
 .headerNews ul li a .date {
margin-bottom: 10px;
}
 .newsDetail .contentss .leftShare li {
width: 70px;
}
 .newsDetail .contentss .leftShare li a {
height: 45px;
}
 .newsDetail .closeBtn {
width: 50px;
height: 50px;
}
 .newsDetail .contentss .leftShare .back img {
width: 100%;
}
}
@media only screen and (max-width: 1366px) {
 header nav {
width: calc(80% - 150px);
}
 header nav li {
width: calc(100%/6);
box-sizing: border-box;
}
 .honorList {
width: 100%;
padding-bottom: 0px;
}
 .honorList ul li {
width: 22%;
float:left;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
text-align: center;
cursor: pointer;
margin-right: 3%;
}
 .honorList ul li a {
display: block;
 width: 200px;
 margin: 0 auto;
 border: 10px solid #fff;
 overflow: hidden;
 box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
}
 .honorList ul li img {
 transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
}
 .honorList {
width: 100%;
padding-bottom: 0px;
}
 .imList ul li {
width: 30%;
float:left;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
text-align: center;
cursor: pointer;
margin-right: 3%;
}
 .imList ul li a {
width: 300px;
}
 .imList ul li img {
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
}
@media only screen and (max-width: 1280px) {
 header nav {
width: calc(80% - 150px);
}
 header nav li {
width: calc(100%/6);
box-sizing: border-box;
}
 .honorList ul li {
width: 30%;
float:left;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
text-align: center;
cursor: pointer;
margin-right: 3%;
}
 .news .nav li a {
padding: 14px 0px 34px 0px;
height: 30px;
line-height: 24px;
font-size: 12px;
}
 .news .nav.zq li a {
padding: 14px 0px;
line-height: 5px;
text-indent: 15px;
}
 .imList ul li {
width: 45%;
float:left;
transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
text-align: center;
cursor: pointer;
margin-right: 3%;
}
}
 @media only screen and (max-width: 1024px) {
 .SwitchTab {
top: 33px;
}
 .case .topCon .des .apply {
width: 80%;
}
 .case .projectIntroduce {
width: 80%;
}
 .rightCont .pro {
width: 80%;;
margin: 0 auto;
}
 .rightCont .pro {
width: 80%;
}
 footer .bottomNav li:first-child {
margin-left: 0;
}
 footer .bottomNav li {
width: auto;
}
 footer .bottom .mes {
display: none;
}
 footer .bottom p {
display: inline-block;
}
 footer .bottom .copyright {
float: none;
text-align: center;
}
 footer .bottom .shuwon {
margin-left: 15px;
}
 .realCont .content .tits {
margin: 0 3%;
}
 .comNav .left a {
margin-right: 0;
}
 .realCont .content .des {
margin: 0 3%;
padding: 20px 0;
}
 .newsDetail .realCont .content .des {
width: 94%;
}
 .productType1 .equipment .btStructure >img {
left: 66%;
}
 .productType1 .equipment .btStructure >img {
max-width: 200px;
}
 .productType1 .equipment .btStructure .leftBt .func {
padding: 10px 0;
font-size: 12px;
}
 .productType1 .equipment .btStructure .leftBt .constitute {
padding: 10px 0;
}
 .productType1 .equipment .btStructure .leftBt .argument li >div {
float: none;
display: block;
}
 .productType1 .equipment .btStructure .leftBt .argument {
padding-top: 15px;
}
 .productType1 .equipment .btStructure .leftBt .argument li {
margin-top: 10px;
font-size: 12px;
line-height: 24px;
}
 .productType1 .equipment .btStructure {
margin-bottom: 20px;
}
 .productType1 .equipment .btStructure .leftBt .argument li .details {
padding-left: 30px;
}
 .esBt .realCont .content {
padding-bottom: 0;
}
 .esBt .realCont .content .des {
padding-bottom: 0;
}
 header {
padding-top: 10px;
height: auto;
}
 header .logo a img {
height: 40px;
}
 header .header-body {
padding-bottom: 10px;
}
 header nav {
width: calc(90% - 150px);
margin-top: 5px;
}
 header nav li {
width: calc(100%/6);
box-sizing: border-box;
}
 header nav li a {
font-size: 12px;
line-height: 28px;
}
 .main {
padding-top: 80px;
}
 .introduce .rightCont .box .desc img {
margin: 10px 0;
}
 .recruitment .rightCont .box1 {
margin-bottom: 20px;
}
 .introduce .rightCont .box .flag {
margin-bottom: 20px;
}
 .introduce .rightCont .box .flag >div {
padding: 5px;
height: 120px;
}
 .introduce .rightCont .box .flag span:first-child {
line-height: 90px;
font-size: 24px;
padding-right: 10px;
}
 .introduce .rightCont .box .flag span:first-child+span {
padding-left: 10px;
width: calc(100% - 86px);
line-height: 22px;
font-size: 12px;
}
 .introduce .rightCont .box .flag .rightb span:first-child+span {
width: calc(100% - 70px);
}
 .introduce .rightCont .box .tags a {
width: 100%;
margin-bottom: 20px;
}
 .introduce .rightCont .box .tags a:first-child+a {
width: 100%;
}
 .comNav {
line-height: 50px;
height: 50px;
}
 .comNav .left {
font-size: 14px;
}
 .comNav .left a {
padding: 0 10px;
}
 .crumbs {
min-width: calc(100% - 460px);
padding-right: 10px;
font-size: 12px;
margin-right: 0;
}
 .realCont .content .leftNav {
top: 10px;
}
 .realCont .content .leftNav {
font-size: 14px;
}
 .realCont .content .leftNav li {
margin-bottom: 20px;
}
 .realCont .content .rightCont .titles {
font-size: 18px;
}
 .introduce .rightCont .box .titles {
margin-bottom: 10px;
}
 .recruitment .rightCont .box .desc>p {
margin-top: 15px;
}
 .introduce .rightCont .box .line {
margin: 15px 0;
}
 .honorList ul li {
width: 30%;
}
 .honorList ul li a {
 display: block;
 width: 180px;
 margin: 0 auto;
 border: 10px solid #fff;
 overflow: hidden;
 box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
}
 .honorList ul li img {
 width: 160px;
 height: 230px;
 transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
}
 .honorList {
padding-bottom: 0;
margin-bottom: 0;
}
 .imList ul li {
width: 45%;
}
 .imList ul li a {
 display: block;
 margin: 0 auto;
 border: 10px solid #fff;
 overflow: hidden;
 box-shadow: 0px 0px 15px rgba(0, 0, 0, .2);
}
 .imList {
padding-bottom: 0;
margin-bottom: 0;
}
 .duty .rightCont .box .duty-ul .item .title {
font-size: 18px;
margin-bottom: 10px;
}
 .duty .rightCont .box .duty-ul .item {
padding: 0 20px;
}
 .duty .rightCont .box .duty-ul .item .date {
font-size: 12px;
line-height: 24px;
}
 .loadmore {
margin: 20px auto;
}
 .recruitment .rightCont .zprk div {
padding-right: 0;
padding-left: 10px;
}
 .recruitment .rightCont .zpxx ul li {
width: 46%;
margin: 0 2%;
}
 .recruitment .rightCont .zpxx {
margin-top: 40px;
padding-left: 0;
}
 .recruitmentDetail .contentbox {
left: 10%;
width: 80%;
margin-left: 0;
height: 600px;
margin-top: -300px;
}
 .recruitmentDetail .contentbox .summary {
max-height: calc(100% - 190px);
}
 .contactUs .rightCont .box .desc #map {
height: 500px;
}
 .contactUs .rightCont .box .desc .map {
margin-top: 25px;
}
 .contactUs .rightCont .box .desc .contact-box {
margin-top: 25px;
}
 .dynamic .realCont .content .rightCont ul li a .rightContent .title {
font-size: 18px;
line-height: 1.5;
}
 .news .realCont .content .rightCont ul li a .newsTit {
font-size: 18px;
line-height: 1.5;
width: 40%;
padding-right: 20px;
}
 .news .realCont .content .rightCont ul li a .contents {
width: calc(60% - 60px);
padding:20px 20px;
max-height: 91px;
height: 91px;
overflow: hidden;
}
 .news .realCont .content .rightCont ul li a .contents .ntit {
font-size: 16px;
line-height: 16px;
display: block;
width: 100%;
}
 .news .realCont .content .rightCont ul li a .more-btn {
width: 60px;
}
 .news .realCont .content .rightCont ul li a {
margin-bottom: 25px;
}
 .case .projectIntroduce a {
width: 100%;
}
 .case .projectIntroduce .casebox a:nth-child(2n) {
margin-left: 0;
}
 .rightCont .pro a {
width: 100%;
}
 .rightCont .pro .probox a:nth-child(2n) {
margin-left: 0;
}
 .popPanel .contents {
width: 80%;
left: 10%;
margin-left: 0;
}
 .case .projectIntroduce a .intro .projectDes {
height: auto;
}
 .rightCont .pro a .intro .projectDes {
height: auto;
}
 .productService .rightCont .idea {
font-size: 20px;
margin-top: 25px;
}
 .productService .topTit .cn {
font-size:20px;
}
 .productService .rightCont .imgBoxs .imgs {
margin-top: 25px;
}
 .productService .rightCont p {
margin-bottom: 15px;
}
 .topTit .en {
font-size: 14px;
}
 .hse .rightCont .box .desc .abs {
width: 48%;
}
 .hse .rightCont .box .desc .abs .aim {
margin-top: 25px;
}
 .hse .rightCont .box2 .desc .img {
width: 48%;
margin-right: 4%;
}
 .hse .rightCont .box2 .desc .img img {
width: 100%;
}
 .moreList.active {
padding: 15px;
}
 .moreList a {
width: 33%;
margin: 0;
float: left;
}
 .moreList:after {
display: none;
}
 .series .banner-horse {
height: auto;
padding: 20px;
margin-bottom: 25px;
margin-top: 20px;
}
 .series .banner-horse .bigTit {
font-size: 50px;
margin-bottom: 25px;
}
 .series .banner-horse .conscience .blue {
font-size: 50px;
}
 .series .banner-horse .bigTit p {
font-size: 16px;
}
 .series .banner-horse .conscience {
width: calc(100% - 280px);
}
 .series .banner-horse .horse {
right: 20px;
width: 50%;
}
 .series .realCont .rightCont .box3 .desc li {
margin-bottom: 25px;
}
 .news .realCont .rightCont .box5 .desc li {
margin-bottom: 25px;
}
 .best .rightCont .box1 .desc .round {
margin-top: 40px;
}
 .best .rightCont .box2 .desc .abs {
padding-bottom: 40px;
}
 .series .realCont .rightCont .concept {
font-size: 24px;
}
 .popPanel .contents .intro {
padding: 20px;
}
 .popPanel .contents .intro .projectName {
font-size: 20px;
margin-bottom: 20px;
}
 .popPanel .contents .intro .projectName::after {
bottom: -10px;
}
 .popPanel .contents .intro .list {
width: 100%;
}
 .popPanel .contents .intro .list .turnR {
font-size: 18px;
}
 .news .realCont .content {
padding-bottom: 0;
}
 .moreBtn {
margin-top: 30px;
}
 .productShow .sball {
height: 350px;
}
 .productShow .sball .leftParameter, .productShow .sball .rightParameter {
width: calc(50% - 175px);
}
 .productShow .sball .bigR {
width: 350px;
height: 350px;
margin-left: -175px;
}
 .productShow .btTit .en {
font-size: 24px;
}
 .productShow .btTit .cn {
font-size: 12px;
}
 .productShow .sball .parameterBox:first-child {
top: 50px;
}
 .productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child {
top: 140px;
}
 .productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3 {
top: 230px;
}
 .productShow .sball .parameterD {
font-size: 16px;
}
 .productShow .sball .Lit {
margin-bottom: 5px;
}
 .productShow .sball .grey {
margin-bottom: 0;
}
 .productShow .sball {
padding-top: 30px;
}
 .productShow .sball .rightParameter .parameterBox {
padding-left: 20px;
}
 .productShow .sball .leftParameter .parameterBox {
padding-right: 20px;
}
 .product2 .part12 {
margin-bottom: 20px;
padding-bottom: 0;
}
 .productType1 .equipment .proTit div {
font-size: 20px;
}
 .productType1 .equipment .proParameter ul li p {
font-size: 16px;
}
 .productType1 .equipment .proParameter ul li {
margin-bottom: 15px;
}
 .productType1 .equipment .peculiarity {
margin: 20px 0 40px;
}
 .productType1 .equipment .peculiarity ul {
margin: 20px 0;
}
 .productType1 .equipment .proParameter {
margin-top: 20px;
}
 .news .nav li a {
font-size: 16px;
height: auto;
padding: 14px 0;
}
 .productType1 .realCont .content .leftNav li a .en {
margin-top: 0;
}
 .fnc-nav {
top: 80px;
}
 .product .swiper-slide {
padding: 3%;
}
 .cbottom {
min-height: 249px;
}
 .application ul li a .description .more {
width: 80%;
}
 .application .wd1480 {
width: 90%;
}
	/*.application ul li.active a{transform: none;}*/
	.application ul li .imbx .description {
position: relative;
bottom: 0;
}
 .application ul li .imbx .description .more {
width: 80%;
margin: 0 auto;
}
 .application ul li .imbx .description .tit {
font-size: 14px;
}
 .application ul li .imbx .description .tit span {
max-height: 40px;
}
 .superiority .abs {
width: 90%;
}
 .headerNews ul {
height: 400px;
}
 .recruitment #box2 ul li {
margin-right: 55px;
}
@media only screen and (max-width: 768px) {
.product .right .title {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #666;
}
.product .right .title .proName {
	font-size: 20px;
}
.product .right .title .abs {
	margin-top: 15px;
	font-size: 14px;
	overflow:  auto;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}

 .SwitchTab {
display: none;
}
 .SwitchTab {
display: none;
}
 .tabEC {
display: block;
}
 .recruitment #box2 ul li {
margin-right: 40px;
}
 footer .left {
width: 100%;
float: none;
overflow: hidden;
}
 footer .left .logo {
float: left;
}
 footer .right {
float: none;
padding-top: 15px;
width: 100%;
}
 footer .right .link {
text-align: center;
}
 footer .bottomNav {
display:none
}
 footer .bottomNav li {
padding: 0 8px;
}
 .bTit .en {
font-size: 12px;
}
 .bTit .cn {
font-size: 22px;
}
 .realCont .content .rightCont {
margin-right: 0;
}
 .honorList ul li {
width: 33%;
}
 .imList ul li {
width: 33%;
}
 .duty .rightCont .box .duty-ul .imgbox {
height: 162px;
}
 .duty .rightCont .box .duty-ul .imgbox img {
height: 100%;
}
 .case .projectIntroduce a .intro .projectDes {
height: 70px;
overflow: hidden;
}
 .rightCont .pro a .intro .projectDes {
height: 70px;
overflow: hidden;
}
 .popPanel .contents {
width: 100%;
height: 100%;
left: 0;
margin-top: 0;
top: 0;
display: flex;
align-items: center;
padding: 0 3%;
}
 .popPanel .contents .closeBox {
top: 15%;
right: 3%;
}
 .popPanel .contents .img {
height: auto;
width: 50%;
}
 .popPanel .contents .intro {
width: 50%;
}
 .news .realCont .content .rightCont ul li a .img {
float: left;
width: 100%;
}
 .news .realCont .content .rightCont ul li a .img img {
width: 100%;
}
 .series .banner-horse .bigTit {
margin-bottom: 20px;
font-size: 40px;
}
 .series .banner-horse .lis {
width: 400px;
padding-left: 40px;
}
 .series .banner-horse .lis span {
margin-left: -45px;
}
 .series .banner-horse .conscience {
width: calc(100% - 100px);
margin-top: 15px;
padding-top: 15px;
}
 .series .banner-horse .conscience .blue {
font-size: 40px;
}
 .popPanel .contents .img img {
width: 100%;
}
 .newsDetail .contentss .relContent {
width: 100%;
}
 .newsDetail .content .rightCont {
width: 94%;
}
}
 @media only screen and (max-width: 767px) {
 .mouse1 {
display: none;
}
 .imgbox {
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
}
 .imgbox .closebtn {
cursor: pointer;
width: 30px;
height: 30px;
position: absolute;
z-index: 100;
top: 15px;
right: 3%;
border-radius: 50%;
background-color: #0f6dc5;
}
 .imgbox .closebtn img {
margin-top: 10%;
margin-left: 10%;
width: 80%;
height: 80%;
}
 .imgbox .pinch-zoom {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
 .develop .time-line-box .action img {
height: 45px;
}
 .recruitment #box2 {
margin-bottom: 30px;
}
 .recruitment #box2 ul li {
margin-right: 0;
float: left;
width: 33.33%;
}
 .recruitment #box2 ul li img {
margin: 0 auto;
}
 .recruitment #box2 ul {
width: 100%;
overflow: hidden;
}
 header {
padding-top: 10px;
}
 header .logo a img {
height: 40px;
}
 header .mobile {
z-index: 100;
position: fixed;
top: 15px;
right: 3%;
width: 30px;
height: 30px;
cursor: pointer;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
display: block;
}
 header .mobile span {
width: 26px;
height: 2px;
background-color: #0064ae;
position: absolute;
top: 4px;
left: 2px;
transition-duration: .5s;
-webkit-transition-duration: .5s;
}
 header .mobile span:nth-child(1) {
transform-origin: left top;
}
 header .mobile span:nth-child(2) {
top: 15px;
}
 header .mobile span:nth-child(3) {
top: auto;
bottom: 3px;
transform-origin: left bottom;
}
 header .mobile.active span:nth-child(2) {
transform: scale(0);
}
 header .mobile.active span:nth-child(1) {
transform: rotate(45deg);
top: 6px;
left: 6px;
}
 header .mobile.active span:nth-child(3) {
transform: rotate(-45deg);
bottom: 4px;
left: 6px;
}
 header nav {
display: none;
padding-top: 50px;
margin-top: 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #efefef;
}
 header nav li {
width: 100%;
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #fff;
border-top: 1px solid rgba(255, 255, 255, .2);
}
 header nav li a {
width: auto;
padding: 0 40px;
color: #3e3e3e;
}
 .headerIndex nav li a {
color: #3e3e3e;
}
 header {
height: auto;
}
 header.ac {
height: 100%;
}
 header .header-body {
padding-bottom: 5px;
width: 100%;
}
 .main {
padding-top: 60px;
padding-bottom: 80px;
}
 .realCont .content .leftNav {
display: none;
}
 .realCont .content .rightCont {
width: 100%!important;
float: none;
}
 .case .projectIntroduce {
width: 100%;
}
 .case .projectIntroduce a .img {
width: 100%;
padding: 10px;
padding-bottom: 0;
}
 .case .projectIntroduce a .intro {
width: 100%;
padding: 15px 3%;
background-color: #d31008;
}
 .case .projectIntroduce a .intro .projectName {
color: #fff;
font-weight: normal;
text-align: center;
}
 .case .projectIntroduce a .intro .projectName::after {
background-color: #fff;
left: 50%;
margin-left: -32px;
}
 .case .projectIntroduce a .intro .projectDes {
height: auto;
display: none;
}
 .rightCont .pro {
width: 100%;
}
 .rightCont .pro a .img {
width: 100%;
padding: 10px;
padding-bottom: 0;
}
 .rightCont .pro a .intro {
width: 100%;
padding: 15px 3%;
background-color: #d31008;
}
 .rightCont .pro a .intro .projectName {
color: #fff;
font-weight: normal;
text-align: center;
}
 .rightCont .pro a .intro .projectName::after {
background-color: #fff;
left: 50%;
margin-left: -32px;
}
 .rightCont .pro a .intro .projectDes {
height: auto;
display: none;
}
 .case .topCon .des .ball {
width: 150px;
height: 150px;
margin-top: 20px;
}
 .case .topCon .des .ball .slideBlock {
width: 636px;
}
 .crumbs {
display: none;
}
 .comNav {
height: auto;
line-height: 40px;
}
 .comNav .left a {
width: 33.33%;
font-size: 13px;
}
 .introduce .rightCont .box .flag > div {
width: 100%;
}
 .introduce .rightCont .box .flag span:first-child {
width: 90px;
text-align: center;
}
 .introduce .rightCont .box .flag span:first-child+span {
width: calc(100% - 90px);
}
 .introduce .rightCont .box .flag .rightb {
margin-top: 10px;
}
 .introduce .rightCont .box .flag .rightb span:first-child+span {
width: calc(100% - 90px);
}
 .introduce .rightCont .box .tags .axb {
width: 100%;
margin: 0;
margin-bottom: 15px;
}
 .introduce .rightCont .box .tags .axb:first-child+.axb {
width: 100%;
}
 .contactUs .rightCont .box .desc .contact-box .img-box {
display: block;
margin-bottom: 15px;
}
 .contactUs .rightCont .box .desc .contact-box .img-box img {
margin: 0 auto;
width: 100px;
}
 .contactUs .rightCont .box .desc .contact-box .contact-ul {
margin-left: 0;
}
 .recruitment .rightCont .zprk {
margin-top: 15px;
line-height: 40px;
padding: 10px 0;
}
 .recruitment .rightCont .zprk .title {
padding-right: 0;
text-align: center;
line-height: 40px;
}
 .recruitment .rightCont .zprk .title:after {
height: 100%;
top: 0;
margin-top: 0;
}
 .recruitment .rightCont .zprk div {
width: 50%;
float: left;
height: 40px;
}
 .recruitment .rightCont .zprk div a {
display: block;
width: 100%;
height: 100%;
}
 .recruitment .rightCont .zprk div a img {
height: 30px;
margin: 5px auto 0;
}
 .recruitment .rightCont .zpxx ul li {
width: 100%;
margin: 0 auto;
height: auto;
padding-bottom: 15px;
margin-bottom: 20px;
}
 .recruitment .rightCont .zpxx ul li .more {
margin-top: 15px;
position: relative;
top: 0;
left: 0;
display: block;
}
 .recruitment .rightCont .zpxx ul li .detail {
height: auto;
}
 .duty .rightCont .box .duty-ul .imgbox {
height: auto;
width: 100%;
}
 .duty .rightCont .box .duty-ul li {
margin-bottom: 15px;
}
 .duty .rightCont .box .duty-ul .item {
width: 100%;
margin-left: 0;
padding: 0 5px;
padding-bottom: 15px;
}
 .recruitmentDetail .contentbox {
width: 100%;
height: 100%;
left: 0;
top: 0;
margin-top: 0;
padding-top: 50px;
}
 .recruitmentDetail .contentbox .clostRecruit {
top: 10px;
right: 10px;
}
 .honor .fullCont .box1 .desc .marks {
font-size: 20px;
line-height: 2;
}
 .honor .fullCont .box1 .desc .float-l.u1 {
margin-top: 15px;
}
 .honor .fullCont .box1 .desc ul.float-l li {
width: 50%;
float: left;
width: 50%;
margin: 0;
}
 .honorList {
margin: 20px 0;
}
 .honorList ul li {
width: 100%;
}
 .honorList ul li a {
width: 50%;
}
 .honorList ul li img {
width: 100%;
height:100%
}
 .imList {
margin: 20px 0;
}
 .imList ul li {
width: 100%;
}
 .imList ul li a {
width: 50%;
}
 .imList ul li img {
width: 100%;
height:100%
}
 .develop .time-line-box .line .rightBox {
padding-left: 39px;
width: 100%;
margin-left: 0;
}
 .develop .time-line-box .line .leftBox {
padding-left: 39px;
width:100%;
margin-left: 0;
}
 .develop .time-line-box .line .leftBox .line-dot-detail {
padding-left: 50px;
padding-right: 0;
text-align: left;
}
 .develop .time-line-box .line .line-dot .line-dot-title {
left: -39px;
right: auto;
position: relative;
}
 .develop .time-line-box .line .leftBox:after, .develop .time-line-box .line .rightBox:after {
right: auto;
left: 38px;
margin-left: 0;
}
 .develop .time-line-box .line .line-dot {
padding-bottom: 15px;
}
 .develop .time-line-box .line {
padding-bottom: 20px;
}
 .develop .time-line-box {
margin-top: 20px;
}
 .develop .time-line-box .line .line-dot-detail img {
max-width: 100%;
}
 footer .right .link a {
padding: 0 10px;
}
 footer .bottomNav li {
width: 33%;
margin-bottom: 5px;
}
 footer .bottomNav li:nth-child(3):after {
display: none;
}
 footer .left .logo {
float: none;
}
 footer .left .logo a {
width: 150px;
display: block;
margin: 0 auto;
}
 footer .left .logo a img {
width: 150px;
}
 footer .bottomNav {
padding-top: 15px;
}
 .friendLink {
float: none;
margin: 0 auto 25px;
}
 footer .right {
margin-bottom: 20px;
}
 footer {
padding-top: 20px;
}
 .banner-in {
margin-bottom: 20px;
}
 footer .bottom p {
width: 300px;
}
 footer .bottom .shuwon {
margin-left: 0;
text-align: center;
}
 .moreList a {
margin-bottom: 15px;
}
 .moreList a .img img {
width: 80px;
}
 .moreList a .bg {
width: 60px;
height: 60px;
margin-top: -30px;
margin-left: -30px;
}
 .moreList a .cn {
font-size: 12px;
}
 .moreList a .en {
height: 32px;
display: none;
}
 .news .comNav {
display: block;
margin-top: 20px;
}
 .news .realCont .content .des {
padding-top: 20px;
padding-bottom: 0;
}
 .news .realCont .content .rightCont ul li a {
margin-bottom: 15px;
padding: 15px;
}
 .dynamic .realCont .content .rightCont ul li a {
display: block;
}
 .dynamic .realCont .content .rightCont ul li a .imgbox {
width: 100%;
padding: 15px 0;
}
 .dynamic .realCont .content .rightCont ul li a .imgbox img {
max-width: 100%;
margin: 0 auto;
}
 .dynamic .realCont .content .rightCont ul li a .rightContent {
width: 100%;
padding: 0;
}
 .dynamic .realCont .content .rightCont ul {
margin-bottom: 25px;
}
 .news .realCont .content {
padding-bottom: 0;
}
 .series .banner-horse {
margin: 20px 0;
}
 .series .banner-horse .bigTit {
font-size: 26px;
}
 .series .banner-horse .bigTit .gray {
margin-right: 30px;
}
 .series .banner-horse .bigTit p {
font-size: 12px;
}
 .series .banner-horse .horse {
position: relative;
top: 0;
left: 0;
width: 70%;
}
 .series .banner-horse .lis {
width: 100%;
}
 .series .banner-horse .conscience {
padding-top: 5px;
width: 100%;
}
 .series .banner-horse .conscience .blue {
font-size: 30px;
width: 100%;
}
 .series .banner-horse .conscience .blue:after {
display: none;
}
 .series .banner-horse .conscience p {
width: 100%;
}
 .series .realCont .comNav .left {
width: 100%;
}
 .series .realCont .rightCont .box1 .desc .img {
max-width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
 .series .realCont .rightCont .box1 .desc {
padding: 20px 3% 0;
}
 .series .realCont .rightCont .concept {
font-size: 14px;
overflow: hidden;
padding: 10px 0;
}
 .series .realCont .rightCont .concept span {
margin-right: 0;
float: left;
width: 25%;
text-align: center;
}
 .series .realCont .rightCont .box2 {
margin-bottom: 20px;
}
 .series .realCont .rightCont .box3 .desc {
padding-top: 20px;
}
 .series .realCont .rightCont .box3 .desc .subtit {
padding-left: 35px;
font-size: 16px;
}
 .series .realCont .rightCont .box3 .desc .description {
padding-left: 35px;
width: 100%;
}
 .series .realCont .rightCont .box3 .desc .subtit::after {
display: none;
}
 .series .realCont .rightCont .box3 .desc li {
margin-bottom: 15px;
}
 .series .realCont .rightCont .box3 .desc li.process .description {
margin-top: 0;
}
 .news .realCont .rightCont .box5 .desc {
padding-top: 20px;
}
 .news .realCont .rightCont .box5 .desc .subtit {
padding-left: 35px;
font-size: 16px;
}
 .news .realCont .rightCont .box5 .desc .description {
padding-left: 35px;
width: 100%;
}
 .news .realCont .rightCont .box5 .desc .subtit::after {
display: none;
}
 .news .realCont .rightCont .box5 .desc li {
margin-bottom: 15px;
}
 .news .realCont .rightCont .box5 .desc li.process .description {
margin-top: 0;
}
 .realCont .content .rightCont .titles {
font-size: 18px;
}
 .informatization .content .des .imgB {
margin-top: 20px;
}
 .hse .rightCont .box .desc .abs {
width: 100%;
}
 .hse .rightCont .box .desc .abs .aim {
overflow: hidden;
font-size: 14px;
margin-top: 15px;
padding-top: 15px;
margin-bottom: 15px;
}
 .hse .rightCont .box1 .desc .abs .aim span {
float: left;
width: 25%;
text-align: center;
margin-right: 0;
}
 .hse .rightCont .box2 .desc .img {
width: 100%;
margin-right: 0;
}
 .hse .rightCont .box3 .desc .theme {
margin-bottom: 15px;
font-size: 14px;
}
 .series .realCont .rightCont .box2 .desc {
padding: 18px 3% 0;
}
 .series .realCont .rightCont .box1 {
margin-bottom: 20px;
}
 .series .realCont .rightCont .box2 {
margin-bottom: 0;
}
 .best .rightCont .box1 .desc .detail {
width: 100%;
margin-top: 0;
font-size: 14px;
}
 .best .rightCont .box1 .desc .imgs {
width: 100%;
margin-top: 15px;
}
 .best .rightCont .box1 .desc .round {
margin-top: 15px;
}
 .best .rightCont .box2 .desc .abs {
padding-bottom: 0;
padding-top: 0;
margin-top: 15px;
}
 .best .rightCont .box2 .desc .abs.active {
height: 400px;
overflow: auto;
}
 .best .rightCont .box2 .desc .abs.active img {
max-width: initial;
}
 .best .rightCont .imgList {
padding-bottom: 20px;
}
 .case .projectIntroduce a {
margin-bottom: 15px;
}
 .rightCont .pro a {
margin-bottom: 15px;
}
 .moreBtn {
margin-top: 20px;
}
 .productService .rightCont .parts {
margin-top: 30px;
}
 .productService .rightCont .idea {
font-size: 18px;
line-height: 1.5;
margin-top: 15px;
}
 .productType1 .equipment .proTit div {
font-size: 18px;
}
 .productType1 .equipment .btStructure .leftBt {
width: 100%;
}
 .productType1 .equipment .btStructure > img {
position: relative;
left: 0;
top:0;
margin: 0 auto;
max-width: 100%;
}
 .productIntroduce .tits, .product2 .tits2 {
font-size: 20px;
margin-bottom: 20px;
}
 .productType1 .equipment .proParameter .imgL {
width: 100%;
}
 .productType1 .equipment .proParameter ul {
width: 50%;
margin-top: 0;
margin-right: 0;
}
 .productType1 .equipment .peculiarity {
margin: 0 0 20px;
}
 .productType1 .equipment .abs {
margin: 20px 0;
padding: 15px 0;
}
 .productType1 .equipment .preponderance .tag {
font-size: 20px;
line-height: 35px;
height: 35px;
}
 .productType1 .equipment .preponderance ul {
margin-top: 20px;
}
 .productType1 .equipment .preponderance ul li {
margin-bottom: 15px;
}
 .productType1 .equipment .preponderance ul li .desc {
width: 100%;
padding-left: 0px;
margin-top: 10px;
}
 .productType1 .lines {
margin: 20px 0;
}
 .productType1 .equipment .proParameter ul {
padding-left: 20px;
}
 .productType1 .equipment .proParameter ul li::before {
display: none;
}
 .productType1 .equipment .proParameter ul li::after {
width: 6px;
height: 6px;
left: -20px;
top: 10px;
}
 .productIntroduce {
padding: 20px 3%;
}
 .productIntroduce .tits h2, .product2 .tits12 h2 {
font-size: 20px;
margin: 0;
}
 .productShow .sball .bigR {
position: relative;
left: 0;
margin: 0 auto 20px;
width: 280px;
height: 280px;
}
 .productShow .sball {
height: auto;
padding-top: 65px;
}
 .productShow .sball .leftParameter, .productShow .sball .rightParameter {
width: 100%;
float: left;
text-align: left;
}
 .productShow .sball .leftParameter {
margin-right: 0;
}
 .productShow .sball .leftParameter .parameterBox, .productShow .sball .rightParameter .parameterBox {
position: relative;
left: 0;
top: 0;
padding-right: 0;
}
 .productShow .sball .leftParameter .parameterBox:first-child+.parameterBox+.parameterBox {
right: 0;
}
 .productShow .sball .parameterBox:first-child + .parameterBox + .parameterBox, .productShow .sball .parameterBox:first-child + .parameterBox.parameter3 {
top: 0;
transform: none;
right: 0;
}
 .productShow .sball .parameterBox:first-child + .parameterBox, .productShow .sball .parameterBox.parameter2:first-child {
top: 0;
}
 .productShow .sball .rightParameter .parameterBox:first-child {
left: 0;
}
 .productShow .sball .parameterBox:first-child+.parameterBox, .productShow .sball .parameterBox:first-child.parameter2 {
transform: none;
}
 .productShow .sball .rightParameter .parameterBox:first-child + .parameterBox + .parameterBox {
left: 0;
}
 .productShow .sball .rightParameter .parameterBox:first-child > div:first-child + div {
margin-left: 0;
}
 .productShow .sball .parameterBox:first-child {
transform: none;
}
 .productShow .sball .rightParameter .parameterBox {
padding-left: 0;
}
 .productShow .sball .parameterD {
font-size: 14px;
}
 .productShow .sball .grey {
margin-bottom: 5px;
}
 .productShow .sball .rightParameter .parameterBox, .productShow .sball .leftParameter .parameterBox {
width: 50%;
float: left;
text-align: center;
margin-bottom: 15px;
}
 .productShow .sball .bigR .p {
display: none;
}
 .productShow .sball .leftParameter .parameterBox:first-child {
right: 0;
}
 .productShow .btTit .en {
font-size: 20px;
}
 .productIntroduce .btT .leftBt .tit {
font-size: 18px;
}
 .productIntroduce .btT .leftBt {
float: none;
width: 100%;
margin: 0 auto;
padding-right: 0;
}
 .productIntroduce .btT .rightBt {
width: 100%;
padding: 20px 3%;
margin-top: 15px;
}
 .productIntroduce .advantage li .lef {
width: 100%;
margin-bottom: 10px;
}
 .productIntroduce .advantage li .adDetail {
width: 100%;
margin: 0;
padding-left: 0;
}
 .productIntroduce .advantage li .adDetail img {
margin: 15px auto;
}
 .productIntroduce .advantage li {
margin-bottom: 15px;
}
 .productIntroduce .advantage {
margin-bottom: 20px;
}
 .productIntroduce .redTag {
margin: 30px 0 20px;
height: 35px;
line-height: 35px;
font-size: 20px;
padding-left: 10px;
width: 138px;
text-align: center;
}
 .productIntroduce .advantage li .adDetail .leftC {
width: 100%;
}
 .productIntroduce .advantage li .adDetail .espb {
margin-top: 15px;
}
 .productIntroduce .advantage li .adDetail .imgborder.active {
width: 100%;
}
 .fnc-nav__control {
width: 33.33%!important;
}
 .btn .cn {
font-size: 16px!important;
}
 .fnc-slide__mask {
width: 94%!important;
}
 .product .left {
position: relative;
width: 100%;
margin: 0;
}
 .product .swiper-slide-active .right {
width: 100%;
height: auto;
}
 .newsDetail .realCont .content .des {
width: 100%;
margin: 0;
}
 .wd1350, .application .wd1480 {
width: 94%;
}
 .application ul li {
width: 100%;
margin-bottom: 20px;
}
 .application ul li .imbx .description {
opacity: 1;
height: auto;
}
 .superiority .details {
width: 100%;
display: block;
overflow: hidden;
}
 .superiority .details a {
width: 100%;
float: left;
display: inline-block;
padding: 0 5px;
text-align:left
}
 .superiority {
padding-bottom: 20px;
margin-top: 30px;
}
 .headerNews ul li {
width: 100%;
margin-right: 0;
padding-bottom: 20px;
}
 .headerNews ul {
height: auto;
}
 .headerNews ul li a .img {
opacity: 1;
transform: none;
}
 .headerNews ul li a .des {
margin-top: 0;
}
 .headerNews ul li a .moreN {
opacity: 1;
height: 28px;
line-height: 28px;
margin: 20px auto 0;
}
 .headerNews ul li a {
width: 100%;
}
 .application ul li .imbx .description .more {
position: relative;
}
 .superiority .details a .theme {
background-size: 70%;
background-position: center;
width: 100px;
height: 50px;
}
 .superiority .details a .ti {
margin-top: 0;
}
 #mapIndex .pos {
width: 94%;
left: 3%;
margin-left: 0;
padding: 5px 15px;
height: auto;
line-height: 24px;
top: 150px;
}
 #mapIndex {
background-position: 46% center;
}
 .application .title, .headerNews .titles, .superiority .title {
width: 100%;
}
 .product .left, .product .right {
height: auto;
}
 .product .left .img {
top: 0;
transform: none;
}
 .product {
background-size: auto 50%;
}
 .product .my-dot {
bottom: 0px;
}
 .application {
margin-top: 20px;
}
 .product .left {
position: relative;
}
 .product .left .img img {
height: 280px;
}
 .product .swiper-slide {
height: 100%;
}
 .application ul {
margin-top: 20px;
}
 .contactUs .rightCont .box .desc .map p {
line-height: normal;
padding-top: 8px;
}
 .application ul li .imbx .description .more {
left: 0;
}
 .newsDetail .contentss .leftShare {
width: 100%;
overflow: hidden;
}
 .newsDetail .contentss .relContent {
width: 100%;
}
 .newsDetail .contentss .links a {
width: 48%;
}
 .newsDetail .contentss .links {
width: 100%;
margin-top: 20px;
}
 .newsDetail .newsTitle {
font-size: 24px;
padding-bottom: 10px;
}
 .newsDetail .contentss {
margin-top: 25px;
}
 .newsDetail .closeBtn {
width: 40px;
height: 40px;
margin-bottom: 0;
display: none;
}
 .newsDetail .contentss .leftShare .back {
display: inline-block;
margin-bottom: 10px;
float: right;
margin-top: 15px;
font-size: 16px;
}
 .newsDetail .contentss .leftShare .back img {
width: 100%;
}
 .newsDetail .contentss .leftShare ul {
margin: 0 -10px;
}
 .newsDetail .contentss .leftShare li:first-child {
width: 100%;
margin-bottom: 0;
text-align: left;
font-size: 14px;
}
 .newsDetail .contentss .leftShare li {
width: 25%;
padding: 10px;
float: left;
}
 .newsDetail .contentss .leftShare li a {
height: 50px;
}
 .newsDetail .contentss .leftShare li a.moreS {
height: 42px!important;
}
 .newsDetail .contentss .leftShare li {
margin-bottom: 10px;
}
 .product .right {
width: 100%;
float: none;
opacity: 1;
transform: none;
-webkit-transform: none;
transition-delay: initial;
-webkit-transition-delay: initial;
transition-duration: initial;
-webkit-transition-duration: initial;
display: block;
}
 .product .left .img img {
opacity: 1;
transform: none;
transition-delay: initial;
-webkit-transition-delay: initial;
transition-duration: initial;
-webkit-transition-duration: initial;
}
 .application ul li .imbx .description .tit {
margin-bottom: 10px;
}
 .product .swiper-slide-active .right {
transform: none;
width: 100%;
}
 .product .swiper-container {
padding-bottom: 60px;
}
 .product .right .parameter .detail {
display: none;
}
 .cbottom {
min-height: auto;
}
 .cbottom >a {
line-height: 32px;
}
 .headerNews .newsBox {
padding-top: 25px;
margin-bottom: 80px;
padding-bottom: 20px;
}
 .headerNews ul li a {
padding: 0;
}
 .application ul li.active .imbx {
transform: none;
}
 .application ul li .imbx .img img {
opacity: 1;
}
 .contactUs .rightCont .box .desc #map {
height: 250px;
}
 .realCont .content {
margin-bottom: 0;
}
 .news .realCont .content .rightCont ul li a .newsTit {
width: 100%;
border-right: none;
float: none;
height: auto;
text-align: left;
padding: 0;
}
 .news .realCont .content .rightCont ul li a .contents {
width: 100%;
float: none;
padding: 0;
margin: 10px auto 15px;
}
 .news .realCont .content .rightCont ul li a .contents .ntit {
font-size: 14px;
line-height: 16px;
display: block;
width: 100%;
}
 .case .realCont {
padding-bottom: 0;
}
 .productIntroduce .part2 .table .tr .rights >div:first-child {
padding-left: 0;
}
 .productIntroduce .part2 .table .tr .lefts {
width: auto;
padding: 0 5px;
}
 .productIntroduce .part2 .table .tr {
font-size: 12px;
}
 .productIntroduce .part2 .table .tr>div {
text-align: center;
}
 .productIntroduce .part2 .table .tr .rights {
width: calc(100% - 60px);
}
 .productIntroduce .part2 .table .tr .rights.four >div {
text-align: center;
}
 .productIntroduce .part2 .table .tr .rights.six >div {
text-align: center;
height: 60px;
line-height: normal;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
 header.active, .case header.active {
z-index: 100;
}
 .case .projectIntroduce .titles {
margin-bottom: 30px;
}
 .rightCont .pro .titles {
margin-bottom: 30px;
}
 .moreList {
position: fixed;
top: 60px;
}
 .superiority .abs {
width: 100%;
text-align: justify;
}
 .mobilebanner {
display: block;
max-height: 100%;
}
 .mobilebanner img {
width: 100%;
}
 .mobilebanner .swiper-pagination span {
background-color: #007aff;
opacity: 1;
}
 .mobilebanner .swiper-pagination .swiper-pagination-bullet-active {
background-color: #d31008;
}
 .demo-cont {
display: none;
}
 .product .right .control-btn {
display: none;
}
 .product:after {
bottom: 0px;
}
 .application .mobile {
overflow: hidden;
}
 .headerNews ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: initial;
}
 .headerNews ul li:hover a {
border: none;
}
 .headerNews .swiper-pagination {
bottom: 0;
}
 .application .swiper-pagination {
bottom: 0;
}
 .mobilenew {
padding-bottom: 10px;
}
 .productIntroduce .advantage li .adDetail p {
text-align: justify;
}
 .bt6 .productIntroduce .advantage li .adDetail p {
padding-left: 0;
}
 .bt6 .productIntroduce .advantage li .adDetail p:before {
display: none;
}
 .productIntroduce .part1, .product2 .part12 {
text-align: justify;
}
 .productIntroduce .advantage li .adDetail .imgborder {
display: block;
margin: 0 auto;
}
 .productType1 .equipment {
padding-left: 0;
}
 .esBt .equipment .btStructure > img {
max-width: 100%;
width: 50%;
}
 .esBt .equipment#box4 .btStructure > img {
width: 100%;
}
 .productIntroduce .part1, .product2 .part12 {
font-weight: 500;
}
 .productType1 .equipment .btStructure .leftBt .func {
font-size: 14px;
}
 .productType1 .equipment .btStructure .leftBt .argument li {
font-size: 14px;
}
 .productType1 .equipment .btStructure .leftBt .argument li .property img {
vertical-align: sub;
}
 .productType1 .equipment .btStructure .leftBt .argument li .property span {
width: auto;
font-size: 16px;
}
 .productType1 .equipment .btStructure .leftBt .argument li .details {
font-weight: 500;
}
 .productType1 .equipment .proParameter .imgL img {
width: 50%;
margin-bottom: 15px;
}
 .case .topCon .des .apply {
width: 100%;
}
 .case .projectIntroduce a:hover {
box-shadow: none;
}
 .rightCont .pro a:hover {
box-shadow: none;
}
 .news .realCont .content .rightCont ul li a .newsTit span {
font-size: 18px;
line-height: 1.5;
text-align: left;
}
 .case .projectIntroduce a:hover:before {
opacity: 0;
}
 .rightCont .pro a:hover:before {
opacity: 0;
}
 .news .realCont .content .rightCont ul li a .more-btn {
position: static;
width: 90px;
height: 24px;
line-height: 24px;
font-size: 12px;
color: #f5f5f5;
background-color: #d5d5d5;
text-transform: uppercase;
text-align: center;
transition-duration: .5s;
-webkit-transition-duration: .5s;
background-image:initial;
opacity: 1;
}
 .whiteBg, .header {
z-index: 100;
}
 .introduce .rightCont .box .tags {
margin: 0;
}
 .contactUs .rightCont .box .desc .map {
margin-top: 5px;
}
 header {
position: fixed;
}
 header .logo {
left: 3%;
}
 .mobileshowcs {
display: block;
}
 .mobileshowcs .cs {
color: #095292;
}
		/*.mobileshowcs ul{overflow: hidden;}*/
		.productShow {
margin-bottom: 30px;
}
 .mobileshowcs ul li {
width: 50%;
float: left;
height: 60px;
margin-bottom: 10px;
}
 .mobileshowcs.espcs ul li {
height: 80px;
}
 .mobileshowcs.espcs1 ul li {
height: 40px;
}
 .productShow .sball .leftParameter, .productShow .sball .rightParameter {
display: none;
}
 .eslul {
display: none;
}
 .espli {
display: block;
}
 .productType1 .equipment .proParameter ul.espul {
width: 100%;
overflow: hidden;
}
 .productType1 .equipment .proParameter ul.espul li {
width: 50%;
float: left;
}
 .productType1 .equipment .preponderance ul li .attr {
margin-right: 0;
width: calc(100% - 45px);
}
 .popPanel .contents .closeBox {
top: 15px;
position: fixed;
}
 .popPanel .contents {
display: block;
position: relative;
height: auto;
align-items:  initial;
}
 .popPanel .contents .img {
width: 100%;
float: none;
}
 .popPanel .contents .intro {
width: 100%;
padding: 0;
float: none;
overflow: hidden;
height: auto;
}
 .popPanel {
height: 100%;
overflow: auto;
}
 .popPanel .contents .intro .list {
float: none;
}
 .popPanel .bg {
display: none;
}
 .popPanel .contents .intro .list .fixedL {
margin-top: 5px;
}
 .contactUs .rightCont .box .desc .map p {
position: relative;
width: 100%;
top: 0;
left: 0;
font-size: 14px;
height: auto;
padding: 8px;
}
 #dowebok section {
display:;
}
 #dowebok .fixedBanner {
display: block;
}
 .case .projectIntroduce .casebox a .intro .productName {
display: none;
}
 .case .projectIntroduce .casebox a .intro .list {
display: none;
}
 .rightCont .pro .probox a .intro .productName {
display: none;
}
 .rightCont .pro .probox a .intro .list {
display: none;
}
 .sbbtn {
display: block;
width: 140px;
height: 28px;
line-height: 25px;
text-transform: uppercase;
font-size: 12px;
border: 1px solid #db524d;
margin:  15px auto;
text-align: center;
color: #fff;
margin-bottom: 5px;
}
}