@charset "utf-8";
@font-face {
 font-family: "Oswald";
 font-weight: bold;
 src: url("../fonts/Oswald-Light-TTF.sfd.ttf") format("truetype");
}
@font-face {
 font-family: "Oswald";
 font-weight: regular;
 src: url("../fonts/Oswald-Regular.ttf") format("truetype");
}
@font-face {
 font-family: "Oswald";
 font-weight: bold;
 src: url("../fonts/Oswald-Bold.otf") format("opentype");
}
@font-face {
 font-family: "Geometric";
 font-weight: 500;
 src: url("../fonts/GeometricSlab703BT-Medium.otf") format("opentype");
}
@font-face {
 font-family: "Geometric";
 font-weight: bold;
 src: url("../fonts/GeometricSlab703BT-Bold.otf") format("opentype");
}
@font-face {
 font-family: "Geometric";
 font-weight: 900;
 src: url("../fonts/GeometricSlab703BT-XtraBold.otf") format("opentype");
}
@font-face {
 font-family: "LATO";
 font-weight: regular;
 src: url("../fonts/LATO-REGULAR.TTF") format("truetype");
}
@font-face {
 font-family: "LATO";
 font-weight: bold;
 src: url("../fonts/LATO-BOLD.TTF") format("truetype");
}
@font-face {
 font-family: "Roboto";
 font-weight: bold;
 src: url("../fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'iconfont';
    /* Project id 2214638 */
    src: url('../fonts/font_2214638_kgtz1nok9xp.woff2?t=1632621505254') format('woff2'), url('../fonts/font_2214638_kgtz1nok9xp.woff?t=1632621505254') format('woff'), url('../fonts/font_2214638_kgtz1nok9xp.ttf?t=1632621505254') format('truetype');
}
html {
	overflow-x: hidden;
	font-size: 16px;
}
body {
	min-width: 320px;
	color: #000;
	overflow: hidden;
	font-family: 'LATO', "PingFang SC", PingHei, STHeitiSC-Light, "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", Helvetica, "microsoft yahei", SimHei, tahoma, Arial, Verdana, sans-serif;
}
.goomay a {
	font-family:"goomay" !important;
	font-size:12px!important;
	color: rgb(255, 255, 255, .6)!important;
	font-style:normal;
	font-weight: normal;
	text-decoration: none!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-transform: uppercase;
 transition: .5s all;
}
.icon-goomay a:before {
	content: "\e602";
}
.goomay a:hover {
	color: rgb(255, 255, 255, 1)!important;
}
.icon-g:before {
	content: "\e603";
}
.iconfont {
	font-family: 'iconfont';
}
* {
	word-break:normal !important
}
li {
	list-style: none;
}
i {
	font-style: normal;
}
a {
	color: #000;
}
a:focus {
	text-decoration: none;
	outline: none;
	color:#000;
}
a:hover {
	color: #000;
	text-decoration: none;
	outline: none;
}
p, h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	max-width: 100%;
}
.relative {
	position: relative;
}
.container {
	max-width: 1200px;
	padding: 0 10px;
}
.container2 {
	max-width: 1400px;
	width:100%;
	margin: 0 auto;
	padding: 0 10px;
}
.container3 {
	max-width: 1300px;
	width:100%;
	margin: 0 auto;
	padding: 0 10px;
}
#page {
	padding-top: 0px;
	overflow: hidden;
}
nav.mm-menu_offcanvas {
	display: none;
}
#header a.mm_btn {
	display: none;
transition: .3s all;
}
#BMapLib_transBox0 table td {
	box-sizing: content-box !important;
}
.target-fix {
	position: relative;
	top:-100px;
	display: block;
	height: 0;
	overflow: hidden;
}
img[src=""], img:not([src]) {
opacity:0 !important;
}
.table {
	display: table;
	width: 100%;
	height: 100%;
	margin:0;
}
.table>.middle {
	display: table-cell;
	vertical-align: middle;
}
.iconfont {
	font-family: 'iconfont';
}
.none {
	display: none;
}
*::-webkit-scrollbar {
width:3px;
border-radius:1.5px;
height:1px
}
*::-webkit-scrollbar-button {
display:none
}
*::-webkit-scrollbar-track {
background-color:#eee
}
*::-webkit-scrollbar-thumb {
background-color:#1c6ab4
}
/* header */
#page>.head {
	height: 80px;
}
.header {
	width: 100%;
	z-index: 999;
	position: fixed;
	top:2vh;
	left: 0;
	transition: top 0.5s;
	font-family: '微软雅黑';
}
.header .inner {
	transition: 0.36s;
	background: transparent;
	padding:0 3vw;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.header .inner .flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	height: 80px;
	line-height: 80px;
	align-items: center;
}
.header .inner .logo {
	font-size: 0;
	transition: 0.36s;
	position: relative;
	z-index: 5;
	display: inline-block;
	line-height: inherit;
}
.header .inner .code {
	line-height: 1.2;
	font-size: 14px;
	color:#fff;
	transition: 0.25s;
	margin-left: 20px;
}
.header .inner .code p:nth-child(2) {
font-size: 16px;
font-weight: bold;
}
.header .inner nav {
	margin:0 auto;
}
.header .inner nav ul {
	font-size: 0;
	text-align: center;
}
.header .inner nav ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.8vw;
	font-size: 16px;
	position: relative;
	    margin-right: 1vw;
}
.header .inner nav ul li:last-child {
	margin-right: 0;
}
.header .inner nav ul li a {
	transition: color 0.3s;
	display: inline-block;
	line-height: 1;
	position: relative;
	color:#fff;
}
.header .inner nav ul li a:hover {
	color:#1c6ab4
}
.header .inner nav ul li .child {
	white-space: nowrap;
	position: absolute;
	top:100%;
	margin-top:-10px;
	text-align: left;
	left: -25px;
	display: none;
	padding: 10px 25px 15px;
	background: #fff;
	box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.05);
}
.header .inner nav ul li .child a {
	font-size:1rem;
	display: block;
	margin-top:5px;
	color:#000;
	text-transform: none;
	line-height: 1.6;
	font-weight: 400;
}
.header .inner nav ul li .child a:hover {
	color: #1c6ab4;
}
.header .inner .language {
	font-size: 0;
	margin-right: 1.5vw;
	padding-right: 1.5vw;
	position: relative;
	line-height: 1;
}
.header .inner .language::after {
content:'';
width: 1px;
height: 15px;
background: rgba(255, 255, 255, 0.3);
position: absolute;
right: 0;
top: 50%;
margin-top: -7.5px;
}
.header .inner .language a {
	font-size: 18px;
	color:#fff;
	transition: 0.3s;
}
.header .inner .index-search {
	position: relative;
	font-size: 0;
}
.header .inner .index-search>a {
	color:rgba(255, 255, 255, 1);
}
.header .inner .index-search i.iconfont {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	transition:color 0.36s;
	width:66px
}
.header .inner .index-search .content {
	position: fixed;
	width:100%;
	height: 100%;
	top:0;
	left: 0;
	background: rgba(0, 0, 0, 0.45);
	z-index: 999;
	display: none;
}
.header .inner .index-search .content .container {
	position: relative;
	height: 100%;
}
.header .inner .index-search .content .s-content {
	background: #fff;
	text-align: center;
	padding:6vh 0;
	position: absolute;
	top:30%;
	width: 100%;
	left: 0;
	transform: translateY(20px);
	opacity: 0;
	transition: 0.5s;
}
.header .inner .index-search .content a.close {
	position: absolute;
	font-size: 32px;
	top:10px;
	right: 20px;
}
.header .inner .index-search .content .title {
	font-size: 24px;
	color:#242424;
	margin-bottom: 10px;
	line-height: 1.5;
}
.header .inner .index-search .content .input {
	font-size: 0;
	line-height: 1;
}
.header .inner .index-search .content input {
	height: 60px;
	outline: none;
	vertical-align: middle
}
.header .inner .index-search .content .inpt3 {
	padding-left: 20px;
	border:1px solid #d2d2d2;
	font-size: 16px;
	width: 45%;
	color:#292929;
}
.header .inner .index-search .content .inpt3::-webkit-input-placeholder {
color: #b6b6b6;
}
.header .inner .index-search .content .inpt3:-moz-placeholder {
color: #b6b6b6;
}
.header .inner .index-search .content .inpt3::-moz-placeholder {
color: #b6b6b6;
}
.header .inner .index-search .content .inpt3:-ms-input-placeholder {
color: #b6b6b6;
}
.header .inner .index-search .content .inpt4 {
	width: 60px;
	background: #313131;
	border:none;
	font-size: 24px;
	color:#fff;
	font-family: 'iconfont';
}
.header .inner .index-search .content.active .s-content {
	transform: none;
	opacity: 1;
	transition-delay: 0.36s;
}
.header.active {
	top: 0;
}
.header.active .inner {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}
.header.active .inner .logo img {
	display: none;
}
.header.active .inner .logo img.none {
	display: inline;
}
.header.active .inner .index-search>a {
	color:rgba(0, 0, 0, 0.6)
}
.header.active .inner .language::after {
background: rgba(98, 98, 98, 0.3);
}
.header.active .inner nav ul li a, .header.active .inner .language a, .header.active .inner nav ul li .child a, .header.active .inner nav ul li .child a {
	color:#555555;
}
.header.active .inner nav ul li.active>a, .header.active .inner nav ul li a:hover, .header.active .inner .language a:hover {
	color:#1c6ab4
}
.header.active .inner .code {
	color:#000;
,
}

/* banner */


