.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white h1 {color: #fff;}
.white i {background: #fff;}
.contact img {width: auto;max-width: 100%; height: auto !important;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.row5 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.row6 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.banner {max-height:1280px;overflow: hidden;position: relative;}
.banner .swiper-pagination1 {bottom:10px;position: absolute;text-align: center;z-index:99;width: 100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:999;}
.banner .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #12cc82;width:22px;}

/*--   Product Range  sub1--*/
.sub1 {background: url(../img/sub1-bg.jpg) left top;}
.sub1-item {margin-bottom: 24px;cursor: pointer;}
.sub1-img {border: 1px solid #dedede;overflow: hidden;}
.sub1-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub1-list {position: relative;overflow: hidden;}
.sub1-list p {font-size: 26px;font-family: 'Bourbon Grotesque';position: absolute;bottom: 15px;width: 100%;padding: 0 10%;text-align: center;text-transform: uppercase;transition:all 0.5s;}
.sub1-box {position: absolute;bottom:-100%;width: 100%;height: 100%;background: rgba(18,204,130,.9); opacity:1;text-align: center;padding:0 10% 0;opacity: 0;transition:all 0.5s;display: flex;justify-content: center;align-items: center;}
.sub1-box h4 {font-size: 26px;color: #ffd053;font-family: 'Bourbon Grotesque';text-transform: uppercase;}
.sub1-box a {color: #ffd053;margin-top: 5px;display: inline-block;}
.sub1-box a:hover {text-decoration: underline;}
.sub1-item:hover .sub1-box {bottom: 0;opacity: 1;}
.sub1-item:hover .sub1-list p {opacity: 0;}
.sub1-item:hover .sub1-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--   why choose us  sub2--*/
.sub2 {background: #f5f5f5;}
.sub2-left {padding: 0 3.3% 0 15px;}
.sub2-img {margin-bottom: 18px;}
.sub2-cont {line-height: 32px;font-family: '微软雅黑';color: #515151;}
.sub2-rig {padding: 0 0 0 15px;}
.sub2-rig a {display: block;font-size: 22px;color: #ffd053;font-family: '微软雅黑';width: 247px;height: 73px;text-align: center;
	line-height: 73px;margin-top: 10%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;position: relative;}
.sub2-rig a span {z-index: 2;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.sub2-rig a::before{content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color:rgba(18,204,130,1);
	-webkit-transform: scale(0.1, 1);
	transform: scale(0.1, 1);}
.sub2-rig a::after {content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color: rgba(18,204,130,1);border-radius:50px;}
.sub2-rig a:hover::before{
	opacity: 1;	
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	
}
.sub2-rig a:hover::after{
	opacity: 0;	
	-webkit-transform: scale(0.1, 1);
	transform: scale(0.1, 1);
}
.sub2-rig a:hover span{
	letter-spacing: 2px;
	}

/*--   News  sub3--*/
.sub3-item {cursor: pointer;transition: all 300ms ease-in-out;-webkit-transform:all 300ms ease-in-out;-ms-transform:all 300ms ease-in-out;-o-transform:all 300ms ease-in-out;}
.sub3-box {margin-top: 15px;}
.sub3-box h5 {font-size: 18px;color: #2b2b2b;}
.sub3-box i {display:block;width: 100%;height: 1px;background: #6b6b6b;margin: 10px 0;}
.sub3-box p {font-size: 14px;line-height: 22px;color: #747474;}
.sub3-box time {display: block;font-size: 14px;color: #4a4a4a;margin-top: 15px;}
.sub3-item:hover {transform: translateY(-20px);-webkit-transform: translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}

/*--   Contact us  sub4--*/
.sub4 {position: relative;z-index: 2;}
.sub4-left {padding-top: 5%;}
.sub4-left ul {margin-top:12%;}
.sub4-left ul li {display: block;margin-bottom:24px;height: 37px;}
.sub4-left ul li img {float: left;margin-top: -7px;}
.sub4-left ul li p {padding-left:50px;color: #000;}
.sub4-left ul li p a {color: #000000;}
.sub4-left ul li p a:hover {color: #12cc82;text-decoration:underline;}
.sub4-rig {padding: 0 15px 0 25px;}
.sub4-cont {width: 100%;border-radius: 44px;overflow: hidden;box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.2);background: #fff;}
.sub4-top{padding:30px 5% 20px;background: #12cc82;}
.sub4-top p {font-size:22px;color: #ffd053;font-family: '微软雅黑';}
.sub4-top h4 {font-size: 48px;color: #ffd053;font-family: 'Bourbon Grotesque';text-transform: uppercase;}
.sub4-form {padding:10px 5% 5%;}
.sub4-form input {display: block;width: 100%;height:60px;border-bottom: 1px solid #5d5d5d;margin-bottom:25px;font-size: 18px;color: #000;}
.sub4-btn {margin-top: 25px;display: flex;align-items: center;}
.sub4-btn button {width: 210px;height: 50px;text-align: center;line-height: 50px;font-size: 18px;}
.sub4-btn button:nth-child(1) {background: #12cc82;color: #ffd053;margin-right: 20px;}
.sub4-btn button:nth-child(2) {background: #6c6c6c;color: #fff;}
.sub4-form input::-webkit-input-placeholder {color: #a4a4a4;}
.sub4-form input:-moz-placeholder {color: #a4a4a4;}
.sub4-form input::-moz-placeholder {color: #a4a4a4;}
.sub4-form input::-ms-input-placeholder {color: #a4a4a4;}

/*--   关于我们页  --*/
.abo-cont {font-size: 23px;line-height: 36px;color: #494949;}
.abo-item {padding: 0 5.5px;margin-bottom: 11px;}
.abo-nr .row {margin: 0 -5.5px;}

/*--   产品列表页  --*/
.pro-left {padding: 0 0 0 15px;}
.pro-tit{background: #264555;line-height: 68px;padding: 0 0 0 30px;color: #fff;font-size: 24px;}
.accordion {width: 100%;z-index: 10;position: relative;background: #dcdcdc;}
.accordion li {display: block;}
.accordion .acc-li {margin-bottom: 8px;}
.accordion li i { display: block; position: absolute;right:10px;top:0px;background: url(../img/rig.png) no-repeat center center; width:40px; height:100%;cursor: pointer;}
.link {padding:0;position: relative;background: #fff;border-radius: 10px;}
.link a {color: #264555 !important;line-height:70px;padding-left:10%;font-size:18px;background: #e4e4e4;display: flex;align-items: center;}
.accordion .acc-li .open i {background: url(../img/up.png) no-repeat center center;width:40px;height:100%;}
.accordion .acc-li .open a,.link.open,.submenu-body.open a {background: #12cc82;}
.accordion .acc-li:last-child .link {border-bottom: none;}
.submenu-body.open {border-top: 1px solid #fff;}
.accordion .acc-li .default, .link.default, .acc-li:hover .link:hover {}
.accordion .acc-li .default a,.acc-li .link a:hover {color: #264555 !important;background: #12cc82;}
.link a span {display: block;width: 12px;height: 12px;border: 3px solid #fff;border-radius: 50%;margin-right: 15px;}
.submenu-body {}
.submenu-body li {padding: 0 20px;color: #264555 !important;background: #12cc82;}
.submenu-body li a {display: block;line-height:47px;color: #fff !important;padding-left:20px;font-size: 16px;display: flex;align-items: center;border-bottom: 1px dashed #fff;}
.submenu-body li:hover a {}
.submenu-body li a img {margin-right: 5px;}
.submenu-body .active a,.submenu-body li:hover a {color: #264555 !important;}
.submenu-body li:last-child a {border: none;}
.pro-rig {padding: 0 15px 0 30px;}
.pro-rig .row {margin: 0 -6.5px;}
.pro-item {padding: 0 6.5px;margin-bottom: 20px;cursor: pointer;}
.pro-list {webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;
		-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: distribute;justify-content: space-around;}
.pro-img {position: relative;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.pro-img .flip-box {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.pro-list p {font-size: 20px;text-align: center;margin-top: 5px;}
.flip-box:hover .flip-box-back {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.flip-box .flip-box-front {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;overflow: hidden; }
.flip-box .flip-box-front img {border: 1px solid #b9b9b9;}
.flip-box .flip-box-back {position: absolute;top: 0;left: 0;width: 100%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.flip-box .flip-box-back .inner {
		position: absolute;left: 0;width: 100%;color: #fff; text-align: center;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;
		-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top: 50%;background: rgba(38,69,85, 0.7);height: 100%;display: -webkit-box;
		display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 8px;}
.flip-box-front,.flip-box-back {
		-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);
		transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1),-webkit-transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.flip-box:hover .flip-box-front {-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

/*--   产品详情页  --*/
.pro-zuo {float: left; width: 43.6%;}
.big {border: 1px solid #b9b9b9;}
.small {margin-top: 20px;}
.small-img {border: 1px solid #b9b9b9;cursor: pointer;}
.small-img.active {border: 1px solid #264555;}
.pro-you {width:52%;float: right;}
.pro-bt span {display: block;font-size:34px;color: #3f3f3f;}
.pro-bt h3 {font-size: 48px;color: #264555;text-transform: uppercase;font-family: 'Bourbon Grotesque';}
.pro-bt p {font-size: 22px;color: #404040;margin-top: 20px;}
.pro-cont {font-size: 24px;color: #404040;}
.pro-btn {display: flex;align-items: center;margin-top:5%;}
.pro-btn a {display: block;width: 255px;height: 65px;text-align: center;line-height: 65px;font-size: 20px;}
.pro-btn a:nth-child(1){background: #264555;color: #12cc82;margin-right: 20px;}
.pro-btn a:nth-child(2){background: #12cc82;color: #fff;}
.pro-bott {font-size: 22px;left: 44px;color: #264555;}

/*--   案例列表页  --*/
.cases-img {border: 1px solid #b9b9b9;position: relative;overflow: hidden;}
.cases-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.cases-img a {display: block;width: 100%;height: 100%;background: rgba(38,69,85,.7) url(../img/searchs.png) no-repeat center center;position: absolute;bottom: -100%;transition:all 0.5s;}
.cases-list p{color: #3f3f3f;margin-top: 15px;text-align: center;font-family: '微软雅黑';}
.cases-item {margin-bottom: 3%;cursor: pointer;}
.swiper-containerb .swiper-button-nextb,.swiper-containerb .swiper-button-prevb{ width:84px; height:60px;cursor: pointer; position: absolute;top:50%;margin-top: -30px; z-index: 99999;}
.swiper-containerb .swiper-button-nextb {right:0;background: url(../img/nextb.png) no-repeat center center;}
.swiper-containerb .swiper-button-prevb {left:0;background: url(../img/prevb.png) no-repeat center center;}
.cases-item:hover .cases-img a {bottom: 0;}
.cases-item:hover .cases-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--   新闻列表页  --*/
.news-item {margin-bottom: 2%;position: relative;overflow: hidden;cursor: pointer;z-index: 2;}
.news-item::before{content: "";position: absolute;top: 0;left:0;width:100%;height:0;background:#12cc82;-webkit-transition: all ease 0.5s;transition: all ease 0.5s;z-index: -1;}
.news-left {padding: 0 0 0 10px;}
.news-img {border: 1px solid #b9b9b9;overflow: hidden;}
.news-img img {-webkit-transition: all ease 0.5s;transition: all ease 0.5s;}
.news-rig {padding: 0 15px 0 30px;}
.news-rig h5 {font-size:20px;color: #3f3f3f;font-weight: bold;transition: all ease 0.5s;}
.news-rig p {font-size: 20px;color: #3f3f3f;margin-top: 5px;transition: all ease 0.5s;}
.news-rig time {display: block;font-size: 22px;color: #264555;margin-top: 10px;transition: all ease 0.5s;}
.news-list {padding:2% 0;border-bottom: 1px solid #bdc7cc;}
.news-list .row {align-items: center;}
.news-item:hover::before {height: 100%;top: auto;bottom: 0;}
.news-item:hover .news-rig h5,.news-item:hover .news-rig p,.news-item:hover .news-rig time{color: #fff;}
.news-item:hover .news-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--   新闻详情页  --*/
.news-bt h6{font-size: 18px;color: #264555;font-family: '微软雅黑';font-weight: bold;}
.news-bt i {display: block;width: 100%;height: 1px;background: #a0a0a0;margin:20px 0 10px;}
.news-bt time {display: block;font-size: 22px;color: #264555;}
.news-cont {font-size: 22px;line-height: 44px;color: #264555;}

.map {margin-top: -8%;}






@media only screen and (max-width:1300px) {
	.pad5 {padding:5% 3%;}
	.pad4 {padding:4% 3%;}
	.pad3 {padding:3% 3%;}
	.pad2 {padding:2% 3%;}
	.pad1 {padding:1% 3%;}
	.sub3 {padding: 0 3%;}
	.sub1-list p,.sub1-box h4,.abo-cont,.pro-tit {font-size: 22px;}
	.sub2-rig a {width: 200px;height: 50px;line-height: 50px;font-size: 18px;}
	.sub4-top p,.pro-list p,.pro-btn a,.news-rig h5 {font-size: 18px;}
	.sub4-top h4,.pro-bt h3 {font-size: 40px;}
	.sub4-form input,.sub4-btn button {font-size: 16px;}
	.pro-bt span {font-size:30px;}
	.pro-cont {font-size: 22px;}
	.pro-bott,.pro-bt p,.news-cont{font-size: 20px;}
	.news-rig p {font-size: 18px;line-height: 30px;}
	.news-rig time {font-size: 18px;}
	.news-item::before{width: 100%;}
}
@media only screen and (max-width:1200px) {
	.pad5 {padding:5% 15px;overflow: hidden;}
	.pad4 {padding:4% 15px;overflow: hidden;}
	.pad3 {padding:3% 15px;overflow: hidden;}
	.pad2 {padding:2% 15px;overflow: hidden;}
	.pad1 {padding:1% 15px;overflow: hidden;}
	.sub3 {padding: 0 15px;overflow: hidden;}
	.sub1-list p,.sub1-box h4,.abo-cont,.pro-tit {font-size:20px;}
	.sub4-top p,.pro-list p,.pro-btn a {font-size: 16px;}
	.sub4-top h4,.pro-bt h3 {font-size: 36px;}
	.sub2-left {padding: 0 15px;}
	.sub2-rig a {width:170px;height:40px;line-height:40px;font-size: 16px;}
	.sub4-cont {border-radius: 30px;}
	.pro-bt span {font-size:26px;}
	.pro-cont {font-size:20px;}
	.pro-bott,.pro-bt p,.news-bt time {font-size:18px;}
	.pro-btn a {width: 45%;height:50px;line-height: 50px;}
	.news-rig p,.news-rig time {font-size: 16px;}
	.news-cont {line-height: 30px;font-size: 16px;}
}
@media screen and (max-width:992px) {
	.sub1-list p,.sub1-box h4,.abo-cont,.pro-tit {font-size:18px;}
	.sub4-top p {font-size: 14px;}
	.sub4-top h4,.pro-bt h3 {font-size: 32px;}
	.sub2-rig a {margin-top: 15px;}
	.sub4-cont {border-radius: 20px;}
	.pro-bt span {font-size:22px;}
	.pro-cont {font-size:18px;}
	.pro-bott,.pro-bt p,.news-bt time{font-size:16px;}
	.pro-btn a {line-height: 40px;height: 40px;}
}
@media screen and (max-width: 768px) {
	.sub1-cont .row,.sub2-item .row {margin: 0 -5px;}
	.sub1-item{padding: 0 5px;margin-bottom: 15px;}
	.sub1-list p,.sub1-box h4 {font-size:16px;}
	.sub2-rig {margin-top: 20px;}
	.sub3-item {margin-bottom: 15px;}
	.sub4-left {padding-top: 0;}
	.sub4-left ul,.sub4-rig {margin-top: 15px;}
	.sub4-rig {padding:0 15px;}
	.sub4-form input {margin-bottom: 10px;}
	.sub4-btn button {width: 45%;height: 40px;line-height: 40px;}
	.sub4-cont {border-radius: 10px;}
	.sub2-list {padding: 0 5px;}
	.sub4-top h4,.pro-bt h3 {font-size:28px;}
	.sub4-left ul {margin-top:30px;}
	.sub2-rig a {font-size: 14px;}
	.abo-cont {font-size: 16px;line-height: 28px;}
	.abo-nr {margin-top: 15px;}
	.pro-tit {font-size: 16px;line-height: 35px;}
	.pro-rig {padding: 0 15px;margin-top: 15px;}
	.pro-zuo,.pro-you {float: inherit;width: 100%;}
	.pro-you {margin-top: 20px;}
	.pro-cont {font-size: 16px;}
	.cases-item {padding: 0 5px;}
	.cases-nr .row {margin: 0 -5px;}
	.cases-list p,.news-bt time {font-size: 14px;}
	.news-rig{padding:0 15px}
	.news-rig p {font-size: 14px;line-height: 20px;margin-top: 10px;}
	.news-item {margin-bottom: 20px;}
	.news-item:hover::before {display: none;}
	.news-item:hover .news-rig h5,.news-item:hover .news-rig p,.news-item:hover .news-rig time{color: #333;}
	.sub4-left ul li {margin-bottom: 20px;}
}