@charset "UTF-8";
/*------------// Overall //------------------*/
body{font-family: "Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; color:#333; margin:0;line-break: 100%;background-color: transparent;}
body {font-weight: 400\0; font-family: "Microsoft YaHei"; padding-top: 0.1px;font-size: 14px;}
html,body{-webkit-text-size-adjust:none;vertical-align: baseline;position: relative;min-height: 100%;background-color: #fff;z-index: 1;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; border-collapse:collapse;border-spacing:0;}
th, td { border-collapse:collapse; text-align:center;font-weight:normal;vertical-align:middle;}
/* a:link{text-decoration:none; color:#666;} */
/* a:visited{text-decoration:none; color:#666;} */
a{text-decoration:none; color:#666;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none;max-width:100%;max-height:100%;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,span,em,i{margin:0;padding:0;vertical-align: baseline;box-sizing: border-box;}
img{vertical-align: middle;}
ol,ul,li{list-style-type:none;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;vertical-align: baseline;}
input[type=button]{-webkit-appearance:none;outline:none;}
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);vertical-align: baseline;}
input,select,textarea{outline:none; border:none; background:none;vertical-align: baseline;}
select::-ms-expand{display:none;}
input::-ms-expand{display:none;}
button{overflow: hidden;outline: none;background-color: transparent;border: none;padding: 0;margin: 0;font-family: 'Microsoft YaHei';font: 400 14px Microsoft YaHei;}
::-webkit-input-placeholder{font-size: 14px;color: #aaa;}
q,blockquote{quotes:none}
/* a {transition: all 0.5s ease-in-out;} */
textarea {font-family: '微软雅黑';}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.container{width:100%; margin:0px auto;position: relative;overflow: hidden;background-color: #fff;min-width: 1200px;max-width: 1920px;}
.container01{background-color: #f9f9f9;padding-bottom: 0.50rem;padding-top: 0.45rem;}
.container02{background-color: #f0f2f8;}
.container-main{width:1200px; margin:0px auto;position:relative;padding-top: 60px;padding-bottom: 80px;z-index: 3;}
.container-main01{padding-top: 80px;padding-bottom: 80px;}
.container-main02{padding-top: 40px;padding-bottom: 0px;}
.clearfix{clear:both;content:"";display:table;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.container_bg{background-color: #eee;}
.none{display: none!important;}
.block{display: block!important;}
.wow,.ani{visibility: visible;}
.open{overflow: hidden;}
a:hover, a:focus{text-decoration: none;}
@font-face {font-family: Calisto MT; src: url("./../font/CALISTB.TTF")}



.head {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	/* overflow: hidden; */
	height: auto;
	border-bottom: 3px solid #3b8eff;
    position:fixed;
    top:0;
    left:0px;
    z-index:10000;
    background:#fff;
}
.head-main {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 0px;
	/* overflow: hidden; */
}
.logo {
	margin-top: 16px;
	float: left;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.head-menu {
	float: right;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.head-menu ul {
	width: auto;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	position: relative;
}
.head-menu ul li {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin: 0 0px;
}
.head-menu ul li:last-child {
	margin-right: 0;
}
.head-menu ul li a {
	display: block;
	width: auto;
	padding: 0px 24.5px;
	height: 100px;
	line-height: 100px;
	color: #212121;
	font-size: 16px;
	transition: all 0.3s ease-in-out;
}
.head-menu ul li a:hover,
.head-menu ul li a.active {
	color: #fff;
	background-color: #3b8eff;
}
.head-menu ul ul {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 15;
	background-color: #144779;
	display: none;
}
.head-menu ul ul li {
	float: none;
}
.head-menu ul ul li a {
	padding: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
}
.head-menu ul ul li a:hover {
	background-color: #1c5893;
}

.banner {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    margin-top:103px;
}
.banner-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.banner-swiper .swiper-slide {
	position: relative;
}
.banner-swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner-swiper .swiper-slide a img {
	width: 100%;
	height: 100%;
	display: block;
}
.banner-swiper .pagination {
	width: 100%;
	height: auto;
	font-size: 0;
	text-align: center;
	bottom: 70px;
	left: 0;
	z-index: 10;
	position: absolute;
}
.banner-swiper .pagination span {
	display: inline-block;
	background: none;
	width: 55px;
	height: 6px;
	border-radius: 0px;
	cursor: pointer;
	margin: 0 5px!important;
	opacity: 1;
	background-color: rgba(255, 255, 255, 1.0);
}
.banner-swiper .pagination span.swiper-visible-switch,
.banner-swiper .pagination span.swiper-active-switch {
	background-color: rgba(59, 142, 255, 1.0);
}

.index-introduction {
	width: 100%;
	height: auto;
	min-height: 1024px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-introduction-bg01.jpg');
}
.index-introduction-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 230px;
}
.index-introduction-nav {
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	min-height: 190px;
	background-color: #fff;
	z-index: 15;
	overflow: hidden;
	box-shadow: 0px 3px 20px #dee2e4;
}
.index-introduction-nav ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-introduction-nav ul li {
	float: left;
	width: 25%;
	height: auto;
	position: relative;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../icon01.png');
}
.index-introduction-nav ul li:after {
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	content: '';
	width: 1px;
	z-index: 1;
	background-color: #ccc;
}
.index-introduction-nav ul li:nth-of-type(1):after {
	opacity: 0;
}
.index-introduction-nav ul li:after:hover {
	opacity: 0;
}
.index-introduction-nav ul li a {
	position: relative;
	width: 100%;
	display: block;
	height: 190px;
	z-index: 16;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	box-sizing: border-box;
	border-bottom: 4px solid #3b8eff;
	transition: all 0.3s ease-in-out;
}
.index-introduction-nav ul li a:hover {
	background-image: url('./../icon02.png');
}
.index-introduction-nav li .icon {
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	transition: all 0.3s ease-in-out;
	background-image: url('./../index-introduction-icon.png');
}
.index-introduction-nav li:nth-of-type(1) .icon {
	width: 81px;
	height: 76px;
	margin-top: 30px;
	margin-bottom: 12px;
	background-position: 0px -214px;
}
.index-introduction-nav li:nth-of-type(1) a:hover .icon {
	background-position: 0px -138px;
}
.index-introduction-nav li:nth-of-type(2) .icon {
	width: 72px;
	height: 80px;
	margin-top: 30px;
	margin-bottom: 8px;
	background-position: 0px -528px;
}
.index-introduction-nav li:nth-of-type(2) a:hover .icon {
	background-position: 0px -448px;
}
.index-introduction-nav li:nth-of-type(3) .icon {
	width: 108px;
	height: 69px;
	margin-top: 38px;
	margin-bottom: 10px;
	background-position: 0px -69px;
}
.index-introduction-nav li:nth-of-type(3) a:hover .icon {
	background-position: 0px -0px;
}
.index-introduction-nav li:nth-of-type(4) .icon {
	width: 79px;
	height: 79px;
	margin-top: 35px;
	margin-bottom: 4px;
	background-position: 0px -369px;
}
.index-introduction-nav li:nth-of-type(4) a:hover .icon {
	background-position: 0px -290px;
}
.index-introduction-nav li .title {
	width: 98%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #666;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.index-introduction-nav li a:hover .title {
	color: #fff;
}
.index-introduction-nav li .en {
	width: 98%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	font-family: 'Arial';
	margin-top: 2px;
	transition: all 0.3s ease-in-out;
}
.index-introduction-nav li a:hover .en {
	color: #fff;
}
.index-introduction-title {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.index-introduction-title .title {
	font-size: 30px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
}
.index-introduction-title .line {
	text-align: center;
	font-size: 0;
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 2px;
}
.index-introduction-title .line i {
	display: inline-block;
	width: 202px;
	height: 4px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../icon03.png');
}
.index-introduction-title .line span {
	display: inline-block;
	width: 50px;
	background-color: #3b8eff;
	/* margin-top: 1px; */
	height: 2px;
	top: -1px;
	margin: 0 15px;
	position: relative;
}
.index-introduction-title .en {
	font-size: 16px;
	line-height: 26px;
	color: #999;
	font-family: 'Arial';
	font-weight: bold;
}
.index-introduction-left {
	float: left;
	width: 494px;
	overflow: hidden;
}
.index-introduction-right {
	float: right;
	width: 678px;
	height: auto;
	overflow: hidden;
}
.index-introduction-right .title {
	width: 100%;
	font-size: 0;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.index-introduction-right .title span {
	font-size: 18px;
	line-height: 26px;
	color: #333;
	display: inline-block;
	font-weight: bold;
}
.index-introduction-right .title i {
	display: inline-block;
	margin-left: 15px;
	width: 40px;
	height: 4px;
	position: relative;
	top: -3px;
	background-color: #333;
}
.index-introduction-right .txt {
	width: 100%;
	overflow: hidden;
	position: relative;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 16px;
	padding-left: 24px;
}
.index-introduction-right .txt a {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 6;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	color: #3b8eff;
	padding-right: 56px;
}
.index-introduction-right .txt a span {
	position: absolute;
	right: 0;
	top: 50%;
	width: 46px;
	height: 14px;
	margin-top: -7px;
	background-position: center center;
	background-image: url('./../icon04.png');
	background-repeat: no-repeat;
	transition: all 0.5s ease-in-out;
}
.index-introduction-right .img {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 17px;
}
.index-introduction-right .img ul {
	width: 100%;
	overflow: hidden;
	height: auto;
}
.index-introduction-right .img ul li {
	float: left;
	width: 33.333%;
	text-align: left;
}
.index-introduction-right .img ul li:nth-of-type(2) {
	text-align: center;
}
.index-introduction-right .img ul li:nth-of-type(3) {
	text-align: right;
}

.index-products {
	width: 100%;
	height: auto;
	min-height: 720px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-products-bg01.jpg');
}
.index-products-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 70px;
}
.index-products .index-introduction-title {
	position: absolute;
	top: -145px;
	left: 0;
	margin-bottom: 0;
	z-index: 9;
}
.index-products-nav {
	position: absolute;
	top: -40px;
	background-color: #fff;
	left: 0;
	z-index: 9;
	width: 100%;
	font-size: 0;
	text-align: center;
	box-shadow: 0px 3px 30px #d9dcde;
}
.index-products-nav ul {
	display: inline-block;
	width: auto;
	height: auto;
	overflow: hidden;
}
.index-products-nav ul li {
	float: left;
	margin: 0 44px;
	overflow: hidden;
    display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	border-bottom: 3px solid transparent;
}
/*.index-products-nav ul li a {
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	border-bottom: 3px solid transparent;
}*/
.index-products-nav ul li:hover,
.index-products-nav ul li.active {
	border-bottom-color: #3b8eff;
}
.index-products-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-products-list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-products-list1 ul{
    display:none;
}

.index-products-list ul li {
	float: left;
	width: 285px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	margin-right: 20px;
}
.index-products-list ul li:nth-of-type(4n) {
	margin-right: 0;
}
.index-products-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.index-products-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.index-products-img img {
	-webkit-transform: scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
	-o-transition:all 0.7s ease-in-out;
}
.index-products-list ul li a:hover .index-products-img img {
	-webkit-transform:scale(1.04, 1.04);
	-moz-transform:scale(1.04, 1.04);
	-o-transform:scale(1.04, 1.04);
	-ms-transform:scale(1.04, 1.04);
	transform:scale(1.04, 1.04);
}
.index-products-modal {
	position: absolute;
	bottom: 0;
	/* bottom: -45px; */
	left: 0;
	z-index: 10;
	line-height: 45px;
	height: 45px;
	text-align: center;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #515151;
	transition: all 0.3s ease-in-out;
	background-color: rgba(255, 255, 255, 0.85);
}
.index-products-list ul li a:hover .index-products-modal {
	bottom: -45px;
}
.index-products-txt {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	min-height: 130px;
	text-align: center;
	width: 100%;
	/* bottom: -160px; */
	/* white-space: nowrap; */
	text-overflow: ellipsis;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	background-color: rgba(59, 142, 255, 0.6);
}
.index-products-list ul li a:hover .index-products-txt {
	opacity: 1;
}
.index-products-txt .icon {
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -18px;
	background-color: #fff;
	border-radius: 18px;
	width: 36px;
	height: 36px;
}
.index-products-txt .icon i {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: rgba(59, 142, 255, 1.0);
	transform: translate(-50%, -50%);
}
.index-products-txt .icon i:nth-of-type(1) {
	width: 10px;
	height: 2px
}
.index-products-txt .icon i:nth-of-type(2) {
	width: 2px;
	height: 10px
}
.index-products-txt .name {
	width: 230px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 27px;
}
.index-products-txt .line {
	width: 40px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	height: 2px;
	margin-top: 4px;
	margin-bottom: 18px;
}
.index-products-txt .brief {
	width: 230px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	margin-bottom: 18px;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index-ad {
	width: 100%;
	height: auto;
	min-height: 360px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-ad-bg01.jpg');
}
.index-ad-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 108px;
}
.index-ad-title {
	text-align: center;
	color: #fff;
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
}
.index-ad-txt {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
}

.index-process {
	width: 100%;
	height: auto;
	min-height: 630px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-process-bg01.jpg');
}
.index-process-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 50px;
}
.index-process-list {
	width: 100%;
	height: 420px;
	overflow: hidden;
	position: relative;
}
.index-process-list .item {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
}
.index-process-list .item:nth-of-type(1) {
	left: 0;
	top: 50%;
	/* margin-top: -74px; */
	transform: translate(0%, -50%);
}
.index-process-list .item:nth-of-type(2) {
	left: 210px;
	top: 50%;
	/* margin-top: -74px; */
	transform: translate(0%, -50%);
}
.index-process-list .item:nth-of-type(3) {
	left: 420px;
	top: 0;
}
.index-process-list .item:nth-of-type(4) {
	left: 420px;
	bottom: 0;
}
.index-process-list .item:nth-of-type(5) {
	left: 632px;
	top: 0;
}
.index-process-list .item:nth-of-type(6) {
	left: 632px;
	bottom: 0;
}
.index-process-list .item:nth-of-type(7) {
	right: 210px;
	top: 50%;
	/* margin-top: -74px; */
	transform: translate(0%, -50%);
}
.index-process-list .item:nth-of-type(8) {
	right: 0px;
	top: 50%;
	/* margin-top: -74px; */
	transform: translate(0%, -50%);
}
.index-process-list .item .img {
	width: 148px;
	height: 148px;
	border-radius: 74px;
	overflow: hidden;
}
.index-process-list .item .name {
	width: 148px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #666;
	line-height: 28px;
	margin-top: 13px;
	text-align: center;
}
.index-process-list .item .icon {
	position: absolute;
	right: -47px;
	top: 50%;
	transform: translate(0%, -50%);
	margin-top: -21px;
}
.index-process-list .item:nth-of-type(5) .icon {
	display: none;
}
.index-process-list .item:nth-of-type(6) .icon {
	top: -50%;
	transform: translate(0%, 0%);
	margin-top: 25px;
}
.index-process-list .item:nth-of-type(8) .icon {
	display: none;
}

.index-news {
	width: 100%;
	height: auto;
	min-height: 681px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-news-bg01.jpg');
}
.index-news-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 50px;
}
.index-news-list {
	position: relative;
	width: 100%;
}
.index-news-swiper {
	width: 100%;
	padding-bottom: 45px;
}
.index-news-item {
	width: 380px;
	background-color: #fff;
	position: relative;
}
.index-news-item a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	box-shadow: 0 3px 30px transparent;
	transition: all 0.3s ease-in-out;
}
.index-news-item a:hover {
	box-shadow: 0 3px 30px #d4e1f1;
}
.index-news-item a:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	box-sizing: border-box;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out;
}
.index-news-item a:hover:after {
	border-color: #3b8eff;
}
.index-news-list li {
	float: left;
	width: 380px;
	background-color: #fff;
	position: relative;
	margin-right: 30px;
}
.index-news-list li:nth-of-type(3n) {
	margin-right: 0;
}
.index-news-list li a:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	box-sizing: border-box;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out;
}
.index-news-list li a:hover:after {
	border-color: #3b8eff;
}
.index-news-list li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	box-shadow: 0 3px 30px transparent;
	transition: all 0.3s ease-in-out;
}
.index-news-list li a:hover {
	box-shadow: 0 3px 30px #d4e1f1;
}
.index-news-img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-news-img img {
	-webkit-transform: scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	transition:all 0.7s ease-in-out;
	-ms-transition:all 0.7s ease-in-out;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
	-o-transition:all 0.7s ease-in-out;
}
.index-news-item a:hover .index-news-img img {
	-webkit-transform:scale(1.04, 1.04);
	-moz-transform:scale(1.04, 1.04);
	-o-transform:scale(1.04, 1.04);
	-ms-transform:scale(1.04, 1.04);
	transform:scale(1.04, 1.04);
}
.index-news-list ul li a:hover .index-news-img img {
	-webkit-transform:scale(1.04, 1.04);
	-moz-transform:scale(1.04, 1.04);
	-o-transform:scale(1.04, 1.04);
	-ms-transform:scale(1.04, 1.04);
	transform:scale(1.04, 1.04);
}
.index-news-name {
	width: 342px;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	font-weight: bold;
	margin-top: 13px;
	margin-bottom: 8px;
	transition: all 0.3s ease-in-out;
}
.index-news-brief {
	width: 342px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	color: #666;
	transition: all 0.3s ease-in-out;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.index-news-more {
	width: 135px;
	height: 40px;
	margin-left: 19px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #3b8eff;
	color: #3b8eff;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 44px;
	transition: all 0.3s ease-in-out;
}
.index-news-item a:hover .index-news-more {
	color: #fff;
	background-color: #3b8eff;
}
.index-news-list ul li a:hover .index-news-more {
	color: #fff;
	background-color: #3b8eff;
}
.index-news-prev {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -0%);
	z-index: 10;
	width: 26px;
	height: 14px;
	cursor: pointer;
	margin-left: -28px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../index-news-prev01.png');
}
.index-news-prev:hover {
	background-image: url('./../index-news-prev02.png');
}
.index-news-next {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -0%);
	z-index: 10;
	width: 26px;
	height: 14px;
	cursor: pointer;
	margin-left: 28px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../index-news-next01.png');
}
.index-news-next:hover {
	background-image: url('./../index-news-next02.png');
}

.index-ad02 {
	width: 100%;
	height: auto;
	min-height: 360px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-ad02-bg01.jpg');
}
.index-ad02-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 125px;
}
.index-ad02-title {
	text-align: center;
	color: #fff;
	font-size: 36px;
	line-height: 58px;
	margin-bottom: 4px;
	font-weight: bold;
}
.index-ad02-title span {
	color: #3b8eff;
	font-size: 48px;
}
.index-ad02-txt {
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 40px;
}

.index-brand {
	width: 100%;
	height: auto;
	min-height: 493px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-brand-bg01.jpg');
}
.index-brand-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 50px;
}
.index-brand-list {
	width: 100%;
}
.index-brand-list li {
	float: left;
	width: 20%;
	padding-bottom: 1px;
	padding-right: 1px;
}
.index-brand-list li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	transition: all 0.3s ease-in-out;
	/* box-shadow: 0px 5px 30px #e9edef; */
}
.index-brand-list li a:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6;
	height: 100%;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 5px 30px transparent;
}
.index-brand-list li a:hover:after {
	box-shadow: 0px 5px 30px #e9edef;
}