/* about */
#index-body .section:not(#footer) {
    height: 100% !important;
}
.init-2 .wrap {
	height: 100%;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.init-2 .wrap .left {
	width: 60%;
	position: relative;
}
.init-2 .wrap .left ul.link {
	position: absolute;
	left: 3vw;
	bottom: 6.2vh;
	font-size: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	transform: translateY(-20px);
	opacity: 0;
	transition: 0.5s;
}
.init-2 .wrap .left ul.link li {
	font-size: 18px;
}
.init-2 .wrap .left ul.link li a {
	display: block;
	padding:2.2vh 4vw 2.9vh 1vw;
	background: #fff;
	border:1px solid #eeeeee;
	transition: 0.5s;
}
.init-2 .wrap .left ul.link li p.namemark {
	font-weight: bold;
	color:#1c6ab4;
	transition: 0.5s color;
}
.init-2 .wrap .left ul.link li p.title {
	margin-top: 2px;
}
.init-2 .wrap .left ul.link li a:hover {
	border-color: #1c6ab4;
	background: #1c6ab4;
	color:#fff;
}
.init-2 .wrap .left ul.link li a:hover p.namemark {
	color:#fff;
}
.init-2 .wrap .right {
	width: 40%;
	position: relative;
	background: url(../images/about_bg.jpg)no-repeat center/cover;
	padding: calc(80px + 8.4vh) 2vw calc(100px + 5.2vh) 3vw;
}
.init-2 .wrap .right .content {
	color:#fff;
	font-size: 24px;
	line-height: 1.714;
	transform: translateX(20px);
	opacity: 0;
	transition: 0.5s;
}
.init-2 .wrap .right .content p:nth-child(2) {
font-size: 18px;
color:rgba(255, 255, 255, 0.7);
margin-bottom: 3vh;
line-height:35px;
padding-top:30px
}
.init-2 .wrap .right a.more {
	display: block;
	width: 200px;
	height: 50px;
	border:2px solid rgba(255, 255, 255, 1);
	text-align: center;
	line-height: 46px;
	color:#fff;
	transition: 0.5s;
	margin-top: 12vh;
	transform: translateX(20px);
	opacity: 0;
	transition: 0.5s;
}
.init-2 .wrap .right a.more span {
	font-size: 18px;
	display: inline-block;
	margin-right: 2vw;
	vertical-align: middle;
}
.init-2 .wrap .right a.more i.iconfont {
	color:rgba(255, 255, 255, 0.7);
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.3s;
}
.init-2 .wrap .right a.more:hover {
	background: #fff;
	color:#1c6ab4;
}
.init-2 .wrap .right a.more:hover i.iconfont {
	color: #1c6ab4
}
.init-2 .wrap .right .company {
	color:#fff;
	position: absolute;
	left: 0;
	bottom: 5.2vh;
	padding-right: 10px;
	padding-left: calc(3vw - 16px);
}
.init-2 .wrap .right .company ul {
	font-size: 0;
}
.init-2 .wrap .right .company ul li {
	font-size: 16px;
	line-height: 1.375;
	color:rgba(255, 255, 255, 0.8);
	display: inline-block;
	position: relative;
	padding:0 16px;
	vertical-align: middle;
	text-align: left;
}
.init-2 .wrap .right .company ul li:not(:last-child)::before {
content:'';
width: 5px;
height: 5px;
border-radius: 50%;
background: #d92129;
position: absolute;
right: 0;
top: 50%;
margin-top: -2px;
opacity: 0.6;
}
.init-3 .wrap {
	height: 100%;
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.init-3 .wrap .left {
	width: 45%;
	position: relative;
	background: url(../images/innovation_bg.jpg)no-repeat center/cover;
	padding: calc(80px + 8vh) 25px 20px 3vw;
}
.init-3 .wrap .left .content {
	font-size: 28px;
	line-height: 1.714;
	transform: translateX(-20px);
	opacity: 0;
	transition: 0.5s;
}
.init-3 .wrap .left .content>p:nth-child(1) {
font-size: 20px;
color:#666666;
margin-bottom: 1.8vh;
}
.init-3 .wrap .left .content ul {
	margin:5vh 0 9vh;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.init-3 .wrap .left .content ul li {
	width: 50%;
	margin-bottom: 3.2vh;
	padding-left: 65px;
	position: relative;
}
.init-3 .wrap .left .content ul li p {
	font-size: 16px;
	color:rgba(0, 0, 0, 0.8);
	line-height: 1.625;
}
.init-3 .wrap .left .content ul li p strong, .init-3 .wrap .left .content ul li p strong span {
	font-size: 2.5rem;
	font-family: 'Roboto';
	font-weight: bold;
	line-height: 1;
	vertical-align: baseline;
}
.init-3 .wrap .left .content ul li p:nth-child(1) {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 60px;
text-align: center;
}
.init-3 .wrap .left a.more {
	display: block;
	width: 200px;
	height: 50px;
	border:2px solid rgba(0, 0, 0, 1);
	text-align: center;
	line-height: 46px;
	color:#000;
	transition: 0.5s;
	transform: translateX(-20px);
	opacity: 0;
}
.init-3 .wrap .left a.more span {
	font-size: 18px;
	display: inline-block;
	margin-right: 2vw;
	vertical-align: middle;
}
.init-3 .wrap .left a.more i.iconfont {
	color:rgba(0, 0, 0, 0.7);
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.3s;
}
.init-3 .wrap .left a.more:hover {
	background: #000;
	color:#fff;
}
.init-3 .wrap .left a.more:hover i.iconfont {
	color: #fff
}
.init-3 .wrap .right {
	width: 53%;
	position: relative;
}
.init-3 .wrap .right .swiper-container, .init-3 .wrap .right .swiper-slide, .init-3 .wrap .right .swiper-slide .img {
	height: 100%;
}
.init-3 .wrap .right .swiper-slide {
	overflow: hidden;
}
.init-3 .wrap .right .swiper-slide .img {
	background-position: center;
	background-size: cover;
	transition: 2s;
	transform: scale(1.1);
}
.init-3 .wrap .right .swiper-slide-active .img {
	transform: none;
}
.init-3 .wrap .right .swiper-pagination {
	width: auto;
	left: auto;
	bottom: 8vh;
	right: 3vw;
}
.init-3 .wrap .right .swiper-pagination span {
	width: 20px;
	height: 20px;
	border:2px solid #1c6ab2;
	background: none;
	opacity: 1;
	transition: 0.36s;
}
.init-3 .wrap .right .swiper-pagination span.swiper-pagination-bullet-active {
	background: #1c6ab2;
}
.init-4 .solution-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.init-4 .solution-container, .init-4 .solution-container .swiper-slide, .init-4 .solution-container .swiper-slide .img {
	height: 100%;
}
.init-4 .solution-container .swiper-slide .img {
	transform: scale(1.1);
	transition: 3s;
	background-position: center;
	background-size: cover;
}
.init-4 .solution-container .swiper-slide-active .img {
	transform: none;
}
.init-4 .wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}
.init-4 .wrap .content {
	width: 40%;
	padding:calc(80px + 11vh) 3vw calc(6vh + 40px);
	color:#fff;
	position: relative;
	overflow: hidden;
	transition: 0.3s;
}
.init-4 .wrap .content h2 {
	font-size: 24px;
	margin-bottom: 5vh;
	transform: translateY(20px);
	opacity: 0;
	transition: 0.5s;
	text-shadow: 2.5px 4.33px 5px rgba(6, 0, 1, 0.3)
}
.init-4 .wrap .content .s-content {
	max-width: 400px;
	font-size: 26px;
	text-shadow: 2.5px 4.33px 5px rgba(6, 0, 1, 0.15);
	line-height: 1.714;
	transform: translateY(20px);
	opacity: 0;
	transition: 0.5s;
}
.init-4 .wrap .content .swiper-pagination {
	bottom: 7vh;
	width: auto;
	left: calc(3vw + 65px);
	color:rgba(255, 255, 255, 1);
	font-family: 'Oswald';
	font-size: 20px;
}
.init-4 .wrap .content .swiper-button {
	width: auto;
	height: auto;
	margin-top: auto;
	background:none;
	color:#fff;
	font-size: 0;
	top: auto;
	bottom: 6vh;
	outline: none;
	transition: 0.36s;
	pointer-events: auto;
	opacity: 1;
}
.init-4 .wrap .content .swiper-button i.fa {
	font-size: 48px;
}
.init-4 .wrap .content .swiper-button:hover {
	color:#1c6ab4
}
.init-4 .wrap .content .swiper-button-prev {
	left: 3vw
}
.init-4 .wrap .content .swiper-button-next {
	right: auto;
	left: calc(3vw + 140px);
}
.init-4 .wrap .content>* {
	transition: 0.3s;
}
.init-4 .wrap .list {
	width: 60%;
	padding-top: 80px;
	position: relative;
	transition:width 0.3s;
}
.init-4 .wrap .list .left_btn {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 20;
	transition: 0.36s;
}
.init-4 .wrap .list .left_btn img {
	max-width: none;
}
.init-4 .wrap .list .swiper-container {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.init-4 .wrap .list .swiper-container, .init-4 .wrap .list .swiper-container .swiper-slide {
	height: 100%;
}
.init-4 .wrap .list .swiper-container .swiper-slide {
	padding:10vh 4.1vw calc(7vh + 50px) 0;
	color:#fff;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	transition: 0.3s;
	width: 33.33%;
}
.init-4 .wrap .list .swiper-container .swiper-slide .namemark {
	font-size: 24px;
	text-transform: uppercase;
	color:rgb(255, 255, 255, .5);
	height: 200px;
	padding-left: 20px;
	line-height: 1.25;
	font-weight: bold;
	margin-bottom: 9vh;
	position: relative;
	writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
}
.init-4 .wrap .list .swiper-container .swiper-slide .namemark::before {
content:'';
width: 3px;
height: 100%;
background: #1c6ab4;
position: absolute;
left: -1px;
top: 0;
}
.init-4 .wrap .list .swiper-container .swiper-slide h3 {
	font-size: 30px;
	padding-left: 24px;
	margin-bottom: 2.4vh;
}
.init-4 .wrap .list .swiper-container .swiper-slide .s-content {
	font-size: 18px;
	line-height: 1.6666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 58px;
	padding-left: 24px;
}
.init-4 .wrap .list .swiper-container .swiper-slide a.more {
	position: absolute;
	left: 24px;
	bottom: 7vh;
	width: 200px;
	height: 50px;
	border:1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	line-height: 48px;
	color:#fff;
	transition: 0.5s;
	max-width: calc(100% - 30px);
}
.init-4 .wrap .list .swiper-container .swiper-slide a.more span {
	font-size: 18px;
	display: inline-block;
	margin-right: 2vw;
	vertical-align: middle;
}
.init-4 .wrap .list .swiper-container .swiper-slide a.more i.iconfont {
	color:rgba(255, 255, 255, 0.7);
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.3s;
}
.init-4 .wrap .list .swiper-container .swiper-slide a.more:hover {
	background: #1c6ab4;
	color:#fff;
	border-color: #1c6ab4;
}
.init-4 .wrap .list .swiper-container .swiper-slide a.more:hover i.iconfont {
	color: #fff
}
.init-4 .wrap .list .swiper-container .swiper-slide:hover {
	background: rgba(0, 0, 0, 0.25);
}
.init-4 .wrap.cur .content {
	padding:0;
	width: 0;
}
.init-4 .wrap.cur .list {
	width: 100%;
}
.init-4 .wrap.cur .list .left_btn {
	transform:translateY(-50%) scale(-1);
	right: calc(100% - 23px);
}
.init-4 .wrap.cur .list .list-container {
	display: none;
}
.init-4 .wrap.cur .list .list2-container {
	display: block;
}
.init-4 .wrap.cur .list .list2-container .swiper-slide {
	width: 20%;
}
.init-5 .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	top: 0;
	left: 0;
	z-index: -1;
}
.init-5 .bg .left {
	width: 60%;
}
.init-5 .bg .right {
	width: 40%;
}
.init-5 .wrap {
	padding:0 3vw;
	margin-top: 80px;
}
.init-5 .wrap h2 {
	margin-bottom: 8vh;
	transform: translateY(20px);
	opacity: 0;
	transition: 0.5s;
}
.init-5 .wrap h2 span {
	font-size: 2.25rem;
}
.init-5 .wrap h2 .news-nav {
	float: right;
	font-size: 0;
}
.init-5 .wrap h2 .news-nav a {
	text-shadow: 1px 1.732px 5px rgba(6, 0, 1, 0.5);
	color:#fff;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.4vw;
	padding-bottom: 6px;
	position: relative;
}
.init-5 .wrap h2 .news-nav a::after {
content:'';
width: 0;
height: 3px;
background: #1c6ab4;
position: absolute;
left: 0;
bottom: 0;
transition: 0.5s;
}
.init-5 .wrap h2 .news-nav a:hover::after {
width: 100%;
}
.init-5 .wrap .swiper-container {
	padding-top: 20px;
	transform: translateY(20px);
	opacity: 0;
	transition: 0.5s;
}
.init-5 .wrap .swiper-slide a {
	display: block;
	background: rgba(255, 255, 255, 0.8);
	padding:30px 25px 25px;
	transition: 0.5s;
	box-shadow: 0px 5px 15px 0px rgba(22, 54, 85, 0.2);
}
.init-5 .wrap .swiper-slide a p.date {
	margin-bottom: 6vh;
}
.init-5 .wrap .swiper-slide a p.date span.columnTitle {
	display: inline-block;
	padding:0 9px;
	height: 24px;
	line-height: 24px;
	color:#fff;
	border-radius: 24px;
	font-size: 12px;
	background: #1c6ab4;
	margin-right: 12px;
}
.init-5 .wrap .swiper-slide a p.date span.time {
	display: inline-block;
	vertical-align: middle;
	color:#666;
	font-size: 16px;
}
.init-5 .wrap .swiper-slide a h3 {
	font-size: 20px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 64;
	transition: 0.36s;
}
.init-5 .wrap .swiper-slide a .content {
	text-overflow: ellipsis;
	overflow: hidden;
	color:#666;
	font-size: 16px;
	margin: 2.8vh 0 4.9vh;
	height:70px
}
.init-5 .wrap .swiper-slide a span.more {
	display: block;
	padding-top: 2vh;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	color:#666;
	font-size: 16px;
	transition: 0.36s;
}
.init-5 .wrap .swiper-slide a:hover {
	background: #fff;
}
.init-5 .wrap .swiper-slide a:hover h3 {
	color:#1c6ab4;
}
.init-5 .wrap .swiper-slide a:hover span.more {
	color:#1c6ab4;
	border-color: #1c6ab4;
}
.init-5 .wrap .swiper-pagination {
	position: static;
	display: inline-block;
	width: auto;
	vertical-align: middle;
	margin:12vh 2vw 0;
	color:rgba(0, 0, 0, 0.5);
	font-family: 'Oswald';
	font-size: 20px;
}
.init-5 .wrap .swiper-button {
	width: auto;
	height: auto;
	margin-top: auto;
	background:none;
	color:rgba(0, 0, 0, 0.5);
	font-size: 0;
	position: static;
	outline: none;
	transition: 0.36s;
	pointer-events: auto;
	opacity: 1;
	display: inline-block;
	vertical-align: middle;
	margin-top: 12vh;
}
.init-5 .wrap .swiper-button i.fa {
	font-size: 48px;
}
.init-5 .wrap .swiper-button:hover {
	color:#1c6ab4
}
.init-2.active .wrap .left ul.link, .init-2.active .wrap .right .content, .init-3.active .wrap .left .content, .init-4.active .wrap .content h2, .init-4.active .wrap .content .s-content, .init-5.active .wrap h2 {
	transform: none;
	opacity: 1;
	transition-delay: 0.5s;
}
.init-2.active .wrap .right a.more, .init-3.active .wrap .left a.more, .init-5.active .wrap .swiper-container {
	transform: none;
	opacity: 1;
	transition-delay: 0.6s;
}
/* page */
.page {
	text-align: center;
}
.page ul li a {
	border:none;
	background: none;
	color:#666;
	padding:0 2px;
	margin:0 10px;
	font-size: 18px;
}
.page ul li.disabled a {
	border:none;
	background: none;
}
.page ul li.active a {
	border:none;
	background: none;
	color: #1c6ab4;
	border-bottom: 4px solid #1c6ab4;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	border:none;
	background: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: none;
	color:#666;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background: none;
	color:#666;
}
/* 内页 */
.overflow {
	overflow: hidden;
}
.overflow img {
	width: 100%;
	transition: 1.5s cubic-bezier(.165, .84, .44, 1);
}
.overflow:hover img {
	-webkit-transform:scale(1.08);
	transform:scale(1.08)
}
/* 关于我们 */

.videoPop {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top:0;
	z-index: 9999;
	display: none;
	text-align: center;
	padding:5vh 1vw;
}
.videoPop .col-video2 {
	position: relative;
	width: 100%;
	height: 100%;
}
#Video {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	max-width: 970px;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
#videoClose {
	position: absolute;
	right:10px;
	top:5px;
	color: #fff;
	cursor: pointer;
	font-size: 36px;
	transition: 0.5s;
	z-index: 99;
}
#videoClose:hover {
	color: #eee;
}
/* solution */
.col-page-solution .section {
	height: 100vh;
	position: relative;
}
.col-page-solution .section .wrap {
	color:#fff;
	padding:80px 3vw 0;
	position: relative;
}
.col-page-solution .section.footer .wrap {
	padding:0;
}
.col-page-solution .section .wrap .content {
	max-width: 630px;
	padding:40px 20px 20px;
	background: rgba(0, 0, 0, 0.15);
}
.col-page-solution .section .wrap .content h2 {
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: normal;
}
.col-page-solution .section .wrap .content .s-content {
	text-align: justify;
	font-size: 18px;
	line-height: 1.666;
	margin-bottom: 5vh;
	padding-bottom: 3vh;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	letter-spacing: 1px;
}
.col-page-solution .section .wrap .content h3 {
	font-size: 24px;
	margin-bottom: 3vh;
}
.col-page-solution .section .wrap .content ul {
	font-size: 0;
}
.col-page-solution .section .wrap .content ul li {
	display: inline-block;
	vertical-align: middle;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 3vh;
}
.col-page-solution .section .wrap .content ul li:nth-child(3n) {
margin-right: 0;
}
.col-page-solution .section .wrap .content ul li span {
	font-size: 16px;
	color:#fff;
	display: inline-block;
	max-width: calc(100% - 26px);
	vertical-align: middle;
	padding-right: 5px;
}
.col-page-solution .section .wrap .content ul li i.fa {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #1c6ab4;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	color:#fff;
	transition: 0.36s;
}
.col-page-solution .section .wrap .content ul li:hover i.fa {
	transform: translateX(5px);
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	width: 12px !important;
	height: 12px !important;
	background: #fff !important;
	margin:-6px 0 0 -6px !important;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	background: #1c6ab4 !important;
}
/* product */
.col-page-product {
	padding: 8vh 0;
}
/* .col-page-product#margintop{padding:calc(107px + 12vh) 0 8vh;} */
.col-page-product .container2 {
	padding:0 5vw;
}
.col-page-product ul.list li {
	width: 24.25%;
	margin-right: 1%;
	margin-bottom: 5vh;
	float: left;
}
.col-page-product ul.list li:nth-child(4n) {
margin-right: 0;
}
.col-page-product ul.list li .title {
	color:#000;
	transition: 0.36s;
	font-size: 18px;
	padding:12px 0;
}
.col-page-product ul.list li:hover .title {
	color:#1c6ab4;
}
/* detail */
.col-product-detail {
	padding:calc(70px + 7vh) 0 9vh;
}
.col-product-detail .pro_show {
	font-size: 0;
}
.col-product-detail .pro_show .caseleft {
	display: inline-block;
	vertical-align: top;
	width:41.5%;
	border:1px solid #e5e5e5;
}
.col-product-detail .pro_show .caseleft .swiper-pagination span {
	width: 12px;
	height: 12px;
	border:1px solid #959595;
	transition: 0.5s;
	background: transparent;
	opacity: 1;
}
.col-product-detail .pro_show .caseleft .swiper-pagination span.swiper-pagination-bullet-active {
	background: #be0000;
	border-color: #be0000;
}
.col-product-detail .pro_show .caseright {
	display: inline-block;
	vertical-align: top;
	width: 58.5%;
}
.col-product-detail .pro_show .caseright {
	padding:0 0 0 6vw;
}
.col-product-detail .pro_show .caseright h1 {
	font-size: 2.25rem;
	font-weight: normal;
	margin-bottom: 3vh;
}
.col-product-detail .pro_show .caseright .content {
	color:#666;
	font-size: 18px;
	line-height: 1.888;
}
.col-product-detail .pro_show .caseright .content p {
	margin-bottom: 8px;
	text-align: justify;
}
.col-product-detail .pro_show .caseright .link {
	display: block;
	width: 200px;
	height: 50px;
	border:2px solid rgba(0, 0, 0, 1);
	text-align: center;
	line-height: 46px;
	color:#000;
	transition: 0.5s;
	margin-top: 20vh;
}
.col-product-detail .pro_show .caseright .link span {
	font-size: 18px;
	display: inline-block;
	margin-right: 2vw;
	vertical-align: middle;
}
.col-product-detail .pro_show .caseright .link i.iconfont {
	color:rgba(0, 0, 0, 0.7);
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	transition: 0.3s;
}
.col-product-detail .pro_show .caseright .link:hover {
	background: #000;
	color:#fff;
}
.col-product-detail .pro_show .caseright .link:hover i.iconfont {
	color: #fff
}
.col-product-detail .detail {
	margin-top: 8vh;
	border-top: 1px solid #000;
}
.col-product-detail .detail ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.col-product-detail .detail ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 6vh 0 7vh;
}
.col-product-detail .detail ul li:nth-child(1n) {
width: 22.5%;
font-size: 30px;
}
.col-product-detail .detail ul li:nth-child(2n) {
width: 77.5%;
font-size: 18px;
line-height: 2;
}
.col-product-detail .detail ul li:nth-child(2n) table {
width: 100%;
text-align: center;
border-bottom: 1px solid #959595;
border-top: 1px solid #959595;
}
.col-product-detail .detail ul li:nth-child(2n) table tr:nth-child(1) {
background: #f5f5f5;
border-bottom: 1px solid #959595;
}
.col-product-detail .detail ul li:nth-child(2n) table td {
border-bottom: 1px solid rgba(149, 149, 149, 0.3);
padding:1.2vh 0;
color:#666;
font-size: 16px;
}
/* innovation */
.col-page-innovation h2 {
	font-size: 2.375rem;
	margin-bottom: 3.5vh;
	padding-bottom: 4vh;
	position: relative;
}
.col-page-innovation h2::after {
content:'';
width: 37px;
height: 5px;
background: #1c6ab4;
position: absolute;
left: 0;
bottom: 0;
}
.col-page-innovation .col-1 .container2 {
	padding:9vh 5vw 0;
}
.col-page-innovation .col-1 .content {
	font-size: 18px;
	line-height: 2;
}
.col-page-innovation .col-1 .content .img {
	position: relative;
}
.col-page-innovation .col-1 .content .img .s-content {
	background: #fff;
	padding:5vh 6vw 4vh;
	max-width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.col-page-innovation .col-1 .content .img .s-content p:nth-child(2) {
font-size: 28px;
}
.col-page-innovation .col-1 .content ul:nth-of-type(1) {
overflow: hidden;
font-size: 0;
}
.col-page-innovation .col-1 .content ul:nth-of-type(1) li {
display: inline-block;
vertical-align: top;
margin-bottom: 6vh;
font-size: 18px;
width: 50%;
}
.col-page-innovation .col-1 .content ul:nth-of-type(1) li strong, .col-page-innovation .col-1 .content ul:nth-of-type(1) li strong span {
font-size: 3rem;
font-family: 'Geometric';
color:#1c6ab4;
font-weight: bold;
line-height: 1;
vertical-align: baseline;
}
.col-page-innovation .col-1 .content ul:nth-of-type(2) {
overflow: hidden;
}
.col-page-innovation .col-1 .content ul:nth-of-type(2) li {
float: left;
width: 24%;
margin-right: 1.333%;
margin-bottom: 10px;
}
.col-page-innovation .col-1 .content ul:nth-of-type(2) li:nth-of-type(4n) {
margin-right: 0;
}
.col-page-innovation .col-2 .container2 {
	padding:12vh 5vw 9vh;
}
.col-page-innovation .col-2 .swiper-pagination {
	position: static;
	margin-top: 6vh;
}
.col-page-innovation .col-2 .swiper-pagination span {
	width: 11px;
	height: 11px;
	background: #959595;
	opacity: 1;
	transition: 0.5s;
}
.col-page-innovation .col-2 .swiper-pagination span.swiper-pagination-bullet-active {
	background: #1c6ab4;
}
/* service */
.col-page-service h2 {
	font-size: 2.375rem;
	margin-bottom: 10vh;
	font-weight: normal;
}
.col-page-service .col-1 .container2 {
	padding: 10vh 5vw 28vh;
}
.col-page-service .col-1 .content {
	color:#666;
	font-size: 18px;
	line-height: 1.666;
}
.col-page-service .col-1 .content a {
	color:#1c6ab4;
}
.col-page-service .col-1 .content p:nth-child(2) a {
font-size: 2.375rem;
font-family: 'Geometric';
}
.col-page-service .col-1 .content p:last-child a {
	border-bottom: 1px solid;
	display: inline-block;
}
.col-page-service .col-2 .container2 {
	padding:11vh 5vw;
}
.col-page-service .col-2 .left {
	float: left;
	width: 24%;
}
.col-page-service .col-2 .left ul.download_nav li {
	margin-bottom: 2.6vh;
}
.col-page-service .col-2 .left ul.download_nav li a {
	font-size: 18px;
	transition: 0.36s;
}
.col-page-service .col-2 .left ul.download_nav li.active a, .col-page-service .col-2 .left ul.download_nav li a:hover {
	color:#1c6ab4;
}
.col-page-service .col-2 .right {
	float: right;
	width: 76%;
}
.col-page-service .col-2 .right ul.list {
	display: none;
	border-top: 1px solid #959595;
}
.col-page-service .col-2 .right ul.list.active {
	display: block;
}
.col-page-service .col-2 .right ul.list li {
	padding:2vh 0;
	border-bottom: 1px solid rgba(149, 149, 149, 0.3);
	font-size: 0;
}
.col-page-service .col-2 .right ul.list li:last-child {
	border-bottom: 1px solid #959595;
}
.col-page-service .col-2 .right ul.list li span.name {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 110px);
	color:#666;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.col-page-service .col-2 .right ul.list li a.dw {
	color: #0981f1;
	transition: 0.3s;
	display: inline-block;
	width: 110px;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
.col-page-service .col-2 .right ul.list li a.dw span {
	display: inline-block;
	vertical-align: middle;
}
.col-page-service .col-2 .right ul.list li a.dw i.iconfont {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
	transform: rotate(45deg);
	font-size: 12px;
}
.col-page-service .col-2 .right ul.list li a.dw:hover {
	color:#1c6ab4;
}
.col-page-service .col-3 {
	background: #f1f2f3;
}
.col-page-service .col-3 .container2 {
	padding:10vh 5vw 5vh;
}
.col-page-service .col-3 ul.list li {
	border-bottom: 1px solid #dcdcdc;
	padding:8vh 0;
}
.col-page-service .col-3 ul.list li:last-child {
	border-bottom: none;
}
.col-page-service .col-3 ul.list li .title {
	margin-bottom: 3vh;
	color:#1c6ab4;
	font-size: 18px;
}
.col-page-service .col-3 ul.list li .content {
	font-size: 18px;
	line-height: 1.6666;
	text-align: justify;
}
/* about */
.col-page-about h2 {
	color:#1c6ab4;
	font-size: 2.375rem;
	margin-bottom: 6vh;
	font-weight: normal;
}
.col-page-about .col-1 .container2 {
	padding:8.4vh 5vw 12vh;
}
.col-page-about .col-1 .namemark {
	position: relative;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 7vh;
}
/* .col-page-about .col-1 .namemark::before{content:'';width: 7vw;height: 3px;background: #1c6ab4;position: absolute;left: 15px;top: 10px;} */
.col-page-about .col-1 .content {
	margin-top: 14vh;
}
.col-page-about .col-1 .content ul {
	font-size: 0;
}
.col-page-about .col-1 .content ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 2;
	text-align: justify;
}
.col-page-about .col-1 .content ul li:nth-child(1) {
width: 36.3%;
font-size: 24px;
line-height: 1.4;
padding-right: 5vw;
padding-bottom: 5.2vh;
position: relative;
}
/* .col-page-about .col-1 .content ul li:nth-child(1)::after{content:'';width: 37px;height: 5px;background: #1c6ab4;position: absolute;bottom: 0;left: 0;} */
.col-page-about .col-1 .content ul li:nth-child(2) {
width: 63.7%;
}
.col-page-about .col-2 {
	position: relative;
}
.col-page-about .col-2 .img .container2 {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
	padding: 0 5vw;
}
.col-page-about .col-2 .img .container2 h2 {
	color:#fff;
}
.col-page-about .col-2>.container2 {
	padding: 0 5vw;
}
.col-page-about .col-2 .content {
	padding:10vh 0 18vh;
	border-bottom: 1px solid #e5e5e5;
	font-size: 1.875rem;
}
.col-page-about .col-2 .content ul {
	font-size: 0;
}
.col-page-about .col-2 .content ul li {
	width: 45%;
	margin-right: 10%;
	margin-bottom: 4vh;
	display: inline-block;
	vertical-align: top;
	padding-left: 90px;
	position: relative;
	font-size: 18px;
	line-height: 1.6;
	text-align: justify;
}
.col-page-about .col-2 .content ul li:nth-child(2n) {
margin-right: 0;
}
.col-page-about .col-2 .content ul li p:nth-child(1) {
position: absolute;
left: 0;
top: 12px;
}
.col-page-about .col-2 .content ul li p:nth-child(2) {
font-size: 1.875rem;
margin-bottom: 8px;
}
.col-page-about .col-3 .container2 {
	padding:8vh 10px 11vh;
}
.col-page-about .col-3 h2 {
	float: left;
	position: relative;
}
/* .col-page-about .col-3 h2::after{content:'';width: 36px;height: 5px;background: #1c6ab4;position: absolute;bottom: 0;left: 0;} */
.col-page-about .col-3 .lightgallery {
	float: right;
	cursor: pointer;
}
.col-page-about .col-4 .head {
	padding:39vh 0 15vh;
}
.col-page-about .col-4 .head .container2 {
	padding: 0 5vw;
}
.col-page-about .col-4 .head h2 {
	color:#fff;
	padding-bottom: 3vh;
	position: relative;
}
/* .col-page-about .col-4 .head h2::after{content:'';width: 36px;height: 5px;background: #1c6ab4;position: absolute;bottom: 0;left: 0;} */
.col-page-about .col-4 .slide {
	background: url(../images/map_bg.jpg)no-repeat center/cover;
	padding:20vh 0;
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 680px;
	align-items: center;
}
.col-page-about .col-4 .slide .container2 {
	padding: 0 5vw;
}
.col-page-about .col-4 .slide::after {
content:'';
width: 100%;
height: 1px;
background: #dcdcdc;
position: absolute;
left: 0;
top: 50%;
z-index: -1;
}
.col-page-about .col-4 .slide .swiper-container {
	overflow: visible;
}
.col-page-about .col-4 .slide .swiper-slide i.dot {
	display: block;
	width: 15px;
	height: 15px;
	border:3px solid #fff;
	background: #1c6ab4;
	border-radius: 50%;
	box-shadow: 0px 0px 13px 0px rgba(0, 43, 105, 0.41);
	position: relative;
}
.col-page-about .col-4 .slide .swiper-slide i.dot::after {
content:'';
width: 43px;
height: 43px;
border-radius: 50%;
background: #eeeeee;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.col-page-about .col-4 .slide .swiper-slide .title {
	font-size: 2.25rem;
	color:#1c6ab4;
	font-family: 'Geometric';
	font-weight: bold;
}
.col-page-about .col-4 .slide .swiper-slide .s-content {
	font-size: 16px;
}
.col-page-about .col-4 .slide .swiper-slide .content {
	position: absolute;
	left: 0;
	bottom: calc(50% + 6vh);
	width: 275px;
}
.col-page-about .col-4 .slide .swiper-slide:nth-child(2n) .content {
top: auto;
top: calc(50% + 6vh);
}
.col-page-about .col-5 .container2 {
	padding:8vh 5vw 14vh;
}
.col-page-about .col-5 h2 {
	margin-bottom: 6vh;
}
.col-page-about .col-5 h2 span {
	display: inline-block;
	position: relative;
	padding-bottom: 3vh;
}
/* .col-page-about .col-5 h2 span::after{content:'';width: 36px;height: 5px;background: #1c6ab4;position: absolute;bottom: 0;left: 0;} */
.col-page-about .col-5 .list li {
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 3.5%;
	float: left;
	text-align: center;
}
.col-page-about .col-5 .list li:nth-child(n+6) img {
width: 75%;
}
.col-page-about .col-5 .list li:nth-child(n+16) img {
width: 70%;
}
.col-page-about .col-5 .list li:nth-child(5n) {
margin-right: 0;
}
.col-page-about .col-5 .list li .img:hover img {
	transform: scale(0.95);
}
/* .col-page-about .col-5 .paginationjs {text-align: center;}
.col-page-about .col-5 .paginationjs .paginationjs-pages{padding: 6vh 0 0;font-size: 0;float: none;}
.col-page-about .col-5 .paginationjs .paginationjs-pages ul{float: none;white-space: nowrap;}
.col-page-about .col-5 .paginationjs .paginationjs-pages li{border-radius: 0 !important;border:none !important;float: none;display: inline-block;vertical-align: middle;margin:0 3.5px;}
.col-page-about .col-5 .paginationjs .paginationjs-pages li a{border-radius: 0 !important;min-width: auto;background: #fff;width: 43px;height: 43px;border:1px solid #e5e5e5;line-height: 41px;font-size: 14px;color:#666;opacity: 1 !important;}
.col-page-about .col-5 .paginationjs .paginationjs-pages li.active a{color:#fff;background: #1c6ab4;} */

