body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #fff;
	font-family: "Microsoft YaHei", "微软雅黑", arial;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}

textarea,
input {
	font-family: "Microsoft YaHei", "微软雅黑", arial;
	color: #333333;
	font-size: 14px;
	padding: 0;
	margin: 0;
	outline: none;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

input:focus,
textarea:focus {
	outline: none;
}

ol,
ul,
li {
	list-style: none;
}



a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
	font-family: "Microsoft YaHei", "微软雅黑", arial;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
}

a:hover {
	color: #e50115;
}

html,
body {

	height: 100%;

	margin: 0;

	padding: 0;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.wrap {

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	box-sizing: border-box;

}

.wrap:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.row {

	width: 100%;

	box-sizing: border-box;

}

.row:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.article {

	line-height: 24px;

	font-size: 14px;

	color: #666666;

	text-align: justify;

}

.article img {

	width: 50%;
	margin: 20px auto;
	display: block;

}

.article p {
	margin-bottom: 10px;
	text-indent: 20px;
	line-height: 30px;
}

.mainFilter {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	z-index: 100;

	display: none;

	background: url(../image/mainFilter.png);

}

.wrapper {

	width: 100%;

	min-height: 100%;

	position: relative;

	box-sizing: border-box;

	padding-top: 92px;

}

.header {

	width: 100%;

	height: 92px;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 90;

	background: #fff;

}

.header .logo {

	float: left;

	overflow: hidden;

	width: 160px;

	margin-top: 26px;

}

.header .logo img {

	width: 100%;

	display: block;

}

.header .searchBox {

	float: right;

	margin-top: 35px;

	position: relative;

}

.header .searchBox .searchBtn {

	width: 25px;

	height: 25px;

	background: url(../image/searchBtn.gif) no-repeat center;

	cursor: pointer;

}

.header .searchBox .searchBar {

	width: 300px;

	height: 40px;

	position: absolute;

	right: -9px;

	top: 30px;

	z-index: 5;

	border: solid 2px #eee;

	box-sizing: border-box;

	display: none;

}

.header .searchBox .searchBar .inpu {

	width: 258px;

	height: 36px;

	float: left;

}

.header .searchBox .searchBar .inpu input {

	width: 100%;

	height: 36px;

	line-height: 36px;

	padding: 0 10px;

	box-sizing: border-box;

	font-size: 14px;

	color: #666;

}

.header .searchBox .searchBar .inpu input::-webkit-input-placeholder {
	color: #ccc;
}

.header .searchBox .searchBar .inpu input:-moz-placeholder {
	color: #ccc;
}

.header .searchBox .searchBar .inpu input::-moz-placeholder {
	color: #ccc;
}

.header .searchBox .searchBar .inpu input:-ms-input-placeholder {
	color: #ccc;
}

.header .searchBox .searchBar .btn {

	width: 36px;

	height: 36px;

	float: right;

	background: url(../image/searchBtn.gif) no-repeat center #fff;

	border-left: solid 2px #eee;

}

.header .searchBox .searchBar .btn input {

	width: 100%;

	height: 100%;

	background: none;

	cursor: pointer;

}

.header .nav .tit,

.header .menuBtn {

	display: none;

}

.header .nav {

	float: right;

	margin-right: 28px;

}

.header .nav>ul>li {

	float: left;

	margin-left: 20px;

	position: relative;

}

.header .nav>ul>li>a {

	width: 95px;

	height: 90px;

	line-height: 90px;

	display: block;

	text-align: center;

	position: relative;

	font-size: 14px;

	color: #333333;

}

.header .nav>ul>li>a:after {

	content: "";

	border-left: 6px solid transparent;
	border-right: 6px solid transparent;

	border-bottom: 6px solid #fff;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -6px;

	z-index: 2;

	display: none;

}

.header .nav>ul>li.on,

.header .nav>ul>li:hover {

	background: #e50115;

}

.header .nav>ul>li.on a,

.header .nav>ul>li:hover a {

	color: #fff;

}

.header .nav>ul>li.on>a:after,

.header .nav>ul>li:hover>a:after {

	display: block;

}

.header .nav li .sub {

	width: auto;

	min-width: 95px;

	position: absolute;

	left: 50%;

	top: 90px;

	transform: translate(-50%, 0%);

	-webkit-transform: translate(-50%, 0%);

	-moz-transform: translate(-50%, 0%);

	-ms-transform: translate(-50%, 0%);

	-o-transform: translate(-50%, 0%);

	z-index: 4;

	background: #fff;

	box-sizing: border-box;

	display: none;

	padding-top: 2px;

}

.header .nav li .sub li {

	border-bottom: solid 1px #eee;

	text-align: center;

}

.header .nav li .sub li a {

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #333333;

	display: block;

	white-space: nowrap;

	padding: 0 14px;

}

.header .nav li .sub li a:hover {

	background: #e50115;

	color: #fff;

}


.header .searchBox,

.header .logo,

.header .nav>ul>li>a,

.header {

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.header.min {

	height: 60px;

}

.header.min .logo {

	margin-top: 13px;

}

.header.min .searchBox {

	margin-top: 18px;

}

.header.min .searchBox .searchBar {

	top: 42px;

}

.header.min .nav>ul>li>a {

	height: 60px;

	line-height: 60px;

}

.header.min .nav li .sub {

	top: 60px;

}











.fp-auto-height.fp-section,

.fp-auto-height .fp-slide,

.fp-auto-height .fp-tableCell {

	height: auto !important;

}



.fp-responsive .fp-auto-height-responsive.fp-section,

.fp-responsive .fp-auto-height-responsive .fp-slide,

.fp-responsive .fp-auto-height-responsive .fp-tableCell {

	height: auto !important;

}



/*Only display content to screen readers*/

.fp-sr-only {

	position: absolute;

	width: 1px;

	height: 1px;

	padding: 0;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	white-space: nowrap;

	border: 0;

}











#superContainer {

	height: 100%;

	position: relative;

	-ms-touch-action: none;
	/* Touch detection for Windows 8 */

	touch-action: none;
	/* IE 11 on Windows Phone 8.1*/

}

.fp-section {

	position: relative;

	-webkit-box-sizing: border-box;
	/* Safari<=5 Android<=3 */

	-moz-box-sizing: border-box;
	/* <=28 */

	box-sizing: border-box;

}

.fp-slide {

	float: left;

}

.fp-slide,
.fp-slidesContainer {

	height: 100%;

	display: block;

}

.fp-slides {

	z-index: 1;

	height: 100%;

	overflow: hidden;

	position: relative;

	-webkit-transition: all 0.3s ease-out;
	/* Safari<=6 Android<=4.3 */

	transition: all 0.3s ease-out;

}

.fp-section.fp-table,
.fp-slide.fp-table {

	display: table;

	table-layout: fixed;

	width: 100%;

}

.fp-tableCell {

	display: table-cell;

	vertical-align: middle;

	width: 100%;

	height: 100%;

}

.fp-slidesContainer {

	float: left;

	position: relative;

}

.fp-controlArrow {

	position: absolute;

	z-index: 4;

	top: 50%;

	cursor: pointer;

	width: 0;

	height: 0;

	border-style: solid;

	margin-top: -38px;

}

.fp-controlArrow.fp-prev {

	left: 15px;

	width: 0;

	border-width: 38.5px 34px 38.5px 0;

	border-color: transparent #fff transparent transparent;

}

.fp-controlArrow.fp-next {

	right: 15px;

	border-width: 38.5px 0 38.5px 34px;

	border-color: transparent transparent transparent #fff;

}

.fp-scrollable {

	overflow: scroll;



}

.fp-notransition {

	-webkit-transition: none !important;

	transition: none !important;

}

/*右侧导航点*/

#fp-nav {

	position: fixed;

	z-index: 100;

	top: 50%;

	opacity: 1;

	left: 48px;

}

#fp-nav ul,

.fp-slidesNav ul {

	margin: 0;

	padding: 0;

}

#fp-nav ul li {

	width: 14px;

	margin-bottom: 17px;

	display: block;

	position: relative;

}

#fp-nav ul li a {

	width: 10px;

	height: 10px;

	display: block;

	cursor: pointer;

	text-decoration: none;

	border-radius: 50%;

	padding: 3px;

}

#fp-nav ul li a span {

	width: 10px;

	height: 10px;

	background: #faadb3;

	border-radius: 50%;

	display: block;

}

#fp-nav ul li a.active {

	border: solid 1px #faadb3;

	padding: 2px;

}

#fp-nav.dark ul li a span {

	background: #faadb3;

}

#fp-nav.dark ul li a.active {

	border: solid 1px #faadb3;

}

/*横向幻灯片导航点*/

.fp-slidesNav {

	position: absolute;

	z-index: 4;

	left: 50%;

	opacity: 1;

	bottom: 35px;

	transform: translate(-50%, 0);

	-webkit-transform: translate(-50%, 0);

	-moz-transform: translate(-50%, 0);

	-ms-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

}

.fp-slidesNav ul li {

	display: inline-block;

	margin: 0 10px;

}

.fp-slidesNav ul li a {

	width: 40px;

	height: 3px;

	display: block;

	cursor: pointer;

	background: #fff;

}

.fp-slidesNav ul li a.active {

	background: #1b97e2;

}

.section1 .slide {

	text-align: center;

	background: no-repeat center;

	/*background-size: 100% auto;*/
	background-size: cover !important;

}

.section1 .slide img {
	width: 100%;
	display: none;

}

