.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%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white {color: #fff;}
.contact img {width: auto;max-width: 100% !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;}
.banner {max-height: 700px;overflow: hidden;position: relative;}
.banner .swiper-paginations {bottom:10px;position: absolute;text-align: center;z-index: 10;}

/*--  product index --sub1--*/
.sub1 {margin: 0 auto;}
.sub1-item {margin-bottom: 5%;max-width: 1420px;}
.sub1-nr {margin-left:6%;}
.sub1-left {float: left;width: 49%;position: relative;z-index: 2;}
.sub1-big {text-align: right;}
.sub1-img {margin-top: -36%;}
.sub1-img img {border: 4px solid #eee;}
.sub1-bg {position: absolute;top: -21%;left: -10%;z-index: -1;}
.sub1-rig {float: right;width:49%;float: right;border-top: 1px solid #d8d8d8;padding-top: 15px;}
.sub1-box h6 {font-size: 24px;color: #f92a63;text-transform: uppercase;font-family: 'Montserrat';}
.sub1-box p {margin-top: 20px;color: #626262;line-height: 28px;font-family: 'Montserrat';}
.sub1-box a {display: inline-block; color: #000000;font-family: 'Montserrat';margin-top: 5%;}
.sub1-box a img {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;}
.sub1-box a:hover {color: #f92a63;}
.sub1-box a:hover img {transform: translateX(10px);}
.sub1-cont {margin-top: 16%;position: relative;z-index: 10;}
.sub1-cont::before{content: "";width: 30%;height: 100%;background: #f92a63;position: absolute;right: -7px;bottom: -7px;}
.swiper-nr .swiper-button-next1,.swiper-button-prev1,
.swiper-nr .swiper-button-next3,.swiper-button-prev3{ width:22px; height:30px;cursor: pointer; position: absolute;bottom:0;z-index: 99;}
.swiper-nr .swiper-button-next1,.swiper-nr .swiper-button-next3 {left: -7%;background: url(../img/next1.png) no-repeat center center;}
.swiper-nr .swiper-button-prev1,.swiper-nr .swiper-button-prev3 {left:-14%;background: url(../img/prev1.png) no-repeat center center;}
.sub1-nr1 {margin-right:6%;}
.sub1-nr1 .sub1-item1 {float: right;max-width: 1420px;}
.sub1-item1 .sub1-left {float: right;}
.sub1-item1 .sub1-rig {float: left;}
.sub1-item1 .sub1-bg {position: absolute;left: inherit;right: -10%;top: -24%;}
.sub1-item1 .sub1-big {text-align: left;}
.sub1-item1 .sub1-img {text-align: right;}
.sub1-item1 .sub1-rig .sub1-box {text-align: right;}
.sub1-item1 .sub1-cont::before{content: "";width: 30%;height: 100%;background: #f92a63;position: absolute;left: -7px;bottom: -7px;}
.swiper-nr .swiper-button-next2,.swiper-button-prev2{ width:22px; height:30px;cursor: pointer; position: absolute;bottom:0;z-index: 99;}
.swiper-nr .swiper-button-next2 {right: -14%;background: url(../img/next1.png) no-repeat center center;}
.swiper-nr .swiper-button-prev2 {right:-7%;background: url(../img/prev1.png) no-repeat center center;}
.sub1-item1 .sub1-box a:hover img {transform: translateX(-10px);}
.sub1-tu {cursor: pointer;}
.sub1-list {position: relative;overflow: hidden;}
.sub1-list img {transition: 0.3s;}
.overlay1 {display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 20;background: rgba(25, 25, 25,.7);overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
a.expand {display: block;position: absolute;z-index: 100;width: 60px;height: 60px;border: solid 2px #fff;text-align: center;color: #fff !important;
	line-height: 60px;font-weight: 700;font-size: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;}
.overlay1 a.expand {display: block; top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.sub1-tu:hover .overlay1{opacity: 1;}
.sub1-tu:hover .overlay1 a.expand {width: 60px;height: 60px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;}
.sub1-tu:hover .sub1-list img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  company profile --sub2--*/
.sub2 {background: url(../img/sub2-bg.jpg) no-repeat fixed center/cover;}
.sub2-cont {text-align: center;line-height: 30px;color: #fff;}
.sub2-top a {display: flex;align-items: center;justify-content: space-evenly;color: #fff;font-family: 'Montserrat';width: 228px;height: 54px;border: 1px solid #fff;border-radius: 30px;margin: 4% auto 0;}
.sub2-bott {margin-top: 5%;}
.swiper-nr .swiper-button-next4,.swiper-button-prev4{ width:21px; height:56px;cursor: pointer;margin-top: -28px; position: absolute;top:50%;z-index: 99;}
.swiper-nr .swiper-button-next4 {right: -4%;background: url(../img/next4.png) no-repeat center center;}
.swiper-nr .swiper-button-prev4 {left:-4%;background: url(../img/prev4.png) no-repeat center center;}

/*--  why choose us --sub3--*/
.sub3-nr .row {margin:0 -30px;}
.sub3-item{margin-bottom: 3%;position: relative;padding: 0 30px;}
.sub3-item::before{content: "";width: 96%;height: 26px;background: #bfbfbf;border: 8px solid #525354;border-radius:10px;position: absolute;left:2%;top:-8px;z-index: -1;}
.sub3-list::after {content: "";width: 100%;height:15%;background: linear-gradient(to bottom, rgba(35, 35, 37, 0.3) 0%, rgba(35, 35, 37, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);position: absolute;top: 0;left: 0;}
.sub3-list {display: flex;align-items: center;padding:40px 60px 30px 16px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;background: #fff; position: relative;z-index: 2;transition:all 0.5s;}
.sub3-list::before {content: "";clip-path: polygon(0% 0%, 100% 100%, 100% 0);background: #f92a63;position: absolute;right: 0;top: 0;width: 65px;height: 34px;}
.sub3-list span {font-size: 12px;color: #fff;position: absolute;right:2px;top:5px;transform: rotate(32deg);}
.sub3-icon {width: 75px;margin-right: 15px;}
.sub3-box {width: 81%;}
.sub3-box h6 {font-size: 18px;color: #000000;font-family: 'Montserrat';}
.sub3-box p {line-height: 24px;color: #626262;margin-top: 10px;font-family: 'Montserrat';}
.sub3-item:hover .sub3-list {padding:20px 60px 30px 16px;}

/*--  News --sub4--*/
.sub4 {background: #f2f4f6;}
.sub4-cont {display: flex;justify-content: space-between;}
.sub4-left {width: 67.6%;}
.sub4-item {background: #fff;padding:20px;display: flex;justify-content: space-between;align-items: center;}
.sub4-img {width: 37.4%;}
.sub4-box {width: calc(100% - 37.4%);padding-left: 15px;}
.sub4-box h6 {font-size: 20px;line-height: 24px;color: #000000;text-transform: uppercase;}
.sub4-box time {display: block; font-size: 14px;line-height: 24px;color: #626262;border-bottom: 1px solid #d2d2d2;margin-top: 5px;padding-bottom: 5px;}
.sub4-box p {font-size: 14px;line-height: 24px;margin-top: 10px;color: #626262;}
.sub4-box a {font-size: 14px;color: #fff;width: 127px;height: 30px;text-align: center;line-height: 30px;background: #f92a63;margin-top: 25px;float: right;}
.sub4-left .sub4-item:nth-child(1){margin-bottom: 3%;}
.sub4-rig {width: 30.6%;background: #fff;}
.sub4-tit {font-size: 20px;width:100%;line-height: 44px;background: #f92a63;color: #fff;padding: 0 15px;}
.sub4-cont2 {padding: 0 15px;}
.sub4-item2 {padding: 15px 0 17px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px dashed #626262;}
.sub4-zuo {text-align: center;width: 28%;}
.sub4-zuo span {font-size: 55px;color: #f92a63;}
.sub4-zuo time {display: block;font-size: 14px;line-height: 24px;color: #626262;margin-top: -15px;}
.sub4-you {width: calc(100% - 28%);padding-top: 10px;}
.sub4-you h6 {font-size: 20px;color: #000000;}
.sub4-you p {font-size: 14px;color: #626262;line-height: 24px;margin-top: 10px;}
.sub4-rig a {font-size: 14px;color: #fff;width: 127px;height: 30px;text-align: center;line-height: 30px;background: #f92a63;float: right;margin-top: 15px;margin-right: 20px;}

/*--  产品列表页--*/
.bg {background: #f9f9f9;}
.pro-left {padding: 0 0 0 15px;}
.pro-bt {font-size: 24px;color: #f9336a;display: flex;align-items: center;font-family: "Arial";}
.pro-bt i {display: block; width: 21px;height: 3px;background: #f9336a;margin-right: 20px;}
.accordion {width: 100%;z-index: 10;position: relative;margin-top: 20px;border-top: 1px solid #dcdcdc;font-family: "Arial";}
.accordion li {display: block;margin-top: 3px;}
.accordion li i { display: block; position: absolute;right:20px;top:0px;background: url(../img/rig.png) no-repeat center center; width:12px; height:100%;cursor: pointer;}
.accordion .acc-li .open i {background: url(../img/up.png) no-repeat center center;width:12px;height:100%;}
.accordion .acc-li .default,.link.open {}
.accordion .acc-li:last-child .link {border-bottom: none;}
.link {padding:0;position: relative;}
.link a {color: #434343 !important;display: block;line-height:65px;padding-left: 35px;font-size: 18px;border-bottom: 1px solid #dcdcdc;}
.accordion .acc-li .default, .link.default, .acc-li:hover .link:hover {}
.accordion .acc-li .default>a,.acc-li .link:hover a {color: #f9336a !important;}
.submenu-body {}
.submenu-body li a {display: block;line-height:40px;color: #707070 !important;padding-left: 35px;font-size: 16px;}
.submenu-body li {}
.submenu-body .active a,.submenu-body li:hover a {color: #f9336a !important;}
.pro-rig {padding:1% 15px 0 3%;}
.pro-item {font-family: "Arial";margin-bottom:3%;cursor: pointer;}
.pro-list p {font-size: 18px;color: #434343;}
.pro-list i {display: block;width: 22px;height: 3px;background: #f9336a;margin-bottom: 12px;}
.pro-img {margin-top: 15px;transition:all 0.5s;}
.pro-item:hover .pro-img {box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.pro-item:hover .pro-list i {background: #f9336a;}
.pro-item:hover .pro-list p {color: #f9336a;}

/*--  产品详情页--*/
.pro-rig2 {padding-left: 3%;}
.pro-top {display: flex;justify-content: space-between;}
.pro-zuo {width: 52.1%;}
.big {border: 1px solid #eeeeee;}
.small {margin-top:20px;padding: 0 5%;}
.small-list {padding: 1px;cursor: pointer;}
.small-img {border: 1px solid #eeeeee;}
.small-img.active {border: 1px solid #000000;}
.swiper-nr .swiper-button-next5,.swiper-button-prev5{ width:22px; height:30px;cursor: pointer;margin-top: -15px; position: absolute;top:50%;z-index: 99;}
.swiper-nr .swiper-button-next5 {right: -7%;background: url(../img/next5.png) no-repeat center center;}
.swiper-nr .swiper-button-prev5 {left:-7%;background: url(../img/prev5.png) no-repeat center center;}
.pro-you {width: calc(100% - 52.1%);padding-left: 10px;}
.pro-tit {font-size: 18px;color: #1b1b1b;line-height: 30px;padding-bottom: 20px;border-bottom: 1px dashed #d9d9d9;position: relative;font-weight: bold;}
.pro-tit::before{content: "";width: 42px;height: 4px;background: #f9336a;position: absolute;bottom: -2px;left: 0;}
.pro-cont {color: #626262;line-height: 30px;}
.pro-you .a-btn {display: block; color: #fff;width: 135px;height: 40px;text-align: center;line-height: 40px;background: #f9336a;margin-top: 4%;}
.pro-bott {background: #fff;}
.bott-img {border: 1px solid #eee;}
.bott-list p {font-size: 18px;color: #434343;margin-top: 10px;}
.bott-item {cursor: pointer;}
.bott-item:hover .bott-list p {color: #f9336a;}

/*--  关于我们页--*/
.abo1 {padding: 3% 0 0;}
.abo1-rig {float: right;width: 54.5%;margin-left:30px;}
.abo1-cont {line-height: 30px;color: #626262;}
.abo2 {background: url(../img/abo2-bg.png) no-repeat center 80%;}
.abo2-item {text-align: center;}
.abo2-icon {margin: 0 auto;transition: .6s; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.abo2-item h6 {font-size: 18px;color: #000000;margin: 15px 0;}
.abo2-item p {line-height: 24px;color: #626262;}
.abo2-item:hover .abo2-icon {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.abo3 {overflow: hidden;}
.img_us ul {white-space: nowrap;}
.img_us ul li {display: inline-block;position:relative;overflow: hidden;margin: 0 3.5px;}
.abo4{display: flex;justify-content: space-between;}
.abo4-left {width:65.7%;}
.abo4-left video,.abo4-left iframe {width: 100%;height: auto;}
.abo4-rig {width:32.6%;}
.abo4-cont {line-height: 30px;color: #626262;}
.abo5 {background: #fff;}
.abo5-cont {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.abo5-item {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;}
.abo5-item:hover {transform: translateY(-20px);-webkit-transform: translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);}
.abo6-nr .row {margin: 0 -6px;}
.abo5-item {width: 19%;margin-bottom: 10px;}
.abo6-item {padding: 0 6px;margin-bottom: 16px;}
.abo6-img {border: 1px solid #bfbfbf;border-radius:5px;overflow: hidden;}

/*--  新闻列表页--*/
.news-item{display: flex;justify-content: space-between;margin-bottom: 4%;}
.news-left {width: 30%;border-radius: 5px;overflow: hidden;}
.news-rig {width:68%;border-bottom: 1px dashed #a3a3a3;}
.news-rig h6 {font-size: 18px;color: #000;font-weight: bold;}
.news-rig time {display: block;font-size: 22px;color: #f9336a;margin: 10px 0;}
.news-rig p {line-height: 30px;color: #000000;}
.news-rig a {display: block;margin-top: 3%;width: 140px;height: 30px;text-align: center;line-height: 30px;background: #f9336a;font-size: 15px;color: #fff;text-transform: uppercase;}
.news-cont {line-height: 28px;color: #626262;}

/*--  联系我们页--*/
.cont-item {padding: 40px 25px 20px;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.2);background: #fff;}
.cont-item h1,.cont-rig h1 {display: block;font-size: 30px;text-transform: uppercase;}
.cont-item i,.cont-rig i {display: block;width: 50px;height: 3px;background: #f92a63;margin-top: 15px;}
.cont-item span {display: block;font-size: 14px;margin-top: 20px;}
.cont-item input {display: block;font-size:16px; width: 100%;height:40px; margin-bottom: 15px;border-bottom: 1px solid #c2c2c2;}
.cont-item textarea {display: block;font-size:16px;width: 100%;height:90px;margin-bottom: 20px;}
.cont-item button {float: right;width:86px;height: 34px;text-align: center;line-height: 34px;background: #f92a63;color: #fff; cursor: pointer;}
.cont-left {padding: 0 30px 0 15px;}
.cont-rig {padding: 40px 0 0 4%;}
.wx {margin-top: 25px;z-index: 2;position: relative;}
.wx img {margin-top: 10px;}
.cont-rig {position: relative;}
.cont-rig ul {margin-top: 10px;width: 85%;position: relative;z-index: 2;}
.cont-rig ul li {display: block;font-size:16px;line-height: 36px;font-family: 'Montserrat';color: #434343;}
.cont-rig ul li a {color: #434343;}
.cont-rig ul li span {font-weight: bold;color: #000000;margin-right: 5px;}
.cont-rig ul li a:hover {color: #f92a63;}
.map {position: absolute;right: -10%;top: 40px;}
.dt {border-top: 35px solid #f92a63;}


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

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





@media screen and (max-width: 1600px) {
	.sub1-nr {margin-left:inherit;}
	.sub1-item {margin: 0 auto 5%;}
	.sub1-nr1 {margin-right:inherit;}
	.sub1-nr1 .sub1-item1 {float: inherit;}
}
@media screen and (max-width: 1420px) {
	.sub1-item {max-width: 100%;}
	.sub1 {padding: 3%;overflow: hidden;}
}
@media screen and (max-width: 1300px) {
	.pad2 {padding: 2% 3%;overflow: hidden;}
	.pad3 {padding:3% 3%;overflow:hidden;}
	.pad4 {padding:4% 3%;overflow:hidden;}
	.pad5 {padding:5% 3%;overflow:hidden;}
	.sub4-zuo span {font-size: 45px;}
	.sub4-zuo time {margin-top: 0;}
	.swiper-nr .swiper-button-next4 {right: -3%;}
	.swiper-nr .swiper-button-prev4 {left: -3%;}
	.sub4-box h6 {font-size: 18px;}
	.abo1 {padding: 3% 3% 0;}
}

@media screen and (max-width: 1200px) {
	.sub1-cont {margin-top: 25%;}
	.cont-item h1, .cont-rig h1 {font-size: 28px;}
	.cont-left {padding: 0 15px;}
}

@media screen and (max-width: 990px) {
	.pro-rig2 {padding: 0 15px;margin-top: 20px;}
	.cont-item h1, .cont-rig h1 {font-size: 24px;}
	
}

@media screen and (max-width: 768px) {
	.pad3 {padding:3% 15px;overflow:hidden;}
	.pad4 {padding:4% 15px;overflow:hidden;}
	.pad5 {padding:5% 15px;overflow:hidden;}
	.sub1-left,.sub1-rig {width: 100%;float: inherit;}
	.sub1-rig,.sub1-cont,.abo1-left,.abo4-rig,.news-rig {margin-top: 20px;}
	.swiper-nr .swiper-button-next1, .swiper-nr .swiper-button-next3 {left:8%;}
	.swiper-nr .swiper-button-prev1, .swiper-nr .swiper-button-prev3 {left: 0;}
	.sub1-box a {margin-top:5px;}
	.sub1-item {margin-bottom: 25px;}
	.swiper-nr .swiper-button-prev2 {right: 8%;}
	.swiper-nr .swiper-button-next2 {right: 0;}
	.swiper-nr .swiper-button-next4 {right: 0;}
	.swiper-nr .swiper-button-prev4 {left: 0;}
	.sub3-item {padding: 0 50px;margin-bottom: 20px;}
	.sub3-item::before {left: 25px;width: 90%;}
	.sub3-list{padding: 30px 20px 30px 16px;}
	.sub4-cont {display: block;}
	.sub4-left,.sub4-rig {width: 100%;}
	.sub4-box a {margin-top: 5px;}
	.sub4-item {align-items: inherit;padding: 10px;}
	.sub4-img{width: 60%;}
	.sub4-box {width: 40%;}
	.sub4-box h6,.pro-list p {font-size: 16px;}
	.pro-rig {padding-top: 0;margin-top: 20px;}
	.pro-item {padding: 0 5px;}
	.pro-rig .row {margin: 0 -5px;}
	.pro-top,.abo4 {display:block;}
	.pro-zuo,.pro-you,.abo4-left,.abo4-rig,.news-left,.news-rig {width: 100%;}
	.pro-you {padding: 0;margin-top: 20px;}
	.abo1-rig {float: inherit;width: 100%;margin: 0;}
	.abo2-item,.news-item2 {margin-bottom: 20px;}
	.abo5-item {width: 48%;}
	.news-item {display: block;}
	.news-rig h6 {font-size: 16px;}
	.news-rig {border: none;}
	.news-rig time {font-size: 18px;margin: 5px 0;}
	.news-rig p {line-height: 24px;}
	.link a {line-height: 36px;}
	.submenu-body li a {line-height: 35px;font-size: 14px;}
}