.index-contact {
	width: 100%;
	height: auto;
	min-height: 440px;
	position: relative;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-contact-bg01.jpg');
}
.index-contact-main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-top: 70px;
}
.index-contact-left {
	float: left;
	width: 400px;
	height: 300px;
	background-color: #1c2239;
	overflow: hidden;
}
.index-contact-title {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
	padding-top: 65px;
}
.index-contact-left .form {
	width: 320px;
	margin: 0 auto;
	height: auto;
	/* background-color: #fff; */
	position: relative;
	overflow: hidden;
	margin-top: 25px;
}
.index-contact-left .form form {
	width: 100%;
	background-color: #fff;
	height: 40px;
}
.index-contact-left .form input[type="text"] {
	float: left;
	height: 40px;
	box-sizing: border-box;
	width: 280px;
	background-color: #fff;
	font-size: 16px;
	color: #515151;
	padding: 0 10px;
}
.index-contact-left .form input[type="submit"] {
	float: right;
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 9;
	cursor: pointer;
}
.index-contact-left .form .icon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 40px;
	height: 40px;
}
.index-contact-left .form .icon i {
	background-position: center center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url('./../icon06.png');
}
.index-contact-left .form .tip {
	width: 100%;
	height: auto;
	margin-top: 6px;
	overflow: hidden;
}
.index-contact-left .form .tip span {
	float: left;
	margin-right: 5px;
	font-size: 16px;
	line-height: 26px;
	color: #9f9f9f;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.index-contact-left .form .tip span:hover {
	color: #fff;
}
.index-contact-middle {
	width: 500px;
	float: left;
	height: 300px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('./../index-contact-bg02.jpg');
}
.index-contact-middle .txt {
	/* width: 390px; */
	/* margin: 0 auto; */
	margin-left: 55px;
	overflow: hidden;
	color: #fff;
	margin-top: 20px;
}
.index-contact-middle .txt p {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	padding-left: 28px;
	position: relative;
	margin-bottom: 11px;
	background-position: left center;
	background-repeat: no-repeat;
}
.index-contact-middle .txt p:nth-of-type(1) {
	background-image: url('./../icon07.png');
}
.index-contact-middle .txt p:nth-of-type(2) {
	background-image: url('./../icon08.png');
}
.index-contact-middle .txt p:nth-of-type(3) {
	background-image: url('./../icon09.png');
}
.index-contact-right {
	float: left;
	width: 300px;
	height: 300px;
	overflow: hidden;
	background-color: #fff;
}
.index-contact-right .code {
	width: 124px;
	height: 124px;
	margin: 0 auto;
	margin-top: 67px;
	border: 2px solid #3b8eff;
}
.index-contact-right .txt {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 11px;
}





.footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1920px;
	overflow: hidden;
	background-color: #050813;
}
.footer-main {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 22px;
	padding-bottom: 28px;
}
.footer-list {
	float: left;
	width: auto;
	height: auto;
	overflow: hidden;
	margin-right: 30px;
	min-width: 105px;
	margin-top: 12px;
}
.footer-list:nth-of-type(7) {
	margin-right: 0;
	min-width: auto;
}
.footer-top {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 23px;
}
.footer-top:after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 40px;
	height: 2px;
	background-color: #3b8eff;
}
.footer-top a {
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
.footer-line {
	width: 25px;
	height: 1px;
	background-color: #ccc;
	margin-top: 16px;
	margin-bottom: 17px;	
}
.footer-menu {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.footer-menu ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.footer-menu ul li {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 11px;
}
.footer-menu ul li a {
	font-size: 14px;
	line-height: 24px;
	color: #ccc;
	float: left;
	position: relative;
	padding-left: 12px;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
.footer-menu ul li a span {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-0%, -50%);
	width: 5px;
	height: 9px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-image: url('./../icon10.png');
	background-repeat: no-repeat;
}
.footer-menu ul li a:hover {
	color: #fff;
}
.footer-menu ul li a:hover span {
	background-image: url('./../icon11.png');
}
.footer-logo {
	float: right;
}
.copyright {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	line-height: 60px;
	height: 60px;
	color: #4c4c4c;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #1a1a1a;
	background-color: #05030d;
}
.copyright p {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.copyright a {
	color: #4c4c4c;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}
.copyright a:hover {
	color: #fff;
}

.other-banner {
	height: 350px;
}
.nav {
	width: 100%;
	height: auto;
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}
.nav-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.nav-main ul {
	width: auto;
	height: auto;
	overflow: hidden;
	display: inline-block;
}
.nav-main ul li {
	float: left;
	position: relative;
	overflow: hidden;
	padding: 0 42px;
}
.nav-main ul li:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	height: 20px;
	margin-top: -10px;
	width: 2px;
	background-color: #e6e6e6;
}
.nav-main ul li:nth-of-type(1):after {
	opacity: 0;
}
.nav-main ul li a {
	display: block;
	width: auto;
	position: relative;
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	color: #999;
	transition: all 0.3s ease-in-out;
}
.nav-main ul li a:after {
	position: absolute;
	bottom: 19px;
	left: 50%;
	content: '';
	height: 2px;
	width: 36px;
	margin-left: -18px;
	background-color: #3b8eff;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.nav-main ul li a:hover,
.nav-main ul li a.active {
	color: #3b8eff;
	font-weight: bold;
}
.nav-main ul li a:hover:after,
.nav-main ul li a.active:after {
	opacity: 1;
}
.introduction-left {
	float: left;
	width: 370px;
}
.introduction-right {
	float: right;
	width: 810px;
	height: auto;
	/* overflow: hidden; */
}
.introduction-right .title {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	font-weight: bold;
}
.introduction-right .txt {
	position: relative;
	width: 100%;
	padding-left: 45px;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	color: #333;
	margin-top: 16px;
	margin-bottom: 18px;
}
.introduction-right .txt:after {
	position: absolute;
	top: 8px;
	left: 0;
	content: '';
	height: 40px;
	width: 4px;
	background-color: #3b8eff;
}
.introduction-right .img {
	width: 100%;
	height: auto;
	/* overflow: hidden; */
}
.introduction-right .img ul {
	width: 100%;
	/* overflow: hidden; */
	height: auto;
}
.introduction-right .img ul li {
	float: left;
	width: 33.333%;
	text-align: left;
}
.introduction-right .img ul li:nth-of-type(2) {
	text-align: center;
}
.introduction-right .img ul li:nth-of-type(3) {
	text-align: right;
}
.introduction-right .img ul li img {
	box-shadow: 0px 0px 15px 5px #f1f4f7;
}

.products-list {
	margin-bottom: 20px;
}
.products-page {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.products-page ul {
	display: inline-block;
	width: auto;
	height: auto;
	overflow: hidden;
}
.products-page ul li {
	float: left;
	margin: 0 5px;
	overflow: hidden;
}
.products-page ul li a {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	overflow: hidden;
	line-height: 40px;
	background-color: #e6e6e6;
	font-size: 14px;
	color: #999;
	position: relative;
	font-family: 'Arial';
	transition: all 0.3s ease-in-out;
}
.products-page ul li a:hover,
.products-page ul li a.active {
	background-color: #3b8eff;
	color: #fff;
}
.products-page ul li a.prev span,
.products-page ul li a.next span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 17px;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in-out;
	background-repeat: no-repeat;
	background-position: center center;
}
.products-page ul li a.prev span {
	background-image: url('./../page-prev01.png');
}
.products-page ul li a.prev:hover span {
	background-image: url('./../page-prev02.png');
}
.products-page ul li a.next span {
	background-image: url('./../page-next01.png');
}
.products-page ul li a.next:hover span {
	background-image: url('./../page-next02.png');
}

.productsDetails-left {
	float: left;
	margin-left: 20px;
	height: auto;
	overflow: hidden;
	width: 610px;
}
.productsDetails-big-swiper {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
    text-align:center;
}
.productsDetails-small {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.productsDetails-small-swiper {
	width: 520px;
	margin: 0 auto;
	overflow: hidden;
}
.productsDetails-small-item {
	width: 120px;
	height: auto;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	margin: 0 auto;
}
.productsDetails-small-item:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 4px solid #666;
	transition: all 0.3s ease-in-out;
}
.productsDetails-small-item.active:after {
	border-color: #3b8eff;
}
.productsDetails-prev {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin-top: -20px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../productsDetails-prev01.png');
}
.productsDetails-prev:hover {
	background-image: url('./../productsDetails-prev02.png');
}
.productsDetails-next {
	position: absolute;
	z-index: 9;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin-top: -20px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../productsDetails-next01.png');
}
.productsDetails-next:hover {
	background-image: url('./../productsDetails-next02.png');
}
.productsDetails-right {
	float: right;
	width: 530px;
}
.productsDetails-right .txt {
	width: 100%;
	background-color: #fff;
	padding: 29px 60px 36px;
	overflow: hidden;
	box-shadow: 0px 5px 15px #eef1f3;
}
.productsDetails-name {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 24px;
	font-weight: bold;
	color: #3b8eff;
	line-height: 34px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #000;
}
.productsDetails-brief {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 18px;
	line-height: 36px;
	color: #666;
	margin-top: 11px;
	margin-bottom: 20px;
}
.preventDefault-feedback {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.preventDefault-feedback a {
	display: block;
	width: 135px;
	height: 40px;
	text-align: center;
	font-size: 14px;
	color: #3b8eff;
	border: 1px solid #3b8eff;
	line-height: 38px;
	transition: all 0.3s ease-in-out;
}
.preventDefault-feedback a:hover {
	background-color: #3b8eff;
	color: #fff;
}
.productsDetails-phone {
	width: 100%;
	height: 85px;
	line-height: 85px;
	border-radius: 10px;
	background-color: #3b8eff;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	margin-top: 20px;
}
.productsDetails-con {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px dotted #dbdbdb;
	padding-top: 15px;
	padding-bottom: 20px;
}
.productsDetails-title {
	text-align: center;
	font-size: 24px;
	line-height: 34px;
	color: #333;
	margin-bottom: 25px;
}
.productsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}
.productsDetails-txt img{
    max-width:100%;
    max-height:100%;
    height:auto !important;
}
.productsDetails-other {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 35px;
}
.productsDetails-other p {
	float: left;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	width: 35%;
	margin-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.productsDetails-other p a {
	color: #3b8eff;
}

.news-list {
	width: 100%;
	height: auto;
	/* overflow: hidden; */
	margin-bottom: 20px;
}
.news-list li {
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff;
	/* min-height: 100px; */
	/* padding: 20px; */
	position: relative;
	border-bottom: 1px solid #3b8eff;
	box-shadow: 0px 0px 20px 5px #eaeef0;
}
.news-list li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 20px;
	position: relative;
}
.news-list li a:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 5px solid #3b8eff;
	border-bottom-width: 4px;
	box-sizing: border-box;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.news-list li a:hover:after {
	opacity: 1;
}
.news-img {
	float: left;
	width: 285px;
	overflow: hidden;
}
.news-img img {
	-webkit-transform: scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}
.news-list li a:hover .news-img img {
	-webkit-transform:scale(1.03, 1.03);
	-moz-transform:scale(1.03, 1.03);
	-o-transform:scale(1.03, 1.03);
	-ms-transform:scale(1.03, 1.03);
	transform:scale(1.03, 1.03);
}
.news-txt {
	float: right;
	width: 820px;
	height: auto;
	overflow: hidden;
}
.news-txt .txt {
	float: left;
	width: 685px;
	height: auto;
	overflow: hidden;
	padding-top: 22px;
}
.news-name {
	width: 100%;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 28px;
	color: #333;
	font-weight: bold;
	margin-bottom: 22px;
	transition: all 0.3s ease-in-out;
}
.news-list li a:hover .news-name {
	color: #3b8eff;
}
.news-brief {
	width: 100%;
	height: 90px;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.news-txt .other {
	float: right;
	height: auto;
	overflow: hidden;
}
.news-date {
	width: auto;
	text-align: right;
	overflow: hidden;
	padding-top: 25px;
}
.news-date p:nth-of-type(1) {
	font-size: 36px;
	line-height: 38px;
	color: #ccc;
	font-family: 'Arial';
	font-weight: bold;
}
.news-date p:nth-of-type(2) {
	font-size: 24px;
	line-height: 26px;
	color: #ccc;
	font-family: 'Arial';
}
.news-more {
	font-size: 14px;
	line-height: 24px;
	color: #3b8eff;
	text-align: right;
	margin-top: 46px;
}

.newsDetails-title {
	text-align: center;
	font-size: 30px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
}
.newsDetails-date {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #b2b2b2;
	margin-bottom: 30px;
}
.newsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding-bottom: 30px;
	border-bottom: 1px dotted #dbdbdb;
}

.cases-list {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.cases-list li {
	float: left;
	width: 380px;
	/* overflow: hidden; */
	margin-bottom: 20px;
	margin-right: 30px;
	position: relative;
	background-color: #fff;
}
.cases-list li:nth-of-type(3n) {
	margin-right: 0;
}
.cases-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 5px 20px #e9edef;
}
.cases-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.cases-img img {
	-webkit-transform: scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}
.cases-list li a:hover .cases-img img {
	-webkit-transform:scale(1.03, 1.03);
	-moz-transform:scale(1.03, 1.03);
	-o-transform:scale(1.03, 1.03);
	-ms-transform:scale(1.03, 1.03);
	transform:scale(1.03, 1.03);
}
.cases-modal {
	width: 100%;
	position: absolute;
	background-color: #fff;
	left: 0;
	bottom: 0;
	z-index: 13;
	padding: 0 20px;
	min-height: 55px;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	/* bottom: -55px; */
}
.cases-list li a:hover .cases-modal {
	bottom: -55px;
}
.cases-modal p:nth-of-type(1) {
	float: left;
	line-height: 55px;
	height: 55px;
	width: 245px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.cases-modal p:nth-of-type(2) {
	float: right;
	line-height: 55px;
	height: 55px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #3b8eff;
}
.cases-txt {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 13;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 0 25px;
	opacity: 0;
	transition: all 0.5s ease-in-out;
	background-color: rgba(59, 142, 255, 0.9);
}
.cases-list li a:hover .cases-txt {
	opacity: 1;
}
.cases-name {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin-top: 70px;
	margin-bottom: 8px;
}
.cases-biref {
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 30px;
	height: 60px;
	color: #fff;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.cases-more {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	margin-top: 50px;
}
.casesDetails-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 35px;
	border-bottom: 1px solid #e6e6e6;
}
.casesDetails-big {
	width: 380px;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.casesDetails-big-swiper {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.casesDetails-big-swiper:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 4px solid #ccc;
	box-sizing: border-box;
}
.casesDetails-prev {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: -100px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin-top: -20px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../productsDetails-prev01.png');
}
.casesDetails-prev:hover {
	background-image: url('./../productsDetails-prev02.png');
}
.casesDetails-next {
	position: absolute;
	z-index: 9;
	top: 50%;
	right: -100px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	margin-top: -20px;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('./../productsDetails-next01.png');
}
.casesDetails-next:hover {
	background-image: url('./../productsDetails-next02.png');
}
.casesDetails-small {
	width: 100%;
	overflow: hidden;
	height: auto;
	margin-top: 20px;
	font-size: 0;
	text-align: center;
}
.casesDetails-small ul {
	display: inline-block;
	width: auto;
	height: auto;
	overflow: hidden;
}
.casesDetails-small ul li {
	float: left;
	margin: 0 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	width: 124px;
}
.casesDetails-small ul li:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
	border: 2px solid #ccc;
	box-sizing: border-box;
}
.casesDetails-small ul li.active:after {
	border-color: #0094e0;
}
.casesDetails-small-swiper {
	width: 580px;
	margin: 0 auto;
}
.casesDetails-small-swiper .swiper-slide {
	width: 144px;
}
.casesDetails-small-img {
	width: 124px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}
.casesDetails-small-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
	border: 2px solid #ccc;
	box-sizing: border-box;
}
.casesDetails-small-img.active:after {
	border-color: #0094e0;
}

.casesDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	padding-bottom: 10px;
	margin-top: 30px;
}


.contact-left {
	float: left;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
	margin-top: 48px;
	padding-bottom: 25px;
	border-bottom: 1px dashed #e6e6e6;
}
.contact-left .title {
	font-size: 24px;
	line-height: 34px;
	color: #333;
	font-weight: bold;
}
.contact-left .txt {
	overflow: hidden;
	color: #fff;
	margin-top: 20px;
}
.contact-left .txt p {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	padding-left: 28px;
	position: relative;
	margin-bottom: 11px;
	background-position: left center;
	background-repeat: no-repeat;
}
.contact-left .txt p:nth-of-type(1) {
	background-image: url('./../contact-icon01.png');
}
.contact-left .txt p:nth-of-type(2) {
	background-image: url('./../contact-icon02.png');
}
.contact-left .txt p:nth-of-type(3) {
	background-image: url('./../contact-icon03.png');
}
.contact-right {
	float: right;
	/* overflow: hidden; */
	width: 610px;
	height: 430px;
	margin-right: 20px;
	position: relative;
}
.contact-right .bg {
	width: 600px;
	height: 420px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.1);
}
.contact-map {
	width: 600px;
	height: 420px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 15;
	border: 1px solid #fff;
	background-color: #fff;
	box-shadow: 0px 0px 30px 4px #f9f8fa;
}
.contact-map img {
	max-width: none;
	max-height: none;
}

.feedback-left {
	float: left;
	width: 760px;
	overflow: hidden;
	height: auto;
}
.feedback-item {
	float: left;
	margin-bottom: 30px;
	width: 350px;
	min-height: 45px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5;
}
.feedback-item p {
	float: left;
	width: auto;
	line-height: 45px;
	height: 45px;
	margin-left: 30px;
	font-size: 16px;
	color: #999;
}
.feedback-item p span {
	color: #ff5353;
	margin-left: 3px;
}
.feedback-item input {
	float: left;
	margin-left: 10px;
	height: 45px;
	font-size: 16px;
	color: #666;
	width: 220px;
}
.feedback-item-right {
	float: right;
}
.feedback-textarea {
	width: 100%;
	margin-bottom: 40px;
	float: none;
}
.feedback-textarea textarea {
	float: left;
	margin-left: 10px;
	height: 150px;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	width: 640px;
	resize: none;
	padding: 10px 0;
	box-sizing: border-box;
}
.feedback-btn {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.feedback-btn input[type="submit"] {
	float: left;
	background-color: #3b8eff;
	color: #fff;
	width: 180px;
	height: 45px;
	font-size: 16px;
	cursor: pointer;
}
.feedback-btn input[type="reset"] {
	float: left;
	margin-left: 60px;
	background-color: #ccc;
	color: #333;
	width: 180px;
	height: 45px;
	font-size: 16px;
	cursor: pointer;
}
.feedback-right {
	width: 380px;
	float: right;
	/* min-height: 100px; */
	background-color: #fff;
	border: 1px solid #ccc;
	height: auto;
	padding-top: 55px;
	padding-bottom: 52px;
	box-shadow: 0px 10px 30px #d8dde0;
}
.feedback-right .title {
	font-size: 24px;
	line-height: 34px;
	color: #3b8eff;
	width: 330px;
	margin: 0 auto;
}
.feedback-right .txt {
	font-size: 18px;
	line-height: 24px;
	color: #666;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	width: 330px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 70px;
}
.feedback-right .item {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.feedback-right .item ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.feedback-right .item ul li {
	float: left;
	width: 33.33333%;
	height: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.feedback-right .item ul li:after {
	position: absolute;
	top: 3px;
	left: 0;
	content: '';
	width: 1px;
	height: 80px;
	background-color: #e4e4e4;
}
.feedback-right .item ul li:nth-of-type(1):after {
	opacity: 0;
}
.feedback-right .item .icon {
	width: 100%;
	line-height: 58px;
	height: 58px;
	text-align: center;
}
.feedback-right .item .name {
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	color: #0070aa;
	margin-top: 12px;
}



@media screen and (max-width: 1210px) {
	.head,
	.banner,
	.index-introduction,
	.index-products,
	.index-ad,
	.index-process,
	.index-news,
	.index-ad02,
	.index-brand,
	.index-contact,
	.footer {
		min-width: 970px;
	}
	.head-main,
	.index-introduction-main,
	.index-products-main,
	.index-ad-main,
	.index-process-main,
	.index-news-main,
	.index-ad02-main,
	.index-brand-main,
	.index-contact-main,
	.footer-main {
		width: 970px;
	}
	.logo {
		width: 240px;
		margin-top: 12px;
	}
	.head-menu ul li a {
		line-height: 80px;
		height: 80px;
		padding: 0 14px;
		font-size: 16px;
	}
	.index-introduction-left {
		width: 400px;
	}
	.index-introduction-right {
		width: 550px;
	}
	.index-products-nav ul li a {
		font-size: 18px;
	}
	.index-products-nav ul li {
		margin: 0 34px;
	}
	.index-products-list ul li {
		width: 227px;
	}
	.index-products-main {
		padding-top: 100px;
	}
	.index-process-list .item .img {
		width: 120px;
		height: 120px;
	}
	.index-process-list .item .name {
		width: 120px;
	}
	.index-process-list .item .icon {
		width: 26px;
		right: -38px;
	}
	.index-process-list .item:nth-of-type(2) {
		left: 170px;
	}
	.index-process-list .item:nth-of-type(3) {
		left: 340px;
	}
	.index-process-list .item:nth-of-type(4) {
		left: 340px;
	}
	.index-process-list .item:nth-of-type(5) {
		left: 510px;
	}
	.index-process-list .item:nth-of-type(6) {
		left: 510px;
	}
	.index-process-list .item:nth-of-type(7) {
		right: 170px;
	}
	.index-process-list {
		height: 390px;
	}
	.index-process {
		min-height: auto;
	}
	.index-process-main {
		padding-bottom: 55px;
	}
	.index-process-list .item:nth-of-type(6) .icon {
		margin-top: 6px;
	}
	.index-news {
		min-height: auto;
	}
	.index-news-main {
		padding-bottom: 55px;
	}
	.index-news-item {
		width: 307px;
	}
	.index-news-brief {
		width: 270px;
	}
	.index-news-name {
		width: 270px;
	}
	.index-products {
		min-height: auto;
	}
	.index-products-main {
		padding-bottom: 80px;
	}
	.index-brand {
		min-height: auto;
	}
	.index-brand-main {
		padding-bottom: 60px;
	}
	.index-contact-left {
		width: 310px;
	}
	.index-contact-right {
		width: 310px;
	}
	.index-contact-left .form {
		width: 260px;
	}
	.index-contact-left .form input[type="text"] {
		width: 220px;
	}
	.index-contact-middle {
		width: 350px;
	}
	.index-contact-middle .txt {
		margin-left: 5px;
	}
	.index-contact-middle .txt p {
		background-position: left 5px;
	}
	.footer-logo {
		width: 220px;
	}
    .footer-logo a{
       display:block;
       width:100%;
       height:100%;
    }
	.footer-list {
		min-width: 100px;
		margin-right: 10px;
	}
	.copyright,
	.nav,
	.container {
		min-width: 970px;
	}
	.copyright p,
	.nav-main,
	.container-main {
		width: 970px;
	}
	.introduction-left {
		width: 300px;
	}
	.introduction-right {
		width: 655px;
	}
	.nav-main ul li {
		padding: 0 28px;
	}
	.productsDetails-left {
		margin-left: 0;
		width: 500px;
	}
	.productsDetails-small-swiper {
		width: 420px;
	}
	.productsDetails-next,
	.productsDetails-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: 100% 100%;
	}
	.productsDetails-small-item {
		width: 97px;
	}
	.productsDetails-right {
		width: 430px;
	}
	.productsDetails-right .txt {
		padding: 22px 45px 27px;
	}
	.news-list li a {
		padding: 15px;
	}
	.news-img {
		width: 230px;
	}
	.news-txt {
		width: 690px;
	}
	.news-txt .txt {
		width: 580px;
		padding-top: 15px;
	}
	.news-date {
		padding-top: 18px
	}
	.cases-list li {
		margin-right: 25px;
		margin-bottom: 15px;
		width: 305px;
	}
	.cases-modal {
		padding: 0 15px;
	}
	.cases-modal p:nth-of-type(1) {
		width: 185px;
	}
	.cases-more {
		margin-top: 35px;
	}
	.cases-name {
		margin-top: 40px;
	}
	.contact-right {
		margin-right: 0;
		width: 520px;
		height: 370px;
	}
	.contact-right .bg {
		width: 510px;
		height: 360px;
	}
	.contact-map {
		width: 510px;
		height: 360px;
	}
	.feedback-right {
		width: 300px;
	}
	.feedback-right .title,
	.feedback-right .txt {
		width: 270px;
	}
	.feedback-left {
		width: 640px;
	}
	.feedback-item {
		width: 310px;
		margin-bottom: 25px;
	}
	.feedback-item input {
		width: 190px;
	}
	.feedback-textarea {
		width: 100%;
		margin-bottom: 30px;
	}
	.feedback-textarea textarea {
		width: 520px;
	}
}


/*分页*/
.pages{text-align:center;font-size:12px; color:#333; padding-top:10px;padding-bottom:20px;clear:both; overflow:hidden;padding-top:20px;}
.pages .curr{}
.pages .curr a{color:#fff;text-decoration:none; cursor:text;background:#3b8eff;}
.pages .curr a:hover{text-decoration:none;}

.pages a{ text-decoration:none;padding:12px 16px;color:#999;background:#e6e6e6;font-size:12px;color:#999;}
.pages a:hover{text-decoration:none;cursor:pointer;background:#3b8eff;color:#fff;}
.pages span{ margin:0 5px;}
.pages span.next a{background: url(./../page-next01.png) no-repeat center center #e6e6e6;padding:12px 20px;}
.pages span.prev a{background: url('./../page-prev01.png') no-repeat center center #e6e6e6;padding:12px 20px;}
.pages span.pageEnd a{background: url('./../next_1.png') no-repeat center center #e6e6e6;padding:12px 20px;}
.pages span.pageStar a{background: url('./../prev_1.png') no-repeat center center #e6e6e6;padding:12px 20px;}