.section1 .slide a {
	display: block;
	height: 100%;
}

#dowebok .columnTitle {

	text-align: center;

}

#dowebok .columnTitle .tit {

	line-height: 38px;

	font-size: 35px;

	color: #333333;

}

#dowebok .columnTitle .entit {

	line-height: 28px;

	font-family: Arial;

	font-size: 25px;

	color: #999999;

	margin-top: 8px;

}

#dowebok .columnTitle .line {

	width: 32px;

	height: 3px;

	background: #e50115;

	display: inline-block;

	margin-top: 22px;

}

.section2 {


	/* padding-top: 40px; */

}

.section2 .slogan {

	line-height: 24px;

	font-size: 16px;

	text-align: center;

	margin-top: 25px;

}

.section3 .slogan {

	line-height: 24px;

	font-size: 16px;

	text-align: center;

	margin-top: 10px;

}

.section2 .solutionList {

	width: 1200px;

	margin: 36px auto 0 auto;

}

.section2 .solutionList:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.section2 .solutionList li {

	float: left;

	width: 398px;

	height: 200px;

	padding-left: 3px;

	overflow: hidden;

	margin-bottom: 3px;

}

.section2 .solutionList li:nth-child(3n+1) {

	padding-left: 0;

}

.section2 .solutionList li a {

	width: 100%;

	height: 100%;

	display: block;

	position: relative;

	overflow: hidden;

}

.section2 .solutionList li img {

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section2 .solutionList li a:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

@media only screen and (max-width: 1600px) {

	.section2 .solutionList {

		width: 906px;

	}

	.section2 .solutionList li {

		width: 300px;

		height: 210px;

	}

}

.section2 .solutionList li .text {

	width: 100%;

	height: 22px;

	line-height: 22px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 5;

	margin-top: -28px;

}

.section2 .solutionList li .icon {

	width: 100%;

	height: 31px;

	position: absolute;

	bottom: 50%;

	left: 0;

	z-index: 5;

	background: url(../image/section2_icon.png) no-repeat center 0;

	background-size: auto 100%;

	margin-bottom: -37px;

}

.section3 {

	background: url(../image/i_bg1.jpg) center center no-repeat;
	background-size: cover;

	padding-top: 40px;

}

#dowebok .productList {
	overflow: hidden;
	margin-top: 30px;
	position: relative;
	opacity: 1;
	transition: 0.8s;
	-webkit-transition: 0.8s;

	-moz-transition: 0.8s;
	-ms-transition: 0.8s;
	-o-transition: 0.8s;
}

#dowebok .productList ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#dowebok .productList ul li {
	width: 49%;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 0;
	margin-bottom: 20px;
	border: 1px solid #fff;
}

/*#dowebok .productList ul li:hover{background:#002157;}*/
/* 
#dowebok .productList ul li:after{ content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:#fff;} */

/* #dowebok .productList ul li:before{ content:""; position:absolute; left:0; bottom:0; height:1px; width:100%; background:#fff;} */

#dowebok .productList ul li .boxs {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#dowebok .productList ul li a {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
}

#dowebok .productList ul li a:hover {}

/*#dowebok .productList ul li.on{ background:#002157;}*/
#dowebok .productList ul li .imgs {
	overflow: hidden;
}

#dowebok .productList ul li .imgs img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

#dowebok .productList ul li:hover .imgs img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

#dowebok .section3 .columnTitle {
	text-align: center;
}

#dowebok .section3 .columnTitle .tit {
	color: #000;
}

#dowebok .section3 .columnTitle .entit {

	color: #fff;

}

#dowebok .section3 .columnTitle .line {

	background: #fff;

}

#dowebok .section4 .columnTitle {

	text-align: left;

}

#dowebok .section4 .columnTitle .tit {}

#dowebok .section4 .columnTitle .entit {

	color: #cccccc;

}

#dowebok .section4 .columnTitle .line {

	background: #e50115;

}

.section4 {

	padding-top: 41px;


}

.section4 .contont {

	width: 50%;

	float: left;

}

.section4 .contont .text {

	line-height: 30px;

	font-size: 16px;


	margin-top: 120px;

	text-align: justify;

}

.section4 .contont .text .line {

	width: 32px;

	height: 3px;

	background: #e50115;

	display: inline-block;

	margin-top: 42px;

}

.section4 .contont .list {

	margin-top: 52px;

}

.section4 .contont .list:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.section4 .contont .list li {

	width: 45%;

	height: 26px;

	line-height: 26px;

	font-size: 14px;


	float: left;

	padding: 0 10px 0 44px;

	box-sizing: border-box;

	background: no-repeat 0 center;

	background-size: auto 100%;

	margin-bottom: 30px;

}

.section4 .contont .list li:nth-child(even) {

	width: 55%;

}

.section4 .contont .list li span {

	display: block;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	word-break: break-all;

}

.section4 .contont .more {

	width: 127px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border: solid 1px #ccc;

	font-size: 16px;

	color: #000;


	display: block;

	margin-top: 42px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section4 .contont .more:hover {


	background-color: #e50115;

	color: #fff;

}

.section4 .services {

	width: 495px;

	height: 495px;

	float: right;

	margin-top: 100px;


	margin-right: 16px;

	position: relative;

}

.section4 .services img {
	width: 100%;
}

.section4 .services .title {

	width: 123px;

	height: 123px;

	background: #4eb3f1;

	border-radius: 50%;

	position: absolute;

	left: 50%;

	top: 50%;

	z-index: 5;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	padding: 35px 10px;

	box-sizing: border-box;

	text-align: center;

	line-height: 25px;

	font-size: 18px;

	color: #fff;

}

.section4 .services li {

	width: 100px;

	text-align: center;

	position: absolute;

	z-index: 5;

}

.section4 .services li .pic {

	height: 35px;

}

.section4 .services li .pic img {

	height: 100%;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section4 .services li:hover .pic img {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-ms-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-moz-transform: rotateY(180deg);

}

.section4 .services li .txt {

	height: 20px;

	line-height: 20px;

	font-size: 16px;

	color: #fff;

	margin-top: 8px;

}

.section4 .services li.s1 {

	top: 35px;

	left: 50%;

	margin-left: -50px;

}

.section4 .services li.s2 {

	top: 120px;

	right: 25px;

}

.section4 .services li.s3 {

	top: 263px;

	right: 25px;

}

.section4 .services li.s4 {

	bottom: 50px;

	right: 110px;

}

.section4 .services li.s5 {

	left: 110px;

	bottom: 50px;

}

.section4 .services li.s6 {

	left: 25px;

	top: 263px;

}

.section4 .services li.s7 {

	top: 120px;

	left: 25px;

}

.section5 {

	position: relative;

	overflow: hidden;

}

.section5 .hand {
	float: left;
	width: 495px;
	margin-top: 100px;

}

.section5 .hand img {

	width: 100%;

}

.section5 .contont {

	width: 590px;

	float: right;

}

#dowebok .section5 .columnTitle {

	text-align: left;

}

.section5 .contont .text {

	line-height: 30px;

	font-size: 16px;

	color: #333333;

	margin-top: 20px;

	text-align: justify;

}

.section5 .contont .text .line {

	width: 32px;

	height: 3px;

	background: #e50115;

	display: inline-block;

	margin-top: 42px;

}

.section5 .contont .more {

	width: 127px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	border: solid 1px #999999;

	font-size: 16px;

	color: #666666;


	display: block;

	margin-top: 42px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section5 .contont .more:hover {


	background-color: #e50115;

	color: #fff;

}

.section5 .contont .list {

	margin-top: 70px;

}

.section5 .contont .list li {

	width: 33.333%;

	float: left;

	text-align: center;

}

.section5 .contont .list li .number {

	width: 100%;

	line-height: 50px;

	font-size: 18px;

	color: #333333;

}

.section5 .contont .list li .number .num {

	font-family: Arial;

	font-size: 75px;

	color: #e50115;

}

.section5 .contont .list li .txt {

	width: 100%;

	line-height: 20px;

	font-size: 20px;

	font-size: 18px;

	color: #333333;

}

#dowebok .section6 {

	/*padding-top: 30px;*/

	position: relative;
	background: #505050;

}

#dowebok .section6 .columnTitle .tit {
	padding-top: 30px;
	color: #fff;

}

#dowebok .section6 .columnTitle .entit {

	color: #cccccc;

}

#dowebok .section6 .columnTitle .line {

	background: #99b0c4;

}

.section6 .clientsList {

	width: 1199px;

	margin: 50px auto 0 auto;

}

.section6 .clientsList .swiper-container {

	padding-bottom: 70px;

}

.section6 .clientsList .swiper-slide {

	overflow: hidden;

}

.section6 .clientsList .swiper-slide img {

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.section6 .clientsList .swiper-slide a:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

.section6 .clientsList .swiper-pagination-bullet {

	width: 10px;

	height: 10px;

	background: #fff;

	margin: 0 10px;

	opacity: 1;

}

.section6 .clientsList .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #e50115;

}



.footer {

	background: #2b2b2b;

	padding-top: 44px;

	font-size: 14px;

	color: #fff;


}

.footer a {

	font-size: 14px;

	color: #fff;

	transition-duration: .2s;

	-webkit-transition-duration: .2s;

	-moz-transition-duration: .2s;

	-ms-transition-duration: .2s;

	-o-transition-duration: .2s;

}

.footer .tit {

	font-size: 16px;

	color: #fff;

}