.col-page-about .col-6 {
	background: #f1f2f3;
}
.col-page-about .col-6 .container2 {
	padding:14vh 5vw 6vh;
}
.col-page-about .col-6 h2 {
	padding-bottom: 3vh;
	position: relative;
}
/* .col-page-about .col-6 h2::after{content:'';width: 36px;height: 5px;background: #1c6ab4;position: absolute;bottom: 0;left: 0;} */
.col-page-about .col-6 ul.list li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}
.col-page-about .col-6 ul.list li:nth-child(3n) {
margin-right: 0;
}
.col-page-about .col-6 ul.list li .title {
	font-size: 24px;
	margin: 4vh 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	transition: 0.3s;
}
.col-page-about .col-6 ul.list li .content {
	color:#666;
	font-size: 16px;
	line-height: 2.25;
	margin-bottom: 6vh;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 72px;
}
.col-page-about .col-6 ul.list li span.more {
	color:#1c6ab4;
	font-size: 16px;
}
.col-page-about .col-6 ul.list li:hover .title {
	color:#1c6ab4;
}
/* news */
.col-page-news {
	padding:10vh 3vw 12vh;
}
.col-page-news .news-top {
	margin-bottom: 10vh;
	font-size: 0;
}
.col-page-news .news-top .news-nav {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
}
.col-page-news .news-top .news-nav a {
	display: inline-block;
	margin-right: 3.5vw;
	font-size: 24px;
	transition: 0.3s;
	margin-bottom: 10px;
}
.col-page-news .news-top .news-nav a:last-child {
	margin-right: 0;
}
.col-page-news .news-top .news-nav a.active, .col-page-news .news-top .news-nav a:hover {
	color:#1c6ab4;
}
.col-page-news .news-top .news-search {
	width: 51%;
	display: inline-block;
	vertical-align: middle;
	border:1px solid #dcdcdc;
	box-shadow:2px 3.464px 7px 0px rgba(25, 48, 111, 0.1);
}
.col-page-news .news-top .news-search input {
	border:none;
	background: none;
	padding:0;
	outline: none;
	font-size: 18px;
	color:#666;
	vertical-align: middle;
	height: 70px
}
.col-page-news .news-top .news-search .inpt4 {
	width: 65px;
	font-size: 24px;
}
.col-page-news .news-top .news-search .inpt3 {
	width: calc(100% - 65px);
	padding-left: 24px;
}
.col-page-news ul.list li {
	float: left;
	width: 22.75%;
	margin-right: 3%;
	margin-bottom: 11vh;
	box-shadow: 0px 5px 15px 0px rgba(22, 54, 85, 0.16);
	background: rgba(255, 255, 255, 0.8);
	transition: 0.5s;
}
.col-page-news ul.list li:nth-child(4n) {
margin-right: 0;
}
.col-page-news ul.list li .content {
	padding:30px 25px 25px;
	transition: 0.5s;
}
.col-page-news ul.list li .content p.date {
	margin-bottom: 6vh;
}
.col-page-news ul.list li .content p.date span.columnTitle {
	display: inline-block;
	padding:0 9px;
	height: 24px;
	line-height: 24px;
	color:#fff;
	border-radius: 24px;
	font-size: 12px;
	background: #1c6ab4;
	margin-right: 12px;
}
.col-page-news ul.list li .content p.date span.time {
	display: inline-block;
	vertical-align: middle;
	color:#666;
	font-size: 16px;
}
.col-page-news ul.list li .content h3 {
	font-size: 20px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 64px;
	transition: 0.36s;
}
.col-page-news ul.list li .content .s-content {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#666;
	font-size: 16px;
	margin: 2.8vh 0 4.9vh;
}
.col-page-news ul.list li .content span.more {
	display: block;
	padding-top: 2vh;
	border-top: 2px solid rgba(0, 0, 0, 0.1);
	color:#666;
	font-size: 16px;
	transition: 0.36s;
}
.col-page-news ul.list li:hover {
	background: #fff;
	box-shadow: 0px 5px 38px 0px rgba(22, 54, 85, 0.15);
}
.col-page-news ul.list li:hover h3 {
	color:#1c6ab4;
}
.col-page-news ul.list li:hover span.more {
	color:#1c6ab4;
	border-color: #1c6ab4;
}
/* recruit */
.col-page-recruit .col-1 .container2 {
	padding:12vh 10px 13vh;
}
.col-page-recruit .col-1 .content {
	color:#666;
	font-size: 18px;
	line-height: 1.666;
}
.col-page-recruit .col-1 .content strong {
	font-size: 2.25rem;
	line-height: 1.333;
	color:#000
}
.col-page-recruit .col-2 {
	background: #f8f9fa;
}
.col-page-recruit .col-2 .container2 {
	padding:6.6vh 10px 13vh;
}
.col-page-recruit .col-2 h2 {
	font-size: 24px;
	margin-bottom: 30px;
}
.col-page-recruit .col-2 .job table {
	width:100%;
}
.col-page-recruit .col-2 .job table tr th {
	padding: 15px 0;
	font-size: 1.125rem;
	font-weight: normal;
	width:20%;
	background: #1c6ab4;
	text-align: center;
	color:#fff;
}
.col-page-recruit .col-2 .job table tr th:first-child {
	text-align: left;
	padding-left: 2.5vw;
}
.col-page-recruit .col-2 .jobtit table tr td {
	width:20%;
	padding:15px 0;
	font-size: 1rem;
	text-align: center;
	color:#666;
}
.col-page-recruit .col-2 .jobtit table tr td:first-child {
	text-align: left;
	padding-left: 2.5vw;
}
.col-page-recruit .col-2 .job ul li {
	border-bottom: 1px solid #cccccc;
}
.col-page-recruit .col-2 .job ul li .jobtit {
	color: #000;
	cursor: pointer;
	position: relative;
	transition: 0.36s;
}
.col-page-recruit .col-2 .job ul li .jobtit.active {
	background: #fff;
}
.col-page-recruit .col-2 .job ul li .jobcon {
	background: #fff;
}
.col-page-recruit .col-2 .job ul li .jobcon {
	display: none;
	padding:25px 2.5vw 6vh;
	position: relative;
}
.col-page-recruit .col-2 .job ul li .jobcon div.box {
	margin-bottom: 20px;
	color: #666;
}
.col-page-recruit .col-2 .job ul li .jobcon div.box:nth-child(2) {
margin-right: 0;
}
.col-page-recruit .col-2 .job ul li.active .jobtit {
	border:none;
}
.col-page-recruit .col-2 .job ul li.active .jobcon {
	border-bottom: 0;
	-webkit-animation: fadeIn 1s both;
	animation: fadeIn 1s both;
	display: block;
}
.col-page-recruit .col-2 .jobcon .content {
	position: relative;
}
.col-page-recruit .col-2 .jobcon .content .box {
	color:#666;
	line-height: 1.8;
	font-size: 1rem;
}
.col-page-recruit .col-2 .jobcon .content .box {
	color:#666;
}
.col-page-recruit .col-2 .jobcon .jobform {
	display: block;
	width: 200px;
	border-radius: 2px;
	height: 50px;
	background: #1c6ab4;
	color:#fff;
	text-align: center;
	line-height: 50px;
	margin-top:15px;
	font-size: 16px;
}
.col-page-jobform {
	padding:7vh 0 6vh;
}
.col-page-jobform #cvlist {
	padding: 15px;
}
.col-page-jobform #cvlist .v52fmbx {
	border: 1px solid #ddd;
	border-top: 0;
	overflow: hidden;
	text-align: left;
}
.col-page-jobform #cvlist .v52fmbx h3 {
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 0 5px 0 15px;
	font-weight: bold;
	font-size: 16px;
	background: #ddd;
	height: 60px;
	line-height: 60px;
}
.col-page-jobform #cvlist .v52fmbx dl {
	border-top: 1px solid #ddd;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -ms-flexbox;
	position: relative;
	padding: 5px 0;
}
.col-page-jobform #cvlist .v52fmbx dl dt {
	padding: 15px 15px 10px 15px;
	width: 105px;
	text-align: left;
	font-weight: normal;
	overflow: hidden;
	line-height: 1.2;
}
.col-page-jobform #cvlist .v52fmbx dl dd {
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	box-flex: 1.0;
	-ms-flex: 1;
	padding: 2px 15px;
	margin: 10px 0;
}
.col-page-jobform #cvlist .v52fmbx dl dd input {
	width: 350px;
	height: 28px;
	line-height: 28px\9;
	padding: 2px 5px;
	border: 1px solid #dcdfe0;
	background-color: #fff;
	color: #333;
	outline: 0;
	border-radius: 2px;
}
.col-page-jobform #cvlist .v52fmbx dl dd input[type="radio"] {
	border-radius: 100%;
	bottom: 3px;
	height: 15px;
	position: relative;
	vertical-align: middle;
	width: 15px;
	margin: 0;
	position: relative;
	top: -1px;
	margin-right: 6px;
}
.col-page-jobform #cvlist .v52fmbx dl dd textarea {
	width: 350px;
	line-height: 1.5;
	height: 100px;
	padding: 7px 5px;
	border: 1px solid #dcdfe0;
	background-color: #fff;
	color: #333;
	outline: 0;
}
.col-page-jobform #cvlist .v52fmbx dl dd input[type="submit"] {
	display: block;
	width: 150px;
	height: 45px;
	background: #cd301a;
	color:#fff;
	line-height: 45px;
	text-align: center;
	transition: 0.3s;
	font-size: 16px;
	border:none;
	padding:0;
}
.col-page-jobform #cvlist .v52fmbx dl dd input[type="submit"]:hover {
	box-shadow: 0px 5px 27px 0px rgba(6, 0, 1, 0.22);
}
/* 新闻详情页 */
.col-news {
	position: relative;
	margin: 0 auto;
}
.col-news-detail {
	background: #f2f5f8;
}
.col-news article {
	margin:40px 0;
	float: left;
	width: 100%;
}
.col-news .met_clear {
	clear: both;
}
.col-news .met_module2 h1.met_title {
	font-size: 28px;
	font-weight: normal;
	padding: 5px 0;
	color:#000;
}
.col-news .met_module2 .met_infos {
	color: #818181;
	font-size: 12px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.col-news .met_module2 .met_time {
	padding-right: 6px;
}
.col-news .met_module2 .met_source {
	padding-right: 6px;
}
.col-news .met_module2 .met_source a {
	color: #607fa6;
}
.col-news .met_module2 .met_editor {
	padding: 0 10px;
	color:#000;
	text-align: justify;
}
.col-news .met_editor {
	line-height: 2;
}
.col-news .met_tools {
	border-top: 1px solid #ddd;
	margin-top: 30px;
	position: relative;
	padding: 10px 10px 0;
}
.col-news .met_tools .met_page {
	clear: both;
	color: #818181;
}
.col-news .met_tools .met_page li {
	display: inline-block;
	list-style: none;
	margin-right: 30px;
}
.col-news .met_tools .met_page li:last-child {
	margin-right: 0
}
.col-news .met_tools .met_page li span {
	padding-right: 5px;
}
.col-news .met_tools .met_page a {
	color: #607fa6;
}
/* environmental */
.col-page-contact .col-1 .container2 {
	padding:12vh 5vw;
}
.col-page-contact .col-1 .content {
	float: left;
	width: 50%;
}
.col-page-contact .col-1 .content h2 {
	font-size: 2.25rem;
	margin-bottom:8px;
}
.col-page-contact .col-1 .content .address {
	color:#666;
	font-size: 18px;
	margin-bottom: 5vh;
	line-height: 1.666;
}
.col-page-contact .col-1 .content .s-content {
	font-size: 18px;
	line-height: 1.888;
}
.col-page-contact .col-1 .content .s-content a {
	display: inline-block;
	color:#1c6ab4;
	border-bottom: 1px solid;
}
.col-page-contact .map {
	height: 500px;
	float: right;
	width: 50%;
	padding-left: 15px;
}
.col-page-contact .map #gaode_map {
	width: 100%;
	height: 100%;
	z-index: 1;
}
.col-page-contact .map #allmap {
	height: 100%;
	box-shadow: 0px 9px 10px 0px rgba(6, 0, 1, 0.13);
}
.col-page-contact .map #allmap img {
	max-width: 1070px;
	max-height: 500px;
}
.col-page-contact .map #allmap label {
	max-width: 1070px;
	background: #fff !important;
	border:none !important;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	padding: 10px !important;
	top: auto !important;
	bottom: 10px;
	left: 50% !important;
	transform: translateX(-45%)
}
.col-page-contact .map #allmap label::before {
content: "";
width: 0px;
height: 0px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
}
.col-page-contact .map #allmap .BMapLib_SearchInfoWindow .BMapLib_bubble_content {
	overflow-y: auto !important;
}
.col-page-contact .col-2 {
	background: #f8f9fa;
}
.col-page-contact .col-2 .container2 {
	padding:8vh 5vw 11vh;
}
.col-page-contact .col-2 h2 {
	font-size: 24px;
	margin-bottom: 10px;
}
.col-page-contact .col-2 p.cont {
	color:#666;
	font-size: 18px;
	margin-bottom: 4vh;
}
.col-page-contact .col-2 form ul {
	float: left;
	width: 50%;
}
.col-page-contact .col-2 form ul li {
	margin-bottom: 20px;
	font-size: 0
}
.col-page-contact .col-2 form ul li input {
	width: 100%;
	border:1px solid #d2d2d2;
	padding-left: 10px;
	outline: none;
	background: #fff;
	font-size: 18px;
	height: 58px;
	box-shadow: 2px 3.464px 8px 0px rgba(0, 43, 105, 0.07);
}
.col-page-contact .col-2 form ul li textarea {
	width:100%;
	border:1px solid #d2d2d2;
	;
	outline: none;
	background: #fff;
	font-size: 18px;
	min-height: 214px;
	padding-left: 10px;
	box-shadow: 2px 3.464px 8px 0px rgba(0, 43, 105, 0.07);
	padding-top: 10px;
}
.col-page-contact .col-2 form ul li .form-check {
	display: inline-block;
	font-size: 14px;
	color:#868686;
	width: 60px;
}
.col-page-contact .col-2 form ul li .form-check input {
	width:auto;
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 6px;
}
.col-page-contact .col-2 form ul li:last-child i {
	vertical-align: top;
}
.col-page-contact .col-2 form ul li:last-child span {
	vertical-align: top
}
.col-page-contact .col-2 form .code {
	float: right;
	width: 50%;
	padding-left: 3.5vw
}
.col-page-contact .col-2 form .code .verify {
	line-height: 30px;
	border:1px solid #d2d2d2;
	padding-left: 10px;
	;
	background: none;
}
.col-page-contact .col-2 form .code .recaptcha {
	color:#868686;
	margin:10px 0 15px;
	display: inline-block;
	border-bottom: 1px solid #868686;
}
.col-page-contact .col-2 form .code .content {
	color:#868686;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 18px;
}
.col-page-contact .col-2 form .code .sub {
	width: 200px;
	height: 55px;
	background: #1c6ab4;
	margin-top: 5vh;
	border:none;
	outline: none;
	color:#fff;
	border-radius: 2px;
	font-size: 18px;
}
/* search */
#search {
	padding: 120px 0 6vh;
	overflow:hidden
}
#search .goomay-keywords-light {
	background: #1c6ab4 !important;
	color:#ffffff !important;
}
#search .search_left {
	border: 1px solid #d6d6d6;
	padding-top:5px;
	padding-bottom:5px;
}
#search .s_head {
	border-bottom: 1px solid #d6d6d6;
	height: 50px;
}
#search .s_head h2 {
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color:#d92129;
}
#search .s_body ul {
	margin-top: 10px;
}
#search .s_body ul span {
	display: block;
	color: #333;
	line-height: 40px;
}
#search .s_body ul input, .s_body ul select {
	height: 35px;
	width: 100%;
	line-height: 35px;
	border: 1px solid #e6e6e6;
	padding-left: 10px;
	margin-bottom: 10px;
}
#search .s_body .sub input {
	height: 45px;
	line-height: 45px;
	background: #1c6ab4;
	border: 0;
	color: #fff;
	transition: 0.3s;
	text-align: center;
	padding-left: 0px;
	font-size: 16px;
}
#search .search_right .no-result {
	text-align: center;
	font-size: 30px;
	color:#1c6ab4;
	margin-top:50px;
}
#search .search-result-title {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
#search .entry-image {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
}
#search .entry-c {
	position: relative;
	overflow: hidden;
}
#search .search-result-info {
	padding:5px 0;
}
#search .search-result-info li {
	display: inline-block;
}
#search .entry-content p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#search .search_right em {
	color: #1c6ab4;
}
#search .search_right .search-result {
	margin-left:25px;
}
#search .search_right .search-li {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
#search .search_right li {
	overflow: hidden;
}
#search .search-result-info li:before {
	content: '/';
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	opacity: 0.5
}
#search .search-result-info li:first-child:before {
	display: none;
}
#search .product_list {
	padding-bottom: 15px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 15px;
}
#search .product_img {
	float: left;
}
#search .product_img img {
	border-radius: 50%;
}
#search .product_img img:hover {
	width: 90px;
	height: 90px;
}
#search .product_body {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
#search .se_news {
	float: right;
	width: 79%;
}
#search .news ul li .se_news a {
	color:#d80808;
	text-decoration: underline;
	display: inline-block;
	height: 22px;
	overflow: hidden;
	transition: 0.3s;
}
#search .search_right .news .date em {
	color: #fff;
}
/* 底部 */
#gotoTop {
	width:50px;
	height:50px;
	display: block;
	color:#fff;
	position: fixed;
	right: 30px;
	bottom: 15vh;
	background: #1c6ab4;
	z-index: 99;
	font-size: 24px;
	cursor: pointer;
	text-align: center;
	line-height: 48px;
	display: none;
}
.footer {
	background: #313131;
	padding:6vh 0 0;
}
.footer .footer-nav {
	padding:0 8vw 0 3vw;
}
.footer .footer-nav ul.list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.footer .footer-nav ul.list li {
	margin: 0 auto;
}
.footer .footer-nav ul.list li:first-child {
	margin-left: 0;
}
.footer .footer-nav ul.list li:last-child {
	margin-right: 0;
}
.footer .footer-nav ul.list li a {
	color:#fff;
	font-size: 16px;
}
.footer .footer-nav ul.list li .child {
	margin-top: 2vh;
}
.footer .footer-nav ul.list li .child p {
	margin-bottom: 6px;
}
.footer .footer-nav ul.list li .child a {
	transition: 0.3s;
	color:rgba(255, 255, 255, 0.4);
}
.footer .footer-nav ul.list li .child a:hover {
	color:rgba(255, 255, 255, 0.8)
}
.footer .footer-info {
	padding:2vh 3vw 3vh;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .footer-info .left {
	font-size: 16px;
	color:#bcbcbc;
	line-height: 1.875;
	width: 28%;
}
.footer .footer-info .left a {
	color:#1c6ab4;
}
.footer .footer-info .center {
	padding-left: 90px;
	position: relative;
}
.footer .footer-info .center i.phone {
	width: 51px;
	height: 51px;
	display: block;
	background: url(../images/phone.png)no-repeat center/cover;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
}
.footer .footer-info .center ul {
	font-size: 0;
}
.footer .footer-info .center ul li {
	font-size: 16px;
	color:rgba(255, 255, 255, 0.5);
	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;
	padding:0 15px;
	position: relative;
}
.footer .footer-info .center ul li:not(:last-child)::after {
content:'';
width: 1px;
height: 43px;
background: rgba(149, 149, 149, 0.5);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.footer .footer-info .center ul li p:nth-child(2) {
font-size: 20px;
font-family: 'Geometric';
font-weight: 500;
}
.footer .footer-info .right {
	font-size: 0;
}
.footer .footer-info .right .img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.2vw;
}
.footer .footer-info .right .title {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color:rgba(255, 255, 255, 0.8);
	line-height: 1.5;
}
.footer .bottom {
	padding:3.5vh 3vw 4vh;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .bottom .copyright, .footer .bottom .copyright a, .footer .bottom .power {
	font-size: 16px;
	color:rgba(255, 255, 255, 0.5);
}
.footer .bottom .copyright i {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 17px;
	background: rgba(255, 255, 255, 0.2);
	margin:0 18px;
}
/* 副导航 */
.vicenav {
	position: fixed;
	top: 80px;
	left: 0;
	width: 100%;
	background: #1c6ab4;
	padding:2.8vh 0 2.2vh;
	text-align: center;
	font-size: 0;
	z-index: 999;
	transition: 0.5s top;
}
.vicenav a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1.4vw 5px;
	color:#fff;
	font-size: 16px;
	transition: 0.36s;
}
.tdt-bottom, .tdt-top {
	z-index: 500 !important;
}
.header.Hide {
	top: -81px;
}
.vicenav.Top {
	top: 0;
}
/* media */
@media (min-width: 1200px) {
 .container {
width: 1200px
}
}
@media (max-width: 1800px) {
}
@media (max-width: 1600px) {
 .vicenav a {
margin: 0 15px 5px;
}
 .init-4 .wrap .content .s-content {
font-size: 24px;
max-width: 500px;
}
 .init-4 .wrap .content {
width: 45%;
}
 .init-4 .wrap .list {
width: 55%;
}
 .init-3 .wrap .left {
width: 52%;
}
 .init-3 .wrap .right {
width: 48%;
}
 .init-3 .wrap .left .content ul li p strong, .init-3 .wrap .left .content ul li p strong span {
font-size: 1.875rem;
}
}
@media (max-width: 1460px) {
 .init-2 .wrap .right .content, .init-3 .wrap .left .content, .init-4 .wrap .list .swiper-container .swiper-slide h3, .init-4 .wrap .content .s-content, .col-page-solution .section .wrap .content h2, .col-product-detail .detail ul li:nth-child(1), .col-page-innovation .col-1 .content .img .s-content p:nth-child(2) {
font-size: 24px;
}
 .header .inner .logo img {

}
 .header .inner {

}
 .init-3 .wrap .left .content ul li p:nth-child(1) {
width: 40px;
}
 .init-3 .wrap .left .content ul li p:nth-child(1) img {
width: 28px;
}
 .init-3 .wrap .left .content ul li {
padding-left: 50px;
}
 .init-3 .wrap .left {
width: 58%;
}
 .init-3 .wrap .right {
width: 42%;
}
 .header .inner .code {
margin-left: 10px;
}
 .col-page-about .col-4 .slide ul.list li .content {
width: auto;
}
 .header .inner nav ul li {
margin-right: 1.5vw;
}
 html {
font-size: 14px;
}
}
@media (max-width: 1200px) {
 .init-2 .wrap .right .content, .init-3 .wrap .left .content, .init-4 .wrap .list .swiper-container .swiper-slide h3, .init-4 .wrap .content .s-content, .col-page-solution .section .wrap .content h3, .col-page-innovation .col-1 .content .img .s-content p:nth-child(2) {
font-size: 20px;
}
 .init-2 .wrap .right .content p:nth-child(1), .init-3 .wrap .left .content>p:nth-child(1), .init-4 .wrap .content h2, .init-4 .wrap .list .swiper-container .swiper-slide .namemark, .col-page-about .col-6 ul.list li .title, .col-page-news .news-top .news-nav a, .col-page-news ul.list li .content h3 {
font-size: 18px;
}
 .header .inner nav ul li {
font-size: 14px;
}
 .init-4 .wrap .content {
width: 40%;
}
 .init-4 .wrap .list {
width: 60%;
}
 .init-3 .wrap .left, .init-3 .wrap .right {
width: 50%;
}
 .col-page-news ul.list li .content h3 {
height: 56px;
}
 .col-page-service .col-1 {
background-attachment: scroll !important;
}
 .footer .footer-info .center {
padding-left: 0;
}
 .footer .footer-info .center i.phone {
display: none;
}
 .footer .footer-info .center ul li {
display: block;
text-align: center;
}
 .footer .footer-info .center ul li:not(:last-child)::after {
display: none;
}
 .footer .footer-info .right .img, .footer .footer-info .right .title {
display: block;
margin: 0 0 10px;
text-align: center;
white-space: nowrap;
}
 .footer .footer-nav ul.list {
flex-wrap: wrap;
justify-content: center;
}
 .footer .footer-nav ul.list li {
margin:0 10px 15px!important
}
 .footer .footer-nav ul.list li .child {
display: none;
}
 .init-4 .wrap .list .swiper-container .swiper-slide .namemark {
height: 140px;
}
 .header .inner {
padding:0 15px;
}
 .header .inner nav ul li {
margin-right: 1vw;
}
 .header .inner .language {
margin-right: 6px;
padding-right: 6px;
}
 .header .inner .logo img {
width: 120px;
}
 html {
font-size: 13px;
}
}
@media (max-width: 992px) {
 #col-index-banner .swiper-slide .ban_cont .content {
font-size: 24px;
}
 .init-4 .wrap .list .swiper-container .swiper-slide .s-content, .init-4 .wrap .list .swiper-container .swiper-slide a.more span, .init-3 .wrap .left a.more span, .init-2 .wrap .right a.more span, #col-index-banner .swiper-slide .ban_cont a.more span, .col-page-solution .section .wrap .content .s-content, .col-page-solution .section .wrap .content ul li span, .col-product-detail .detail ul li:nth-child(2), .col-page-innovation .col-1 .content, .col-page-innovation .col-1 .content ul:nth-of-type(1) li, .col-page-service .col-3 ul.list li .content, .col-page-recruit .col-1 .content, #col-index-banner .swiper-slide .ban_cont h2 {
font-size: 16px;
}
 .header .inner .code {
margin-left: 0;
margin-right: 50px;
}
 .footer .footer-info .left {
margin-bottom: 4vh;
}
 .footer .footer-info .center ul li {
text-align: left;
padding-left: 0;
}
 .footer .footer-info .center ul li p:nth-child(2) {
color:#fff;
}
 .init-5 .bg .left {
width: 100%;
}
 .init-5 .bg .right {
display: none;
}
 .init-4 .wrap .list {
padding-top: 60px;
}
 .col-page-product {
padding: 5vh 0 6vh;
}
 .col-page-about .col-4 .slide ul.list {
display: block;
text-align: center;
}
 .col-page-about .col-4 .slide ul.list li i.dot {
display: none;
}
 .col-page-about .col-4 .slide::after {
display: none;
}
 .col-page-about .col-4 .slide {
min-height: auto;
padding: 6vh 0;
}
 .col-page-about .col-4 .slide ul.list li .content {
position: static;
}
 .col-page-news ul.list li {
width: 49%;
margin-right: 2%;
}
 .col-page-news ul.list li:nth-child(4n) {
margin-right: 2%;
}
 .col-page-news ul.list li:nth-child(2n) {
margin-right: 0;
}
 .col-page-news .news-top .news-nav, .col-page-news .news-top .news-search {
width: 100%;
margin-bottom: 15px;
}
 .col-page-about .col-6 ul.list li .title {
margin:20px 0 7px;
}
 .col-page-innovation .col-1 .content .img .s-content {
position: static;
width: 100%;
}
 .header .inner .flex {
height: 60px;
line-height: 60px;
}
 #header a.mm_btn {
