.swiper-container {
	width: 100%;
	height: 100%;
	color: #262626;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 3px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

#swiper .swiper-slide img,
#ban img {
	width: 100%
}

.swiper-visible-switch {
	background: #aaa;
}

.swiper-active-switch {
	background: #fff;
}

.swiper-scrollbar {
	background: none;
	position: absolute;
	right: 0px;
	top: 40px;
	height: 90%;
	width: 10px;
	border-radius: 0;
}

.swiper-scrollbar .swiper-scrollbar-drag {
	background: #cccccc;
	border-radius: 0;
}

.swiper-container {
	width: 100%;
	height: 100%;
	color: #262626;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 3px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-visible-switch {
	background: #aaa;
}

.swiper-active-switch {
	background: #fff;
}

.swiper-scrollbar {
	background: none;
	position: absolute;
	right: 0px;
	top: 40px;
	height: 90%;
	width: 10px !important;
	border-radius: 0;
}

.swiper-scrollbar .swiper-scrollbar-drag {
	background: #cccccc;
	border-radius: 0;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 40px;
	left: 0;
	width: 100%;
	position: relative;
	z-index: 999;
	text-align: center;
}

.swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	display: inline-block;
	background: #858585;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #ffffff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.swiper-pagination-bullet-active {
	background: #c9010c;
	width: 100px;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.h_lHisPrev,
.h_lHisNext {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	cursor: pointer;
	width: 31px;
	height: 60px;
	z-index: 9;
}

.h_lHisPrev {
	left: 0px;
	background: url(../images/lt.png) center center no-repeat;
	background-size: 31px 60px;
}

.h_lHisNext {
	right: 0px;
	background: url(../images/rt.png) center center no-repeat;
	background-size: 31px 60px;
}

.comBox6 .h_lHisNext {
	right: -1px;
}

.box {
	width: 1200px;
	margin: 0 auto
}

.header {
	height: 70px;
}

.header .clo_2 {
	width: 720px;
}

.header .clo_2 .nav {
	line-height: 70px;
	border-right: 1px #dddddd solid;
}

.header .clo_2 .nav li a {
	display: block;
	border-left: 1px #dddddd solid;
	text-align: center;
	padding: 0 20px;
	color: #333333;
	font-size: 15px;
}

.header .clo_2 .nav li.cur a,
.header .clo_2 .nav li:hover a {
	color: #fff;
	background: #528af4;
}

.header .clo_2 h1,
.header dl {
	align-self: center;
	color: #333333;
	font-size: 14px;
}

.header dl {
	text-align: right;
}

.header dl img {
	margin-right: 6px;
	position: relative;
	top: -2px;
}

.header dd {
	color: #528af7;
	font-size: 20px;
	font-weight: bold;
}

.bg_b {
	background: #f5f4f9;
}

.pbt50 {
	padding-bottom: 50px;
}

.pbt40 {
	padding-bottom: 30px;
}

.pbt60 {
	padding: 60px 0;
}

.w110 {
	width: 1000px;
	margin: 0 auto;
}

.pub_tit {
	padding-top: 60px;
	margin-bottom: 30px;
}

.pub_tit span {
	justify-content: center;
	font-size: 32px;
}

.pub_tit span b {
	font-weight: normal;
	margin: 0 20px;
}

.pub_tit span em {
	height: 2px;
	background: #dddddd;
	display: block;
	width: 220px;
	align-self: center;
}

.pub_tit p {
	color: #999999;
	font-size: 13px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 10px;
}

.home .txt p {
	color: #666666;
	font-size: 14px;
	line-height: 26px;
}

.home_t dl {
	border: 1px #ecede7 solid;
	width: 22.5%;
	padding: 35px;
	cursor: pointer;
}

.home_t dd h2 {
	color: #2f2f33;
	font-size: 24px;
	margin: 25px auto 10px auto;
}

.home_t dd p {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}

.home_th dl {
	width: 23.34%;
}

.home_th dt {
	background: #fff;
	box-shadow: 0px 3px 19px 0px rgba(233, 232, 237);
	overflow: hidden;
}

.home_th dt img {
	width: 100%;
	height: 175px;
	object-fit: cover;
}