.footer .link-list {

	float: left;

}

.footer .list {

	width: 156px;

	float: left;

}

.footer .contact .text,

.footer .list li {

	line-height: 24px;

}

.footer .contact .text,

.footer .list ul {

	margin-top: 20px;

}

.footer .list li a:hover {

	color: #fff;

}

.footer .contact {

	max-width: 234px;

	float: left;

}

.footer .contact p {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

}

.footer .contact .t {

	min-width: 42px;

}

.footer .qrcodebox {

	float: right;

}

.footer .qrcodebox .box {

	float: left;

	margin-left: 14px;

	width: 128px;

	text-align: center;

}

.footer .qrcodebox i {

	display: block;

	margin-bottom: 10px;

}

.footer .qrcodebox img {

	width: 100%;

	display: block;

}

.footer .bottom {

	border-top: solid 1px #ccc;

	line-height: 24px;

	padding: 13px 0;

	margin-top: 32px;

}

.footer .copy {

	float: left;

}

.footer .record {

	float: right;

}



@media only screen and (max-width: 1380px) {

	#dowebok .columnTitle .tit {

		line-height: 28px;

		font-size: 24px;

	}

	#dowebok .columnTitle .entit {

		line-height: 24px;

		font-size: 20px;

		margin-top: 4px;

	}

	#dowebok .columnTitle .line {

		margin-top: 12px;

	}

	.section2 {

		padding-top: 40px;

	}

	.section2 .slogan {

		margin-top: 10px;

	}

	.section2 .solutionList {

		width: 906px;

		margin-top: 10px;

	}

	.section2 .solutionList li {

		width: 300px;

		height: 180px;

	}

	.section2 .solutionList li a {

		width: 100%;

		height: 100%;

		display: block;

		position: relative;

		overflow: hidden;

	}

	.section3 {

		padding-top: 40px;

	}

	.section4 {

		padding-top: 60px;

	}

	.section4 .contont .text {

		margin-top: 40px;

	}

	.section4 .contont .text .line {

		margin-top: 22px;

	}

	.section4 .contont .list {

		margin-top: 22px;

	}

	.section4 .services {

		margin-top: 0px;

	}



	.section5 {

		padding-top: 30px;

	}

	.section5 .hand {

		max-width: 550px;

		height: 378px;

	}

	.section5 .contont .text {

		line-height: 30px;

		font-size: 16px;

		color: #333333;

		margin-top: 20px;

		text-align: justify;

	}

	.section5 .contont .text .line {

		width: 32px;

		height: 3px;

		background: #b4b4b4;

		display: inline-block;

		margin-top: 42px;

	}

	.section5 .contont .more {

		margin-top: 22px;

	}

	.section5 .contont .list {

		margin-top: 20px;

	}

	.section5 .contont .list li .number {

		line-height: 40px;

		font-size: 18px;

		color: #333333;

	}

	.section5 .contont .list li .number .num {

		font-size: 45px;

	}



	#dowebok .section6 {

		padding-top: 0px;

	}

	#dowebok .section6 .columnTitle .tit {
		padding-top: 0;
	}

	.section6 .clientsList {

		width: 820px;

		margin: 20px auto 0 auto;

	}

	.section6 .clientsList .swiper-container {

		padding-bottom: 40px;

	}







}







/*动画预设*/

@media only screen and (min-width: 1200px) {

	.section2 .columnTitle,

	.section3 .columnTitle,

	.section4 .columnTitle,

	.section5 .columnTitle,

	.section6 .columnTitle {

		position: relative;

		top: -150px;

		opacity: 0;

		transition: 0.8s;

		-webkit-transition: 0.8s;

		-moz-transition: 0.8s;

		-ms-transition: 0.8s;

		-o-transition: 0.8s;

	}

	.section6 .clientsList,

	.section5 .contont .more,

	.section5 .contont .text,

	.section4 .services,

	.section4 .contont .more,

	.section4 .contont .list,

	.section4 .contont .text,

	.section2 .solutionList li,

	.section2 .slogan {

		position: relative;

		top: 150px;

		opacity: 0;

		transition: 0.8s;

		-webkit-transition: 0.8s;

		-moz-transition: 0.8s;

		-ms-transition: 0.8s;

		-o-transition: 0.8s;

	}

	.section4 .services li {

		transform: rotateY(90deg);

		-webkit-transform: rotateY(90deg);

		-ms-transform: rotateY(90deg);

		-o-transform: rotateY(90deg);

		-moz-transform: rotateY(90deg);

		transition: 1.2s;

		-webkit-transition: 1.2s;

		-moz-transition: 1.2s;

		-ms-transition: 1.2s;

		-o-transition: 1.2s;

	}

	.section5 .contont .list,

	.section2 .solutionList li:first-child,

	.section4 .contont .list {

		transition: 1.2s;

		-webkit-transition: 1.2s;

		-moz-transition: 1.2s;

		-ms-transition: 1.2s;

		-o-transition: 1.2s;

	}

	.section5 .contont .more,

	.section4 .services,

	.section4 .contont .more {

		transition: 1.6s;

		-webkit-transition: 1.6s;

		-moz-transition: 1.6s;

		-ms-transition: 1.6s;

		-o-transition: 1.6s;

	}

	.section5 .hand {

		bottom: -300px;

		left: -400px;

		opacity: 0;

		transition: 2s;

		-webkit-transition: 2s;

		-moz-transition: 2s;

		-ms-transition: 2s;

		-o-transition: 2s;

	}

}

/*首页end*/

.container {

	min-height: 100vh;

}

.container .columnBanner {
	position: relative;
}

.container .columnBanner .columTitle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

.container .columnBanner .productTitle {
	color: #000;
}

.container .columnBanner img {

	width: 100%;

	display: block;

}

.container .columnMenu {

	height: 75px;

	background: #f9fafc;

}

.container .columnMenu.white {

	background: #fff;

	border-bottom: solid 1px #e4e4e4;

}

.container .columnMenu .crumbs {

	float: left;

}

.container .columnMenu .crumbs li {

	float: left;

	line-height: 75px;

	padding-left: 17px;

	background: url(../image/crumbs.png) no-repeat 5px center;

}

.container .columnMenu .crumbs li:nth-child(1) {

	padding-left: 27px;

	background-image: url(../image/crumbs1.png);

}

.container .columnMenu .crumbs li a {

	font-size: 12px;

	color: #666666;

}

.container .columnMenu .crumbs li a:hover {

	color: #e50115;

}

.container .columnMenu .menu {

	float: right;

}

.container .columnMenu .menu li {

	float: left;

	margin-left: 66px;

	line-height: 75px;

}

.container .columnMenu .menu li a {

	font-size: 16px;

	color: #666666;

}

.container .columnMenu .menu li.on a,

.container .columnMenu .menu li a:hover {

	color: #e50115;

}

.container .pagingBox {

	text-align: center;

}

.container .pagingBox ul {

	display: inline-block;

}

.container .pagingBox li {

	float: left;

	margin: 0 3px;

}

.container .pagingBox li a {

	display: block;

	padding: 0 9px;

	height: 24px;

	line-height: 24px;

	text-align: center;

	font-size: 12px;

	color: #757575;

	border: solid 1px #cccccc;

}

.container .pagingBox li.on a,

.container .pagingBox li a:hover {

	border: solid 1px #e50115;

	background: #e50115;

	color: #fff;

}

.newsPage {

	padding-bottom: 50px;

}

.newsPage .newsList {

	margin-bottom: 48px;

}

.newsPage .newsList li {

	background: url(../image/newsList_line.gif) repeat-x 0 bottom;

	padding: 36px 0 36px 0;

}


.newsPage .newsList li:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.newsPage .newsList li .pic {

	width: 330px;

	height: 215px;

	float: left;

	overflow: hidden;

}