top: 0 !important;
}
 .vicenav {
top: 60px;
}
 .header.Hide {
top: -61px;
}
 .col-page-solution .section .wrap .content ul li {
width: 50%;
}
 .footer .bottom .copyright, .footer .bottom .copyright a, .footer .bottom .power {
margin-top: 10px;
}
 .footer .footer-info .left, .footer .bottom {
width: 100%;
}
 .init-3 .wrap, .footer .footer-info, .footer .bottom {
display: block;
}
 .init-3 .wrap .left, .init-3 .wrap .right {
width: 100%;
}
 .init-3 .wrap .left {
padding:6vh 3vw 5vh;
}
 .init-3 .wrap .right .swiper-slide .img {
padding-bottom: 100%;
}
 .header .inner .logo {
margin-right: auto;
}
 .header .inner nav, .header .inner .language, .header .inner .index-search, .footer .footer-nav, .footer .footer-info .right, .footer .bottom .logo {
display: none;
}
 .header.active#header .mm_btn .menu_bar_item .rect {
background: #000;
}
 html {
font-size: 12px;
}
}
@media (max-width: 768px) {
 .init-2 .wrap, .init-4 .solution-container, .init-4 .wrap {
display: none;
}
 .init-2 .moble, .init-4 .moble {
display: block;
}
 .init-2 .moble .content {
padding: 8vh 3vw 12vh;
}
 .init-2 .moble .content .s-content {
color:rgba(18, 18, 18, 0.7);
font-size: 18px;
margin-bottom: 8vh;
}
 .init-2 .moble .content .s-content p:nth-child(2) {
font-size: 20px;
line-height: 1.7;
color:#000;
margin-top: 15px;
}
 .init-2 .moble .content a.more {
display: block;
width: 200px;
height: 50px;
border:2px solid rgba(18, 18, 18, 0.5);
text-align: center;
line-height: 46px;
color:#000;
transition: 0.5s;
}
 .init-2 .moble .content a.more span {
font-size: 18px;
display: inline-block;
margin-right: 2vw;
vertical-align: middle;
}
 .init-2 .moble .content a.more i.iconfont {
font-size: 20px;
display: inline-block;
vertical-align: middle;
transition: 0.3s;
}
 .init-2 .moble .content a.more:hover {
background: #1c6ab4;
color:#fff;
border-color: #1c6ab4;
}
 .init-2 .moble .img {
position: relative;
}
 .init-2 .moble .img .company {
position: absolute;
left: 0;
top: 6.6vh;
color:#fff;
padding: 0 3vw;
font-size: 18px;
line-height: 1.875;
}
 .init-2 .moble .img .link {
position: absolute;
left: 0;
bottom: 5vh;
padding: 0 3vw;
display: flex;
width: 100%;
}
 .init-2 .moble .img .link li {
background: #fff;
flex: 1;
font-size: 18px;
}
 .init-2 .moble .img .link li a {
display: block;
width: 100%;
padding:2vh 5vw;
background: #fff;
border:1px solid #eeeeee;
transition: 0.5s;
}
 .init-2 .moble .img .link li p.namemark {
font-weight: bold;
color:#1c6ab4;
transition: 0.5s color;
}
 .init-2 .moble .img .link li p.title {
margin-top: 2px;
}
 .init-2 .moble .img .link li a:hover {
border-color: #1c6ab4;
background: #1c6ab4;
color:#fff;
}
 .init-2 .moble .img .link li a:hover p.namemark {
color:#fff;
}
 .init-3 .wrap .left .content ul li:nth-last-child(-n+2) p {
font-size: 18px;
}
 .init-4 .moble {
padding: 8vh 3vw;
}
 .init-4 .moble h2 {
font-size: 18px;
color:#666;
margin-bottom: 3vh;
}
 .init-4 .moble .content {
font-size: 20px;
line-height: 1.5;
margin-bottom: 5.2vh;
}
 .init-4 .moble .swiper-container {
padding-right: 50px;
overflow: visible;
}
 .init-4 .moble .swiper-container .swiper-slide .img {
padding-bottom: 100%;
background-position: center;
background-size: cover;
position: relative;
}
 .init-4 .moble .swiper-container .swiper-slide h3 {
font-size: 20px;
margin:4vh 0 2.4vh;
transform: translateY(20px);
opacity: 0;
transition: 0.5s;
}
 .init-4 .moble .swiper-container .swiper-slide .s-content {
color:#666;
font-size: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 52px;
line-height: 1.666;
font-size: 16px;
transform: translateY(20px);
opacity: 0;
transition: 0.5s;
}
 .init-4 .moble .swiper-container .swiper-slide-active h3, .init-4 .moble .swiper-container .swiper-slide-active .s-content {
transform: none;
opacity: 1;
transition-delay: 0.36s;
}
 .init-5 .wrap .swiper-slide a {
background: #fff;
}
 .init-5 .wrap .swiper-container {
overflow: visible;
padding-right: 50px;
}
 .init-5 .wrap a.more {
display: block;
width: 200px;
height: 50px;
border:2px solid rgba(18, 18, 18, 0.5);
text-align: center;
line-height: 46px;
color:#000;
transition: 0.5s;
margin-top: 12vh;
}
 .init-5 .wrap a.more span {
font-size: 18px;
display: inline-block;
margin-right: 2vw;
vertical-align: middle;
}
 .init-5 .wrap a.more i.iconfont {
font-size: 20px;
display: inline-block;
vertical-align: middle;
transition: 0.3s;
}
 .init-5 .wrap a.more:hover {
background: #1c6ab4;
color:#fff;
border-color: #1c6ab4;
}
 .col-page-about .col-1 h2 {
transform: none;
}
 .col-page-about .col-1 .namemark {
padding-left: 0;
}
 .col-page-jobform #cvlist .v52fmbx dl dd input, .col-page-jobform #cvlist .v52fmbx dl dd textarea {
width: 100%;
}
 .col-page-news ul.list li {
width: 100%;
margin-right: 0;
}
 .col-page-about .col-4 .slide .swiper-container .swiper-button {
margin-top: 20px;
}
 .col-page-about .col-4 .head {
padding:20vh 0 10vh
}
 .col-page-about .col-2 .img .container2 {
top: 30px;
}
 .col-page-about .col-1 .content ul li, .col-page-about .col-2 .content ul li {
display: block;
width: 100% !important;
margin-bottom: 20px;
font-size: 16px;
}
 .col-page-service .col-3 ul.list li {
padding:4vh 0;
}
 .col-page-service .col-2 .left, .col-page-service .col-2 .right, .col-page-contact .col-1 .content, .col-page-contact .col-1 .map, .col-page-contact .col-2 form ul, .col-page-contact .col-2 form .code {
float: none;
width: 100%;
margin-bottom: 20px;
}
 .col-page-contact .col-1 .map {
height: 300px;
}
 .col-page-innovation .col-1 .content ul:nth-of-type(1) li {
width: 100%;
margin-bottom: 10px;
}
 .col-product-detail .detail ul {
display: block;
}
 .col-product-detail .detail ul li {
width: 100% !important;
margin-bottom: 15px;
overflow-x: auto;
}
 .col-product-detail .pro_show .caseleft, .col-product-detail .pro_show .caseright {
float: none;
width: 100%;
padding:0;
margin-bottom: 25px;
}
 .col-page-product ul.list li, .col-page-innovation .col-1 .content ul:nth-of-type(2) li, .col-page-about .col-5 .list ul li, .col-page-about .col-6 ul.list li {
width: 49%;
margin-right: 2%;
}
 .col-page-product ul.list li:nth-child(3n), .col-page-innovation .col-1 .content ul:nth-of-type(2) li:nth-child(3n), .col-page-about .col-5 .list ul li:nth-child(5n), .col-page-about .col-6 ul.list li:nth-child(3n) {
margin-right: 2%;
}
 .col-page-product ul.list li:nth-child(2n), .col-page-innovation .col-1 .content ul:nth-of-type(2) li:nth-child(2n), .col-page-about .col-5 .list ul li:nth-child(2n), .col-page-about .col-6 ul.list li:nth-child(2n) {
margin-right: 0;
}
 .init-5 .wrap h2 .news-nav, .init-5 .wrap .swiper-button, .init-5 .wrap .swiper-pagination {
display: none;
}
 .init-3 .wrap .left .content ul {
margin:20px 0 35px;
}
  /* .init-2 .wrap .left ul.link{bottom: 60px;} */
  .init-2 .wrap .left ul.link li a {
padding:15px 10px;
}
 .init-2 .wrap .right .company {
bottom: 10px;
}
 html {
font-size: 11px;
}
}
@media (max-width: 468px) {
 .vicenav {
position: absolute;
}
 .col-product-detail {
padding: 8vh 0 9vh;
}
 .init-2 .wrap .right a.more {
margin-top: 20px;
}
 .init-2 .wrap .left ul.link {
bottom: 180px;
}
 .init-3 .wrap .left .content ul li {
width: 50%;
}
 html {
font-size: 10px;
}
}
@media (max-height: 700px) {
 .col-page-solution {
margin-top: calc(85px + 5.6vh);
}
 .col-page-solution .section .wrap {
padding-top: 60px;
}
 .init-4 .wrap .list {
padding-top: 60px;
}
}
@media (max-width: 700px) {
 .col-page-solution {
margin-top: calc(85px + 5.6vh);
}
 .col-page-solution .section .wrap {
padding-top: 60px;
}
 .col-page-solution .section {
background-attachment: scroll !important;
}
}
/*手机版菜单*/
.mm-slideout {
	z-index: auto!important;
}
@media screen and (max-width: 992px) {
 #header a.mm_btn {
background: center center no-repeat transparent;
display: block;
width: 60px;
height:60px;
position: absolute;
top: 10px;
right:0;
padding: 15px 0;
z-index: 12;
}
 #header .mm_btn .menu_bar {
