.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: 800px;overflow: hidden;}
.banner .swiper-paginations {bottom: 20px;position: absolute;text-align: center;z-index: 10;}

/*-- products center --*/
.sub1 {background: url(../img/sub1-bg.png) no-repeat left top;}
.sub1 .swiper-container1 {padding: 3% 0;}
.sub1-list {position: relative;overflow: hidden;background: #fff;}
.sub1-list p {position: absolute;bottom: 0;left: 0;width: 100%;line-height: 52px;background: #333333;font-size: 18px;color: #fff;text-transform: uppercase;
	overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.swiper-nr .swiper-button-next1,.swiper-button-prev1{ width:32px; height:68px;cursor: pointer; position: absolute;top:50%;margin-top: -34px; z-index: 99;}
.swiper-nr .swiper-button-next1 {right:-30px;background:url(../img/next1.png) no-repeat center center;}
.swiper-nr .swiper-button-prev1 {left:-30px;background:url(../img/prev1.png) no-repeat center center;}
.sub1-nr .swiper-slide {display: block; transition: 300ms;transform: scale(0.9);}
.sub1-nr .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.05);box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);}
.sub1-nr .swiper-slide-active .sub1-list p {background: #0291ff;}


/*-- company profile --*/
.sub2 {overflow: hidden;}
.sub2-left,.sub2-rig {padding: 0;}
.sub2-left img {width: 100%;}
.sub2-rig {background: #333;padding-top: 3%;}
.sub2-rig .tit2 {padding-left: 3px;}
.sub2-rig .tit2 h1 {color: #fff;}
.sub2-rig .tit2 i {background: #fff;}
.sub2-list {background: #fff;padding: 35px 20px 20px 35px;max-width: 71%;margin-left: -52px;line-height: 30px;}
.sub2-btn {text-align: right;margin: 20px 0 0;}
.a-btn {display:inline-block; font-size: 18px;color: #fff;width: 150px;height: 40px;text-align: center;line-height: 40px;background: #0291ff;}

/*-- our advantages --*/
.sub3 {background: url(../img/sub3-bg.jpg) no-repeat left top;}
.sub3-list {padding: 15% 42px 15%;color: #0a0a0a;position: relative;overflow: hidden;z-index: 0;background: rgba(255,255,255,0);}
.sub3-list:after,.sub3-list:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #0291ff;content: '';z-index: -1; visibility: hidden;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.sub3-list:before {-webkit-transform: translate(100%, 100%);-ms-transform: translate(100%, 100%);transform: translate(100%, 100%);}
.sub3-list:after {-webkit-transform: translate(-100%, -100%);-ms-transform: translate(-100%, -100%);transform: translate(-100%, -100%);-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s; }
.sub3-top {opacity: 0;}
.sub3-item:nth-child(1) .sub3-top {opacity: 1;}
.sub3-img {margin-top: 18%;background: #000;}
.sub3-img img {opacity: .33;}
.sub3-cont {padding: 25px 0 25px 10px;}
.sub3-cont span {display: block;font-size: 30px;text-transform: uppercase;}
.sub3-cont p {font-size: 14px;line-height: 20px;margin-top: 5px;height: 60px;}
.sub3-num {font-size: 50px;font-weight: bold;margin-top: 5%;}
.sub3-list .tit3 h1,.sub3-list .tit3 i,.sub3-list .tit3 p,.sub3-cont,.sub3-num {transition: all 1s;}
.sub3-item:hover .tit3 i {background: #fff;}
.sub3-item:hover .sub3-img img {opacity: 1;}
.sub3-item:hover .tit3 h1,.sub3-item:hover .sub3-list .tit3 p,.sub3-item:hover .sub3-cont,.sub3-item:hover .sub3-num {color: #fff;}
.sub3-item:hover .sub3-list:before {-webkit-transform: translate(0%, 0%);-ms-transform: translate(0%, 0%);transform: translate(0%, 0%);visibility: visible;opacity: 1; }
.sub3-item:hover .sub3-list:after {-webkit-transform: translate(100%, 100%);-ms-transform: translate(100%, 100%);transform: translate(100%, 100%);visibility: visible;opacity: 1; }

/*-- news --*/
.sub4 {padding: 4% 0;}
.sub4-tab li {display:inline-block;width: 211px;height: 50px;text-align: center;line-height: 50px;background: #999;color: #fff;text-transform: uppercase;}
.sub4-tab .default {background: #0291ff;}
.sub4-cont {padding: 0 0 0 15px;}
.sub4-item {margin-bottom: 5%;}
.sub4-left {padding: 0;}
.sub4-left h6 {display: block;font-size: 18px;color: #000;font-weight: bold;text-transform: uppercase;margin-top: 10px;}
.sub4-left time {display: block;color: #666;margin: 5px 0;}
.sub4-left p {color: #666;line-height: 18px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.sub4-zuo {float: left;max-width: 205px;}
.sub4-you {float: right;width: calc(100% - 205px);padding-left: 10px;}
.sub4-tit h6 {float: left;max-width: 65%;font-weight: bold;color: #000; text-transform: uppercase;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.sub4-tit time {display: block;float: right;color: #666;}
.sub4-you p {margin: 15px 0;color: #666;line-height: 18px;
	overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.sub4-you i {display: block;width: 100%;height: 1px;background: #000;}
.sub4-cont2 {display: none;}
.sub4-tu,.sub4-zuo {overflow: hidden;}
.sub4-tu img,.sub4-zuo img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-left:hover .sub4-tu img,.sub4-item:hover .sub4-zuo img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*-- 产品列表页 --*/
.pro-cont {background: #e5f4ff;position: relative;padding: 50px 10px 83px 0;}
.pro-top {height: 149px;background: #0391ff;position: absolute;top: 0; right: 0;width: 100%;}
.accordion {width: 100%;background: url(../img/ul-bg.jpg) left top;z-index: 99;position: relative;padding-bottom: 20px;}
.accordion li {display: block;padding: 0 15px;border-bottom: 1px dashed #6f747c;}
.accordion li i { display: block; position: absolute;right:-15px;top:0px;background: url(../img/rig.png) no-repeat center center; width:40px; height:100%;}
.accordion li .open i {background: url(../img/up.png) no-repeat center center;width:40px;height:100%;}
.link {padding:0;position: relative;}
.link a {color: #fff !important;display: block;font-weight: bold; display: flex;align-items: center;line-height: inherit;height: 50px;}
.accordion .default {}
.submenu-body {padding-left: 20px;}
.submenu-body a {display: block;line-height: 38px;color: #fff !important;font-size: 14px; padding: 0 5px 0 10px;background:url(../img/rig-bg.png) no-repeat left center;}
.submenu-body .default {color: #0391ff !important;text-decoration: underline;}
.accordion li:last-child {border:none;}
.pro-bott {position: absolute;bottom: 0;right: 0; display: block;width: 100%;height: 83px;background: #0391ff;text-align: center;line-height: 83px;font-size: 24px;color: #fff;font-weight: bold;}
.pro-bott img {margin-right: 15px;}
.pro-item {margin-bottom: 15px;padding: 0 8px;}
.pro-list {border: 1px solid #b5b5b5;position: relative;overflow: hidden;}
.pro-img {transform: rotateY(0);transition: all 0.50s ease-in-out 0s;text-align: center;}
.pro-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(3,145,255,.8);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;
	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;}
.box-tit {padding: 0 15px;text-align: center;width: 100%;}
.box-tit h5 {display: block;font-size: 22px;font-weight:bold;color: #fff;}
.box-tit a {color: #dfdfdf;display: block;font-size: 18px;margin-top: 20px;}
.pro-item:hover .pro-img {transform: rotateY(-90deg);}
.pro-item:hover .pro-box {transform: rotateY(0);}

/*-- 产品详情页 --*/
.big {border: 1px solid #b5b5b5;}
.pro-bt {font-size: 24px;color: #0391ff;}
.pro-you {position: relative;}
.small-img {border: 1px solid #b5b5b5;text-align: center;}
.small {position: absolute;bottom: 0;width: 93%;padding: 0 4%;}
.swiper-nr .swiper-button-next3,.swiper-button-prev3{ width:20px; height:58px;cursor: pointer; position: absolute;top:50%;margin-top: -29px; z-index: 99;}
.swiper-nr .swiper-button-next3 {right:-40px;background:url(../img/next3.png) no-repeat center center;}
.swiper-nr .swiper-button-prev3 {left:-40px;background:url(../img/prev3.png) no-repeat center center;}

/*-- 关于我们页 --*/
.abo0 {background: url(../img/abo-bg.jpg) no-repeat left top;}
.abo2-list {border: 1px solid #535353;border-radius: 15px;min-height:271px;text-align: center;padding: 12% 45px 0;}
.abo2-tit {margin-top: 10px;}
.abo2-tit h5 {display: block;font-size: 30px;color: #000;text-transform: uppercase;}
.abo2-tit i {display:block;margin:5px auto 10px; width: 50px;height: 1px;background: #0862a8;
	transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.abo2-list p {font-size: 14px;line-height:20px;}
.abo2-img img {transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.abo2-item:hover .abo2-img img {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.abo2-item:hover .abo2-tit i {width: 100px;}

/*-- 联系我们页 --*/
.cont-list {margin-bottom:35px;}
.cont-list img{float: left;margin-top:5px;}
.cont-word {padding-left:38px;}
.cont-word h1 {display: block;font-size: 24px;color: #010101;text-transform: uppercase;font-weight: bold;}
.cont-word p{color: #070505;line-height: 27px;max-width: 80%;}
.cont-word p a {color: #090909;}
.cont-word p:hover a {text-decoration: underline;color: #0391ff;}
.cont-rig li {display: block;margin-bottom: 10px;}
.cont-rig li span {display: block;font-weight: bold;color: #757575;margin-bottom: 10px;}
.cont-rig li input {display: block;width: 100%;height:37px;border: 1px solid #aaa;border-radius: 5px;padding: 0 10px;}
.cont-rig li textarea {display: block;width: 100%;height: 102px;border: 1px solid #aaa;border-radius: 5px;padding: 5px 10px;}
.cont-rig button {display: block;width:85px;height: 28px;background: #0391ff;color: #fff;border-radius: 3px;font-size: 14px;cursor: pointer;}

/*-- 新闻列表页 --*/
.news-tab {text-align: center;}
.news-tab li {display: inline-block;width: 184px;height: 37px;margin: 0 20px; text-align: center;line-height: 37px;background: #dcdcdc;border-radius: 30px;font-size: 14px;}
.news-tab li a {display: block; color: #010101;}
.news-tab .default {background: #0391ff;}
.news-tab .default a {color: #fff;}
.news-item {margin-bottom: 45px;}
.news-tit {padding-bottom: 8px;position: relative;}
.news-tit h6 {display: block;float: left;max-width: 80%;font-weight: bold;color: #000000;text-transform: uppercase;
	overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news-tit time {display: block;float: right;color: #666;}
.news-tit i {display: block;width: 50%;height: 1px;background: #000;position: absolute;bottom: 0;left: 0;
	overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.news-rig p {color: #666;line-height: 18px;margin-top: 20px;}
.news-rig .a-btn {margin-top: 12%;}
.news-img {overflow: hidden;}
.news-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.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 h1 {display: block;font-size: 30px;color: #0391ff;margin-bottom: 10px;}
.news-bt i {display: inline-block;width:50px;height: 2px;background: #0391ff;}
.news-bt time {display: block;color: #666;font-size: 14px;margin-top: 5px;}










@media screen and (max-width: 1450px) {
	.sub2-list {max-width: 100%;margin-left:0px;}
}
@media screen and (max-width: 1350px) {

}
@media screen and (max-width: 1300px) {
	.sub3-list {padding:15px;}
	.sub3-img {margin-top: 20px;}
	.sub3-cont {padding: 15px 0 15px 10px;}
	.sub3-num {margin-top: 0;font-size: 38px;}
	.news-rig .a-btn {margin-top: 20px;}
}
@media screen and (max-width: 1200px) {
	.swiper-nr .swiper-button-prev1 {left: 0;}
	.swiper-nr .swiper-button-next1 {right: 0;}
}

@media screen and (max-width: 990px) {
	.sub1-list p {line-height: 36px;font-size: 16px;}
	.sub1-nr .swiper-slide {display: block; transition: 300ms;transform: scale(1);}
	.sub1-nr .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.5);}
	.sub2,.sub2-left, .sub2-rig,.sub4-left {padding: 0 15px;}
	.sub4 {padding: 4% 15px 2%;}
	.sub4-cont {padding: 0;}
	.sub4-rig {margin-top: 20px;}
	.sub2-rig {padding-top: 20px;}
	.abo2-list {padding: 12% 20px 0;}
	.abo2-tit h5 {font-size: 28px;}
	.cont-nr {padding: 0;}
	.small {position: inherit;bottom: inherit;margin-top: 20px;}

@media screen and (max-width: 768px) {
	.padd {padding: 4% 0;overflow: hidden;}
	.sub3-top {display: none;}
	.sub3-item:nth-child(1) .sub3-top {display: block;}
	.sub3-cont {padding: 15px 0 10px;}
	.sub4-tab {text-align: center;}
	.sub4-tit h6 {max-width: 100%;float: inherit;}
	.sub4-tit time {display: none;}
	.sub4-zuo {max-width: 165px;}
	.sub4-you {width: calc(100% - 165px);}
	.sub3-img img {width: 100%;}
	.sub4-tab li {width: 188px;}
	.sub4-you i,.news-tit i {display: none;}
	.news-left,.bott-item,.abo2-item,.pro-left {margin-bottom: 20px;}
	.news-tit h6 {display: block;max-width: 100%;float: inherit;}
	.news-tit time {float: inherit;}
	.news-tab li {margin: 0 2px;}
	.news-rig p {margin-top: 10px;}
	.news-bt h1 {font-size: 24px;}
	.abo2-list {min-height: inherit;padding: 30px 20px;}
	.cont-word p {max-width: 100%;}
	.pro-rig {padding:0 22px;}
	.small {bottom: inherit;position: absolute; top:0px;}
	.pro-up {margin-top: 190px;}
	.swiper-nr .swiper-button-next3 {right:-20px;}
	.swiper-nr .swiper-button-prev3 {left:-20px;}

}
@media screen and (max-width: 640px) {
	.pro-up {margin-top: 130px;}
}