.newsPage .newsList li .pic img {

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .newsList li .pic a:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

.newsPage .newsList li .conten {

	padding-left: 360px;

	box-sizing: border-box;

}

.newsPage .mediacenter li .conten {
	padding-left: 0;
	flex: 1;
}

.newsPage .newsList li .tit {



	line-height: 42px;

	font-size: 24px;

	color: #003665;





}

.newsPage .newsList li .tit a {

	font-size: 24px;

	color: #000;

}

.newsPage .newsList li .tit a:hover {

	color: #e50115;

}

.newsPage .newsList li .txt {

	line-height: 24px;

	font-size: 12px;

	color: #808080;

	overflow: hidden;

	display: -webkit-box;

	/* -webkit-line-clamp:3; */

	-webkit-box-orient: vertical;

	word-break: break-all;

	margin-top: 16px;

}

.newsPage .newsList li .btn {

	width: 140px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	background: #e50115;

	font-size: 12px;

	color: #fff;

	display: block;

	margin-top: 48px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .mediacenter li .btn {
	margin-top: 0;
	margin-left: 30px;
}

.newsPage .newsList li .btn:hover {

	background: #e50115;

}

.newsPage .newsDetails {

	padding: 34px 25px;

}

.newsPage .newsDetails .title {

	text-align: center;

	background: url(../image/newsList_line.gif) repeat-x 0 bottom;

	padding: 20px 0;

	margin-top: 0;

}

.newsPage .newsDetails .title .tit {

	font-size: 20px;

	color: #333333;

	line-height: 24px;

}

.newsPage .newsDetails .title .date {

	font-size: 14px;

	color: #a5a5a5;

	line-height: 18px;

	margin-top: 20px;

}

.newsPage .newsDetails .article {

	padding: 30px 0;


}

.newsPage .newsDetails .turnPage {

	padding: 16px 0;

	background: url(../image/newsList_line.gif) repeat-x 0 bottom;

}

.newsPage .newsDetails .turnPage .next,

.newsPage .newsDetails .turnPage .prev {

	height: 26px;

	line-height: 26px;

	font-size: 14px;

	color: #4f4f4f;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 1;

	-webkit-box-orient: vertical;

	word-break: break-all;

}

.newsPage .newsDetails .turnPage .next a,

.newsPage .newsDetails .turnPage .prev a {

	color: #a4a4a4;

}

.newsPage .newsDetails .turnPage .next a:hover,

.newsPage .newsDetails .turnPage .prev a:hover {

	color: #e50115;

}

.newsPage .title {

	line-height: 40px;

	font-size: 36px;

	color: #333333;

	text-align: center;

	margin-top: 50px;

}

.newsPage .videoList {

	margin-top: 40px;

}

.newsPage .videoList:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.newsPage .videoList li {

	width: 372px;

	/* height: 225px; */

	float: left;

	padding-left: 42px;

	margin-top: 49px;

}

.newsPage .videoList li:nth-child(3n-1) {

	padding-left: 0;

}

.newsPage .videoList li .pic {

	width: 372px;

	height: 147px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}

.newsPage .videoList li .pic img {

	width: 100%;

	display: block;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .videoList li .pic:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

.newsPage .videoList li .pic .icon {

	width: 53px;

	height: 53px;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 5;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	background: url(../image/videoList_icon.png) no-repeat 0 0;

	background-size: 100%;

}

.newsPage .videoList li:nth-child(1) {

	width: 100%;

	height: auto;

	padding: 0;

	margin-top: 0px;

}

.newsPage .videoList li:nth-child(1) .pic {

	width: 100%;

	height: 562px;

}

.newsPage .videoList li:nth-child(1) .icon {

	width: 98px;

	height: 98px;

}

/*.newsPage .videoList li video{

	display: none;

}*/

.newsPage .videoList .video {

	width: 900px;

	height: 600px;

	position: fixed;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	z-index: 105;

	display: none;

}

.newsPage .videoList video {

	width: 900px;

	height: 600px;

}

.newsPage .videoList .video .close {

	width: 50px;

	height: 50px;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 999;

	background: url(../image/close.png) no-repeat center;

	background-size: 30px 30px;

	cursor: pointer;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.newsPage .videoList .video .close:hover {

	transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

}

/*媒体中心end*/

.casePage {

	padding: 50px 0 40px 0;

}

.casePage .caseList:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.casePage .caseList li {

	width: 373px;

	float: left;

	padding-left: 40px;

	margin-bottom: 40px;

}

.casePage .caseList li:nth-child(3n+1) {

	padding-left: 0;

}

.casePage .caseList li .pic {

	width: 100%;

	height: 256px;

	border: solid 15px #f2f1f1;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

	text-align: center;

}

.casePage .caseList li .pic img {

	width: 100%;

	display: block;

	transition-duration: .8s;

	-webkit-transition-duration: .8s;

	-moz-transition-duration: .8s;

	-ms-transition-duration: .8s;

	-o-transition-duration: .8s;

}

.casePage .caseList li .filter {

	width: 100%;

	height: 47px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 5;

	background: url(../image/caseList_filter.png);

}

.casePage .caseList li .txt {

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	width: 100%;

	height: 47px;

	line-height: 47px;

	font-size: 16px;

	color: #fff;

}

.casePage .caseList li .icon {

	width: 30px;

	height: 30px;

	background: url(../image/caseList_icon.png) no-repeat 0 0;

	background-size: 100%;

	position: absolute;

	top: -30px;

	left: 50%;

	z-index: 10;

	transform: translate(-50%, 0%);

	-webkit-transform: translate(-50%, 0%);

	-moz-transform: translate(-50%, 0%);

	-ms-transform: translate(-50%, 0%);

	-o-transform: translate(-50%, 0%);

}

.casePage .caseList li .icon,

.casePage .caseList li .txt,

.casePage .caseList li .filter {

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.casePage .caseList li .pic:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

/*.casePage .caseList li .pic:hover .filter{

	height: 100%;

}

.casePage .caseList li .pic:hover .txt{

	line-height: 25px;

	bottom: 50%;

	transform: translate(0%,50px);

	-webkit-transform: translate(0%,50px);

	-moz-transform: translate(0%,50px);

	-ms-transform: translate(0%,50px);

	-o-transform: translate(0%,50px);

}

.casePage .caseList li .pic:hover .icon{

	top: 50%;

	transform: translate(-50%,-40px);

	-webkit-transform: translate(-50%,-40px);

	-moz-transform: translate(-50%,-40px);

	-ms-transform: translate(-50%,-40px);

	-o-transform: translate(-50%,-40px);

}*/

/*案例列表end*/

.solutionPage .concept {

	background: #eeeff1;

	padding: 15px 0;

}

.solutionPage .concept:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.solutionPage .concept .wrap {

	position: relative;

}

.solutionPage .concept .pic {

	width: 622px;

	float: right;

	overflow: hidden;

}

.solutionPage .concept .pic img {

	max-width: 100%;

	display: block;

	float: right;

}

.solutionPage .concept .text {

	width: 480px;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 2;

	transform: translate(0%, -50%);

	-webkit-transform: translate(0%, -50%);

	-moz-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	-o-transform: translate(0%, -50%);

}

.solutionPage .worth .title .tit,

.solutionPage .concept .title .tit {

	line-height: 40px;

	font-size: 36px;

	color: #000;

}

.solutionPage .worth .title .line,

.solutionPage .concept .title .line {

	width: 37px;

	height: 4px;

	background: #e50115;

	margin-top: 18px;

}

.solutionPage .concept .text .txt {

	line-height: 25px;

	font-size: 16px;

	color: #666666;

	margin-top: 28px;

}

.solutionPage .core {

	padding: 68px 0 100px 0;

}

.solutionPage .scene .title,

.solutionPage .core .title {

	text-align: center;

	line-height: 40px;

	font-size: 36px;

	color: #000;
	margin-bottom: 50px;

}

.solutionPage .core .row {

	margin-top: 12px;

	position: relative;

}

.solutionPage .core .row:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.solutionPage .core .pic {

	width: 590px;

	float: right;

	overflow: hidden;

}

.solutionPage .core .pic img {

	max-width: 100%;

}

.solutionPage .core .row:nth-child(odd) .pic {

	float: left;

}

.solutionPage .core .text {

	width: 550px;

	position: absolute;

	left: 0;

	top: 50%;

	z-index: 2;

	transform: translate(0%, -50%);

	-webkit-transform: translate(0%, -50%);

	-moz-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	-o-transform: translate(0%, -50%);

}

.solutionPage .core .row:nth-child(odd) .text {

	left: auto;

	right: 0;

}

.solutionPage .core .tit {

	line-height: 28px;

	font-size: 24px;

	font-weight: bold;

	color: #333333;

}

.solutionPage .core .txt {

	line-height: 28px;

	font-size: 16px;

	color: #666666;

	margin-top: 36px;

}

.solutionPage .scene {

	background: #eeeff1;

	padding: 68px 0 38px 0;

}

.solutionPage .scene .list {

	max-width: 1200px;

	margin: 46px auto 0 auto;


}

.solutionPage .scene .list ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solutionPage .scene .list:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}


.solutionPage .scene li {
	width: 32%;

}

.solutionPage .scene li .box {

	border: solid 1px #e0e0e0;

	padding: 28px 22px 32px 22px;

	box-sizing: border-box;

	background: #fff;

}

.solutionPage .scene li .icon {

	width: 50px;

	height: 50px;

	margin: 0 auto;

}

.solutionPage .scene li .icon img {

	width: 100%;

}

.solutionPage .scene li .tit {

	line-height: 22px;

	font-size: 18px;

	color: #000;

	text-align: center;

	font-weight: bold;

	margin-top: 30px;

}

.solutionPage .scene li .txt {

	padding: 20px;
	min-height: 72px;

	line-height: 30px;

	font-size: 16px;

	color: #666666;

	margin-top: 10px;

	text-align: center;

}

.solutionPage .worth {

	padding: 64px 0 78px 0;

}

.dflex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex1 {
	width: 50%;
}

.pl {
	padding-left: 10px;
}

.pr {
	padding-right: 10px;
}

.solutionPage .worth .wrap {

	position: relative;

}



.solutionPage .worth .pic img {

	max-width: 100%;

}


.solutionPage .worth ul {

	margin-top: 36px;

}

.solutionPage .worth .text li {

	line-height: 20px;

	font-size: 16px;

	color: #666666;

	background: url(../image/solutionPage_worth_list.gif) no-repeat 0 6px;

	padding-left: 19px;

	box-sizing: border-box;

	margin-bottom: 22px;

}

/*解决方案end*/

.servicePage .operator {

	margin: 54px 0;

}

.servicePage .operator .title {

	text-align: center;

}

.servicePage .operator .title .tit {

	line-height: 40px;

	font-size: 36px;

	color: #000;

}

.servicePage .operator .title .line {

	width: 33px;

	height: 4px;

	background: #e50115;

	margin: 18px auto;

}

.servicePage .operator .text {

	width: 686px;

	margin: 30px auto 0 auto;

	line-height: 25px;

	font-size: 16px;

	color: #666666;

	text-align: center;

}

.servicePage .operator .list {

	text-align: center;

	margin-top: 46px;

}

.servicePage .operator .list ul {

	display: inline-block;

}

.servicePage .operator .list li {

	width: 222px;

	float: left;

	text-align: center;

	padding-right: 14px;

}

.servicePage .operator .list li:last-child {

	padding-right: 0;

	background: none;

}

.servicePage .operator .list li .icon {

	height: 46px;

}

.servicePage .operator .list li .icon img {

	height: 100%;

}

.servicePage .operator .list li .tit {

	line-height: 22px;

	font-size: 20px;

	color: #000;

	font-weight: bold;

	margin-top: 20px;

}

.servicePage .operator .list li .txt {

	margin-top: 30px;

}

.servicePage .operator .list li .txt p {

	width: auto;

	height: 20px;

	line-height: 20px;

	font-size: 16px;

	color: #625c5c;

	margin-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;

	box-sizing: border-box;


	display: inline-block;

}

.servicePage .worth {

	background: #f1f1f1;

	padding: 70px 0;

}

.serve-text {
	margin: 30px auto;
	width: 60%;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
}

.serve-advantage {
	text-align: center;
	margin: 30px auto;
}

.servicePage .publicTitle {

	line-height: 40px;

	font-size: 36px;

	color: #000;

	text-align: center;

}

.servicePage .worth .content:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.servicePage .worth .content {

	background: #fff;

	padding: 0 0 25px 0;

	position: relative;

	margin-top: 52px;

}

.servicePage .worth .list {

	width: 360px;

	text-align: center;

}

.servicePage .worth .list.left {

	margin-left: 138px;

	float: left;

	margin-top: 64px;

}

.servicePage .worth .list.right {

	position: absolute;

	right: 0;

	top: 64px;

	z-index: 2;

	margin-right: 138px;

}

.servicePage .worth .list .tit {

	line-height: 30px;

	font-weight: bold;

	color: #000;

	font-size: 24px;

}

.servicePage .worth .list ul {

	margin-top: 39px;

}

.servicePage .worth .list li {

	height: 41px;

	line-height: 41px;

	border-radius: 4px;

	background: #e50115;

	margin-bottom: 49px;

	font-size: 16px;

	color: #fff;

}

.servicePage .worth .list.right li {

	background: #666666;

}

.servicePage .worth .pk {

	width: 120px;

	margin: 0 auto;

	text-align: center;

	padding-top: 48px;

}

.servicePage .worth .pk .tit {

	line-height: 50px;

	font-size: 48px;

	font-weight: bold;

	color: #e50115;

}

.servicePage .worth .pk ul {

	margin-top: 32px;

}

.servicePage .worth .pk li {

	text-align: center;

	margin-bottom: 28px;

}

.servicePage .worth .pk li .icon {

	height: 35px;

}

.servicePage .worth .pk li .icon img {

	height: 100%;

}

.servicePage .worth .pk li .txt {

	line-height: 20px;

	font-size: 16px;

	color: #333333;

	margin-top: 8px;

}

.servicePage .service {

	padding: 68px 0 35px 0;

}

.servicePage .service .pic {

	width: 50%;

	text-align: right;

	margin-top: 120px;

	float: left;

}

.servicePage .service .pic img {

	max-width: 100%;

}

.servicePage .service .right {

	width: 446px;

	float: right;

	margin-top: 58px;

}

.servicePage .service .right .txt {

	font-size: 30px;

	line-height: 48px;

	font-weight: bold;

	color: #000;

}

.servicePage .service .right .text {

	margin-top: 36px;

}

.servicePage .service .right p {

	line-height: 24px;

	font-size: 16px;


	color: #353739;

	margin-bottom: 18px;

}

.servicePage .system {

	/* background: #f1f1f1; */

	padding: 68px 0 48px 0;

}

.servicePage .system .content {

	width: 50%;

	margin-top: 112px;

	float: left;

}

.servicePage .system .content .tit {

	line-height: 36px;

	font-size: 30px;

	font-weight: bold;

	color: #000;

}

.servicePage .system .content ul {

	margin-top: 38px;

}

.servicePage .system .content li {

	margin-bottom: 34px;

}

.servicePage .system .content li .txt1 {

	line-height: 28px;

	font-size: 24px;

	color: #e50115;

	font-weight: bold;

}

.servicePage .system .content li .txt2 {

	line-height: 22px;

	font-size: 18px;

	color: #666666;

	margin-top: 5px;

}

.servicePage .system .pic {

	width: 50%;

	float: right;

	text-align: left;

	margin-top: 66px;

}

.servicePage .system .pic img {

	max-width: 100%;

}

.servicePage .customer {

	padding: 68px 0 72px 0;

}

.servicePage .customer li {

	width: 33.3333%;

	float: left;

	text-align: center;

}

.servicePage .customer li .icon {

	height: 60px;

	margin-top: 60px;

}

.servicePage .customer li .icon img {

	height: 100%;

}

.servicePage .customer li .tit {

	line-height: 28px;

	font-size: 24px;

	font-weight: bold;

	color: #e50115;

	margin-top: 18px;

}

.servicePage .customer li .txt {

	line-height: 30px;

	font-size: 16px;

	color: #666666;

	margin-top: 26px;

}

/*服务运营end*/

.aboutPage .title {

	width: 100%;

	line-height: 40px;

	font-size: 36px;

	color: #000;

	text-align: center;

}

.aboutPage .introduce {

	clear: both;

	padding: 50px 0;

}

.aboutPage .introduce .picBox {

	float: left;

	margin-top: 40px;

	position: relative;

}

.aboutPage .introduce .line {

	width: 331px;

	height: 350px;

	margin: 20px 0 0 32px;

	border: solid 1px #e1e4e4;

}

.aboutPage .introduce .picBox .pic {

	width: 337px;

	height: 337px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 2;

	overflow: hidden;

}

.aboutPage .introduce .pic img {

	max-width: 100%;

}

.aboutPage .introduce .text {

	width: 816px;

	float: right;

	margin-top: 62px;

	line-height: 25px;

	font-size: 14px;

	color: #666666;

	text-align: justify;

	font-size: 16px;

}

.aboutPage .introduce .text p {
	margin-bottom: 20px;
}

.aboutPage .introduce .text img {

	max-width: 100%;

}

.aboutPage .introduce .text .tit {

	font-size: 18px;

	font-weight: bold;

	color: #e50115;

}

.aboutPage .platform {

	background: url(../image/aboutPage_platform_bg.jpg) no-repeat center bottom;

	background-size: 100%;

	border-top: solid 1px #e1e4e4;

	min-height: 664px;

	box-sizing: border-box;

	padding: 48px 0;

}

.aboutPage .platform .list {

	margin-top: 130px;

}

.aboutPage .platform li {

	width: 33.333%;

	float: left;

}

.aboutPage .platform li .box {

	width: 286px;

	text-align: center;

	background: #fff;

	margin: 0 auto;

	padding: 100px 10px 44px 10px;

	box-sizing: border-box;

	position: relative;

	box-shadow: 5px 3px 10px 1px #e4e4e4;

}

.aboutPage .platform li .icon {

	width: 152px;

	height: 174px;

	line-height: 174px;

	background: url(../image/aboutPage_platform_icon.png) no-repeat 0 0;

	background-size: 100%;

	position: absolute;

	left: 50%;

	top: 0;

	z-index: 2;

	transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	font-size: 24px;

	color: #fff;

}

.aboutPage .platform li .tit {

	line-height: 28px;

	font-size: 24px;

	font-weight: bold;

	color: #e50115;

}

.aboutPage .platform li .text {

	line-height: 32px;

	font-size: 16px;

	color: #333333;

	margin-top: 20px;

}

.aboutPage .centerBox {

	padding: 48px 0 50px 0;

}

.aboutPage .centerBox .title {

	margin-bottom: 40px;

}

.aboutPage .centerBox .pic {

	width: 600px;

	float: left;

}

.aboutPage .centerBox .pic img {

	width: 100%;

}

.aboutPage .centerBox .list {

	width: 562px;

	float: right;

}

.aboutPage .centerBox .list:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.aboutPage .centerBox .list li {

	width: 50%;

	float: left;

	box-sizing: border-box;

	border-right: solid 1px #e5e5e5;

	border-top: solid 1px #e5e5e5;

	text-align: center;

	padding: 32px 0;

}

.aboutPage .centerBox .list li:nth-child(2),

.aboutPage .centerBox .list li:nth-child(1) {

	border-top: none;

}

.aboutPage .centerBox .list li:nth-child(even) {

	border-right: none;

}

.aboutPage .centerBox .list li .icon {

	height: 41px;

}

.aboutPage .centerBox .list li .icon img {

	height: 100%;

}

.aboutPage .centerBox .list li .tit {

	line-height: 22px;

	font-size: 20px;

	font-weight: bold;

	color: #000;

	margin-top: 18px;

}

.aboutPage .centerBox .list li .txt {

	line-height: 20px;

	font-size: 16px;

	color: #353637;

	margin-top: 6px;

}

.aboutPage .culture {

	padding: 48px 0 50px 0;

	border-top: solid 1px #e1e4e4;

}

.aboutPage .culture .content {

	height: 483px;

	margin-top: 40px;

	background: url(../image/aboutPage_culture_bg.jpg) no-repeat center 0;

	background-size: 100% auto;

}

.aboutPage .culture .content:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.aboutPage .culture li {

	width: 25%;

	float: left;

	text-align: center;

	padding: 0 20px;

	box-sizing: border-box;

}

.aboutPage .culture li .icon {

	margin-top: 132px;

	height: 98px;

}

.aboutPage .culture li .icon img {

	height: 100%;

}

.aboutPage .culture li .tit {

	line-height: 22px;

	font-size: 20px;

	color: #fff;

	font-weight: bold;

	margin-top: 32px;

}

.aboutPage .culture li .line {

	width: 23px;

	height: 1px;

	background: #fff;

	margin: 11px auto 0 auto;

}

.aboutPage .culture li .txt {

	line-height: 20px;

	font-size: 16px;

	color: #fff;

	margin-top: 15px;

}

/*创捷概况end*/

.honorPage {

	padding: 50px 0;

}

.honorPage .honorList {

	margin-bottom: 10px;

}

.honorPage .honorList:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.honorPage .honorList li {

	width: 270px;

	float: left;

	padding-left: 40px;

	margin-bottom: 40px;

}

.honorPage .honorList li:nth-child(4n+1) {

	padding-left: 0;

}

.honorPage .honorList li .box {

	background: #f2f1f1;

	padding: 36px 23px 26px 23px;

	box-sizing: border-box;

	text-align: center;

}

.honorPage .honorList li .pic {

	width: 100%;

	height: 157px;

	text-align: center;

	overflow: hidden;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.honorPage .honorList li .pic img {

	width: 100%;

	display: block;

}

.honorPage .honorList li .box:hover .pic {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

.honorPage .honorList li .text {

	line-height: 20px;

	font-size: 14px;

	color: #333333;

	margin-top: 28px;

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.honorPage .honorList li .box:hover .text {

	color: #e50115;

}

/*资质荣誉end*/

.talentPage .publicTitle {

	line-height: 40px;

	font-size: 36px;

	text-align: center;

	color: #e50115;

}

.talentPage .recruiting {

	padding: 50px 0;

}

.talentPage .recruiting .publicTitle {

	margin-bottom: 40px;

}

.talentPage .recruiting .pic {

	width: 524px;

	height: 278px;

	float: left;

	overflow: hidden;

	position: relative;

}

.talentPage .recruiting .pic img {

	width: 100%;

	display: block;

}

.talentPage .recruiting .pic .title {

	background: url(../image/recruiting_title.png) no-repeat 0 center;

	min-height: 42px;

	position: absolute;

	left: 24px;

	top: 29px;

	z-index: 2;

	padding-left: 65px;

}

.talentPage .recruiting .pic .tit {

	line-height: 22px;

	font-size: 20px;

	color: #e50115;

}

.talentPage .recruiting .pic .entit {

	line-height: 20px;

	font-size: 16px;

	color: #e50115;

}

.talentPage .recruiting .link {

	width: 270px;

	float: left;

	margin-left: 10px;

}

.talentPage .recruiting .link .box {

	height: 134px;

}

.talentPage .recruiting .link .box a {

	width: 100%;

	height: 100%;

	text-align: center;

	padding-top: 34px;

	box-sizing: border-box;

	display: block;

	background: url(../image/recruiting_link_bg1.jpg) no-repeat center;

	background-size: 100%;

}

.talentPage .recruiting .link .box:nth-child(2) {

	margin-top: 10px;

}

.talentPage .recruiting .link .box:nth-child(2) a {

	background-image: url(../image/recruiting_link_bg2.jpg);

}

.talentPage .recruiting .link .icon {

	height: 47px;

}

.talentPage .recruiting .link .icon img {

	height: 100%;

}

.talentPage .recruiting .link .txt {

	line-height: 20px;

	font-size: 16px;

	color: #fff;

	margin-top: 10px;

}

.talentPage .recruiting .way {

	width: 386px;

	height: 278px;

	float: right;

	background: #e50115;

	text-align: center;

}

.talentPage .recruiting .way .title {

	line-height: 22px;

	font-size: 20px;

	color: #fff;

	margin-top: 36px;

}

.talentPage .recruiting .way .title span {

	font-size: 14px;

	margin-left: 8px;

}

.talentPage .recruiting .way .icon {

	display: inline-block;

}

.talentPage .recruiting .way .icon a {

	width: 59px;

	height: 59px;

	border: solid 1px #fff;

	float: left;

	margin: 26px 25px 0 25px;

	padding-top: 15px;

	box-sizing: border-box;

	text-align: center;

	border-radius: 50%;

}

.talentPage .recruiting .way .text {

	margin: 23px 0 0 0;

	padding-top: 28px;

	background: url(../image/talentPage_recruiting_way_line.gif) repeat-x 0 0;

	font-size: 14px;

	color: #fff;

	line-height: 18px;

}

.talentPage .recruiting .way .text p {

	margin-bottom: 10px;

}

.talentPage a.a_recruitment {

	position: absolute;

	top: -100px;

}

.talentPage .recruitment {

	background: #f7f7f7;

	padding: 50px 0;

	position: relative;

}

.talentPage .recruitment li {

	margin-bottom: 30px;

}

.talentPage .recruitment li .top {

	background: url(../image/recruitment_top1.png) no-repeat right 24px center #fff;

	padding: 13px 70px 13px 24px;

	box-sizing: border-box;

	cursor: pointer;

}

.talentPage .recruitment li .top:after {
	content: "";
	height: 0;
	display: block;
	clear: both
}

.talentPage .recruitment li.on .top {

	background-image: url(../image/recruitment_top2.png);

	background-color: #015fb2;

}

.talentPage .recruitment li .top .txt {

	width: 25%;

	line-height: 24px;

	float: left;

	font-size: 14px;

	color: #666666;

	box-sizing: border-box;

	text-align: center;

}

.talentPage .recruitment li.on .top .txt {

	color: #fff;

}

.talentPage .recruitment li .top .txt:nth-child(1) {

	width: 27%;

	text-align: left;

}

.talentPage .recruitment li .top .txt:nth-child(2) {

	width: 20%;

}

.talentPage .recruitment li .top .txt:nth-child(3) {

	width: 30%;

}

.talentPage .recruitment li .top .txt:nth-child(4) {

	width: 23%;

}

.talentPage .recruitment li .text {

	display: none;

}

.talentPage .recruitment li .text .txt {

	line-height: 27px;

	font-size: 14px;

	color: #666666;

	padding: 24px 0 0px 0;

}

.talentPage .recruitment li .text .tit {

	line-height: 20px;

	font-size: 14px;

	color: #008ade;

}

.talentPage .development {

	padding: 48px 0;

	border-bottom: solid 1px #e1e4e4;

}

.talentPage .development .pic {

	width: 600px;

	float: left;

	overflow: hidden;

	margin-top: 40px;

	text-align: center;

}

.talentPage .development .pic img {

	max-width: 100%;

}

.talentPage .activity {

	padding-top: 48px;

}

.talentPage .activity .pic {

	margin-top: 38px;

}

.talentPage .activity .pic img {

	width: 100%;

	display: block;

}

/*人才战略end*/

.contactPage {

	padding: 20px 0;

}

.wrapper .contactPage .addressBox {

	width: 456px;

	float: left;

	margin-top: 26px;

}

.wrapper .contactPage .addressBox h2 {

	font-weight: normal;

	font-size: 24px;

	font-weight: bold;

	color: #e50115;

	letter-spacing: 1.5px;

	line-height: 62px;

	border-bottom: solid 1px #e4e4e4;

}

.wrapper .contactPage .addressBox li {

	border-bottom: solid 1px #e4e4e4;

	padding: 20px 0;

}

.wrapper .contactPage .addressBox li .tit {

	line-height: 20px;

	font-size: 16px;

	font-weight: bold;

	color: #666666;

}

.wrapper .contactPage .addressBox li .txt {

	line-height: 20px;

	font-size: 16px;

	color: #666666;

	margin-top: 10px;

}

.wrapper .contactPage .addressBox li .txt a {

	font-size: 16px;

	color: #333333;

}

.wrapper .contactPage .mapBox {

	width: 694px;

	float: right;

	margin: 50px 0 52px 0;

}

.wrapper .contactPage .mapBox .map {

	width: 100%;

	height: 492px;

}

.wrapper .contactPage .mapBox .map #allmap {

	width: 100%;

	height: 492px;

}

.BMap_pop {

	/*top: 170px !important;*/

}

/*联系我们end*/



/*动画预设*/

/*@media only screen and (min-width: 1200px){

	.contactPage .addressBox,

	.contactPage .mapBox,

	.talentPage .recruiting .wrap,

	.talentPage .recruitment .wrap,

	.talentPage .development .wrap,

	.talentPage .activity,

	.honorPage .honorList li,

	.aboutPage .introduce .wrap,

	.aboutPage .platform .title,

	.aboutPage .platform .list li,

	.aboutPage .centerBox .wrap,

	.aboutPage .culture .wrap,

	.aboutPage .culture .content li,

	.servicePage .operator .title,

	.servicePage .operator .text,

	.servicePage .operator .list li,

	.servicePage .worth .wrap,

	.servicePage .service .wrap,

	.servicePage .system .wrap,

	.servicePage .customer .publicTitle,

	.servicePage .customer li,

	.solutionPage .concept .wrap,

	.solutionPage .core .title,

	.solutionPage .core .row,

	.solutionPage .scene .title,

	.solutionPage .scene li,

	.solutionPage .worth .wrap,

	.casePage .caseList li,

	.newsPage .videoList li,

	.newsPage .newsList li{

		position: relative;

		top: 150px;

		opacity: 0;

		transition: 0.8s;

		-webkit-transition: 0.8s;

		-moz-transition: 0.8s;

		-ms-transition: 0.8s;

		-o-transition: 0.8s;

	}

}*/



.case-details .introduction {

	margin: 50px 0 60px 0;

}

.case-details .introduction .cont,

.case-details .introduction .pic {

	width: 50%;

	float: right;

	box-sizing: border-box;

}

.case-details .introduction img {

	width: 100%;

	display: block;

}

.case-details .introduction .cont {

	padding: 70px 0 0 60px;

}

.case-details .introduction .title {

	font-size: 34px;

	color: #e50115;

}

.case-details .introduction .line {

	width: 38px;

	height: 4px;

	background: #e50115;

	margin: 16px 0 36px 0;

}

.case-details .introduction .text {

	line-height: 26px;

	font-size: 14px;

}

.case-details .details {

	background: #f8f8f8;

	padding: 66px 0;

	line-height: 26px;

}

.case-details .details .row {

	margin-bottom: 40px;

}

.case-details .details .row:last-child {

	margin-bottom: 0;

}

.case-details .details .tit {

	font-size: 18px;

	font-weight: bold;

	color: #e50115;

}

.case-details .details .txt {

	font-size: 14px;

	color: #666;

	margin-top: 12px;

}

.case-details .related {

	padding: 42px 0 66px 0;

}

.case-details .related .title {

	height: 52px;

	border-bottom: solid 1px #eee;

}

.case-details .related .title:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.case-details .related .title .tit {

	float: left;

	line-height: 52px;

	font-size: 26px;

	color: #e50115;

	border-bottom: solid 2px #e50115;

}

.case-details .related .btn {

	float: right;

}

.case-details .related .swiper-button-prev,

.case-details .related .swiper-button-next {

	width: 28px;

	height: 28px;

	border-radius: 50%;

	background: no-repeat center #b2b2b2;

	float: left;

	margin: 12px 0 0 12px;

	position: static;

	outline: none;

}

.case-details .related .swiper-button-prev:hover,

.case-details .related .swiper-button-next:hover {

	background-color: #e50115;

}

.case-details .related .swiper-button-prev {

	background-image: url(../image/arrow1.png);

}

.case-details .related .swiper-button-next {

	background-image: url(../image/arrow2.png);

}

.case-details .related .content {

	margin-top: 30px;

}

.case-details .related .swiper-slide a {

	display: block;

}

.case-details .related .swiper-slide .pic {

	border: solid 12px #f2f1f1;

	box-sizing: border-box;

	overflow: hidden;

	position: relative;

	text-align: center;

	padding-top: 60%;

}

.case-details .related .swiper-slide .pic img {

	width: 100%;

	display: block;

	transition-duration: .8s;

	-webkit-transition-duration: .8s;

	-moz-transition-duration: .8s;

	-ms-transition-duration: .8s;

	-o-transition-duration: .8s;

	height: 100%;

	position: absolute;
	left: 0;
	top: 0;

}

.case-details .related .swiper-slide .filter {

	width: 100%;

	height: 40px;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 5;

	background: rgba(0, 0, 0, 0.3);

}

.case-details .related .swiper-slide .txt {

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 10;

	width: 100%;

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	color: #fff;

}

.case-details .related .swiper-slide .icon {

	width: 30px;

	height: 30px;

	background: url(../image/caseList_icon.png) no-repeat 0 0;

	background-size: 100%;

	position: absolute;

	top: -30px;

	left: 50%;

	z-index: 10;

	transform: translate(-50%, 0%);

	-webkit-transform: translate(-50%, 0%);

	-moz-transform: translate(-50%, 0%);

	-ms-transform: translate(-50%, 0%);

	-o-transform: translate(-50%, 0%);

}

.case-details .related .swiper-slide .icon,

.case-details .related .swiper-slide .txt,

.case-details .related .swiper-slide .filter {

	transition: 0.4s;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-ms-transition: 0.4s;

	-o-transition: 0.4s;

}

.case-details .related .swiper-slide a:hover img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

}

/*.case-details .related .swiper-slide .pic:hover .filter{

	height: 100%;

}

.case-details .related .swiper-slide .pic:hover .txt{

	line-height: 25px;

	bottom: 50%;

	transform: translate(0%,50px);

	-webkit-transform: translate(0%,50px);

	-moz-transform: translate(0%,50px);

	-ms-transform: translate(0%,50px);

	-o-transform: translate(0%,50px);

}

.case-details .related .swiper-slide .pic:hover .icon{

	top: 50%;

	transform: translate(-50%,-40px);

	-webkit-transform: translate(-50%,-40px);

	-moz-transform: translate(-50%,-40px);

	-ms-transform: translate(-50%,-40px);

	-o-transform: translate(-50%,-40px);

}*/

.fixed-sidebar {

	width: 70px;

	position: fixed;

	right: 16px;

	top: 50%;

	transform: translate(0, -51%);

	-webkit-transform: translate(0, -51%);

	-moz-transform: translate(0, -51%);

	-ms-transform: translate(0, -51%);

	-o-transform: translate(0, -51%);

	z-index: 99;

	text-align: center;

	transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

}

.fixed-sidebar li {

	position: relative;

	border-top: solid 1px #3974a8;

}

.fixed-sidebar li:first-child {

	border-top: none;

}

.fixed-sidebar li:first-child a {

	border-radius: 4px 4px 0 0;

}

.fixed-sidebar li:last-child a {

	border-radius: 0 0 4px 4px;

}

.fixed-sidebar li:hover a {

	background: #0d528f;

}

.fixed-sidebar li a {

	height: 86px;

	display: block;

	padding-top: 18px;

	background: #20588a;

	transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-ms-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	box-sizing: border-box;

}

.fixed-sidebar li a i {

	height: 24px;

	line-height: 24px;

	display: block;

}

.fixed-sidebar li a i img {

	max-height: 100%;

	vertical-align: middle;

}

.fixed-sidebar li a p {

	line-height: 20px;

	font-size: 12px;

	color: #fff;

	margin-top: 5px;

}

.fixed-sidebar li .hide {

	height: 86px;

	line-height: 86px;

	position: absolute;

	top: 0;

	right: 70px;

	z-index: 5;

	background: #20588a;

	white-space: nowrap;

	display: none;

}

.fixed-sidebar li .phone {

	padding: 0 20px;

	font-size: 20px;

	color: #fff;

}

.fixed-sidebar li .qrcode {

	width: 148px;

	height: auto;

	top: -32px;

	right: 76px;

	background: none;

	padding-right: 10px;

}

.fixed-sidebar li .qrcode .box {

	padding: 12px;

	background: #20588a;

	position: relative;

}

.fixed-sidebar li .qrcode .box::after {

	left: 100%;

	top: 74px;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(136, 183, 213, 0);

	border-left-color: #20588a;

	border-width: 9px;

}

.fixed-sidebar li .qrcode img {

	width: 100%;

	display: block;

}

.fixed-sidebar li .qrcode p {

	margin-top: 6px;

	line-height: 20px;

	color: #fff;

	font-size: 12px;

}







/*导航产品下拉*/

.header .nav>ul>li.m4 {
	position: static;
}

.header .nav li.m4 .sub {
	width: 100%;
	border-top: 1px solid #dddddd;
	padding-top: 50px;
	padding-bottom: 60px;
}

.header .nav li.m4 .sub li {
	border-bottom: 0;
	float: left;
	width: 49.5%;
	overflow: hidden;
}

.header .nav li.m4 .sub li dl {
	text-align: left;
}


.header .nav li.m4 .sub li dl .h4 {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #000;
	font-size: 20px;
	margin-left: 15px;
	text-align: left;
	margin-bottom: 38px;
}

.header .nav li.m4 .sub li dl dd {
	float: left;
	width: 48%;
	text-align: left;
}

.header .nav li.m4 .sub li dl dd a {
	padding-left: 15px;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	position: relative;
	color: #666666;
}

.header .nav li.m4 .sub li dl dd a:hover {
	color: #02225a;
	background: none;
}

.header .nav li.m4 .sub li dl dd a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 0px;
	width: 2px;
	background: #e50115;
	transition: all 0.3s;
}

.header .nav li.m4 .sub li dl dd a:hover:after {
	height: 12px;
	margin-top: -6px;
}

.header .nav li.m4 .sub li dl dd .p {
	overflow: hidden;
	padding-bottom: 14px;
}

.header .nav li.m4 .sub li dl dd .h5 {
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	margin-left: 15px;
	text-align: left;
}

/*产品详细*/

.product_type {
	text-align: center;
	margin-top: 4%;
	margin-bottom: 60px;
}

.product_type ul li {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	position: relative;
	vertical-align: top;
	margin-bottom: 12px;
	font-size: 16px;
}

.product_type ul li .a {
	overflow: hidden;
	padding-left: 36px;
	padding-right: 36px;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #fff;
	border: 1px solid #dddddd;
	transition: all 0.3s;
	font-size: 16px;
	color: #666666;
}

.product_type ul li.isel .a {
	color: #fff;
	background: #e50115;
	border: 1px solid #e50115;
}

.product_type ul li.isel:hover .a {
	color: #fff;
}

.product_type ul li:hover .a {
	color: #fff;
	background: #e50115;
}

.product_type ul li .smalltype {
	position: absolute;
	left: 50%;
	margin-left: -92%;
	top: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 30px;
	width: 180%;
	background: #fff;
	padding-left: 2%;
	padding-right: 2%;
	display: none;
	z-index: 9;
}

.product_type ul li .smalltype a {
	display: block
		/*inline-block*/
	;
	vertical-align: top;
	margin-left: 12px;
	margin-right: 12px;
}

.product_type ul li .smalltype a:hover {
	color: #e50115;
}

.product_type ul li .smalltype a.isel {
	color: #e50115;
}

.product_type ul li:hover .smalltype {
	display: block;
}

.productPage {}

.product_bg {
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
}

.product_one {
	margin-top: 5%;
	margin-bottom: 5%;
	overflow: hidden;
}

.product_one .imgs {
	float: left;
	overflow: hidden;
	width: 48%;
	max-width: 570px;
}

.product_one .imgs img {
	display: block;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.product_one .imgs:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.product_one .txts {
	overflow: hidden;
}

.product_one .txts .cons {
	max-width: 500px;
	margin: 0 auto;
	width: 94%;
	overflow: hidden;
}

.product_one .txts .h3 {
	color: #000000;
	font-size: 34px;
	font-weight: normal;
	line-height: 1.2;
	overflow: hidden;
	margin-top: 6%;
}

.product_one .txts .p {
	overflow: hidden;
	margin-top: 7%;
	color: #333333;
	font-size: 14px;
	line-height: 24px;
	min-height: 144px;
}

.product_one .txts .a {
	margin-top: 6%;
	overflow: hidden;
	display: block;
	height: 38px;
	line-height: 38px;
	background: url(../image/product_pic1.png) #e50115 112px center no-repeat;
	text-indent: 32px;
	width: 160px;
	background-size: 16px 13px;
	color: #fff;
	font-size: 16px;
	transition: all 0.3s;
}

.product_one .txts .a:hover {
	text-indent: 36px;
	background-position: 116px center;
}

.product_nav {
	overflow: hidden;
	padding-top: 35px;
	padding-bottom: 35px;
	background: #fff;
}

.product_nav a {
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	float: left;
	margin-right: 50px;
	position: relative;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}

.product_nav a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 50%;
	width: 0%;
	height: 2px;
	background: #e50115;
	transition: all 0.3s;
}

.product_nav a.on:after {
	width: 100%;
	left: 0;
	right: 0;
}

.product_nav a.on {
	color: #e50115;
}

.product_nav a:hover {
	color: #e50115;
}

.product_cons {
	color: #333333;
	line-height: 24px;
	font-size: 16px;
	padding-bottom: 6%;
	padding-top: 5%;
}

/* .product_cons .divhidden{ display:none;} */

.product_cons b {
	display: block;
	font-weight: bold;
	color: #000000;
	overflow: hidden;
	margin-bottom: 18px;
}

.product_cons p {
	overflow: hidden;
	margin-bottom: 30px;
}

.product_cons .line {
	border-bottom: 1px solid #dddddd;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.product_cons .h4 {
	font-weight: bold;
	color: #e50115;
	font-size: 24px;
	line-height: 36px;
	overflow: hidden;
	margin-top: 4%;
	margin-bottom: 2%;
}

.product_cons img {
	max-width: 100%;
}



.productPage .productList {}

.productPage .productList .swiper-container {
	padding-bottom: 60px;
}

.productPage .productList .swiper-slide {}

.productPage .productList .swiper-slide .boxs {
	background: #fff;
	border: 1px solid #dddddd;
	max-width: 282px;
	overflow: hidden;
	margin: 0 auto;
}

.productPage .productList .swiper-slide .boxs:hover {
	-webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}

.productPage .productList .swiper-slide .imgs {
	overflow: hidden;
	position: relative;
	padding-top: 91%;
}

.productPage .productList .swiper-slide img {
	width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.productPage .productList .swiper-slide a:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}

.productPage .productList .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #e4e4e4;
	margin: 0 6px;
	opacity: 1;
	border: 0;
	outline: none;
}

.productPage .productList .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #0167c3;
	border: 0;
}

.productPage .productList .swiper-slide .h5 {
	font-weight: normal;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #dddddd;
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
	color: #222222;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.productPage .productList .swiper-slide a:hover .h5 {
	color: #e50115;
}



@media only screen and (max-width: 1360px) {

	/*产品详细*/

	.product_type ul li {
		font-size: 15px;
	}

	.product_type ul li .a {
		padding-left: 30px;
		padding-right: 30px;
	}

}

.image-list {
	width: 100%;
	padding: 20px;
	flex-wrap: wrap;
}

.image-list li {
	width: 285px;
	height: 190px;
	margin-bottom: 20px;
}

.image-list .cover {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	cursor: pointer;
}

.image-list .cover img {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.footerIframe {
	width: 100%;
	height: 283px;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}

.casemoreIframe {
	width: 100%;
	height: 420px;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}


/*main CSS*/
#pictureViewer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .3);
	z-index: 10000;
}

#pictureViewer>.content {
	background-color: #fff;
	position: absolute;
	width: 590px;
	height: 590px;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#pictureViewer .menu-bar {
	width: 100%;
}

#pictureViewer .menu-bar .handel {
	width: 40px;
	height: 40px;
	float: right;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}