width: 30px;
height: 30px;
position: relative;
transform: translateZ(0) rotate(0);
transition: transform .4s cubic-bezier(.4, .01, .165, .99);
}
 #header .mm_btn .menu_bar_item {
position: absolute;
left: 0;
top: 0;
transform: translateZ(0) rotate(0);
transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
-webkit-transform: translateZ(0) rotate(0);
-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
width: 30px;
height: 30px;
}
 #header .mm_btn .menu_bar_item .rect {
width: 30px;
height: 2px;
background: #fff;
position: absolute;
left: 0;
top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
 #header .mm_btn .menu_bar_item .rect.top {
transform: translate3d(0, -8px, 0);
-webkit-transform: translate3d(0, -8px, 0);
}
 #header .mm_btn .menu_bar_item .rect.mid {
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transition: 0.5s;
}
 #header .mm_btn .menu_bar_item .rect.bottom {
transform: translate3d(0, 8px, 0);
-webkit-transform: translate3d(0, 8px, 0);
}
 #header .mm_btn.is_active .menu_bar_item.mid {
opacity: 0;
}
 #header .mm_btn.is_active .menu_bar_item .rect {
transition: transform 0s ease 0s;
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0s ease 0s;
-webkit-transform: translate3d(0, 0, 0);
}
 #header .mm_btn.is_active .menu_bar_item.bottom {
