#fp-nav {right: 40px;margin-top: -101px;}
#fp-nav li {display: block;margin: 20px 0;}
#fp-nav li span {display: block;width: 15px;height: 15px;margin: 0 auto;border: 1px solid #0d0d0d; border-radius: 50%;}
#fp-nav .active span {background: #0d0d0d;}
.fp-tableCell {padding-top: 3%;}
/*******************************
  -------[= 首页第一屏 banner =]-------
********************************/
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.pad2 {padding: 2% 0;}
.pad3 {padding: 3% 0;}
.pad4 {padding: 4% 0;}
.center {text-align: center;}
.contact img {width: auto;max-width: 100%;}
.bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;
    -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.sub1-left {position: relative;}
.sub1-nr {position: absolute;top: 50%;left: 15px;margin-top: -86px;left: -150%;opacity: 0;transition: all 1s;}
.sub1-nr h1 {display: block;font-size: 48px;letter-spacing: 7px;}
.sub1-nr span {display:block;margin: 20px 0 15px; width:219px;height: 47px;text-align: center;line-height: 47px;background: #0d0d0d;color: #fff;letter-spacing: 3px;}
.a-btn {display: block;display: block;color: #666;width: 166px;height: 43px;text-align: center;line-height: 43px;border: 1px solid #666;}
.sub1-rig {padding: 0 0 0 15px;right: -100%;opacity: 0;transition: all 1s;position: relative;}
.sub1-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.sub1-bg img {animation:turn 12s linear infinite;-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
@keyframes turn{
	0%{
		-webkit-transform:rotate(0deg);
	}
	25%{
      -webkit-transform:rotate(90deg);
  }
	50%{-webkit-transform:rotate(180deg);
	}
	75%{
      -webkit-transform:rotate(270deg);
  }
	100%{
      -webkit-transform:rotate(360deg);
  }
}

/*******************************
  -------[= 首页第二屏 banner =]-------
********************************/
.sub2-nr {opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.sub2-nr h1 {display: block;font-size: 40px;color: #fff;}
.sub2-nr p {font-size: 18px;color: #fff;margin: 15px 0 35px;}
.swiper-nr .swiper-button-next1,.swiper-button-prev1{ width:57px; height:53px;cursor: pointer; position: absolute;top: 50%;margin-top: -28.5px; z-index: 99;}
.swiper-nr .swiper-button-next1 {right:-25px;background:url(../img/next1.jpg) no-repeat center center;}
.swiper-nr .swiper-button-prev1 {left:-25px;background:url(../img/prev1.jpg) no-repeat center center;}
.sub2-cont {text-align: left;margin-top: 60%;position: absolute;left: -150%;opacity: 0;transition: all 1s;}
.sub2-cont h1 {display: block;font-size: 60px;color: #fff;font-family: 'DIN Medium';}
.sub2-cont p {font-size: 24px;}
.sub2-cont a {display: inline-block;color: #666;margin-top: 5px;}
.sub2-rig {padding: 0 0 0 15px;right: -100%;opacity: 0;transition: all 1s;}
.sub2-item .sub2-cont {opacity: 0;}
/*******************************
  -------[= 首页第三屏 banner =]-------
********************************/
.sub3-bt {display: inline-block;font-size: 40px;color: #fff;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.sub3-item {width: 25%;float: left;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.sub3-list {border-right: 1px solid #0e2159;min-height: 289px;padding:3% 0 0 20%;}
.sub3-list li {display: block;font-size: 57px;}
.sub3-list li b {font-size:80px;font-weight: inherit;font-family: 'DIN Medium';}
.sub3-list p {font-size: 17px;}
.sub3-nr {margin-top: 7%;}
.sub3-nr .sub3-item:last-child .sub3-list {border: none;}
.sub3-nr .sub3-item:nth-child(1) .sub3-list {padding-left: 0;}
.sub3-nr .sub3-item:nth-child(3) {width: 33%;}
.sub3-nr .sub3-item:nth-child(4) {width: 17%;padding-left: 3%;}

/*******************************
  -------[= 首页第四屏 banner =]-------
********************************/
.sub4-bt {display: inline-block;opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all 1s;}
.sub4-bt h1 {display: block;font-size: 40px;color: #fff;}
.sub4-bt p {color: #fff;margin-top: 25px;}
.sub4-nr {margin-top: 7%;}
.sub4-list {text-align: center;position: absolute;top: 200%;opacity: 0; transition: all 1s;}
.sub4-img {position: relative;overflow: hidden;}
.sub4-img p {position: absolute;width: 100%; bottom: 0;left: 0;color: #fff;height: 43px;line-height: 43px;background: #0291ff;}
.sub4-cont {font-size: 18px;line-height: 30px;padding: 10px 25px 0;text-align: left;}
.sub4-item {position: relative;height: 339.52px;overflow: hidden;}

/*******************************
  -------[= 首页第五屏 banner =]-------
********************************/
.sub5-nr {margin-top: 5%;position: relative;}
.sub5-item {display: flex;justify-content: center;align-items: center;margin-bottom: 5%;}
.sub5-img {border-right: 1px solid #000;}
.sub5-cont {padding-left: 4%;width: 36%;}
.sub5-cont span {display: block;font-size: 24px;}
.sub5-cont i {display: block;width: 199px;height: 1px;background: #000;margin: 10px 0 20px;}
.sub5-cont p {font-size: 18px;}
.sub5-nr a {display: block;margin: 0 auto;width: 166px;height: 43px;text-align: center;line-height: 43px;border: 1px solid #666;color: #666;
	position: absolute;bottom:-100%;left: 50%;margin-left: -83px;opacity: 0;transition: all 1s;}
.sub5-item:nth-child(1) {position: relative;top: 0;left: -150%;opacity: 0;transition: all 1s;}
.sub5-item:nth-child(2) {position: relative;top: 0;right: -150%;opacity: 0;transition: all 1s;}

/*******************************
  -------[= 首页第六屏 banner =]-------
********************************/
.section6 .bg {top: -100%;opacity: 0;transition: all 1s;}
.sub6-left {position: relative;}
.sub6-bt {position: relative;left: -180%;opacity: 0;transition: all 1s;}
.sub6-bt h1 {font-size: 40px;color: #fff;letter-spacing: 7px;max-width: 60%;line-height: 60px;}
.sub6-bt span {display: block;color: #fff;width: 333px;height: 60px;text-align: center;line-height: 60px;background: #0d0d0d;letter-spacing: 1px;margin-top: 30px;}
.sub6-rig {padding:4% 15px 0;position: relative;right: -150%;opacity: 0;transition: all 1s;}
.sub6-left .a-btn {position: absolute;bottom: -100%;left: 15px;opacity: 0;transition: all 1s;}
.sub6-cont {position: relative;overflow: hidden;}
.play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);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;}
.sub6-cont video {width: 100%;height: auto;}

/*******************************
  -------[= 首页css3动画 =]-------
********************************/
.section {overflow: hidden;}
.active .sub1-nr {left:15px;opacity: 1;transition-delay: 0.7s;}
.active .sub1-rig {right: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub2-nr {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.7s;}
.active .sub2-cont {left:15px;opacity: 1;transition-delay: 0.7s;}
.active .sub2-rig {right: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub3-bt {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.1s;}
.active .sub3-item:nth-child(1) {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.3s;}
.active .sub3-item:nth-child(2) {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.4s;}
.active .sub3-item:nth-child(3) {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.5s;}
.active .sub3-item:nth-child(4) {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.6s;}
.active .sub4-bt {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.7s;}
.active .sub4-item:nth-child(1) .sub4-list {top:0;opacity: 1;transition-delay: 0.2s;}
.active .sub4-item:nth-child(2) .sub4-list {top:0;opacity: 1;transition-delay: 0.4s;}
.active .sub4-item:nth-child(3) .sub4-list {top:0;opacity: 1;transition-delay: 0.6s;}
.active .sub4-item:nth-child(4) .sub4-list {top:0;opacity: 1;transition-delay: 0.8s;}
.active .sub5-item:nth-child(1) {left: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub5-item:nth-child(2) {right: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub5-nr a {bottom:-25%;opacity: 1;transition-delay: 0.7s;}
.active .sub6-bt {left: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub6-rig  {right: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub6-left .a-btn {bottom: 0;opacity: 1;transition-delay: 0.7s;}
.active .bg {top: 0;opacity: 1;transition-delay: 0.7s;}
.active .sub2-item .sub2-cont {opacity: 0;}
/*******************************
  -------[= 关于我们页 =]-------
********************************/
.abo1-tit {margin-top: 6%;}
.abo1-tit h1 {display:inline-block;color: #005bab;font-size: 30px;border-bottom: 1px solid #191819;padding-bottom: 5px;font-family: '华康黑体W7(P)';letter-spacing: 1px;}
.abo1-tit p {color: #0d0d0d;line-height: 36px;letter-spacing: 2.5px;}
.abo1-cont {text-align: center;}
.abo1-cont li {display: inline-block;margin: 0 7px;transition: all 300ms ease-in-out;}
.abo1-cont li img {border: 1px solid #666;}
.abo1-cont li:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.abo2 {background: url(../img/abo2-bg.jpg) no-repeat left top;}
.abo2-tit {max-width: 550px;text-align: center;margin-left: 15%;padding-top: 5%;}
.abo2-tit h1 {display:block; font-size: 48px;font-weight: bold;color: #fff;letter-spacing: 8px;}
.abo2-tit i {display: inline-block;width: 75px;height: 5px;background: #fff;margin: 10px auto 15px;}
.abo2-tit p {font-size: 18px;line-height: 30px;color: #fff;}
.abo2-nr {margin-top: 12%;}
.abo2-item {padding: 0 35px;}
.abo2-img {text-align: center;}
.abo2-img img {transition: .6s; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.abo2-list i {display: block;width:68px;height: 3px;background: #0291ff;margin:10px auto 15px;transition: .6s;}
.abo2-list p {font-size: 24px;color: #fff;text-align: center;}
.abo2-list span {display: block;font-size: 18px;line-height: 30px;color: #fff;}
.abo2-item:hover .abo2-img img {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.abo2-item:hover .abo2-list i {width:140px;}
.abo3-left,.abo3-rig {}
.abo3-img {width: 262px;height: 302px;float: left; transition: all 300ms ease-in-out;}
.abo3-cont {float: right; padding-left: 20px;width: calc(100% - 262px);padding: 9% 0 0 20px;}
.abo3-cont h6 {display: block;font-size: 24px;color: #191819;line-height: 30px;}
.abo3-cont i {display:inline-block;width: 99px;height: 4px;background: #30b0f1;margin-top: 10px;}
.abo3-cont p {line-height: 24px;margin-top: 25px;}
.abo3-rig .abo3-img {float: right;}
.abo3-rig .abo3-cont {padding:9% 20px 0 0;text-align: right;float: left;}
.abo3-left:hover .abo3-img,.abo3-rig:hover .abo3-img {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.abo4 {background: url(../img/abo4-bg.png) no-repeat left top;padding: 4% 0 2%;}
.abo4-nr {display: flex;align-items: flex-end;margin-top: 4.2%;}
.abo4-nr li {display: inline-block;float: left;margin: 0 5px;transition: all 300ms ease-in-out;}
.abo4-nr li:hover {-webkit-transform: translateY(-20px);transform: translateY(-20px);}
.abo1-nr ul li {list-style:disc;letter-spacing: 2px;}

/*******************************
  -------[= 联系我们页 =]-------
********************************/
.cont-left {padding: 10px 15px 0;}
.cont-left h1 {display: block; font-size: 30px;}
.cont-left ul {margin-top: 5%;}
.cont-left ul li {display: block;margin-bottom: 12px;}
.cont-left ul li img {float: left; margin:8px 10px 0 0px;}
.cont-left ul li p {line-height: 36px;}
.z {padding-left: 17%;}
.cont-rig li {display: block;margin-bottom: 10px;}
.cont-rig li input {display: block;width: 100%;height:53px;border: 1px solid #aaa;border-radius: 5px;padding: 0 10px;}
.cont-rig li textarea {display: block;width:100%;height:149px;border: 1px solid #aaa;border-radius: 5px;padding: 5px 10px;}
.cont-rig li button {display: block;width: 126px;height: 40px;text-align: center;line-height: 40px;background: #0291ff;border-radius: 5px;color: #fff;font-size: 20px;cursor: pointer;}

/*******************************
  -------[= 新闻列表页 =]-------
********************************/
.news-nr {padding-left: 15px;}
.news-left {padding: 0;}
.news-left li{display: block;width:100%;height: 72px;background: #999; margin-bottom: 12px;line-height: 72px; text-align: center;}
.news-left li a {display: block;font-size: 16px;color: #fff;}
.news-left .default {background: #0291ff;}
.news-left .default a {color: #fff;}
.news-rig {padding: 0 3% 0 30px;}
.news-bt {border-bottom: 1px solid #191819;padding-bottom: 10px;}
.news-bt h6 {font-size: 18px;text-transform: uppercase;color: #191819;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news-bt time {display: block;float: right;font-size: 14px;color: #888;}
.news-cont p {margin: 15px 0;line-height: 20px;color: #888;font-size: 14px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.news-cont {padding: 5px 3% 0 0;}
.news-cont a {display: block;margin-top: 20px; width: 139px;height: 37px;text-align: center;line-height: 37px;background: #0291ff;color: #fff;}
.news-item {margin-bottom: 30px;}
.news-tu {overflow: hidden;}
.news-tu img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.news-item:hover .news-tu img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
/*******************************
  -------[= 新闻详情页 =]-------
********************************/
.news-tit h6 {display: block;font-size: 24px;color: #191819;}
.news-tit i {display: block;width: 151px;height: 1px;background: #191819;margin:10px auto;}
.news-tit time {display: block;font-size: 14px;color: #888;}
.news-cont {line-height: 30px;color: #888;}

/*******************************
  -------[= 产品页 =]-------
********************************/
.pro {margin-top: 114px;}
.pro-left .swiper-nr {padding: 0 40px;}
.swiper-nr .swiper-button-next2,.swiper-button-prev2{ width:16px; height:53px;cursor: pointer; position: absolute;top: 50%;margin-top: -28.5px; z-index: 99;}
.swiper-nr .swiper-button-next2 {right:0;background:url(../img/next2.png) no-repeat center center;}
.swiper-nr .swiper-button-prev2 {left:0;background:url(../img/prev2.png) no-repeat center center;}
.pro-cont {border: 1px solid #999;}
.pro-bt {font-size: 30px;text-align: center;color: #0d0d0d;line-height: 63px;border-bottom: 1px solid #c2c2c2;}
.pro-word {padding: 30px 45px;}
.pro-dec {font-size: 24px;line-height: 36px;margin-bottom: 25px;}
.pro-list {color: #999;line-height:30px;}
.pro-video video {width: 100%;height: auto;}

.ss-list {border: 1px solid #bfbfbf;font-size: 20px;text-align: center;padding-bottom: 10px;}
.ss-list p {margin: 15px 0;}
.ss-list a {display: block;font-size: 18px;text-align: center;color: #b1b0b0;}
.ss-list a:hover {text-decoration: underline;color: #0291ff;}
.ss-img {overflow: hidden;}
.ss-img img {width: 100%;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.ss-item:hover .ss-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}




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

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

}

@media screen and (max-width:1300px) {
.nav,.sub1,.sub2,.sub3,.sub4,.sub5,.sub6 {max-width: 100%;}
.sub4-nr {padding: 0 15px 0 0;}
.swiper-nr .swiper-button-next1 {right: 20px;}
.abo3-img {float: inherit;}
.abo3-cont {float: inherit;width: 100%;padding: 20px 0 0;}
.abo3-rig .abo3-cont {padding: 20px 0 0;}
}
@media screen and (max-width:1200px) {
/* .fp-section.fp-table, .fp-slide.fp-table { display: block !important;height: auto !important;}
.fp-tableCell {display: block !important;height: auto !important;overflow: hidden;}   
#fd .fp-tableCell {padding: 0 !important;} */
.abo1-logo img{max-width: 50%;}
.abo1-cont li {width: 18%;margin: 0 5px;}
.abo2-item {padding: 0 15px;}
.abo2-tit {max-width: inherit;margin: 0;text-align: left;}


}
@media screen and (max-width: 1024px) {
/* .section {height: auto !important;}
.fp-tableCell {height: auto !important;} */

}
@media screen and (max-width: 990px) {
	.pad4,.cont,.news,.news-xq,.pro {padding: 4% 15px;}
	.sub6-bt span {width:inherit;}
	.abo2-tit {padding-top: 0;}
	.abo2-nr {margin-top: 5%;}
	.abo2-list p {font-size: 20px;}
	.abo2-list span {font-size: 14px;}
	.abo2-item {margin-bottom: 20px;}
	.abo2-tit h1 {font-size: 36px;}
	.z {padding-left: 16%;}
	.pro {margin-top: 64px;}
	.abo1-nr {padding: 0 0 0 20px;}
	.abo3-rig {margin-top: 20px;}
	.abo3-rig .abo3-img {float: inherit;margin: 0 auto;}
	.abo3-rig .abo3-cont {text-align: center;}
	.abo3-left,.abo3-rig {text-align: center;}
	.abo3-img {margin: 0 auto;}
}
@media screen and (max-width: 768px) {
	.sub1-rig {text-align: center;padding: 0 15px;}
	.sub1-rig img {max-width: 60%;}
	.sub2-rig {padding: 0 15px;}
	.sub2-rig .swiper-nr {padding: 0 15%;}
	.swiper-nr .swiper-button-prev1 {left: 0;}
	.swiper-nr .swiper-button-next1 {right: 0;}
	.sub2-cont {margin-top: 32%;}
	.sub3-item {width: 50%;}
	.sub3-nr .sub3-item:nth-child(3) {width: 50%;}
	.sub3-nr .sub3-item:nth-child(2) .sub3-list {border: none;}
	.sub3-list {min-height: 200px;}
	.sub3-list li {font-size: 30px;}
	.sub3-list li b {font-size:40px;}
	.sub3-nr .sub3-item:nth-child(1) .sub3-list,.sub3-nr .sub3-item:nth-child(2) .sub3-list {padding-left: inherit;}
	.sub3-nr .sub3-item:nth-child(4) {padding: inherit;width: 50%;}
	.sub3-list {padding-left: 20% !important;}
	.sub4-nr {margin-top: 20px;}
	.sub4-cont {font-size: 16px;line-height: 25px;padding: 10px;}
	.sub4-item {height: 300px;}
	.sub5-img {max-width: 200px;}
	.sub5-cont {width: 50%;}
	.sub6-left .a-btn {position: inherit;left: 0;margin-top: 20px;}
	.sub6-bt span {max-width: 260px;height: 36px;line-height: 36px;margin-top:5px;}
	.sub2-nr h1,.sub3-bt,.sub4-bt h1,.sub6-bt h1 {font-size: 28px;}
	.sub5-cont i,.sub2-nr p {margin: 10px 0;}
	.sub5-cont p {font-size: 16px;}
	.sub5-cont span {font-size: 20px;}
	.sub4-bt p {margin-top: 15px;}
	.sub1-nr h1,.sub2-cont h1 {font-size: 30px;letter-spacing: 3px;}
	.abo2-tit h1 {font-size: 28px;}
	.abo2-tit i {margin: 5px 0 0;}
	.abo2-list p {font-size: 18px;}
	.abo1-cont li {width: 46%;margin:0 5px 10px;}
	.abo1-tit h1 {font-size: 24px;}
	.abo1-tit p {letter-spacing: 0;}
	.z {padding-left: 28%;}
	.news-left,.news-rig {padding: 0 15px;}
	.news-nr {padding: 0;}
	.news-img,.news-cont {padding: 0 15px;}
	.news-img,.pro-left {margin-bottom: 20px;}
	.news-left li {height: 50px;line-height: 50px;width: 50%;float: left;}
	.pro-word {padding: 30px 25px;}
	#fp-nav {right: 20px;top: 50%;}
	.sub2-item {justify-content: inherit;}
    .sub1-nr span {width: 189px;letter-spacing: 0px;width: 189px;margin:10px 0;}
    .sub2-nr .a-btn {display:none;}
}
@media  screen and (max-width: 550px) {
	.sub1-nr {position: inherit;}
	.sub1-rig,.sub2-rig {margin-top: 30px;}
	.sub1-rig img {max-width: 80%;}
	.sub2-cont {margin-top: 40%;}
	.sub2-cont {position: inherit;margin-top: 20px;}
	.active .sub2-cont {left: 0;}
	.sub2-rig .swiper-nr {padding: 0;}
	.sub3-list {padding-left: 10% !important;min-height: 160px;padding-right:10px;}
	.sub4-cont {font-size: 12px;padding: 10px 0 5px;line-height: 20px;}
	.sub4-item {height: 223px;}
	.sub6-bt h1 {max-width: 100%;}
	
}