#pictureViewer .menu-bar .handel:hover {
	background-color: #ff2e67;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#pictureViewer .menu-bar .handel.maximization {
	background-image: url(../image/icons/maximization_black.png);
	background-size: 14px;
}

#pictureViewer .menu-bar .handel.maximization:hover {
	background-image: url(../image/icons/maximization_white.png);
}

#pictureViewer .menu-bar .handel.miniaturization {
	background-size: 16px;
	background-image: url(../image/icons/miniaturization_black.png);
}

#pictureViewer .menu-bar .handel.miniaturization:hover {
	background-image: url(../image/icons/miniaturization_white.png);
}

#pictureViewer .menu-bar .handel.close-view {
	background-image: url(../image/icons/close_black.png);
	background-size: 15px;
}

#pictureViewer .menu-bar .handel.close-view:hover {
	background-image: url(../image/icons/close_white.png);
}

#pictureViewer .handel-prev,
#pictureViewer .handel-next {
	display: inline-block;
	width: 50px;
	height: 70px;
	position: relative;
	top: calc(50% - 80px);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 50%;
	cursor: pointer;

	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#pictureViewer .handel-prev {
	background-image: url(../image/icons/prev_blank.png);
}

#pictureViewer .handel-next {
	background-image: url(../image/icons/next_blank.png);
}