transform: translateZ(0) rotate(-45deg);
-webkit-transform: translateZ(0) rotate(-45deg);
}
 #header .mm_btn.is_active .menu_bar_item {
transform: translateZ(0) rotate(45deg);
transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
-webkit-transform: translateZ(0) rotate(45deg);
-webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;
}
  /*菜单弹出方向*/
  .mm-menu_offcanvas {
left: auto!important;
}
 .mm-menu {
right: 0!important;
}
 .mm-menu_offcanvas.mm-menu_opened {
z-index: 9!important;
}
 .mm-slideout {
z-index: 10!important;
}
 .mm-menu.mm-menu_pageshadow:after {
content: "";
display: block;
width: 20px;
height: 120%;
position: absolute;
right: 100%;
top: -10%;
z-index: 99;
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}/*弹出菜单边阴影*/
 .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
-webkit-transform: translate(-80vw, 0)!important;
-ms-transform: translate(-80vw, 0)!important;
transform: translate(-80vw, 0)!important;
-webkit-transform: translate3d(-80vw, 0, 0)!important;
transform: translate3d(-80vw, 0, 0)!important;/*transform: translate3d(80vw,0,0)!important;*/
}
 .mm-wrapper_opened .mm-menu_fx-menu-slide {
-webkit-transform: translate(0, 0)!important;
-ms-transform: translate(0, 0)!important;
transform: translate(0, 0)!important;
-webkit-transform: translate3d(0, 0, 0)!important;
transform: translate3d(0, 0, 0)!important;
}
  /**/
  #menu {
color:rgba(0, 0, 0, .8);
}
 #menu .mm-listview .mm-btn_next:after {
border-color: rgba(189, 189, 189, 1);
}
 #menu .mm-btn:after, #menu .mm-btn:before {
border-color: rgba(189, 189, 189, 1);
}
 #menu .mm-navbar a, #menu .mm-navbar>* {
color:rgba(0, 0, 0, .8);
font-size: 16px;
}
 #menu.mm-menu_theme-white .mm-counter {
color:rgba(0, 0, 0, .6);
}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview {
border-color: rgba(0, 0, 0, .1);
}
 #menu .mm-navbars_bottom, #menu .mm-navbars_top {
border-color: rgba(0, 0, 0, .1);
}
 #menu .mm-listitem a {
font-size: 16px;
}
}
@media (min-width: 550px) {
 .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
-webkit-transform: translate(-440px, 0)!important;
-ms-transform: translate(-440px, 0)!important;
transform: translate(-440px, 0)!important;
-webkit-transform: translate3d(-440px, 0, 0)!important;
transform: translate3d(-440px, 0, 0)!important;
}
}