.home_th dd {
	padding: 20px 0 25px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.home_th dl:hover dt {
	margin-top: -20px;
}

.home_fv {
	background: url(../images/bg_1.jpg) no-repeat;
	height: 674px;
	background-size: 100%;
}

.home_fv .pub_tit {
	color: #fff;
}

.home_fv .pub_tit p {
	color: #adadad;
}

.home_fv .map {
	width: 820px;
	margin-left: 380px;
}

.maped {
	width: 100%;
	height: 410px;
}

.ab_map {
	position: relative;
	align-self: center;
}

.ab_map .contact_tc {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.ab_map .contact_tc .txted {
	padding: 15px;
}

.ab_map .contact_tc .txted img {
	width: 16px;
	height: 14px;
	position: relative;
	top: 5px;
	margin-right: 10px
}

.ab_map .contact_tc .txt p {
	width: 75%
}

.ab_map {
	background: #fff;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.home_fv .word {
	width: 440px;
	height: 370px;
	background: #528af7;
	position: absolute;
	left: 0;
	z-index: 999;
	top: 30px;
	padding: 60px 30px;
	color: #fff;
}

.home_fv .word h2 {
	font-size: 18px;
}

.home_fv .word .title em {
	display: block;
	width: 100px;
	height: 2px;
	background: #fff;
	margin: 15px 0 30px 0;
}

.home_fv .word p {
	font-size: 14px;
	margin-top: 15px;
}

.home_fv .word p img {
	margin-right: 10px;
}

.footer {
	background: #343338;
	padding-top: 30px;
}

.f_logo h2 {
	margin-bottom: 30px;
}

.f_logo dt {
	font-size: 20px;
	color: #fff;
}

.f_logo dl em {
	font-size: 40px;
	position: relative;
	top: 7px;
	margin: 0 7px;
}

.f_logo dd {
	font-size: 12px;
	color: #949494;
	margin-top: 6px;
}

.core {
	color: #949494;
	text-align: center;
	font-size: 13px;
}

.core img {
	width: 100px;
	height: 100px;
	margin-bottom: 8px;
}

.footer .min {
	background: #29282c;
	margin-top: 50px;
	padding: 15px 0;
	color: #949494;
	font-size: 14px;
}

.footer .min a {
	color: #949494;
	margin-left: 30px;
}

.comBox6 .swiper-slide dl {
	background: #fff;
	padding: 15px;
	box-shadow: 0px 3px 19px 0px rgba(233, 232, 237);
	margin: 10px 0;
}

.comBox6 .swiper-slide {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.comBox6 .swiper-slide-active {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.comBox6 .swiper-slide dd {
	color: #252525;
	font-size: 18px;
	padding-top: 15px;
}

.banner img {
	width: 100%;
}

.where {
	padding: 5px 0 20px 0;
}

.where a {
	display: block;
	width: 160px;
	line-height: 45px;
	text-align: center;
	background: #fff;
	margin-left: 13px;
	margin-top: 15px;
	font-size: 15px;
	color: #333333;
}

.where a:nth-child(7n+1) {
	margin-left: 0;
}

.where a.cur,
.where a:hover {
	background: #528af7;
	color: #fff;
}

.product .one {
	padding: 85px 0;
}

.product .one .img {
	width: 625px;
	align-self: center;
}

.product .one .test {
	width: 630px;
	margin-right: 60px;
}

.product .one .test .tit em {
	color: #528af7;
	font-size: 16px;
	text-transform: uppercase;
}

.product .one .test .tit h2 {
	color: #2c4058;
	font-size: 32px;
	margin: 15px 0 35px 0;
}

.product .one .test p {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.product .tow .ck {
	background: #f5f4f9;
	line-height: 52px;
	padding: 5px;
	padding-bottom: 0;
}

.product .tow .ck em {
	width: 174px;
	text-align: center;
	cursor: pointer;
}

.product .tow .ck em.cur,
.product .tow .ck em:hover {
	background: #fff;
	height: 52px;
	line-height: 52px;
}

.product .ck_sw .th_th {
	padding: 40px 60px;
	display: none;
}

.product .ck_sw .th_th.cur {
	display: block;
}

.product .ck_sw .th_th p {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}

.product .ck_sw .th_th:nth-child(2) {
	padding: 30px 0 80px 0;
}

.product .ck_sw .th_th:nth-child(3) {
	padding: 30px 50px 80px 50px;
}

.product table {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #333333;
	border: 1px #eeeeee solid;
	border-left:0d;
}

.product table th {
	border-width: 1px;
	padding: 15px 0;
	border-style: solid;
	border-color: #eeeeee;
	background-color: #fff;
}

.product table td {
	border-width: 1px;
	padding: 15px 25px;
	border-left: 1px #eeeeee solid;
}

.product table tr:nth-child(even) {
	background: #f8f9fc;
}

.product.process .one .test {
	width: 695px;
	align-self: center;
}

.product.process .one .test span {
	margin-top: 55px;
}

.product.process .one .test span em {
	width: 80px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: 14px;
	color: #000000;
	display: block;
	margin-right: 15px;
	cursor: pointer;
}

.product.process .one .test span em i {
	display: inline-block;
	width: 18px;
	height: 18px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	top: 4px;
	margin-right: 5px;
	transition: transform .2s;
}

.product.process .one .test span em:nth-child(1) i {
	background: #5bad72;
}

.product.process .one .test span em:nth-child(2) i {
	background: #8d37cc;
}

.product.process .one .test span em:nth-child(3) i {
	background: #d42d26;
}

.product.process .one .test span em:nth-child(4) i {
	background: #f4c664;
}

.product.process .one .test span em:nth-child(5) i {
	background: #2c71cd;
}

.product.process .one .test span em:nth-child(6) i {
	background: #fff;
	border: 1px #adadad solid;
}

.product.process .one .test span em:nth-child(7) i {
	background: #000000;
}

.product.process .one .test span em:hover {
	color: #528af7;
}

.product.process .one .test span em:hover i {
	transform: scale(1.1);
}

.product.process .one .img {
	width: 440px;
}

.product.process .one .img p {
	display: none;
}

.product.process .one .img p.cur {
	display: block;
}

.product.process .one {
	background: #f8f9fc;
}

.product.process .tow {
	padding-top: 60px;
}
.product.process table {
	text-align: center;
}
.product.process .ck_sw .th_th {
	padding: 30px 0 70px 0;
}
.product.process table td:nth-child(1),.product.process table td:nth-child(2){
	width: 210px;
}
.proofing.box .one{
	width: 1140px;
	margin: 0 auto;
}
.proofing .one dl{
	width: 360px;
	height: 250px;
	border: 1px #ecede7 solid;
	text-align: center;
	padding: 30px;
	margin-bottom: 25px;
	cursor: pointer;
}
.proofing .one{
	padding-bottom: 45px;
}
.proofing .one dd h2{
	color: #333;
	font-size: 18px;
	margin:8px auto 15px auto;
}
.proofing .one dd p{
	color: #999999;
	font-size: 14px;
	line-height: 20px;
}
.proofing .tow .dl a{
	width: 390px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.proofing .tow .dl a:nth-child(3n+1){
	margin-left: 0;
}
.proofing .tow{
	padding-bottom: 50px;
}
.case{
	padding: 10px 0;
}
.case dl{
	border: 1px #ddd solid;
	padding: 20px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
.case dt{
	width: 330px;
}
.case dt img{
	width: 330px;
	height: 220px;
	object-fit: cover;
}
.case dd{
	width: 775px;
	margin-right: 15px;
}
.case dd h2{
	color: #333333;
	font-size: 24px;
	margin-bottom: 15px;
}
.case dd h3 em{
	background: #f5f4f9;
	font-size: 14px;
	color: #666666;
	padding: 10px 15px;
}
.case dd h3{
	margin-bottom: 25px;
}
.case dd h3 span{
	color: #333333;
	font-size: 14px;
}
.case dd h3 span i{
	font-size: 24px;
}
.case dd p{
	font-size: 14px;
	color: #333;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.case dd p em{
	width: 70px
}
.case dd p i{
	color: #999999;
	width: 91%;
}
.page {
	text-align: center;
	margin: 40px auto 15px auto;
	width: 100%
}

.page {
	text-align: center;
	width: 100%;
	padding: 25px 0;
}

.page a,
.page b,
.page span {
	background: #fff;
	border: 1px #dcdcdc solid;
	color: #282a2d;
	font-size: 16px;
	text-align: center;
	padding: 9px 15px;
	margin: 0 3px
}

.page b,
.page a:hover,
.page li.active span {
	background: #528af7;
	border: 1px #528af7 solid;
	color: #fff
}

#pages {
	justify-content: center;
}
.product .tow .ck em.cur i{
	width: 34px;
	height: 2px;
	background-color: #528af7;
	display: block;
	margin: 0 auto;
  position: relative;
  top: -7px;
}