.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 h3,.white p {color: #fff;}
.white i {background: #fff;}
.contact img {width: auto;max-width: 100%; height: auto !important;}
.contact ul{padding-left: 15px;}
.contact ul li {list-style: inherit;}
/*文字行数*/
.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;}
.row6 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.tran3000{-webkit-transition:all 3s linear; -moz-transition:all 3s linear; -ms-transition:all 3s linear; transition:all 3s linear;}
.banner {max-height:800px;overflow: hidden;position: relative;}
.banner .swiper-pagination1 {bottom:10px;position: absolute;text-align: center;z-index:9;width: 100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:9;}
.banner .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #e4bf5c;width:22px;}
.banner .swiper-button-prev1,.banner .swiper-button-next1{width:30px;height:50px;position: absolute;top: 50%;margin-top: -25px;z-index: 2;}
.banner .swiper-button-prev1{left:5%;background:#e4bf5c url(../img/zuo.png) no-repeat center center;}
.banner .swiper-button-next1{right:5%;background:#e4bf5c url(../img/you.png) no-repeat center center;}

/*--  Main products  sub1  --*/
.sub1-nr {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.sub1-item {position: relative;overflow: hidden;cursor: pointer;}
.sub1-img{position: relative;overflow: hidden;}
.sub1-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub1-box {width: 100%;height: auto;position: absolute;left: 0;bottom:30px;display: flex;align-items: center;justify-content: center;text-align: center;}
.sub1-box span {width: 173px;height: 50px;text-align: center;line-height: 50px;background: #ffffff;box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.2);font-size: 18px;font-family: 'Roboto';}
.sub1-nr .sub1-item:nth-child(1),.sub1-nr .sub1-item:nth-child(4){width:48.85%;}
.sub1-nr .sub1-item:nth-child(2),.sub1-nr .sub1-item:nth-child(3){width:23.3%;}
.sub1-nr .sub1-item:nth-child(4){margin-left: 51.1%;margin-top: -23.6%;}
.sub1-nr .sub1-item:nth-child(-n+8):nth-child(n+5){width: 23.6%;background: #f1f1f1;padding-bottom: 19px;margin-top: 30px;} 
.sub1-nr .sub1-item:nth-child(-n+8):nth-child(n+5) .sub1-box{position:inherit;bottom: inherit;margin-top: 36px;}
.sub1-nr .sub1-item:nth-child(-n+8):nth-child(n+5) .sub1-box span {width: 70%;}
.sub1-item:hover .sub1-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  Main products   sub2 --*/
.sub2 {background: url(../img/sub2-bg.jpg) left top;}
.sub2-cont {display: flex;justify-content: space-between;}
.sub2-item {width: 47.5%;}
.sub2-box {display: flex;align-items: center;justify-content: space-between;}
.sub2-box p {font-size: 12px;line-height: 30px;color: #282828;opacity: .6;font-family: 'Roboto';width: 82px;}
.sub2-tit{font-family: 'Itcavantgardestd-d';text-transform: uppercase;}
.sub2-tit h4{font-size: 36px;}
.sub2-tit h5 {font-size: 30px;}
.sub2-box .sub-btn {margin-top:25px;}
.sub-btn {display:inline-block; background: #585858;padding: 2px;cursor: pointer;}
.sub-btn span {display: inline-block; width:88px;height: 25px;text-align: center;color: #fff;font-family: 'Roboto';text-transform: uppercase;line-height: 25px;}
.sub-btn span:nth-child(2){background: #fff;color: #282828;transition: all 300ms ease-in-out;}
.sub-btn:hover span:nth-child(2){background: #06b4bd;color: #fff;}
.sub2-cont .sub2-item:nth-child(1) .sub2-rig{text-align: right;}
.sub2-box {margin-top:5%;}
.sub2-cont .sub2-item:nth-child(2) .sub2-img {margin-top: 5%;}
.sub2-cont .sub2-item:nth-child(2) .sub2-box {margin-top:8%;}
.sub2-cont .sub2-item:nth-child(2) .sub2-box p {text-align: right;}
.sub2-item:hover {animation-name:shake;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1;}
@keyframes shake{
      33.3%{transform:translateX(-8px)}
      49.95%{transform:translateX(4px)} 
      66.6%{transform:translateX(-2px)}
      83.25%{transform:translateX(1px)}
      to{transform:translateX(0)}
}

/*--  About us  sub3  --*/
.sub3 {display: flex;justify-content: space-between;}
.sub3-left {width: 50%;padding-top: 20px;}
.sub3-top {font-family: 'Itcavantgardestd-d';text-transform:uppercase;}
.sub3-top p {display: flex;align-items: center;font-size: 18px;}
.sub3-top p i {display: block;width: 50px;height: 1px;background: #585858;margin-left:15px;}
.sub3-tit {margin-top: 20px;}
.sub3-tit h4 {font-size: 30px;}
.sub3-tit h4:nth-child(2){color: #585858;}
.sub3-cont {line-height: 24px;font-family: 'Roboto';padding-right: 80px;}
.sub3-bott{display: flex;align-items:center; justify-content: space-between;}
.sub3-rig {width: 50%;position: relative;overflow: hidden;}
.sub3-rig::before{content: ""; width: 100%;height: 100%;position: absolute;top: 0;left: 0;border:10px solid rgba(255,255,255,0);z-index: 2;
	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;}
.sub3-rig img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub3-rig:hover::before{border:15px solid rgba(255,255,255,.4);}
.sub3-rig:hover img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.sub3-bott {margin-top: 10%;}
.sub3-ul {width: calc(100% - 185px);padding: 0 3%;display: flex;justify-content: space-between;}
.sub3-li {width: 50%;display: flex;}
.sub3-li sup,.sub3-li sub {font-family: 'Roboto';font-size: 16px;height: 20px;line-height: 20px;}
.sub3-li p {font-size: 48px;color:#e4bf5c;font-family: 'Itcavantgardestd-d';line-height: 48px;margin: 0 5px;}
.sub3-li sup{top: 0;}
.sub3-li sub {bottom:-25px;}

/*--  优势   sub4 --*/
.sub4 {background: url(../img/sub4-bg.jpg) left top;}
.sub4-nr {display: flex;justify-content: space-between;}
.sub4-left {width: 38.2%;}
.sub4-left h4,.abo2-left h4 {font-size: 48px;line-height: 50px;color: #ffffff;font-family: 'Itcavantgardestd-d';text-transform: uppercase;}
.sub4-left p,.abo2-left p {font-size: 16px;line-height: 24px;color: #ffffff;font-family: 'Roboto';margin-top:10%;}
.sub4-left ul {margin-top: 12%;}
.sub4-left ul li {display: block;line-height: 30px;color: #ffffff;}
.sub4-rig {width: 43.1%;}
.sub4-rig .row {margin: 0 -5.5px;}
.sub4-item {padding: 0 5.5px;margin-bottom: 10px;}
.sub4-list {width: 100%;height: 180px; background: rgba(255,255,255,.15);border-radius: 6px;text-align: center;color: #fff;position: relative;overflow: hidden;}
.sub4-list::before{content: "";position: absolute;top: 0;left:0;width:100%;height:0;background:#06b4bd;-webkit-transition: all ease 0.5s;transition: all ease 0.5s;}
.sub4-num {position: relative;}
.sub4-num span{font-size: 72px;font-family: 'Itcavantgardestd-d';}
.sub4-num sub {font-size: 18px;font-family: 'Roboto';bottom: 0;margin-left: 5px;}
.sub4-list p {line-height: 24px;padding: 0 8%;position: relative;}
.sub4-item:hover .sub4-list::before{height: 100%;top: auto;bottom: 0;}

/*--  Video  sub5  --*/
.sub5 video {width: 100%;height: auto;}

/*--  Application industry  sub6  --*/
.sub6 {background: url(../img/sub6-bg.jpg) left top;padding-bottom: 3%;}
.sub6-cont {}
.sub6-top {position: relative;}
.sub6-tab {width: 100%; display: flex;align-items:center;justify-content: space-between;background: #fff;position: relative;z-index: 2;}
.sub6-tab li {width: 16.6%;text-align: center;padding:30px 10px;list-style: none;position: relative;cursor: pointer;}
.sub6-tab li::before {content: "";width: 100%;background: #e4bf5c;position: absolute;left: 0;bottom: -30%;height: 0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.sub6-icon {width: 38px;height: 36px;margin: 0 auto;position: relative;overflow: hidden;}
.sub6-icon img {transition: .5s;display: block;top: 0;position: relative;-webkit-filter: drop-shadow(#ffffff 0 36px);filter: drop-shadow(#ffffff 0 36px);}
.sub6-tab li p {color: #585858;line-height: 18px;height: 36px;margin-top: 10px;text-transform: uppercase;padding: 0 30px;position: relative;}
.sub6-tab li.active .sub6-icon img {top: -100%;}
.sub6-tab li.active p {color: #fff;}
.sub6-tab li.active::before{height: 160%;top:-30%;bottom:auto;}



/*--  News and Information  sub7  --*/
.sub7-nr {position: relative;padding-bottom:5%;}
.sub7-item {display: block;cursor: pointer;}
.sub7-box {width: 86%;display: flex;justify-content: space-between;align-items: center;background: #f7f7f7;margin:-32px auto 0;position: relative;z-index: 2;}
.sub7-zuo {width:calc(100% - 95px);font-family: 'Roboto';text-align: left;padding:0 5%;}
.sub7-zuo h5 {font-size: 18px;color: #585858;text-transform: uppercase;}
.sub7-zuo time {display: block;font-size: 14px;color: #585858;opacity: .6;margin-top: 5px;}
.sub7-you {width: 95px;height: 95px;background: #585858;display: flex;align-items: center;justify-content: center;transition: all 300ms ease-in-out;}
.sub7-item:hover .sub7-you {background: #e4bf5c;}
.sub7-nr .swiper-paginations1{position: absolute;top: inherit;bottom: 0;text-align: center;}
.sub7-nr .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 13px;background: #585858;}
.sub7-nr .swiper-pagination-bullet-active{background: #e4bf5c !important;}
.sub7-nr .btn-rig,.sub7-nr .btn-left{ width:28px; height:28px;cursor: pointer; position: absolute;top:inherit;bottom: 0; z-index: 99;opacity:1;display: block;}
.sub7-nr .btn-rig {right:40%;background: url(../img/next1.png) no-repeat center center;}
.sub7-nr .btn-left {left:40%;background: url(../img/prev1.png) no-repeat center center;}

/*--  关于我们页  --*/
.abo1-nr,.abo4-cont {position: relative;}
.abo2 {background: url(../img/sub4-bg.jpg) left top;}
.abo2-top {display: flex;justify-content: space-between;align-items: center;}
.abo2-left {width: 38.2%;}
.abo2-left p {margin-top: 30px;} 
.abo2-rig {width:42.1%;}
.abo2-rig ul li{font-size: 24px;line-height: 36px;color: #ffffff;}
.abo3 {padding: 0;}
.abo3 .row {margin: 0 -10px;}
.abo3-item {padding: 0 10px;margin-bottom: 23px;}
.abo4 {position: relative;overflow: hidden;}
.abo4::before {content: "";width: 100%;height: 40%;background: #06b4bd;position: absolute;bottom: 0;left: 0;}
.abo4-cont {padding-bottom:5%;}
.abo4-cont .swiper-paginations3{position: absolute;top: inherit;bottom: 0;text-align: center;}
.abo4-cont .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 13px;background: #fff;}
.abo4-cont .swiper-pagination-bullet-active{background: #fff !important;}
.abo4-cont .btn-rig,.abo4-cont .btn-left{ width:28px; height:28px;cursor: pointer; position: absolute;top:inherit;bottom: 0; z-index: 99;opacity:1;display: block;}
.abo4-cont .btn-rig {right:40%;background: url(../img/next2.png) no-repeat center center;}
.abo4-cont .btn-left {left:40%;background: url(../img/prev2.png) no-repeat center center;}

/*--  产品列表页  --*/
.pro-bt {background: url(../img/pro-tit.jpg) no-repeat left top;width: 100%;text-align: center;line-height: 137px;font-size: 24px;font-weight: bold;color: #fff;text-transform: uppercase;}
.accordion {width: 100%;z-index: 10;position: relative;}
.accordion li {display: block;margin-top:3px;}
.accordion li i { display: block; position: absolute;right:15px;top:0px;background: url(../img/rig.png) no-repeat center center; width:14px; height:100%;cursor: pointer;}
.accordion .acc-li .open i {background: url(../img/up.png) no-repeat center center;width:14px;height:100%;}
.accordion .acc-li .default,.link.open {}
.accordion .acc-li:last-child .link {border-bottom: none;}
.link {padding:0;position: relative;background: #eaeaeb;}
.link a {color: #000 !important;line-height:63px;padding-left:20px;font-size:18px;display: flex;align-items: center;}
.accordion .acc-li .default,.link.open,.accordion .acc-li:hover .link{background: #06b4bd;}
.accordion .acc-li .default a,.link.open a,.accordion .acc-li:hover .link a{color: #fff !important;}
.link a span {display: block;width: 12px;height: 12px;border: 3px solid #fff;border-radius: 50%;margin-right: 15px;}
.submenu-body {background: #e9e9e9;}
.submenu-body li a {display: block;line-height:36px;color: #666666 !important;padding-left:20px;font-size: 16px;display: flex;align-items: center;}
.submenu-body li:hover a {}
.submenu-body li:last-child a{border-bottom: none;}
.submenu-body .active a, .submenu-body li a:hover {color: #06b4bd !important;}
.pro-item {cursor: pointer;margin-bottom: 20px;}
.pro-list {text-align: center;}
.pro-img {border: 1px solid #bfbfbf;position: relative;overflow: hidden;}
.pro-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro-box {width: 100%;height: 100%;background: rgba(6,180,189,.7);position: absolute;bottom: -80%;left: 0;opacity:0;padding: 0 10px;transition: all 300ms ease-in-out;
	display: flex;align-items: center;justify-content: center;flex-direction: column;}
.pro-box span {font-size: 18px;color: #ffffff;line-height: 24px;font-family: 'Roboto';}
.pro-box a {display: block;width: 134px;height: 37px;text-align: center;line-height: 37px;background:rgba(255,255,255,.8);margin: 20px auto 0;color: #06b4bd;font-family: 'Roboto';}
.pro-item:hover .pro-box,.bott-item:hover .pro-box {bottom:0;opacity: 1;}
.pro-list p {font-size: 18px;line-height: 30px;color: #000000;margin-top: 10px;font-family: 'Roboto';opacity: 1;transition: all 300ms ease-in-out;}
.pro-item:hover .pro-img img,.bott-item:hover .pro-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.pro-item:hover .pro-list p {opacity: 0;}

/*--  产品详情页  --*/
.pro-top {display: flex; justify-content: space-between;}
.pro-zuo {width: 58.2%;display: flex;justify-content: space-between;}
.small{width: 19%;height: 100%;position: relative;overflow: hidden;}
.small .swiper-wrapper {height:649px;}
.small-list{padding: 1px;border: 1px solid #bfbfbf;cursor: pointer;}
.small .swiper-slide-thumb-active{border: 1px solid #06b4bd;}
.big {border: 1px solid #bfbfbf;width: 79.5%;position: relative;}
.big .btn-left,.big .btn-rig{ width:30px; height:50px;cursor: pointer; position: absolute;top:50%;margin-top: -25px; z-index: 999;display: block;}
.big .btn-left {left:4%;background:#06b4bd url(../img/zuo.png) no-repeat center center;opacity: 0;transition:all 0.5s;background-size: 100% 100%;}
.big .btn-rig {right:4%;background:#06b4bd url(../img/you.png) no-repeat center center;opacity: 0;transition:all 0.5s;background-size: 100% 100%;}
.big:hover .btn-left {left:15px;opacity: 1;}
.big:hover .btn-rig {right:15px;opacity: 1;}
.pro-you {width: 40.3%;}
.pro-tit h6 {font-size: 36px;font-family: 'Roboto';color: #000000;}
.pro-cont {line-height: 36px;color: #000;min-height: 360px;}
.pro-btn p {font-size: 24px;color: #000000;font-weight: bold;}
.pro-btn div {display: flex;align-items: center;margin-top: 10px;}
.pro-btn div a {display: block;width: 272px;height: 69px;text-align: center;line-height: 69px;color: #fff;background: #06b4bd;font-size:24px;font-family: 'Roboto';margin-right: 10px;}
.pro-bt2 {font-size: 24px;padding-bottom: 20px;border-bottom: 1px solid #b2b2b2;font-weight: bold;}
.pro-cont2 {line-height: 36px;}
.bott-nr {position: relative;}
.bott-item {cursor: pointer;}
.bott-list {text-align: center;}
.bott-list p {font-size: 18px;line-height: 36px;margin-top: 5px;}
.bott-img {border: 1px solid #bfbfbf;overflow: hidden;}
.bott-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.bott-nr .btn-rig,.bott-nr .btn-left{ width:49px; height:70px;cursor: pointer; position: absolute;top:50%;margin-top:-35px; z-index: 99;opacity:1;display: block;}
.bott-nr .btn-rig {right:-5%;background: url(../img/next3.png) no-repeat left top;}
.bott-nr .btn-left {left:-5%;background: url(../img/prev3.png) no-repeat left top;}
.bott-item:hover .bott-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  新闻列表页  --*/
.news-item {padding-bottom:2%;border-bottom: 1px solid #bdbdbd;margin-bottom:2%;}
.news-list{padding: 20px 0;width: 100%;display: flex;align-items: center;justify-content: space-between;transition: all 300ms ease-in-out;padding-right:2%;}
.news-left {width:11%;text-align: center;}
.news-left span {display: block;font-size: 44px;color: #282828;font-family: 'Roboto';}
.news-left time {display: block;font-size: 26px;color: #6c6c6c;font-family: 'Roboto';}
.news-rig {border-left: 1px solid #d2d2d2;padding-left:2%;width: 89%;display: flex;align-items: center; justify-content: space-between;}
.news-zuo{width:73%;}
.news-zuo h5 {font-size: 24px;font-family: 'Roboto';color: #585858;text-transform: uppercase;}
.news-zuo p {line-height: 24px;font-family: 'Roboto';margin-top:15px;color: rgba(0,0,0,.6);}
.news-zuo a {display: flex;align-items: center;justify-content: space-evenly; width:226px;height:42px;border: 1px solid #bfbfbf;margin-top: 25px;transition: all 300ms ease-in-out;}
.news-zuo a span {color: #000000;}
.news-icon {width: 8px;height: 10px;position: relative;z-index: 2;overflow: hidden;}
.news-icon img {transition: .5s;display: block;left:0;position: relative;-webkit-filter: drop-shadow(#fff 8px 0);filter: drop-shadow(#fff 8px 0);}
.news-rig a:hover img {left:-100%;}
.news-rig a:hover{background: #06b4bd;border: 1px solid #06b4bd;}
.news-rig a:hover span {color: #fff;}
.news-you {width: 23%;}
.news-item:hover .news-list {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}

/*--  新闻详情页  --*/
.news-tit {text-align: center;}
.news-tit h6 {font-size: 30px;text-transform: uppercase;color: #343434;font-family: 'Roboto';padding-bottom: 10px;border-bottom: 1px solid #d1d1d1;}
.news-tit p {display: flex;justify-content: center;align-items: center;margin-top: 15px;}
.news-tit p span {color: #5a5a5a;margin: 0 20px;font-family: 'Roboto';}
.news-cont {line-height: 30px;font-family: 'Roboto';}
.news-bott {position: relative;}

/*--  下载列表页  --*/
.down-item {display: flex;align-items: center;justify-content: space-between;background: #f6f6f6;margin-bottom:20px;}
.down-left {width:80%;display: flex;align-items: center;}
.down-img {width: 17%;margin-right:2.5%;}
.down-box h6 {font-size:24px;font-family: 'Roboto';font-weight: bold;}
.down-rig {padding-right: 3%;}
.down-btn {display: flex;align-items: center;justify-content: space-evenly;width: 200px;height: 60px;background: #06b4bd;border-radius: 5px;}
.down-btn span {font-size: 18px;color: #fff;font-family: 'Roboto';}
.down-item:hover .down-btn img {-webkit-animation: bounce .5s linear 1;animation: bounce .5s linear 1;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

/*--  联系我们页  --*/
.sup-tit {font-size: 24px;font-family: 'Roboto';padding-bottom: 25px;border-bottom: 1px solid #a3a3a3;text-transform: uppercase;color: #000;font-weight: bold;}
.sup-nr {display: flex;justify-content: space-between;}
.sup-left {width: 48%;}
.sup-dec {font-size: 14px;color: #797979;font-family: 'Roboto';}
.sup-item {margin-bottom: 3%;}
.sup-item input {display: block;width: 100%;height: 44px;border: 1px solid #bfbfbf;border-radius: 5px;padding: 0 10px;font-size: 14px;font-family: 'Roboto';color: #000;}
.sup-item textarea {display: block;width: 100%;height:154px;border: 1px solid #bfbfbf;border-radius: 5px;padding:10px;font-size: 14px;font-family: 'Roboto';color: #000;}
.sup-item button {display: block;width: 100%;height: 40px;background: #06b4bd;text-align: center;line-height: 40px;color: #fff;border-radius: 20px;font-size: 18px;font-family: 'Roboto';}
.sup-rig {background: #f7f7f7;width: 40.7%;padding:4%;}
.sup-rig h3 {color: #222222;font-size: 16px;}
.sup-rig ul{margin-top: 5%;}
.sup-rig ul li {line-height: 36px;font-family: 'Roboto';}
.sup-rig ul li a {color: #222222;word-break: break-all;}
.sup-rig ul li a:hover {color: #06b4bd;text-decoration: underline;}
.sup-date {margin-top:27%;}
.sup-date p {color: #222;font-size: 18px;}
.sup-date span {display: block;font-size: 14px;line-height: 20px; color: #797979;font-family: 'Roboto';}
.accordiaBox {border-bottom: 1px solid #a3a3a3;}
.tempFAQs {}
.accordion1 {width: 100%;line-height:60px;padding: 0 30px 0 10px;position: relative;cursor: pointer;}
.accordion1 span {font-size:18px;line-height:45px;color: #000000;font-family: 'Roboto';}
.accordion1 i{display: block;width:24px;height: 24px;background:url(../img/li1.png);background-size: 100% 100%; position: absolute;right:0;top: 15px;transition: all .3s;}
.tempFAQs .panel{padding:0 30px 25px 10px;display: none;font-size: 16px;line-height: 30px;color: #000000;font-family: 'Roboto';opacity: .8;}
.accordiaBox.active .accordion1 i {transform: rotate(45deg);}



@media only screen and (max-width:1500px) {
	.pad5 {padding:5% 3%;}
	.pad4 {padding:4% 3%;}
	.pad3 {padding:3% 3%;}
	.pad2 {padding:2% 3%;}
	.pad1 {padding:1% 3%;}
	.sub4-num span{font-size: 68px;}
	.abo3{padding: 0 3%;}
	.bott-nr .btn-left{left: -2%;}
	.bott-nr .btn-rig{right: -2%;}
}
@media only screen and (max-width:1400px) {
	.sub2-tit h4{font-size: 34px;}
	.sub2-tit h5,.sub3-tit h4{font-size: 28px;}
	.sub3-top p{font-size: 16px;}
	.sub3-li p,.sub4-left h4, .abo2-left h4{font-size: 42px;}
	.sub-btn span{width: 80px;}
	.sub4-left{width: 51%;}
	.sub4-num span{font-size: 60px;}
	.abo2-rig ul li,.pro-btn div a{font-size: 22px;}
	.small .swiper-wrapper{height: 594px;}
	.news-left span{font-size: 40px;}
}
@media only screen and (max-width:1300px) {
	.sub2-tit h5,.sub3-tit h4{font-size: 26px;}
	.sub3-li p, .sub4-left h4, .abo2-left h4{font-size: 40px;}
	.sub4-num span{font-size: 50px;}
	.sub4-list{padding-top: 10%;}
	.abo2-rig ul li,.pro-btn div a{font-size: 20px;}
	.small .swiper-wrapper{height: 562px;}
}
@media only screen and (max-width:1200px) {
	.pad5 {padding:5% 15px;overflow: hidden;}
	.pad4 {padding:4% 15px;overflow: hidden;}
	.pad3 {padding:3% 15px;overflow: hidden;}
	.pad2 {padding:2% 15px;overflow: hidden;}
	.pad1 {padding:1% 15px;overflow: hidden;}
	.sub2-tit h4{font-size: 30px;}
	.sub2-tit h5, .sub3-tit h4{font-size: 24px;}
	.sub4-left p, .abo2-left p,.sub4-left ul{margin-top: 8%;}
	.sub3-li p, .sub4-left h4, .abo2-left h4{font-size: 36px;}
	.sub4-num span{font-size: 40px;}
	.sub3-cont{padding-right: 20px;}
	.sub7-you{width: 65px;height: 65px;}
	.abo3{padding: 0 15px;}
	.abo2-rig ul li,.pro-btn div a{font-size: 18px;}
	.pro-list p{font-size: 16px;}
	.small .swiper-wrapper{height: 531px;}
	.bott-nr .btn-left{left:0;}
	.bott-nr .btn-rig{right: 0;}
	.news-left{width: 15%;}
	.news-rig{width: 85%;}
}
@media screen and (max-width:992px) {
	.sub3-bott{display: block;}
	.sub3-ul{width: 100%;margin-top: 20px;}
	.sub3-li p, .sub4-left h4, .abo2-left h4{font-size:32px;}
	.sub6-tab li p{padding: 0;}
	.sub2-tit h4{font-size: 28px;}
	.sub2-tit h5, .sub3-tit h4{font-size: 22px;}
	.abo2-rig ul li,.pro-btn div a{font-size: 16px;}
	.small .swiper-wrapper{height:443px;}
	.pro-cont{min-height: inherit;}
	.news-you{width: 35%;}
	.news-zuo{width: 58%;}
}	
@media screen and (max-width: 768px) {
	.sub1-nr .sub1-item:nth-child(1), .sub1-nr .sub1-item:nth-child(4){width: 100%;}
	.sub1-nr .sub1-item:nth-child(2), .sub1-nr .sub1-item:nth-child(3){width: 48%;}
	.sub1-nr .sub1-item:nth-child(-n+8):nth-child(n+5){width: 48%;margin-top: 0;}
	.sub1-nr .sub1-item:nth-child(-n+8):nth-child(n+5) .sub1-box span{width: 80%;}
	.sub1-item{margin-bottom: 20px;}
	.sub1-nr .sub1-item:nth-child(4){margin: 0 0 20px;}
	.sub1-box span{height: 40px;line-height: 40px;}
	.sub2-cont,.sub3,.sub4-nr,.abo2-top,.pro-top,.news-list,.news-rig,.down-item,.down-left,.sup-nr{display: block;}
	.sub2-item,.sub3-left,.sub3-rig,.sub4-left,.sub4-rig,.abo2-left,.abo2-rig,.pro-zuo,.pro-you,.news-rig,.news-zuo,.news-you,.down-left,.down-img,.sup-left,.sup-rig{width: 100%;}
	.sub2-tit h5, .sub3-tit h4{font-size: 20px;}
	.sub3-rig,.sub4-rig,.abo2-rig,.pro-rig,.pro-you,.news-you,.sup-rig{margin-top: 20px;}
	.sub6-tab li.active::before{height: 100%;top: 0;}
	.sub6-tab{flex-wrap: wrap;}
	.sub6-tab li {width: 33%;padding: 10px 5px;}
	.sub7-nr .btn-left,.abo4-cont .btn-left{left: 0;}
	.sub7-nr .btn-rig,.abo4-cont .btn-rig{right: 0;}
	.sub7-nr,.abo4-cont{padding-bottom: 10%;}
	.sub7-nr .swiper-pagination-clickable .swiper-pagination-bullet,
	.abo4-cont .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 5px;}
	.sub4-left h4, .abo2-left h4,.pro-tit h6{font-size: 24px;}
	.sub4-left h4,.abo2-left h4{line-height: 36px;}
	.pro-box a{margin-top: 10px;}
	.pro-rig .row {margin: 0 -5px;}
	.pro-item{padding: 0 5px;}
	.small .swiper-wrapper{height:284px;}
	.pro-btn div a{height: 40px;line-height: 40px;}
	.bott-nr .btn-rig, .bott-nr .btn-left{width: 29px;height: 41px;margin-top: -20.5px;}
	.bott-nr .btn-left,.bott-nr .btn-rig{background-size: 100% 100%;}
	.news-left{display: none;}
	.news-rig{border: none;padding-left:0;}
	.down-box {margin: 15px 0;}
	.down-item{padding:20px;}
	.down-box h6{font-size: 22px;}
	.down-img{margin-right: 0;}
	.down-rig{padding-right: 0;}
	.accordion1,.accordion1 span{line-height: 24px;}
	.accordion1{padding: 10px 30px 10px 10px;}
	.pro-bt {display: none;}
	.link a{line-height: 45px;}
}