#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover {
	background-color: #ff2e67;
}

#pictureViewer .handel-prev:hover {
	background-image: url(../image/icons/prev_white.png);
}

#pictureViewer .handel-next:hover {
	background-image: url(../image/icons/next_white.png);
}

#pictureViewer .picture-content {
	display: inline-block;
	width: 80%;
	height: calc(100% - 80px);
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
}

#pictureViewer .picture-content .cover {
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#pictureViewer .counter {
	position: absolute;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-align: center;
	color: #808080;
	font-size: 13px;
}

#pictureViewer .hide {
	display: none;
}

#pictureViewer .left {
	float: left;
}

#pictureViewer .right {
	float: right;
}

#pictureViewer .clear-flex {
	clear: both;
}

#pictureViewer img {
	max-width: 100%;
	max-height: 100%;
}

.objects {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 30px auto;
}

.objects-item {
	width: calc(16.66% - 6px);
	margin: 3px;
	overflow: hidden;
	background-color: #f8f8f8;
	box-sizing: border-box;
	position: relative;
	padding: 20px;
	min-height: 120px;
}

.objects-item:last-child {
	border: 0;
}

.objects-item h3 {
	margin-bottom: 5px;
}

.objects-item p {
	color: #ccc;
	font-size: 13px;
}

.objects-item img {
	width: 70px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.serveDetail .article img {
	width: 80%;
	min-width: 340px;
}


video {
	width: 100%;
	height: 100%;
}

.typicalcase {
	display: flex;
	align-items: center;
	margin: 50px 0;
	flex-wrap: wrap;
}

.typicalcase-item {
	width: calc(50% - 20px);
	overflow: hidden;
	text-align: center;
	padding: 10px;
}

.typicalcase-item p {
	font-size: 15px;
	font-weight: 600;
}

.newsPage .casevideolist li .pic {
	width: 500px;
	height: auto;
}

.newsPage .casevideolist li .conten {
	padding-left: 520px;
}

.subsidiaries {
	clear: both;
	padding: 50px 0;
}

.subsidiaries-box {
	margin-top: 40px;
	position: relative;
}

.subsidiaries-box .swiper {
	overflow: hidden;
}

.subsidiaries-con {
	width: calc(100% - 5px);
	border: 1px solid #f1f1f1;

}

.subsidiaries-con h3 {
	background-color: #f8f8f8;
	padding: 15px;
}

.subsidiaries-text {
	padding: 25px;
	height: 200px;
}

.subsidiaries-con p {
	margin-bottom: 10px;
	line-height: 25px;
}

.subsidiaries .swiper-container-horizontal>.swiper-pagination-bullets,
.subsidiaries .swiper-pagination-custom,
.subsidiaries .swiper-pagination-fraction {
	bottom: -20px !important;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #e50115;
}

@media screen and (max-width: 640px) {
	.objects-item {
		width: calc(50% - 10px);
		padding: 5px;
	}
}