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

/*-- why choose us --*/
.sub1 {background: #fbfbfb;}
.sub1-nr {padding: 4% 0 0;}
.sub1-title h1 {display: block;width: 80%;}
.sub1-item {margin-bottom: 60px;padding: 0 20px;}
.sub1-list {border: 1px solid #c7c7c7;padding: 50px 20px 25px;}
.sub1-icon {width: 77px;height: 45px;background: url(../img/sub1-icon-bg.jpg) no-repeat left top;text-align: center;line-height: 45px;margin: -75px 0 0 50px;}
.sub1-icon img {transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.sub1-list span {display: block;margin-top: 35px;}
.sub1-item:hover .sub1-icon img {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}

/*-- products --*/
.sub2-list {position: relative;margin-bottom: 15px;}
.sub2-img {overflow: hidden;}
.sub2-img img {transition: all 0.5s;}
.sub2-list p {position: absolute;bottom: 15px;left: 10px;font-size:24px;font-weight: bold;color: #fff;text-transform: uppercase;}
.sub2-item {padding: 0 8px;}
.sub2 .sub2-item:nth-child(3) {padding: 0 9px;}
.sub2-img:hover img,.video-item:hover .video-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*-- news --*/
.sub3-item {text-align: left;padding: 10px;transition:0.5s;}
.sub3-list {width: 100%;background: #fff;padding: 20px;border: 1px solid #e6e6e6;transition:0.5s;}
.sub3-rig {padding: 15px 10px 0 0;}
.sub3-rig h6 {display: block;color: #2a2a2a;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.sub3-rig time {display: block;font-size: 14px;color: #7a7a7a;border-bottom: 1px solid #e0e0e0;margin-top: 6px;padding-bottom: 5px;}
.sub3-rig p {font-size: 13px;color: #6d6d6d;margin: 15px 0 20px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.sub3-rig a {font-size: 14px;color: #e02123;text-transform: uppercase;}
.sub3 .swiper-container1 {padding-top: 30px;}
.swiper-nr .swiper-button-next1,.swiper-button-prev1{ width:47px; height:57px;margin-top:-28.5px; cursor: pointer; position: absolute;top:50%;z-index: 99;}
.swiper-nr .swiper-button-next1 {right:-65px;background:#2a2a2a url(../img/next1.png) no-repeat center center;}
.swiper-nr .swiper-button-prev1 {left:-65px;background:#2a2a2a url(../img/prev1.png) no-repeat center center;}
.sub3-item:hover .sub3-list {border: 1px solid #fff;box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);}
.sub3-item:hover {transform: translateY(-15px);}

/*-- 关于我们页 --*/
.abo1-img {padding:3px;background: #fff;overflow: hidden;}
.abo1-item:hover .abo1-list {box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);transition:all 500ms ease;}
.abo2 {background: url(../img/abo2-bg.jpg) repeat left top;}
.abo2 .tit h1{color: #fff;}
.abo2 .tit i {background: #fff;}
.abo2-nr {padding: 0;}
.abo2-cont {background: url(../img/abo2-i.png) no-repeat left top;display: flex;}
.abo2-item {float: left;width: 20%;text-align: center;}
.abo2-img {margin:0 auto 30px;width: 88px;height: 88px; text-align: center;line-height: 76px;border-style:outset; border-radius: 50%;border:4px solid rgba(255,255,255,.54);overflow: hidden;}
.abo2-bor {width: 80px;height: 80px;background: #e5e5e5;transition: .6s; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.abo2-item p {color: #fff;line-height: 20px;}
.abo2-item:hover .abo2-bor {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.abo3 {padding: 3% 15px 1%;}
.abo3-list {padding: 6px;border: 1px solid #aaa;}
.abo3-item {margin-bottom: 4%;padding: 0 23px;}

/*-- 联系我们页 --*/
.cont-form {margin-top: 5%;}
.cont-item {padding: 0 20px;}
.cont-item li {display: block;margin-bottom: 30px;}
.cont-item li input {display: block;width: 100%;height:54px;padding: 0 10px;border: 1px solid #eee;}
.cont-item li textarea {display: block;width: 100%;height: 138px;padding:10px;border: 1px solid #eee;}
.cont-item li button {display: block;width: 100%;height: 54px;text-align: center;line-height: 54px;background: #d10511;color: #fff;cursor: pointer;}
.cont-rig {padding: 0 15px 0 6%;}
.cont-rig ul {margin-top:45px;}
.cont-rig ul li,.cont-rig ul li span {display: block;font-size: 18px;line-height: 26px;}
.cont-rig ul li {margin-bottom: 15px;}
.cont-rig ul li p {padding-left:30px;}
.cont-rig ul li p a {color: #161616;}
.cont-rig ul li p a:hover {text-decoration: underline;color: #d10511;}

/*-- 新闻列表页 --*/
.news-left {padding: 0;}
.news-item {margin-bottom: 40px;}
.news-rig {padding: 0 15px 0 20px;}
.news-rig h5 {display: block;transition:all 500ms ease;color: #000;font-size: 22px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news-rig time {display: block;padding-bottom: 10px;border-bottom: 1px solid #aaa;color: #848484;margin-top: 10px;}
.news-rig p {line-height: 30px;margin-top: 10px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.news-rig a {display: block;transition:all 500ms ease; width: 144px;height: 32px;border: 1px solid #313131;text-align: center;line-height: 32px;color: #333;margin-top: 8px;}
.news-item:hover .news-rig h5 {color: #db1316;}
.news-item:hover a {background: #e22b11;color: #fff;border: 1px solid #e22b11;}
.news-item:hover img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*-- 新闻详情页 --*/
.news-tit h1 {display: block;text-align: center;font-size: 38px;font-weight: bold;color: #db1316;text-transform: uppercase;}
.news-tit time {display: block;text-align: center;color: #a3a3a3;margin-top: 10px;}
.news-tp img {border: 1px solid #aaa;}

/*-- 视频列表页 --*/
.video-list {padding: 5px;border: 1px solid #aaa;}
.video-list p {text-align: center;font-size: 20px;line-height: 45px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.video-img,.news-img {position: relative;overflow: hidden;}
.video-img img,.news-img img {transition: all 0.5s;}
.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;}
.play {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);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-item {padding: 0 10px;margin-bottom: 20px;cursor: pointer;}

/*-- 产品列表页 --*/
.pro-tit {font-size: 28px;font-weight: bold;text-transform: uppercase;margin-bottom:15px;}
.pro-tab {margin-top: 20px;}
.pro-tab li {display: inline-block;padding-right: 15px;margin-right: 15px;position: relative;}
.pro-tab li i {position: absolute;top: 6px; right: 0;width: 2px;height: 13px;background: #7f7f7f;}
.pro-tab li:last-child i {display: none;}
.pro-tab li a {color: #333;font-weight: bold;}
.pro-tab li a:hover {text-decoration: underline;color: #db1316;}
.pro-item {float: left;width: 20%;text-align: center;margin-bottom: 25px;padding: 0 14px;}
.pro-list p {line-height: 60px;font-size: 18px;color: #000;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.pro-img {overflow: hidden;position: relative;-webkit-backface-visibility: hidden;backface-visibility: hidden;height: 206px;}
.flip-box {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.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-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(0,0,0, 0.7);height: 100%;border-radius: 8px;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;}
.flip-box .flip-box-back .inner h5 {font-size:24px;margin-bottom:20px;}
.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;}
.inner a {color: #fff;font-size: 18px;}


/*-- 产品详情页 --*/
.big {text-align: center;background: #fff;}
.small {margin-top: 10px;padding: 0 35px;}
.swiper-nr .swiper-button-next2,.swiper-button-prev2{ width:11px; height:36px;cursor: pointer; position: absolute;top:50%;margin-top: -18px; z-index: 99;}
.swiper-nr .swiper-button-next2 {right:-30px;background:url(../img/next2.png) no-repeat center center;}
.swiper-nr .swiper-button-prev2 {left:-30px;background:url(../img/prev2.png) no-repeat center center;}
.small-list {padding: 1px;}
.small-img {border: 1px solid #ededed;}
.pro-rig {}
.pro-btn {font-size: 26px;color: #fff;width: 252px;height: 51px;text-align: center;line-height: 51px;background: #d10511;cursor: pointer;margin-top:15px;}
.bott-bt {font-size: 30px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #acacac;cursor: pointer;}
.bott-item {width: 20%;float: left; text-align: center;padding: 0 10px;height: 214px;}
.bott-img img{border: 1px solid #aaa;}
.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;}
.dw-nr {background: #fff;padding: 10px 15px;}
.dw-bt {font-size: 36px;text-transform: uppercase;}
.dw-fu {color: #737373;}
.dw-cont li {display: block;margin-bottom: 22px;}
.dw-cont li input {display: block;width: 100%;height: 80px;border: 1px solid #535353;padding: 0 10px;}
.dw-cont li textarea {display: block;width: 100%;height:180px;border: 1px solid #535353;padding: 10px;}
.dw-cont li button {display: block;width: 100%;height:80px;text-align: center;line-height: 80px;background: #d10511;font-size: 22px;color: #fff;cursor: pointer;}
.dw .container {padding-top:12%;}
.dw-nr {width: 100%;height: 100%;}
.dw-close {text-align: right;font-size: 36px;cursor: pointer;}

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

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

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

}

@media screen and (max-width: 1200px) {
	.swiper-nr .swiper-button-prev1 {left: 0;}
	.swiper-nr .swiper-button-next1 {right: 0;}
	.video-cont,.video-cont video, .video-cont iframe  {max-width: 100%;max-height: 400px;}
    .pro-img {height:158px;}
}

@media screen and (max-width: 990px) {
	.sub1-nr {padding: 5% 15px 0;overflow: hidden;margin-top: 3%;}
	.sub1-list {min-height: 180px;}
	.pro-item,.bott-item {width: 25%;}
	.news-left,.news-rig {padding: 0 15px;}
  	.pro-img {height:203px;}
}

@media screen and (max-width: 768px) {
	.padd {padding: 4% 0;overflow: hidden;}
	.sub1-list {min-height: 230px;}
	.sub1-nr .sub1-item:nth-child(-n+6):nth-child(n+5),.news-left,.news-li  {margin-bottom: 20px;}
	.pro-item,.bott-item {width: 50%;padding: 0 5px;}
	.pro-tab li {display: block;float: left;width: 50%;margin: 5px 0;}
	.pro-tab li i {display: none;}
	.dw-cont li input,.dw-cont li button {height: 40px;line-height: 40px;}
	.pro-btn {font-size: 22px;margin-bottom: 20px;}
	.bott-item {margin-top: 20px;}
	.video-cont,.video-cont video, .video-cont iframe  {max-width: 100%;max-height: 100%;}
	.abo3-item {padding: 0 10px;}
	.abo2-item {width: 50%;margin-bottom: 20px;}
	.abo2-cont {display: block;}
	.abo2 {display: block;background-size: auto 100%;}
	.pro-list p {line-height: 36px;}
	.news-tit h1 {font-size: 28px;}
    .pro-img {height:auto;}
}
@media screen and (max-width: 500px) {
   .pro-img {height:182px;}
}