@charset "UTF-8";

html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: 'Microsoft Yahei';
	font-size: 12px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}
nav li, .index-banner li, .item-list li, .inner-tab li {
	list-style-type: none;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #6f6f6f;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #6f6f6f;
}


input, textarea, button {
	padding: 0;
	font-family: Verdana, Arial;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

input[type=submit], input[type=text], button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}

input:focus, textarea:focus, button:focus, input:active {
	outline-color: transparent;
	border: 0;
}

select, input, select, textarea {
	vertical-align: middle;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

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

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	cursor: pointer;
}

a:active {
	text-decoration: none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.topm{margin:30px 0 60px;}
.imgBox {
    overflow: hidden;
    cursor: pointer;
}

.imgBox img {
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgBox:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}
.hidden {
	display: none;
	visibility: hidden;
}

.wrap {
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 1660px) {
  .wrap {
    width: 90%;
  }
}
@media screen and (max-width: 1200px) {
  .wrap {
    width: 95%;
  }
}
@media screen and (max-width: 1000px) {
  .wrap {
    width: 100%;
  }
}
.wrap {
	border: 0;
	padding: 0;
	margin: 0 auto;
/*	*zoom: 1;*/
/*	position: relative;*/
}

/*.wrap:after {
	clear: both;
	content: "";
	display: table;
}*/

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.wrap:after,
.wrap:before,
.container:after,
.container:before {
	content: "";
	display: table;
}

.wrap:after,
.container:after {
	clear: both;
}

.container {
	width: 80%;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.absolute {
	position: absolute;
}

.pors {
	position: relative;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.hide {
	opacity: 0;
}

.en {
	font-family:'Arial Unicode MS';
	color: #ca262c;
	font-weight: bold;
}
.txtcon {
	min-height:300px;
	padding:35px;
	display: block
}
.txtcon p {
	font-size:16px;
	line-height:40px;
}
.txtcon img {
	margin:0;
	max-width:100% !important;
	width:auto !important;
	height:auto !important;
}
.txtcon p img {
	margin:0;
	max-width:100% !important;
	width:auto !important;
	height:auto !important;
}
/*header */

/*index banner */
.js-container {
	position: relative;
	/*overflow-x: hidden;*/
	/*overflow-y: auto;*/
	overflow:hidden;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
	-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
	-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
.index-banner {
	position: static;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}


.index-banner .swiper-container {
	position: relative;
	width: 100%;
	height: 100%;
}

.index-banner .carousel-inner {
	position: absolute;
	top: -60px;
	right: 0;
	bottom: 0;
	left: 0;
	padding-top: 60px;
	overflow: hidden;
	/*cursor: -webkit-grab!important;*/
	/*cursor: grab!important;*/
}

.page-header-fullscreen-trame {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.index-banner .carousel-inner {
		position: absolute;
		top: 0;
		padding-top: 0;
	}
}

.index-banner .carousel-item {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 10;
	opacity:0;
}

.index-banner .carousel-item .video-inner {
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	z-index: 8;
	width: 2560px;
	margin-left: -1280px;
	background-color: #fff;
	text-align: center;
}

.index-banner .carousel-item .video video {
	position: relative;
	display: inline-block;
	vertical-align: baseline;
}

.index-banner .carousel-item.carousel-item-prev {
	transform-origin: center right;
	transform: translateX(-100%);
}

.index-banner .carousel-item.carousel-item-next {
	transform-origin: center right;
	transform: translateX(100%);
}

.index-banner .carousel-item:active {
	cursor: -webkit-grab !important;
	cursor: grab !important;
}

.index-banner .carousel-item.active {
	z-index: 15;
	opacity: 1;
	transform-origin: center right;
}
.index-banner .carousel-item1 img {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	-moz-transition: all 4.5s linear;
    -o-transition:  all 4.5s linear;
    transition: all 4.5s linear;
}
.index-banner .carousel-item1.active img {
	top:-200px;
}
.index-banner .carousel-item2 .bg-img {
	width:100%;
	position:absolute;
	left:0;
	top:0;
}
.index-banner .carousel-item2 .img-box {
	width:1600px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
}
.index-banner .carousel-item2 .img-box .img1 {
/*	width:143px;
	height:286px;*/
	position:absolute;
	left:647px;
	top:400px;

	background-size:100%;
	padding:10px;
	z-index:3;
}
.index-banner .carousel-item2 .img-box .img1 img {
	width:100%;
	opacity:0;
	transition:all ease .3s;
	transition-delay:1.5s;
}
.index-banner .carousel-item2.active .img-box .img1 img {
	opacity:1;
}
.index-banner .carousel-item2 .img-box .img2 {

	position:absolute;
	right:-44px;
	top:447px;
	background-size:100%;
	padding:23px 35px 0 35px;
	z-index:3;
}
.index-banner .carousel-item2 .img-box .img2 img {
	width:100%;
	opacity:0;
	transition:all ease .3s;
	transition-delay:1s;
}
.index-banner .carousel-item2.active .img-box .img2 img {
	opacity:1;
}
.index-banner .carousel-item2 .img-box .img3 {
	position:absolute;
	top:184px;
	right:160px;
	background-size:100%;
	padding:20px;
}
.index-banner .carousel-item2 .img-box .img3 img {
	width:100%;
	opacity:0;
	transition:all ease .3s;
	transition-delay:.5s;
}
.index-banner .carousel-item2.active .img-box .img3 img {
	opacity:1;
}
@media(max-width:1680px) {
	.index-banner {
		height: auto;
	}
	.index-banner .carousel-item2 .img-box .img1 {
		width:100px;
		height:286px;
		position:absolute;
		left:667px;
		top:502px;
		padding:7px;
	}
	.index-banner .carousel-item2 .img-box .img2 {
		width:182px;
		height:391px;
		position:absolute;
		right:180px;
		top:447px;
		padding:13px 25px 0 25px;
	}
	.index-banner .carousel-item2 .img-box .img3 {
		width:36%;
		position:absolute;
		top:22%;
		right:18%;
		padding:20px 10px;
	}


}


.index-banner .carousel-item-inner {
	position: absolute;
	width: 100%;
	height: 100%;
}

.carousel-item-image-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.carousel-item-image-wrapper:before {
	z-index: 20;
}

.carousel-item-image-wrapper:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .2;
	background-color: #000;
	z-index: 8;
}

@media (min-width: 768px) {
	.carousel-item-image-wrapper:after {
		content: none;
	}
}

.carousel-item-image {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.carousel-item-image:before {
	opacity: .2;
	z-index: 20;
}

.banner-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.carousel-item-image img {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: none;
	z-index: 10;
}

.index-banner .swiper-inner-text-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.carousel-item1 .page-header-fullscreen-text {
	background:url(../pic/bannerbg.png) center center no-repeat;
	background-size:cover;
}

.index-banner .swiper-inner-text {
	position: absolute;
	top: 50%;
	left: 8.6%;
	/*right: 12%;*/
	width: auto;
	color: #fff;
	line-height: 1.3;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.index-banner .carousel-item1 .swiper-inner-text {
	text-align: left;
}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des {
	font-size:36px;
	line-height:60px;
}
.index-banner .carousel-item1 .swiper-inner-text .cansual-des span {
	font-size:48px;
	display:block;
	margin-bottom:10px;
}
.index-banner .carousel-item .link {
	width:135px;
	height:50px;
	background:#c4272e url(../images/icon22.png) 95px center no-repeat;
	display:block;
	font-size:15px;
	line-height:50px;
	color:#fff;
	border-radius:8px;
	padding-left:20px;
	margin-top:48px;
}

.index-banner .carousel-item2 .swiper-inner-text {
	text-align: left;
}

.index-banner .carousel-item2 .cansual-title {
	font-size: 48px;
	color: #fff;
}

.index-banner .cansual-line {
	width: 0;
	height: 3px;
	margin: 25px 0 20px;
	background: #fff;
}

.index-banner .cansual-des {
	font-size: 18px;
	color: #fff;
	line-height: 1.8;
}


.index-banner .carousel-item2 .cansual-des {
	text-align: left;
	font-size: 22px;
}
.index-banner .carousel-item2 .cansual-des .s1 {
	font-size:30px;
	font-family: 'gotham-medium';
}
.index-banner .carousel-item2 .cansual-des .s2 {
	font-size:48px;
	font-weight:bold;
	display: block;
}

.index-banner .carousel-item1 .cansual-des .s2 {
	font-size:48px;
	font-weight:bold;
	display: block;
}

.index-banner .carousel-item .cansual-title {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight:bold;
	color: #fff;
	text-align: left;
}


.index-banner .cansual-item-title {
	position: relative;
	margin-bottom: 15px;
}

.index-banner .cansual-item-title .small-title {
	display: block;
	margin-bottom: -10px;
	font-size: 22px;
	line-height: 36px;
}

.index-banner .cansual-item-title .number {
	font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';
	color: #fff;
	letter-spacing:3px;
	margin-left:-6px;
}



.index-banner .cansual-item-title .number .add-icon {
	font-size: 60px;
	line-height: 180px;
	vertical-align: 40px;
}

.carousel-item-subtitle-line {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 3px;
	background-color: #fff;
	content: '';
}

.index-banner .cansual-item-title .small-title,
.index-banner .cansual-item-title .number,
.index-banner .cansual-sub-title,
.index-banner .carousel-item .cansual-des,
.index-banner .carousel-item .cansual-line {
	display: block;
	opacity: 0;
	transform: translate3d(-150%, 0, 0);
	transition: all 1s;
	transition-delay: .2s;
	overflow: hidden;
}

.index-banner .carousel-item2 .cansual-des {
	transform: translate3d(150%, 0, 0);
}


.index-banner .carousel-item .cansual-line {
	transition-delay: .2s;
}

.index-banner .active .cansual-item-title .small-title,
.index-banner .active .cansual-item-title .number,
.index-banner .active .cansual-sub-title,
.index-banner .carousel-item.active .cansual-des,
.index-banner .carousel-item.active .cansual-line{
	opacity: 1;
	transform: none;
}

.index-banner .carousel-item2 .cansual-title {
	opacity: 0;
	transform: matrix(1, 0, 0, 1, 0, -80);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -80);
	-moz-transform: matrix(1, 0, 0, 1, 0, -80);
	transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
	-moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
}

.index-banner .carousel-item2.active .cansual-title {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
}

.index-banner .carousel-item .cansual-line {
	width: 45px;
}

.carousel-item-subtitle-line-timer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	display: block;
	height: 100%;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
}

.active .carousel-item-subtitle-line-timer {
	animation: linewidth 5s;
	-moz-animation: linewidth 5s;
	-webkit-animation: linewidth 5s;
	-o-animation: linewidth 5s;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

@keyframes linewidth {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-moz-keyframes linewidth {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes linewidth {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-o-keyframes linewidth {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

.page-header-fullscreen-text {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 25;
}

.collapsing .page-header-fullscreen-text {
	transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);
	transition: .8s transform cubic-bezier(.19, 1, .22, 1);
}

/*@media (min-width: 768px) {
	.page-header-fullscreen-text {
		padding-top: 100px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.page-header-fullscreen-text:before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		background-color: transparent;
		border-radius: 100px;
		box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
		left: 50%;
		top: 50%;
	}
}*/

.index-banner .cansual-sub-title span {
	display: block;
	font-size: 20px;
	line-height: 32px;
}

.page-header-bar {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 70px;
	line-height: 70px;
	z-index: 55;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	-moz-transform-origin: bottom;
	transform: rotateX(0deg) translate3d(0,0,0);
	-webkit-transform: rotateX(0deg) translate3d(0,0,0);
	-moz-transform: rotateX(0deg) translate3d(0,0,0);
	transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
	-webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
	-moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}

/*.page-header-bar.active {
	transform: rotateX(90deg) translate3d(0,0,0);
	-webkit-transform: rotateX(90deg) translate3d(0,0,0);
	-moz-transform: rotateX(90deg) translate3d(0,0,0);
}*/

.page-header-bar-inner {
	transition: -webkit-transform .4s;
	transition: transform .4s;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner {
	transition: visibility .4s steps(1, end), -webkit-transform .4s;
	transition: visibility .4s steps(1, end), transform .4s;
	visibility: hidden;
	-webkit-transform: rotateX(94deg) rotateZ(0);
	transform: rotateX(94deg) rotateZ(0);
}

.no-transition .page-header-bar-inner {
	transition: none;
}

.page-header-collapsed .page-header-bar-inner {
	visibility: hidden;
	transition: none;
}

.carousel-bar-inner {
	width: 100%;
	height: 100%;
}

.carousel-bar-title-word {
	padding-left: 75px;
	font-size: 12px;
	color: #666;
}

.carousel-scroll-btn {
	z-index: 56;
	position: absolute;
	bottom: 50px;
	left: 160px;
	width: 52px;
	height: 52px;
	border: 1px solid #fff;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
}

.carousel-scroll-btn .carousel-scroll-btn-icon {
	position: absolute;
	display: block;
	width: 52px;
	height: 52px;
	margin: 0 auto;
	background: url(../pic/icon2.png) no-repeat center center;
	cursor: pointer;
	animation: downico 1.5s ease-out infinite;
}

@keyframes downico {
	0% {
		top: 0;
		opacity: 1;
	}

	35% {
		top: 50%;
		opacity: 0;
	}

	65% {
		top: -50%;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.carousel-controls {
	position: absolute;
	right: 0;
	top: 0;
	width: 465px;
	height: 70px;
	background: rgba(255,255,255,.6);
}

.carousel-controls .count {
	position: absolute;
	left: 0;
	width: 180px;
	padding-left: 66px;
	font: bold 18px/80px 'gotham-medium';
	color: #999;
}

.carousel-controls .count span {
	display: inline-block;
}

.carousel-controls .count .current {
	color: #222;
}

.carousel-controls .controls {
	position: absolute;
	left: 180px;
}

.carousel-controls .carousel-line {
	z-index: 1;
	position: absolute;
	left: 50%;
	top: 18px;
	display: block;
	width: 1px;
	height: 35px;
	background: #e5e5e5;
	opacity:.3;
}

.carousel-controls .carousel-control {
	float: left;
	width: 70px;
	height: 70px;
	cursor: pointer;
}

.carousel-controls .swiper-button-next,
.carousel-controls .swiper-button-prev {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: none;
	top: 0;
	margin-top: 0;
}

.carousel-controls .swiper-button-line {
	z-index: 1;
	position: absolute;
	top: 0;
	display: block;
	width: 25px;
	height: 100%;
	overflow: hidden;
	transition: all .45s ease-out 0s;
	-webkit-transition: all .45s ease-out 0s;
	-moz-transition: all .45s ease-out 0s;
}
.carousel-controls .swiper-button-prev{
	left: initial;
}
.carousel-controls .swiper-button-next{
	right: initial;
}
.carousel-controls .swiper-button-prev .swiper-button-line {
	background: url(../images/icon4.png) no-repeat left center;
	left: 15px;
}

.carousel-controls .swiper-button-next .swiper-button-line {
	background: url(../images/icon3.png) no-repeat right center;
	right: 15px;
}

.carousel-controls .swiper-button-prev:hover .swiper-button-line {
	width: 35px;
}

.carousel-controls .swiper-button-next:hover .swiper-button-line {
	width: 35px;
}



@media(max-width:1370px) {

}
/*-------footer-end--------*/

@media (max-width: 1280px){

}



@media (max-width: 1200px){

	.index-banner .carousel-item2 .img-box .img1{
		left: 735px;
		top: 370px;
	}
	.index-banner .carousel-item2 .img-box .img2{
		right: 295px;
		top: 355px;
	}


	
}

@media (max-width: 960px){



}


@media (max-width: 900px){
	


	.index-banner .carousel-item1 .swiper-inner-text .cansual-des{
		font-size: 18px;
		line-height: 24px;
	}
	.index-banner .carousel-item1 .swiper-inner-text .cansual-des span{
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.index-banner .carousel-item2 .cansual-des{
		font-size: 18px;
		line-height: 24px;
	}
	.index-banner .carousel-item2 .cansual-des .s2{
		font-size: 26px;
		line-height: 30px;
	}
	.index-banner .carousel-item2 .img-box{
		width: 100%;
	}
	.index-banner .carousel-item2 .img-box .img1{
		left: 335px;
		top: 235px;
		height: 205px;
	}
	.index-banner .carousel-item2 .img-box .img2{
		height: 210px;
		right: 0;
		top: 218px;
	}
	.index-banner .carousel-item2 .img-box .img3{
		width: 50%;
		top: 15%;
		right: 6%;
		height: 330px;
		padding: 20px 1px;
	}



	.index-banner .carousel-item .link {
		width: 135px;
		height: 40px;
		line-height: 40px;
		margin-top: 30px;
	}
	.carousel-scroll-btn{
		left: 70px;
	}

	.page-header-bar{
		height: 50px;
		line-height: 50px;
	}
	.carousel-controls{
		width: 400px;
    	height: 50px;
	}
	.carousel-controls .count{
		width: 150px;
    	padding-left: 40px;
    	font: bold 18px/50px 'gotham-medium';
	}
	.carousel-controls .controls{
		left: 150px;
	}
	.carousel-controls .carousel-control{
		height: 50px;
	}

}
.phone-banner{
	display: none;
}
/*------- phone-begin --------*/
@media (max-width: 767px){
	

	.index-banner{
		height: 500px;
	}
	.index-banner .carousel-item1 img{
		width: 220%;
		left: -25%;
		max-width: initial;
	}
	.index-banner .carousel-item1.active img {
		top: -140px;
	}

	.index-banner{
		display: none;
	}
	.phone-banner{
		width: 100%;
		position: relative;
		display: block;
	}
	.pbanner-box{
		width: 100%;
		position: relative;
	}
	.pbanner-box .img{
		width: 100%;
	}
	.pbanner-box .img img{
		width: 100%;
	}
	.pbanner-box .tbox{
		position: absolute;
		left: 12px;
		top: 50%;
		transform: translateY(-50%);
	}
	.pbanner-box .tbox .t1{
		font-size: 26px;
		line-height: 30px;
		color: #fff;
	}
	.pbanner-box .tbox .t2{
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		margin-top: 9px;
	}	
	.pbanner-box .tbox2{
		width: 100%;
		position: absolute;
		left: 0;
		top: 110px;
		text-align: center;
	}
	.pbanner-box .tbox2 .t1{
		font-size: 26px;
		line-height: 1;
		color: #fff;
	}
	.pbanner-box .tbox2 .t2{
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		margin-top: 11px;
	}
	.pbanner-box .tbox3{
		width: 100%;
		position: absolute;
		left: 0;
		top: 110px;
		text-align: center;
	}
	.pbanner-box .tbox3 .t1{
		font-size: 26px;
		line-height: 1;
		color: #fff;
	}
	.pbanner-box .tbox3 .t2{
		font-size: 18px;
		line-height: 24px;
		color: #fff;
		margin-top: 11px;
	}

	.phone-banner .swiper-pagination{
		bottom: 16px;
	}
	.phone-banner .swiper-pagination .swiper-pagination-bullet{
		width: 7px;
		height: 7px;
		border-radius: 3px;
		background: #fff;
		opacity: 1;
	}
	.phone-banner .swiper-pagination .swiper-pagination-bullet-active{
		width: 15px;
	}

	
	.carousel-scroll-btn {
		display: none;
	}
	

	.carousel-controls{
		width: 210px;
	}
	.carousel-controls .count {
		width: 90px;
		padding-left: 15px;
	}
	.carousel-controls .controls{
		left: 90px;
	}
	.carousel-controls .carousel-control{
		width: 60px;
		height: 50px;
	}
	.index-banner .carousel-item2 .bg-img{
		width: 200%;
		left: -50%;
		max-width: initial;
		height: 100%;
	}
	.index-banner .carousel-item2 .img-box .img3{
		width: 70%;
		top: 28%;
		right: 15%;
		height: 330px;
		padding: 10px 5px;
	}
	.index-banner .carousel-item2 .img-box .img2{
		right: 65px;
		top: 312px;
		width: 95px;
		height: 115px;
		padding: 8px 10px 0 10px;
	}
	.index-banner .carousel-item2 .img-box .img1{
		left: 115px;
    	top: 335px;
		height: 82px;
		width: 40px;
		padding: 3px;
	}

	
	.index-banner .swiper-inner-text{
		left: 3%;
	}
	.index-banner .carousel-item1 .swiper-inner-text .cansual-des,
	.index-banner .carousel-item2 .cansual-des,
	.index-banner .carousel-item1 .cansual-des{
		font-size: 18px;
		line-height: 24px;
	}
	.index-banner .carousel-item1 .swiper-inner-text .cansual-des span,
	.index-banner .carousel-item2 .cansual-des .s2,
	.index-banner .carousel-item1 .cansual-des .s2{
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 10px;
		display: block;
	}
	.index-banner .carousel-item .link{
		background: #222 url(../images/icon22.png) 68px center no-repeat;
		width: 100px;
		font-size: 12px;
		padding-left: 10px;
		margin-top: 10px;
	}



}
/*------- phone-end --------*/


/*index products */
.model-title {
  width: 100%;
  position: relative;
}
.model-title .mcn-title {
  font-size: 68px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
  margin: auto;
  text-align: center;
  margin-bottom: 35px;
  font-family: syb;
}
.model-title .men-title {
  top: 20px;
  position: absolute;
  font-size: 68px;
  font-family: syb;
  font-family: mon;
  font-weight: 900;
  color: #FFFFFF;
  opacity: 0.15;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  line-height: 1;
}
@media screen and (max-width: 1360px) {
  .model-title .mcn-title {
    font-size: 38px;
    margin-bottom: 25px;
  }
  .model-title .men-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1000px) {
  .model-title .mcn-title {
    font-size: 45px;
    margin-bottom: 10px;
  }
  .model-title .men-title {
    font-size: 30px;
    top: -10px;
  }
}

.index-pro {
  width: 100%;
  background: url(../pic/index2m2.jpg) top center no-repeat;
  background-size: cover;
  padding: 120px 0 170px;
}.index-pro::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
}.index-pro .model-text {
  text-align: center;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 44px;
  margin-bottom: 95px;
}.index-pro .posi {
  position: relative !important;
}.index-pro .swiper {
  width: 100%;
}.index-pro .swiper .swiper-wrapper .swiper-slide , .pro_list .col-md-4 {
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  background: #efefef;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
/*  background: url("../pic/abg.png") center no-repeat;*/
}
.pro_list .col-md-4{
	background:none;
	margin-bottom: 28px;
	
}
.pro_list .col-md-4 a{
	
	 width: 98%;
	 padding:1%;
	border: solid 1px #efefef;
	
}
.index-pro .swiper .swiper-wrapper .swiper-slide .img , .pro_list .col-md-4 .img {
  height: 375px;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}.index-pro .swiper .swiper-wrapper .swiper-slide .img img , .pro_list .col-md-4 .img img {
  display: block;
  max-height: 350px;
  object-fit: contain;
   transition: all 0.5s;
  object-fit: cover;
}.index-pro .swiper .swiper-wrapper .swiper-slide .content , .pro_list .col-md-4 .content {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 80px;
}.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-title , .pro_list .col-md-4 .content .c-title {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 1;
	padding-bottom: 40px;
}
.pro_list .col-md-4 .content .c-title {
  font-size: 18px;
  height: 65px;
	overflow: hidden
}
.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-text , .pro_list .col-md-4 .content .c-text{
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  padding-bottom: 40px;
}.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-btn , .pro_list .col-md-4 .content .c-btn {
  width: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
}.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-btn .btn , .pro_list .col-md-4 .content .c-btn .btn {
  width: 98px;
  height: 50px;
  font-size: 14px;
  background: rgba(240, 240, 240, 0.6);
  border: 1px solid #cccccc5a;
  border-radius: 3px;
  color: #999999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pro_list .col-md-4 .content .c-btn .btn {
  padding:20px 80px;
  background: rgba(191, 40, 47, 0.9);
	color: #fff
}
.pro_list .col-md-4 .content .c-btn .btn i{
  padding-left: 5px
}
.index-pro .swiper .swiper-wrapper .swiper-slide:hover img , .pro_list .col-md-4:hover img {
    transition: all 0.5s;
    transform: scale(1.1);
}
.pro_list .col-md-4:hover a{box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.10);border-radius: 8px;transition: all .6s;}

.index-pro .swiper .swiper-wrapper .swiper-slide:hover .content .c-title ,.pro_list .col-md-4:hover .content .c-title{
  color: #284d9b;
}.index-pro .swiper .swiper-wrapper .swiper-slide:hover .content .c-btn .btn ,.pro_list .col-md-4:hover .content .c-btn .btn {
  background: #284d9b;
  color: #fff;
}.index-pro .swiper-button-prev,.index-pro .swiper-button-next {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  left: -8%;
  background: url("../pic/sp.png") center no-repeat;
}.index-pro .swiper-button-prev:hover,.index-pro .swiper-button-next:hover {
  width: 70px;
  height: 70px;
  background: url("../pic/lshover.png") center no-repeat;
}.index-pro .swiper-button-prev:after,.index-pro .swiper-button-next:after {
  display: none;
}.index-pro .swiper-button-next {
  right: -8% !important;
  left: auto !important;
  background: url("../pic/spr.png") center no-repeat;
}.index-pro .swiper-button-next:hover {
  background: url("../pic/shover.png") center no-repeat;
}
	@media screen and (max-width: 1660px) {.index-pro .swiper .swiper-wrapper .swiper-slide .img , .pro_list .col-md-4 .img {
    margin-left: auto;
  }
		
		
	}
	@media screen and (max-width: 1366px) {.index-pro {
    padding: 60px 0;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .img img , .pro_list .col-md-4 .img img{
    height: 173px;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .content , .pro_list .col-md-4 .content{
    padding: 20px 0;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-title , .pro_list .col-md-4 .content .c-title{
    font-size: 15px;
    line-height: normal;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-text , .pro_list .col-md-4 .content .c-text{
    line-height: 1;
  }.index-pro .model-text {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 35px;
  }	
		
	}
	@media screen and (max-width: 1200px) {.index-pro .swiper-button-prev {
    left: 2% !important;
  }.index-pro .swiper-button-next {
    right: 2% !important;
  }	
		
	}
	@media screen and (max-width: 1000px) {.index-pro .model-text {
	letter-spacing: 0px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px;
  }.index-pro {
    padding: 70px 0;
  }.index-pro .swiper-button-prev {
    left: 2% !important;
    background-size: 65%;
    width: 50px;
    height: 50px;
    left: 0;
  }.index-pro .swiper-button-prev:hover {
    background-size: 65%;
    width: 50px;
    height: 50px;
  }.index-pro .swiper-button-next {
    right: 2% !important;
    background-size: 65%;
    width: 50px;
    height: 50px;
    right: 0;
  }.index-pro .swiper-button-next:hover {
    background-size: 65%;
    width: 50px;
    height: 50px;
  }.index-pro {
    padding: 20px 0;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .img , .pro_list .col-md-4 .img{
    height: 300px;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .img img , .pro_list .col-md-4 .img img{
    height: 173px;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .content , .pro_list .col-md-4 .content {
    padding: 20px 0;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-title , .pro_list .col-md-4 .content .c-title{
    font-size: 20px;
    line-height: normal;
  }.index-pro .swiper .swiper-wrapper .swiper-slide .content .c-text , .pro_list .col-md-4 .content .c-text{
    line-height: 1;
    font-size: 16px;
  }
	}
	@media screen and (max-width: 768px) {.index-pro .model-text {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px;
    text-align: left;
    padding: 0 20px;
  }.index-pro {
    padding: 50px 0;
  }
	}


/*index about*/
.padbanner {
  padding: 120px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1660px) {
  .padbanner {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1200px) {
  .padbanner {
    padding: 50px 0;
  }
}
@media screen and (max-width: 1000px) {
  .padbanner {
    padding: 20px 8px;
  }
}

.index-about {
  width: 100%;
  background: url("../pic/hab.jpg") left bottom no-repeat;
  background-size: cover;
}
.index-about .left {
  width: 100%;
}
.index-about .left .title {
  font-size: 66px;
  color: #284d9b;
  margin-top: 40px;
}
.index-about .left .s-title {
  letter-spacing: 1px;
  font-size: 45px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 70px;
}
.index-about .left .text {
  width: 100%;
  font-size: 21px;
  font-weight: 500;
  color: #666666;
  line-height: 38px;
  margin-bottom: 92px;
}
.index-about .left .text p {
  margin-bottom: 50px;
}
.index-about .left .text p:last-child {
  margin-bottom: 50px;
}
.index-about .left .Number {
  width: 74%;
  padding-bottom: 120px;
}
.index-about .left .Number .number {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index-about .left .Number .number .number-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.index-about .left .Number .number .number-item:nth-last-child(1) {
  border: none;
}
.index-about .left .Number .number .number-item .state {
  display: flex;
  justify-content: center;
  padding: 0px 0 20px;
}
.index-about .left .Number .number .number-item .state .num {
  line-height: 1;
  font-size: 66px;
  font-weight: 500;
  color: #bf282f;
}
/*.index-about .left .Number .number .number-item .state .num::after {
  content: "+";
  font-weight: bold;
  font-family: 'mon';
  font-size: 66px;
  font-weight: 500;
  color: #E51A24;
}*/
.index-about .left .Number .number .number-item .state .liang {
  align-self: flex-end;
  padding-left: 8px;
  font-size: 22px;
  font-weight: bold;
  color: #bf282f;
  line-height: 30px;
}
.index-about .left .Number .number .number-item .text1 {
  font-size: 22px;
  font-weight: 500;
  color: #666666;
}
/*.index-about .left .Number .number .number-item:nth-child(1) .state .num::after {
  display: none;
}*/
.index-about .left .c-btn {
  width: 100%;
}
.index-about .left .c-btn .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 56px;
  background: #333333;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  cursor: pointer;
}
.index-about .left .c-btn .btn img {
  margin-left: 15px;
  width: auto;
}
.index-about .left .c-btn:hover .btn {
  background: #bf282f;
}
@media screen and (max-width: 1660px) {
  .index-about .left .title {
    font-size: 58px;
  }
  .index-about .left .s-title {
    font-size: 48px;
  }
  .index-about .left .text {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .index-about .left .Number {
    width: 86%;
    padding-bottom: 70px;
  }
  .index-about .left .Number .number .number-item .state .num {
    font-size: 58px;
  }
  .index-about .left .Number .number .number-item .text1 {
    font-size: 20px;
  }	
	
}

@media screen and (max-width: 1400px) {
	  .index-about .left .title {
    font-size: 38px;
  }
  .index-about .left .s-title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .index-about .left .text {
    font-size: 16px;
    margin-bottom: 0px;
  }
  .index-about .left .text p {
    margin-bottom: 20px;
  }
  .index-about .left .text p:last-child {
    margin-bottom: 20px;
  }
  .index-about .left .Number {
    width: 86%;
    padding-bottom: 30px;
  }
  .index-about .left .Number .number .number-item .state .num {
    font-size: 48px;
  }
  .index-about .left .Number .number .number-item .text1 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1000px) {
	
 .index-about .left .title {
    font-size: 35px;
    margin-top: 0;
  }
  .index-about .left {
    padding:0 5px; 
  }
  .index-about .left .s-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .index-about .left .text {
    font-size: 18px;
    margin-bottom: 0px;
    width: 80%;
  }
  .index-about .left .text p {
    margin-bottom: 20px;
  }
  .index-about .left .text p:last-child {
    margin-bottom: 20px;
  }
  .index-about .left .Number {
    width: 95%;
  }
  .index-about .left .Number .number .number-item .state {
    padding-bottom: 0;
  }
  .index-about .left .Number .number .number-item .state .num {
    font-size: 24px;
  }
  .index-about .left .Number .number .number-item .state .num::after {
    font-size: 24px;
  }
  .index-about .left .Number .number .number-item .state .liang {
    font-size: 14px !important;
    line-height: 1;
  }
  .index-about .left .Number .number .number-item .state .text1 {
    font-size: 18px;
  }
  .index-about {
    padding: 50px 0;
  }	
  .index-about .left .c-btn .btn {
    width: 140px;
    font-size: 16px;
  }	
	
}
@media screen and (max-width: 768px) {
  .index-about .left .title {
    font-size: 28px;
    letter-spacing: -1px;
  }
  .index-about .left .s-title {
    font-size: 18px;
  }
  .index-about .left .text {
    font-size: 16px;
    margin-bottom: 0px;
    width: 100%;
  }
  .index-about .left .text p {
    margin-bottom: 10px;
  }
  .index-about .left .text p:last-child {
    margin-bottom: 10px;
  }
  .index-about .left .Number {
    width: 100%;
  }
.index-about .left .Number .number {
    display: flex;
    flex-wrap: wrap;
  }
  .index-about .left .Number .number .number-item {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
  }
  .index-about .left .Number .number .number-item .state {
    padding-bottom: 0;
    padding: 0px;
  }
  .index-about .left .Number .number .number-item .state .num {
    font-size: 33px;
  }
  .index-about .left .Number .number .number-item .state .num::after {
    font-size: 20px;
  }
  .index-about .left .Number .number .number-item .text1 {
    font-size: 23px;
	font-weight: bold
  }	
	
}
@media (max-width: 414px){


}
/*新闻*/
.tbg {
  width: 100%;
  background: url("../pic/bannernews.jpg") center center no-repeat;
  background-size: cover;
  padding:80px 0;
}
.news3xin {

    background: #fff;

    box-shadow: 0px 5px 41.82px 9.18px rgba(140, 140, 140, .51);

}

.news3pic {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.news3pic img {

    width:100%;

    height: auto;

    transition: all 0.36s;

}


.news3new {

    margin: 0 -26px;

}

.t_tou {

    position: relative;

    top: 0;

    left: 0;

}

.t_shi {

    position: absolute;

    top: 0;

    left: 0;

}

.news3date {

    font-size: 14px;

    color: #284d9b;
	font-weight: bold;

    line-height: 1.5;

    margin-bottom: 12px;

}

.news3wen .ywduan p {

    line-height: 1.56;
    color: #38383b;
	font-size: 18px;
    height: 56px;
    overflow: hidden;

}

.news3wen {

    padding: 28px 40px 38px;

    position: relative;

}

.newscir {

    width: 58px;

    height: 58px;

    border-radius: 50%;

    background: linear-gradient(to right, #38383b, #333333);

    position: absolute;

    right: 40px;

    top: -29px;

    transition: all 0.36s;

    opacity: 0;

}

.newstou {

    position: absolute;

    top: 50%;

    left: 50%;

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

    width: 100%;

}

.newstou img {

    width:100%;

}
.news3li a:hover .newscir {

	opacity: 1;

}

.news3li a:hover .news3pic img {

	transform: scale(1.05);

}
.news3li {margin-bottom:25px;}
@media screen and (max-width: 950px) {
   
	.news3xin {

		box-shadow: 0px 0px 7.82px 6.18px rgb(140 140 140 / 5%);

	}	
	.news3li {margin-bottom:5px;}
}
/*网站底部*/
.bgfooter{width: 100%;padding: 94px 0 80px;background-color: #323232;}
.footer-logo {float: left;max-width: 100%;/* width:82px; */}
.footer-logo a {display:inline-block;margin-top: 80px;}
.footer-logo a img{max-width:100%;object-fit:cover;}
.footer-tel {float: right;width: 100%;text-align:left;margin-top:10px}
.footer-tel h6 {font-size: 16px;color: #fff;line-height: 1;margin-bottom: 15px;}
.footer-tel i{padding-right: 8px}
.footer-tel .footer-from-phone{font-size: 31px;color: #fff;line-height: 1;margin-bottom:35px}
.footer-email{font-size: 23px;color: #fff;line-height: 32px;margin-bottom:35px}
.footer-add{font-size: 16px;color: #fff;line-height: 32px;}
.footer-form-link { width: 100%;font-size: 0;display: flex;flex-direction: row;margin-top: 18px;}
.footer-form-link a {display: flex;margin-right:18px;align-items: center;justify-content: center;width: 25px;height: 25px;border-radius: 50%;background: transparent;transition: all .4s ease;position: relative;}
.footer-link-img{display: none;width: 152px;height: 152px;padding: 6px;position: absolute;bottom: 36px;left: 50%;margin-left: -76px;background: #fff;border-radius: 4px;}
.footer-link-img::after{content: "";display: block;width: 0px;height: 0px;border: 8px solid transparent;border-top-color: #fff;position: absolute;bottom: -16px;left: 50%;margin-left: -8px;}
.footer-link-img img{width: 100%;height: 100%;object-fit: cover;}
.footer-form-link a:hover .footer-link-img{display: block;animation: FooterCode .6s ease-in-out both;}
.footer-icon {
	width:100%;
	margin-top:50px
}
.footer-icon i{color: #fff;font-size: 20px}
.footer-icon a {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
}
@keyframes FooterCode{0%{transform: translateY(-14px);}100%{transform: translateY(0);}}
.footer ul li {
	display:block;
	height:36px;
	line-height:36px;
	overflow:hidden;
	font-size:14px;
	width:100%;
	text-align:center
}
.footer ul li a {
    display: block;font-size: 16px;color: #fff;line-height: 1;padding: 10px 0;transition: all .4s ease;
}
.footer ul li a:hover {
	margin-left:5px;
	padding-right:0;
	color: #fff;
}
.footer .h2 {
	font-family:"Noto Sans B",sans-serif;
	display: block;
	font-weight: bold;
	line-height: 1;
	overflow:hidden;
	font-size:22px;
	color:#fff;
	margin-bottom:12px;
	text-align:center
}

.footer-copyright{width: 100%;padding: 20px 0 35px;background-color: #333333;border-top: solid 1px rgba(255, 255, 255, 0.3);}
.footer-copyright a{color: #fff;opacity:1}
.footer-copyright .layout h5{font-size: 14px;color: #fff; opacity: 0.8}	
.footer-copyright .layout i{width: 1px;height: 12px;background-color: #3b3c40;margin: 18px 20px 0; }	
.foot-link { display: flex;justify-content: flex-end;}
	
	
.gotop{position:fixed;z-index:50;bottom:20px;right:40px;width:50px;height:50px;display:none;cursor: pointer}
.gotop img{display:block;width:50px}
@media (max-width: 1720px){.gotop{right:5px}}
@media (max-width: 767px){
.bgfooter{width: 100%;padding: 94px 0 20px;}
.navbar-collapse{border: none;-webkit-box-shadow:none;box-shadow:none}
.footer .h2 {
	font-size:18px;
	width:100%;
	text-align:left;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 5px;

}
.footer ul li {
	font-size:14px;
	text-align:left
}
.footer .h2 span {
   display: block;
	float: right;
	
}
.footer-copyright a{display: flex;}
}
.socialli {

    position: relative;
	padding-right:10px;
	margin-top:50px;
	width: 38px;


}
.socialli a {
	padding-right:auto;
}
.socialic {

    width: 30px;

    cursor: pointer;

}

.socialic i {

   font-size: 25px;
	color: #fff;
	opacity: 0.6;
		

}
.social_s {

    position: absolute;

    width: 120px;

    bottom: calc(100% + 5px);

    left: 50%;

    transform: translateX(-50%);

    display: none;

}

.social_s img {

    width: 100%;

}

/*topbanner*/
.top-banner {
	background-repeat:no-repeat;
	background-size:cover;
	padding:25px 0px;
	margin-top:98px;
	position:relative;
	margin-bottom: 50px;
	z-index:3;
}
.top-banner-height {
	height:350px;
	line-height:350px;
}
.top-banner h1,.top-banner h2 {
	font-size:40px;
	font-weight:bold;
	color:#fff;
	opacity:1;
	letter-spacing:2px;
	display:inline-block
}
.nav_location{position: absolute;bottom: 0px;width:100%;background: rgba(0, 0, 0, .2);border: 1px solid rgba(255, 255, 255, .2);border-left-style: none;border-right-style: none}
.submenu {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
  line-height: 60px;
}
.submenu-item {
  flex: 0 0 auto;
}

.submenu-item a{
 display: block;
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding: 0 45px;
  border-right: 1px solid rgba(255, 255, 255, .2);
}
.submenu-item:last-child a{
	border-right:none;
}
.submenu-item-href {
	letter-spacing:0.06em;
	color:#fff;
	position:relative;
	-webkit-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.submenu-item:hover .submenu-item-href,.submenu-item-active .submenu-item-href {
	background:rgba(40, 77, 155, .7);
	color:#fff;

}
.submenu-item:hover .submenu-item-href:after,.submenu-item-active .submenu-item-href:after {
	width:100%;
}
.submenu li{float: left;}
@media screen and (max-width:768px) {	
  .submenu {
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto;
    width: 100%; 
  }
.submenu-item a{

  padding: 0 20px;
}
.top-banner {
	margin-top:60px;
	margin-bottom: 20px;

}
.top-banner-height {
	height:200px;
	line-height:200px;
}
	
	
}
/*翻页*/
#to_page .page_button {
	background:#f3f3f3;
	border:1px solid #ccc;
	margin:0 3px;
	padding:2px 5px;
}
#to_page .prev {
	position:relative;
	margin-left:10px;
	margin-right:15px;
	background:url(/images/page_left.png) no-repeat center center;
}
#to_page .next {
	position:relative;
	margin-right:10px;
	margin-left:15px;
	background:url(/images/page_right.png) no-repeat center center;
}
#to_page {
	text-align:center;
	height:26px;
	line-height:26px;
	display:inline-block;
	width:100%;
	margin:35px 0px;
}
#to_page .page_item {
	background:#f3f3f3;
	border:1px solid #ccc;
	padding:2px 5px;
	margin:0 3px;
	color:#333;
}
#to_page .page_item_current {
	background:#284d9b;
	border:1px solid #284d9b;
	padding:2px 5px;
	margin:0 3px;
	color:#fff;
}
#to_page a:hover {
	text-decoration:none;
}
/*资讯列表*/

.newsview .details {
  padding: 0px 10px 20px;
  box-sizing: border-box;
}
.newsview .details .title {
  line-height: 30px;
  font-size: 24px;
  
  font-weight: bold;
}
.newsview .details .date {
   opacity: 0.8;
  text-align:left;
  margin-top: 12px;
}
.newsview .details .date span{
		padding-left:15px; 
	}
.newsview .details .article {
  border-top: solid 1px #eeeef0;
  border-bottom: solid 1px #eeeef0;
  padding: 28px 0;
  margin-top: 20px;
}
	@media only screen and (max-width: 767px) {
	.newsview .details {
  padding: 0px 2px 10px;
}
}
.prevnext {
  overflow: hidden;
   display: block;
	margin-bottom: 28px
}
.prevnext .prev,
.prevnext .next{
  height: 24px;
  float: left;

  line-height: 24px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.prevnext .prev i,
.prevnext .next i{
	font-size: 25px;
	padding-top:15px;
	color: #bf282f
}
.prevnext .next{
  float: right;
}
.prevnext .prev a,
.prevnext .next a,
.prevnext .return a {
  color: #333;
  font-size: 15px;
}
.prevnext .prev a:hover,
.prevnext .next a:hover {
  color: #284d9b;
}
.prevnext .next {
  margin-left: 34px;
}
.prevnext .return {
  float: right;
	line-height: 58px;
}
.prevnext .return a {
  padding-left: 36px;
  background: url(../images/return1.png) no-repeat 0 center;
}
@media only screen and (max-width: 1200px) {
.prevnext .return,
.prevnext .prev,
.prevnext .next {
	width: 100%;
	float: none;
	margin: 4px 0 0 0;
}
}
/*产品应用*/
.appbox {
	box-shadow:0 0 10px rgba(0,0,0,0.32);
	height:450px;
	width:100%;
	background:#fff;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom:100px
}
.appleft {
	width:45%;
	float: left;
	padding:50px 100px;
}
.appleft h2 {
	font-size:35px;
	color:#284d9b;
	font-weight:bolder
}
.appleft h3 {
	margin-top:-10px;
	margin-bottom: 50px;
	font-size:40px;
	font-weight: bold;
	color: #111;
	font-family:actor;
	position:relative;
}	
.appleft h3:after {
	content:'';
	position:absolute;
	left: 12%;
	bottom:-15px;
	width:100px;
	height:5px;
	background-color:#284d9b;
	transform: translateX(-50%);
}
.appleft p {
	line-height: 28px;
	font-size: 15px;
}
.appright {
	width:55%;
	float: right;
	margin:0;
}
.appright img {
	margin:0;
	width:100%;
	height:auto;
	box-shadow:0 0 10px rgba(0,0,0,0.32);
	object-fit:cover
}
.seemore {
	margin-top:30px;
	height:42px;
	line-height:42px;
	border-bottom-left-radius:10px;
	border-top-right-radius:10px;
	float:left;
	background:#284d9b;
}
.seemore:hover {
	background:#2e2e2e;
}
.seemore:hover {
	color:#fff;
}
.seemore {
	font-size:16px;
	color:#fff !important;
	letter-spacing:3px;
	padding:0 25px;
	transition-duration:0.4s;
	line-height:42px;
}
.seemore i {
	padding-left:8px;
}
@media all and (max-width:1000px) {
.appbox {
	height:auto;
	margin-bottom:50px
}
.appleft {
	width:100%;
	padding:20px 5px 5px;
	float: none;
	margin:0;
}
.appright {
	width:100%;
	margin:0;
	float: none;
}
.seemore {
	margin-bottom:20px;
}
}

/*联系我们*/

.feedback {padding: 50px 0 50px 50px;}
.contact_main  .item {
  height: 320px;
  width: 98%;
  float: left;
margin-right: 15px;
 
}
.contact_main  .item:nth-child(2n) {
  margin-right: 0
}
.contact_main .item:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  transition: all .6s;
}
.contact_main .item .tit {
  height: 86px;
  border-bottom: solid 1px #eeeeee;
  line-height: 86px;
  padding-left: 40px;
  color: #284d9b;
  font-weight: bold;
  font-size: 24px;
}
.contact_main .item .note {
	padding-top: 20px;
  padding-left: 35px;
  color: #333;
  font-size: 18px;
}	
	
.contact_main .item .note p{
  line-height: 48px;
}		
.contact_main .item .note p em{
  padding-right: 8px
}		
.conmess {
	width:100%;
	margin:80px auto;
}

.conmess .input {
    font-size: 15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 49%;
	padding-right: 2%;
	float: left;
	height: 50px;
	margin-bottom: 50px;
	vertical-align: top;
}
.deal::-webkit-textfield-decoration-container {
   background-color: #fff
}   
.deal::-webkit-inner-spin-button {
   -webkit-appearance: none;
}
.deal::-webkit-outer-spin-button {
   -webkit-appearance: none;
}
.conmess .input::nth-child(2n){
		padding-right:0
	}
.conmess .input input,.conmess .input textarea {
	width:100%;
	height:100%;
	display:block;
	border-radius:5px;
	border:1px solid #e6e6e6;
	font-size:16px;
	color:#999999;
	padding:0 17px;
	box-sizing:border-box;
	outline:none;
}
.conmess .input.big {
	width: 100%;
	padding-right:4%;
	height:150px;
	margin-right:23px;
}
.conmess .form form {
	text-align:left;
}
.signin_btn {
	margin-top: 10px;
	display:block;
	background-color:#bf282f;
	text-align:center;
	line-height:40px;
	color:#fff;
	width:100px;
	font-size:14px;
	border-radius:5px;
	cursor:pointer;
    border: none
	}
.error_input {
	border:1px solid #ff0000;
}
.msg {
	font-size:12px;
	line-height:35px
}
.onError {
	color:#ff0000;
}
@media all and (max-width:1000px) {
.leftline{border:none;padding:0}
.contact .col-md-6,.coninfo .col-md-6,.coninfo .col-md-12{padding:0}
.conmess .input {
	width: 100%;
}
.conmess .input.big {
	width: 100%;
}
}
.feedback .btitle {
  font-size: 62px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 60px;
}
.feedback .stitle {
  font-size: 42px;
  font-weight: 500;
  color: #333333;
}
.feedback .htitle {
  color: #284d9b;
  font-size: 42px;
  font-weight: 500;
  margin: 20px 0 45px;
}
.feedback .text {
  font-size: 26px;
  color: #999999;
  margin-bottom: 50px;
}
@media all and (max-width:1400px) {
.feedback .btitle {
  font-size: 45px;
}
.feedback .stitle {
  font-size: 35px;
}
.feedback .htitle {
  font-size: 35px;
  margin: 10px 0 15px;
}
.feedback .text {
  font-size: 18px;
  margin-bottom: 30px;
}	
	
}
/*job*/
.conjob {
  width: 100%;
  background: url("../pic/job.jpg") center bottom no-repeat;
  background-size: cover !important;
}
.conjob .left {
  width: 100%;
}
.conjob .left .title {
  font-family: syb;
  margin-top: 100px;
  margin-bottom: 22px;
  font-size: 68px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
}
.conjob .left .s-title {
  margin-bottom: 70px;
  font-size: 48px;
  color: #FFFFFF;
  line-height: 1;
}
.conjob .left .text {
  font-family: syl;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 32px;
  margin-bottom: 65px;
}
.conjob .left .text p:last-child {
  margin-bottom: 50px;
}
.conjob .left .c-btn {
  width: 100%;
  cursor: pointer;
  margin-bottom: 80px;
}
.conjob .left .c-btn .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 56px;
  background: #bf282f;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
}
.conjob .left .c-btn:hover a {
  background: #284d9b;

}
.conjob .left .c-btn .btn img {
  margin-left: 15px;
  width: auto;
}
@media screen and (max-width: 1366px) {
	  .conjob .left .title {
    font-size: 36px;
  }
  .conjob .left .s-title {
    margin-bottom: 30px;
    font-size: 28px;
  }
  .conjob .left .text {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .conjob .left .c-btn .btn {
    width: 140px;
    height: 44px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
	.conjob .left {
  padding-left: 10px
}
	  .conjob .left .title {
    font-size: 30px;
    margin-top: 60px;
    margin-bottom: 10px;
  }
  .conjob .left .s-title {
    margin-bottom: 10px;
	  line-height: 38px;
    font-size: 22px;
  }
  .conjob .left .text {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 25px;
  }
  .conjob .left .c-btn .btn {
    width: 140px;
    height: 40px;
    font-size: 14px;
  }
}
/*公司简介*/

  .about-con {
		  width: 100%;
		  height: auto;
		  
	position: relative;
}
	.lt-paTxt {
	font-size: 16px;
	color: #aaaaaa;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transform-origin: 40% 50%;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	height: 22px;
	width: 1px;
}

.lt-paTxt:after {
	content: "";
	width: 80px;
	height: 1px;
	background-color: #dddddd;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.lt-paTxt span {
	position: absolute;
	top: -0px;
	width: 400px;
	left: 105px;
	text-transform: uppercase;
} 
.about-lt {
	float: left;
	width: 63.782%;
	padding-left: 90px;
	
}
.about-rt {
	float: left;
	z-index: 2;
	right: 0px;
	margin-top: 80px;
	width: 36.217%;
	
}
.about-head, .about-cont {
	padding-right: 165px;
}

.about-head {
	margin-bottom: 75px;
}
.about-head .ptit{
	line-height: 48px;
	font-size: 21px;
	font-weight: bold;
	color:#284d9b
	
}
.idxTitle {
	font-size: 38px;
	font-weight: bold;
	color: #333333;
}

.idxTitle.aft {
	padding-bottom: 35px;
	position: relative;
	margin-bottom: 35px;
}

.idxTitle.aft:before, .idxTitle.aft:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 2px;
	background-color: #bb1c14;
}

.idxTitle.wt.aft:before, .idxTitle.wt.aft:after {
	background-color: #fff;
}

.idxTitle.aft:before {
	width: 48px;
	left: 0;
}

.idxTitle.aft:after {
	width: 2px;
	left: 50px;
}

@media screen and (max-width: 767px) {
	  
	.lt-paTxt{display: none}  
	  .about-lt {
	float: none;
	width: 100%;
	padding-left:0;
	
}
.about-head, .about-cont {
	padding-right: 0;
}


	.idxTitxtP{width: 100%;padding: 0;margin: 0}
.about-rt {
	float: none;
	right: auto;
	width: 100%;
	margin-top: 10px;
	
}
}

.idea {padding:105px 0 35px;}
.idea-col {
	border-right: solid 1px rgba(255, 255, 255, .3);
}

.idea-col:last-child {
	border: none;
}
.ideadl {
	text-align: center;
}

.ideadl dt {
	margin-bottom: 70px;
}

.ideadl .tit {
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 15px;
}

.ideadl .txt {
	font-size: 18px;
	color: #ffffff;
}

.about-tit {padding:25px 0 10px;}
.about-tit strong {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 55px;
}
.about-tit p {
  text-align: center;

}
@media (max-width: 1199px) {
  .about-tit strong {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .about-tit strong {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .about-tit strong {
    font-size: 40px;
  }
	.idea {padding:25px 0}
	
.ideadl dt {
	margin-bottom: 30px;
}
	.idea-col {margin-bottom: 25px;}
}




.newsPagination {
    max-width: 1620px;
    padding-right: 20px;
    margin-top: 70px;
    margin-bottom: 200px;
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
}

.newsPagination .swiper-button-prev,
.newsPagination .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50px;
	color: #284d9b;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.newsPagination .swiper-button-prev::after,
.newsPagination .swiper-button-next::after {
    font-size: 13px;
}

.newsPagination .swiper-button-prev {
    left: 0;
    top: 0;
    margin-top: 0;
}

.newsPagination .swiper-button-next {
    left: 70px;
    top: 0;
    right: auto;
    margin-top: 0;
}

.newsPagination .swiper-pagination.swiper-pagination-progressbar {
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% - 200px);
    margin: auto 0 auto auto;

}

.newsPagination .swiper-button-prev:hover,
.newsPagination .swiper-button-next:hover {
    border-color: #284d9b;
}

.newsPagination .swiper-button-prev:hover::after,
.newsPagination .swiper-button-next:hover::after {
    color: #284d9b;
}

.newsPagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #284d9b;
}
.honor,.honor-swiper {
/*
    margin-top: -90px;
    padding-top: 90px;
*/
	width: 100%;

	overflow: hidden
}
.honor{
    margin:20px 0 90px;
}


.honor-swiper .imgBox {
    background: #f4f4f4;
    padding: 40px 70px;
}

.honor-swiper .text {
    margin-top: 1px;
    background: #f4f4f4;
    padding: 25px 20px;
    transition: all 0.5s;
}

.honor-swiper .title {
    font-size: 18px;
    color: #333;
    text-align: center;
    transition: all 0.5s;
}

.honor-swiper .honorPagination {
    margin-bottom: 0;
}

.honor-swiper .swiper-slide:hover .text {
    background: #284d9b;
    color: #fff;
    transition: all 0.5s;
}

.honor-swiper .swiper-slide {
    cursor: pointer;
}

.honor-swiper .swiper-slide:hover .text .title {
    color: #fff;
    transition: all 0.5s;
}
@media screen and (max-width: 1280px) {
	
	    .honor-swiper .title {
        font-size: 14px;
    }
	    .honor-swiper .imgBox {
        padding: 30px;
    }
}
@media screen and (max-width: 1000px) {
	
	   .honor .honorTitle {
        font-size: 20px;
        margin-bottom: 20px;
    }

}
.custom-selectleft {
     background: url("../images/arrow_left.svg") center no-repeat !important;
	background-size: 90% auto !important;
}
.custom-selectright {
     background: url("../images/arrow_right.svg") center no-repeat !important;
	background-size: 90% auto !important;
}

/*产品详情*/

.tableStyle1 table{width: 100%;}
.tableStyle1 table td{padding: 5px 20px;display: table-cell;vertical-align: inherit;}
.tableStyle1 table td p{margin-bottom:5px;margin-top:5px;line-height:1.75em;font-size: 14px}
.tableStyle1 table td p span{font-size: 14px}
	.wth1{width: 15%}
	.wth2{width: 20%}
	.wth3{width: 65%}
	.wth4{width: 85%}
	.wth5{width: 80%}
	.wth6{width: 35%}
@media only screen and (max-width:1199px) {
	.tableStyle1 table td{padding: 0 5px;}
	.tableStyle1 table td p{font-size: 12px}
	.tableStyle1 table td p span{font-size: 12px}
	.wth1{width: 20%}
	.wth2{width: 25%}
	.wth3{width: 60%}
	.wth4{width: 80%}
	.wth5{width: 75%}
	.wth6{width: 40%}
}
.proDetail_right {
	margin-top:30px;
}
.table tbody tr th {
	vertical-align:middle;
}
table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd;}
table{margin-bottom:10px;border-collapse:collapse;display:table;width:100%!important}
td,th{word-wrap:break-word;word-break:break-all;padding:5px 10px;border:1px solid #DDD}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center}
th{border-top:2px solid #BBB;background:#f7f7f7}
.ue-table-interlace-color-single{background-color:#fcfcfc}
.ue-table-interlace-color-double{background-color:#f7faff}
.prod-details .box  {
  width: 100%;
  display:inline-block;
   
}
.prod-details .box .pfont {
	font-size:23px;
	font-weight: bold;
	color:#606060;
	float: left;
	text-align: left !important
	
}

.prod-details .box  {
	font-size:16px;
	color:#000;
	text-align: left;
	opacity: 0.8;
}
.prod-details .box p{
	line-height:28px;
		text-align: left;
	 margin:0 auto;
	font-size:18px;

	color:#000;
}
.details-cat{height:35px;background:#fff;box-shadow:0 0 20px 2px #f8f8f8;display:flex}
.details-cat li{width: 50%;color:#444;display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;transition:all .4s ease;cursor:pointer;background: #f7f7f7;border-right:solid 1px #fff}
.details-cat li.active,.details-cat li:hover{background:#284d9b;color:#fff}
.details-txt {
	padding:48px 0px
}
.details-txt img {
	margin:0;
	max-width:100%;
	width:auto;
	height:auto;
}
.details-cat li.active{font-weight:700}
.details-txt b{font-size:24px;color:#000;font-weight: bold; line-height:55px}
.details-txt p{font-size:21px;color:#000;line-height:23px}
.details-cat li.active i img:nth-child(2),.details-cat li:hover i img:nth-child(2){opacity:1}
.details-txt:not(:first-child){display:none}		
.pro_line{width:100%;height: 1px;background-color:#323232;margin:35px 0;}
.rec_item {
  display: block;
	background: #fff;
	
}
.rec_item .img {
  width: 100%;
	height: auto;
  overflow: hidden;
}
.rec_item .img img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
	.rec_item:hover .img img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.rec_item .font {
  padding-top: 15px;
/*  margin-top: 18px;*/
  text-align: center;
}
.rec_item .font strong {
  display: block;
  color: #262626;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px;
   font-weight: bold;
  font-size: 18px;
}
	
	
.rec_pro .col-md-22{width:20%}	

@media (max-width:991px) {
    .rec_pro .col-md-22 {
        width: 100%;
    }
	.pro_list .words .pro_des{
		height: auto;
	}
}	
	
.gallery-font{font-weight: bold;font-size:28px;color: #333;display: block}
.gallery-top .swiper-slide {
	position:relative
}
.proxq-pic {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
}
.gallery-button {
	width:100%;
	position:relative;
	padding:5px 0;
}
.gallery-button .swiper-button-prev,.gallery-button .swiper-button-next {
	background:url('../images/pro-ico1.png') no-repeat center;
	width:10px;
	transition:all .4s ease;
}
.gallery-button .swiper-button-prev {
	transform:rotate(180deg);
	left:0;
}
.gallery-button .swiper-button-next {
	right:0;
}
.gallery-thumbs {
	width:100%;
	height:45px;
	padding:0 15px;
}
.gallery-top  {
	margin-top:15px
}
.gallery-top .swiper-slide img {
	border-radius:10px;	
}
.gallery-thumbs .equip-min span {
	width:100%;
	display:block;
	height:45px;
	overflow:hidden;
	line-height:45px;
	text-align:center;
	border:1px solid #cfcfcf;
}
.gallery-thumbs .equip-min span img {
	width:100%;
	height:100%;
	display:inline-block;
	object-fit:cover
}
.gallery-thumbs .equip-min.cur span,.gallery-thumbs .equip-min span:hover {
	border:1px solid #284d9b;
}
.gallery-top {
	display:none;
}
.proxq-pic-toBig {
	width:100%;
	position:relative;
	text-align:center;
	max-width:100%;
	max-height:100%;
	border-radius:10px;
	overflow:hidden
}
.proxq-pic-toBig img {
	max-width:100%;
	max-height:100%;
}
div.zoomDiv {
	z-index:999;
	position:absolute;
	top:0px;
	left:0px;
	width:350px !important;
	height:352px !important;
	background:#fff;
	border:2px solid #e5e5e5;
	display:none;
	text-align:center;
	overflow:hidden;
	border-radius:10px;
}
div.zoomMask {
	position:absolute;
	background:url("images/zoommask.png") repeat scroll 0 0 transparent;
	cursor:move;
	z-index:1;
}
@media all and (max-width:1000px) {
	.proxq-pic-toBig {
	display:none;
}
.gallery-top {
	display:block;
}
}	
	

@media all and (max-width:1000px) {
.details-cat{height: 25px}
.details-cat li{font-size: 14px}
.details-cat i img{width: 15px;height: 15px}
.rec_item .font {
    padding-top: 18px;
    margin-top: 30px;
  }
  .rec_item .font strong {
    font-size: 20px;
    margin-bottom: 15px;
  }	
	
	.proxq-pic-toBig{display: none;}
}

	@media all and (max-width:767px) {
		.gallery-thumbs{width: 100%;}
		    .gallery-thumbs{height: 60px;}
    .gallery-thumbs .equip-min span{height: 60px;line-height: 60px;}
    .gallery-button {padding: 0 32px;}
		
	  .rec_item .font {
    margin-top: 10px;
    margin-top: 15px;
  }
  .rec_item .font strong {
    font-size: 18px;
    margin-bottom: 10px;
  }	
	}

.mtop35{margin-top:35px;}
.mtop15{margin-top:25px;}
.ptop{padding:50px 0;}
@media only screen and (max-width:1200px) {
.mtop35{margin-top:10px;}
.mtop15{margin-top:5px;}
.ptop{padding:10px 0;}
}

/*研发制造*/


.page-title {
  text-align: center;
  margin: 50px 0;
}

.page-title h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 50px;
}
.page-title .line {
  width:50px;
  height:3px;
  background-color: #d6001f;
  margin: 5px auto 0;
}	
.rdpro .pic img {
   transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;		
}				
.rdpro .pic:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.rdpro .info {
  padding: 35px;
  background-color: #f5f5f5;
}
.rdpro .title {
  font-size:55px;
  color: #d6001f;
  font-weight: 700;
  line-height:60px;
}
.rdpro .brief {
  font-size:23px;
  line-height: 48px;
  margin: 15px auto 15px;
}
.rdpro .content {
  font-size:18px;
  line-height: 33px;
  margin:0 auto 5px;
}
.rdpro .base {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  overflow: hidden;
  margin-bottom: 80px
}
.rdpro .info,
.rdpro .pic {
  width: 50%;
}	
		
@media screen and (max-width: 1400px) {	
.rdpro .title {
  font-size:4rem;
}
.rdpro .brief {
  font-size:2.5rem;
  line-height: 38px;
  margin: 10px auto 15px;
}
.rdpro .content {
  font-size:1.5rem;
  line-height:28px;
  margin: 15px auto 25px;
}
		
		}
		
@media screen and (max-width: 1004px) {
.rdpro .base {
    flex-flow: wrap;
    flex-direction: column-reverse;
  }
  .rdpro .info,
  .rdpro .pic {
    width: 100%;
  }
  .rdpro .info {
    padding: 1rem 1rem;
  }
  .rdpro .title {
    font-size: 3rem;
  }
  .rdpro .brief {
	  font-size:2.3rem;
    line-height: 3rem;
    margin: 0.2rem auto 0.3rem;
  }	
			
		}
.rdlist{padding:50px;background: #f8f8f8;border: 1px solid rgba(204,204,204,0.5);border-radius: 6px;display: grid;grid-template-columns: 30% auto;margin:20px;height: 250px}
.rdlist-l{display: flex;align-items: center;justify-content: flex-start;overflow: hidden;}
.rdlist-l i{font-size: 80px;color:#333}

.rdlist:hover i{color:#c42b2f;transition: all .7s;}
.rdlist:hover	{box-shadow: 0 1px 10px rgba(0, 0, 0, .1); }	
.rdlist1-1{font-size:22px;color: #284d9b;line-height: 1;padding-bottom: 10px;margin-bottom:10px;border-bottom: 1px solid rgba(204, 204, 204, .5);font-weight: bold}
.rdlist1-2{list-style-type: none;}
.w17-li{padding-left: 5px;background-repeat: no-repeat;font-size: 15px;color: #666666;line-height:28px;padding-bottom: 10px;}
.w17-li:last-child{padding-bottom: 0;}
@media screen and (max-width:767px){ 

.rdlist{padding:10px;margin:0 0 5px;}
}
/*加入我们*/
.job_list02{margin:60px 0;}
.job-1 li.first {border-bottom:solid 1px #e4e4e4; padding: 0;background-color:#f5f5f5;}
.job-1 li {float:left; width: 100%;height:80px;line-height:80px;}
.job-1 li .job_ut { float: left;font-size:18px;text-align: center; font-weight:bold;}
.job-1 li .job_un { float: left; text-align: center; height: 50px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.job-1 li .job_t1 { width:20%;padding-left:3%;text-align: left;}
.job-1 li .job_t2 { width: 20%;}
.job-1 li .job_t3 { width: 18%; }
.job-1 li .job_t4 { width: 18%; }
.job-2 .job_jt{height:80px; line-height:80px;overflow: hidden; *zoom: 1;cursor: pointer; float:left;width:100%;background-color:#fff;
    position:relative;box-shadow: 0 0 10px #eee;}
.job-2 .job_jt:after{content:'';width:100%;height:1px;background-color:#f8f8f8;position:absolute;bottom:0;left:0;}
.job-2 .job_jt strong { float: left;text-align:center;font-weight: normal;color:#666;}
.job-2 .job_jt strong.strong01{width:20%;padding-left:3%;text-align: left;color:#000;font-weight:bold;}
.job-2 .job_jt strong.strong02{width:20%;font-family:arial;}
.job-2 .job_jt strong.strong03{width:18%;}
.job-2 .job_jt strong.strong04{width:18%;}
.job-2 .job_jt span { float: right; }
.job-2 .job_jt .arryIco{display:block;width:28px;height:28px;background:url(../images/sq.png) no-repeat;position:absolute;top:50%;margin-top:-14px;
    right:3%;}
.job-2 .job_jt_act .arryIco{background-image: url(../images/zk.png);}
.job-2 .job_jt .ion { font-size: 12px; color: #999999; }
.job-2 .job_jc{ display: none; float:left; width:100%;position:relative;border-top:1px #f0f0f0 solid; background: #fff}
.job-2 .job_jcon { padding: 30px 3% 10px; line-height:2;}
#container .job_jt:nth-child(4n+3) {
	background-color:#f5f5f5;
}
@media screen and (max-width:767px){ 
	.job-1 li .job_ut{font-size:16px;}
	.job-1 li,.job-2 .job_jt{height:60px;line-height:60px;}
	.job-2 .job_jcon{padding:16px 5% 10px;line-height:1.8;text-align:justify;}
	.row{margin: 0;}
	.txtcon {padding:5px;}

	.contact_main  .item {
  height: auto;
  width: 100%;
  float:none;
margin-right: 0;
 
}
.contact_main .item .tit {
  padding-left: 10px;
}
.contact_main .item .note {
  padding-left:5px;
}
.col-md-4,.col-md-6{margin: 0;padding:0 3px}
.feedback {padding:10px 0 0 10px;}
.feedback .btitle {
  font-size: 50px;
  margin-bottom:20px;
	margin-top:20px;
}
}


/*解决方案*/
	.solutionMain {
	padding:35px 0px;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.solutionMain .solution {
	margin:10px -5px 0px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.solutionMain .solution .list {
	width:-webkit-calc(25% - 10px);
	width:calc(25% - 10px);
	margin:10px 5px 0px;
	padding:35px 5px;
	top:0px;
	border:1px solid rgba(0,0,0,0.1);
	-webkit-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 0px rgba(0,0,0,0.1);
	border-radius:15px;
	background:#fff;
	text-align:center;
	position:relative
}
.solutionMain .solution .list::after {
	content:''
}
.solutionMain .solution .list .listContent {
	position:relative;
	z-index:10
}
.solutionMain .solution .list .icon img {
	width:33px;
	vertical-align:middle
}
.solutionMain .solution .list .subTitle {
	margin-top:10px;
	font-size:28px;
	font-weight: 600;
	line-height:58px;
	color:#000000
}
.solutionMain .solution .list .desc {
	margin-top:10px;
	font-size:12px;
	line-height:18px;
	color:#696969
}
.solutionMain .solution .list:hover {
	top:-15px;
	background:rgba(255,255,255,0.75);
	-webkit-backdrop-filter:blur(40px);
	backdrop-filter:blur(40px);
	border-color:rgba(40, 77, 155, 1);
	-webkit-box-shadow:0px 20px 27px rgba(123,143,194,0.4);
	box-shadow:0px 20px 27px rgba(123,143,194,0.4)
}
.commonTitle {
	margin-top: 65px;
	font-size:28px;
	line-height:24px;
	color:#000000;
	font-weight:bold
}		
@media screen and (max-width:768px) {	
	
	.solutionMain .solution .list {
	width:-webkit-calc(100% - 10px);
	width:calc(100% - 10px);
	margin:10px 5px 0px;
	padding:35px 5px;
	top:0px;
	border:1px solid rgba(0,0,0,0.1);
	-webkit-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.1);
	box-shadow:0px 0px 0px rgba(0,0,0,0.1);
	border-radius:15px;
	background:#fff;
	text-align:center;
	position:relative
}
	
		}