.containers {width: 100%; max-width: 1200px;margin: 0 auto;}
.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.contact img {width: auto;max-width: 100%;}
.banner {max-height:700px;overflow: hidden;}
.banner .swiper-paginations {bottom: 20px;position: absolute;text-align: center;z-index: 10;}

/*-- about us --*/
.sub1 {background: #fbfbfb url(../img/sub1-bg.jpg) no-repeat right top;;}
.sub1-rig {padding: 0 0 0 2%;}
.sub1 .row {align-items: center;}
.sub1-cont {margin-top: 25px;line-height: 26px;max-width: 55%;}
.sub1-rig a {display: block;margin-top: 20px;width: 110px;height: 30px;text-align: center;line-height: 30px;background: #00a3d7;color: #fff;font-size: 14px;}
.sub1-img img {max-width:100%;height:auto;}
.sub1-img video,.sub1-img iframe {width:100%;min-height:493px;}

/*-- product center --*/
.sub2 {max-width: 1362px;margin: 0 auto;}
.sub2-item {background: #f2f3f5;padding: 57px 80px 30px;margin-bottom: 9%;}
.sub2-list {display: flex;align-items: center;position: relative;}
.sub2-num {display: block;font-size: 120px;color: #ccc;width: 16%;font-family: Arial;}
.sub2-cont {max-width: 35%;}
.sub2-tit h1{display: block;font-size: 28px;text-transform: uppercase;color: #333;font-family: 'Raleway';/*max-width: 30%;*/overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.sub2-tit i {display: inline-block;width: 32px;height: 2px;background: #0b1d05;}
.sub2-cont p { font-size: 14px;line-height:26px;margin: 10px 0 30px;min-height:104px; /*max-width: 40%;*/overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.sub2-cont a {position: relative; display: inline-block;font-size: 14px;color: #fff;width: 110px;height: 30px;text-align: center;line-height:30px;z-index: 2;}
.sub2-cont a span {display: block;z-index: 2;background: #00a3d7;}
.sub2-cont a:before {position: absolute;top: 5px;content: "";width: 110px;height: 30px;background: #b0ecff;z-index: -1;transition:all 0.5s;}
.sub2-nr .sub2-item:nth-child(2n-1) .sub2-list {justify-content: flex-end;text-align: right;}
.sub2-img {max-width: 43%;position: absolute;top: 0;border:1px solid #7d7d7d;max-height: 332px;overflow: hidden;}
.sub2-nr .sub2-item:nth-child(2n-1) .sub2-img {left: 0;}
.sub2-nr .sub2-item:nth-child(2n) .sub2-img {right: 0;}
.sub2-nr .sub2-item:nth-child(2n-1) .sub2-cont a:before {left: -30px;}
.sub2-nr .sub2-item:nth-child(2n) .sub2-cont a:before {right: -30px;}
.sub2-nr .sub2-item:nth-child(2n-1) .sub2-cont a:hover:before {left: 0;top: 0;}
.sub2-nr .sub2-item:nth-child(2n) .sub2-cont a:hover:before {right: 0;top: 0;}

/*-- more products --*/
.sub3 {background: url(../img/sub3-bg.jpg) no-repeat left top;}
.sub3-left {float: left;width: 19%;}
.sub3-cent {float: left;width: 62%;padding: 0 0 0 0.5%;}
.sub3-rig {float: right;width: 19%;}
.sub3-item {width: 33%;float: left;text-align: center;}
.sub3-img img {border: 1px solid #00a3d7;}
.sub3-item .sub3-list:nth-child(1) {margin-bottom:13px;}
.sub3-list {padding: 0 1.5%;}
.sub3-nr .a-btn {display: block;margin: 30px auto 0;width: 110px;height: 25px;text-align: center;line-height: 25px;background: #fff;font-size: 14px;}
.sub3-nr .a-btn a {color: #00a3d7;}

/*-- news --*/
.sub4 {padding: 3% 0 0;}
.sub4-cont {}
.sub4-item {position: relative;padding:5% 5px;cursor: pointer;}
.sub4-item i {display: block;width: 17px;height: 17px;border-radius: 50%;background: #fff;border:2px solid #00a3d7;position: absolute;left: 50%;margin-left: -8.5px;transition:all 0.5s;}
.sub4-list {padding:10px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-word {}
.sub4-word time {display: block;float: left; width: 60px;text-align: center;border-right:2px solid #e5e6e6;}
.sub4-word time h6 {display: block;font-size: 36px;color: #cbcdcd;font-weight: bold;font-family: Arial;}
.sub4-word time span {display: block;color: #cbcdcd;font-size: 14px;}
.sub4-word div {padding-left: 70px;}
.sub4-word div h5 {display: block;font-family: Arial;color: #333;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.sub4-word div p {margin-top: 5px; font-size: 14px;color: #c4c4c4;line-height: 18px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.sub4-box a {display: block;width: 110px;height: 25px;text-align: center;line-height: 25px;background: #00a3d7;color: #fff;font-size: 14px;margin: 25px 0 0 19%;}
.sub4-top .sub4-box {margin-top: 20px;}
.sub4-line {width: 100%;height: 2px;background: #00a3d7;}
.sub4-bott .sub4-box {margin-bottom: 20px;}
.sub4-bott .row {justify-content: center;}
.sub4-top .sub4-item i {bottom: -9px;}
.sub4-bott .sub4-item i {top: -9px;}
.sub4-item:hover .sub4-list {box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.2);transform: scale(1.025);}
.sub4-item:hover i {background: #00a3d7;}

/*-- 产品列表页 --*/
.pro-bt {background: url(../img/pro-bt.jpg) no-repeat left top;text-align: center;width: 100%;font-size: 36px;color: #fff;text-transform: uppercase;}
.pro-left {float: left;width: 26.8%;}
.pro-left ul {margin-top: 20px;}
.pro-left ul li {display: block;background:#333;margin-bottom: 10px;color: #fff;font-size: 18px;padding:10px 15px;display: flex;justify-content: space-between;align-items: center;}
.pro-left ul li a {color: #fff;}
.pro-left ul .default,.pro-left ul .default a{color:#00a2d5;}
.pro-tu {margin-top: 20px;}
.pro-rig {width: 73.2%;float: left;padding-left: 30px;}
.pro-img {border: 1px solid #8c8c8c;position: relative;overflow: hidden;}
.pro-img img {-webkit-transition: .5s all ease-in-out;-o-transition: .5s all ease-in-out;transition: .5s all ease-in-out;}
.pro-list p {text-align: center;line-height: 50px;color: #333;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.pro-item {padding: 0 6px;margin-bottom: 10px;cursor: pointer;}
.pro-img:after {top: 0;left: 0;opacity: 0;width: 100%;content: '';height: 100%;visibility: hidden;position: absolute;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);
	transform: scale(0.5);-webkit-transition: .5s all ease-in-out;-o-transition: .5s all ease-in-out;transition: .5s all ease-in-out;background-color: rgba(0, 0, 0, 0.5);}
.pro-img a {position: absolute;top: 50%;left: 0;right: 0;margin:0 auto 0;height: 55px;width: 55px;z-index: 3;}
.pro-img a:before {top: -25px;left: 25px;width: 3px;content: '';height: 0px;background-color: #00a3d7;position: absolute;-webkit-transition: .5s all ease-in-out;-o-transition: .5s all ease-in-out;transition: .5s all ease-in-out;}
.pro-img a:after {position: absolute;content: '';height: 3px;width: 0px;background-color: #00a3d7;-webkit-transition: .5s all ease-in-out;-o-transition: .5s all ease-in-out;transition: .5s all ease-in-out;}
.pro-item:hover .pro-img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.pro-item:hover .pro-img::after {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); visibility: visible;}
.pro-item:hover .pro-img a::before {height: 55px;}
.pro-item:hover .pro-img a::after {width: 55px;}

/*-- 产品详情页 --*/
.pro-zuo {float: left;width: 44%;}
.big {border: 1px solid #7d7d7d;}
.pro-you {float: right;width: 56%;padding-left: 20px;}
.pro-tit {}
.pro-cont {font-size: 14px;line-height: 24px;margin-top: 15px;}
.small {margin-top: 35px;padding: 0 20px;}
.small-list {padding: 1px;}
.small-img {border: 1px solid #bababa;position: relative;max-height: 94px;}
.swiper-nr .swiper-button-next3,.swiper-button-prev3{ width:14px; height:22px;margin-top:-11px; cursor: pointer; position: absolute;top:50%;z-index: 99;}
.swiper-nr .swiper-button-next3 {right:-23px;background: url(../img/next3.png) no-repeat center center;}
.swiper-nr .swiper-button-prev3 {left:-23px;background: url(../img/prev3.png) no-repeat center center;}
.bott-item {margin-bottom: 35px;}
.bott-list {border:1px solid #a0a0a0;}
.play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -webkit-box;
	-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;cursor: pointer;}
.video-dw {position: fixed;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;overflow: hidden;opacity: 0;}
.block {opacity: 1;top: 0;}
.video-word {width: 100%;height: 100%;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;}
.video-cont {max-width: 950px;max-height:520px;}
.video-cont video,.video-cont iframe {width: 950px;height: 514px;}

/*-- 关于我们页 --*/
.abo1 {padding: 3% 0 2%;}
.abo-bt h1 {display: block;font-size: 40px;text-transform: uppercase;}
.abo-bt p {font-size: 14px;margin: 15px 0 10px;}
.abo-bt i {display: block;width: 33px;height: 3px;background: #00a2d5;}
.abo1-img {float: right;margin: 0 0 0 20px;}
.abo1-cont {line-height: 28px;}
.abo2 {position: relative;}
.abo2-nr {position: absolute;bottom: -60px;left: 0;width: 100%;}
.abo2-nr .container {padding: 0;}
.abo2-icon {float: left;transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.abo2-list {height: 132px;padding: 10% 30px 0 30px;background: #00b7f3;}
.abo2-list p {padding-left: 25%;color: #fff;}
.abo2-nr .row .abo2-item:nth-child(2n-1) .abo2-list {background: #00a0d4;}
.abo2-item,.abo3-item {padding: 0;}
.abo3-list img {width: 100%;}
.abo2-item:hover .abo2-icon {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}

.news-nr {border-top:1px solid #d6dcea;}
.news-item {padding:40px 0;border-bottom:1px solid #d6dcea;}
.news-cont {padding-top: 25px;}
.news-left {float: left; width: 77px;height: 77px;border:1px solid #00a0d4;text-align: center;}
.news-left time {display: block;font-size: 36px;font-weight: bold;color: #00a0d4;}
.news-left span {display: block;color: #00a0d4;font-size: 14px;}
.news-rig {padding-left:97px;padding-top: 5px;}
.news-rig h6 {display: block;font-size: 18px;color: #00a0d4;font-weight: bold;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news-rig p {line-height: 18px;margin-top: 10px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news-rig div {text-align: right;}
.news-rig div a {display: inline-block;margin: 15px 0 0;width: 110px;height: 25px;text-align: center;line-height: 25px;background: #00a3d7;color: #fff;font-size: 14px;}

.news-bt p {display: block;text-align: center;font-size: 30px;color: #00a0d4;padding-bottom: 15px;border-bottom:1px solid #d6dcea;}
.news-bt time {display: block;text-align: center;font-size: 18px;margin-top: 10px;}

.cont {background: url(../img/cont-bg.jpg) no-repeat right top;}
.cont-bt h1 {display: block;font-size: 40px;text-transform:uppercase;}
.cont-bt i {display: block;width: 33px;height: 3px;background: #00a2d5;}

.cont-left ul li {display: block;margin-bottom: 15px;}
.cont-left ul li span {display: block;font-weight: bold;font-size: 18px;}
.cont-left ul li p a{color: #333;}
.cont-left ul li p a:hover {text-decoration: underline;color: #00a2d5;}
.cont-rig h6 {display: block;font-size: 20px;text-transform: uppercase;font-family: 'Raleway';}
.cont-form {margin-top: 20px;}
.cont-item {margin-bottom:27px;}
.cont-item input {display: block;width: 100%;height: 40px;border:1px solid #3f3f3f; background: #fff;padding: 0 10px;}
.cont-item textarea {display: block;width: 100%;height: 156px;border:1px solid #3f3f3f; background: #fff;padding:5px 10px;}
.cont-item button {display: block;float: right; width: 133px;height: 37px;text-align: center;line-height: 37px;background: #00a0d4;color: #fff;font-size: 18px; cursor: pointer;}

.cont-item input::-webkit-input-placeholder {color: #c9c9c9;}
.cont-item input:-moz-placeholder {color: #c9c9c9;}
.cont-item input::-moz-placeholder {color: #c9c9c9;}
.cont-item input::-ms-input-placeholder {color: #c9c9c9;}

.cont-item textarea::-webkit-input-placeholder {color: #c9c9c9;}
.cont-item textarea:-moz-placeholder {color: #c9c9c9;}
.cont-item textarea::-moz-placeholder {color: #c9c9c9;}
.cont-item textarea::-ms-input-placeholder {color: #c9c9c9;}








@media screen and (max-width:1700px) {

}
@media screen and (max-width:1550px) {
	.sub1-cont {max-width: 90%;}
}
@media screen and (max-width:1300px) {

}
@media screen and (max-width:1200px) {
	.sub1-cont {max-width: 96%;}
	.sub2-item {padding: 20px 15px;margin-bottom: 50px;}
	.sub2-num {font-size: 80px;width:12%;}
	.sub2-cont {max-width: 43%;}
	.sub4-cont {padding:0 15px;}
	.pro,.pro-xq,.abo1,.abo3,.news,.news-xq,.cont-nr {padding: 3% 15px;}
	.pro-rig {padding: 0 15px 0 30px;}
	.abo2-nr {position: inherit;bottom: inherit;}
	.abo3 {margin-top: 0;}
	.abo3-nr {padding: 0 15px;}
	.video-cont {max-width: 950px;max-height:520px;}
	.video-cont video,.video-cont iframe {width: 950px;height: 514px;}
}
@media screen and (max-width:990px) {
	.sub1-rig {padding: 0 15px;}
	.sub1 .row {padding: 0 15px;}
	.sub1,.sub1-rig {margin-top: 20px;}
	.pro-left {width: 35%;}
	.pro-rig {width: 65%;}
	.video-item {padding: 0 20px;}
	.video-cont {max-width: 100%;max-height:inherit;min-width: 320px;}
	.video-cont video,.video-cont iframe {width:100%;height: inherit;min-width: 320px;}
}
@media screen and (max-width: 768px) {
	.sub2-cont {max-width: 100%;}
	.sub1-cont {max-width: 100%;}
	.sub2-tit h1 {font-size: 22px;}
	.sub2-nr .sub2-item:nth-child(2n-1) .sub2-list {text-align: left;}
	.sub2-list {display: block;}
	.sub2-img {position: inherit !important;}
	.sub2-num {display: none;}
	.sub2-img {max-width: inherit;margin-top: 20px;}
	.sub2-nr .sub2-item:nth-child(2n-1) .sub2-cont a:before {left: inherit;right: -30px;}
	.sub2-cont p {margin: 10px 0 15px;}
	.sub2-item {margin-bottom: 20px;}
	.sub4-item {padding: 0 15px;}
	.sub4-top .sub4-item i,.sub4-bott .sub4-item i,.sub4-line {display: none;}
	.sub3-left,.sub3-rig {float: inherit;width: 100%;}
	.sub3-cent,.sub3-item {float: inherit;width: 100%;}
	.sub3 {padding: 3% 15px; background: url(../img/sub3-bg.jpg) left top;}
	.sub3-cent,.sub3-list {padding: 0;}
	.sub3-item {text-align: left;}
	.sub3-img img {width: 100%;}
	.sub3-list,.sub3-left {margin-bottom: 10px;}
	.pro-left,.pro-zuo {float: inherit;width: 100%;}
	.pro-rig {float: inherit;width: 100%;padding: 0 10px;margin-top: 20px;}
	.pro-bt,.pro-tu {display: none;}
	.pro-left ul {margin: 0;}
	.pro-you {float: inherit;width: 100%;padding: 0;margin-top: 20px;position: relative;}
	.small {position: absolute;top: 0;left: 0;width: 100%;margin-top: 0;}
	.pro-box {padding-top: 23%;}
	.bott-item {margin-bottom: 20px;padding: 0 5px;}
	.bott-nr {padding: 0 10px}
	.abo1-img {float: inherit;margin: 0 0 20px 0;}
	.abo2-list {padding: 5% 30px 0 30px;}
	.news-left {float: inherit;width: auto;height: inherit;border: none;text-align: left;}
	.news-rig {padding: 0;}
	.news-left time,.news-left span {display: inline;}
	.news-cont {padding-top: 10px;}
	.news-item {padding: 20px 0;}
	.news-rig div {text-align: center;}
	.news-bt p {font-size: 24px;}
	.cont-item {margin-bottom: 15px;}
	.cont-item button {float: inherit;margin:0 auto;}
	.cont-rig {margin-top: 20px;}
	
}