.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;}
/* .white i {background: #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: 780px;overflow: hidden;position: relative;}
.banner .swiper-paginations {bottom: 20px;position: absolute;text-align: center;z-index: 10;}

/*--  product index  --sub1 --*/
.htmleaf-container{ margin-top:3%;}
.banner-container{overflow:hidden;position:relative;/*width:1024px;margin:25px auto;*/}
.banner-container ul{height: 585px;}
.banner-container li{float:left;overflow:hidden;cursor:pointer;position:relative;z-index:9;margin: 0 1px;}
.banner-container li:nth-child(1){margin-left: 0;}
.banner-container li a{display:block;padding:0px;margin:0px;position: relative;}
.banner-container li a p {position: absolute;width: 100%;bottom: 0; padding: 0 20px;font-size: 19px;color: #fff;background: rgba(4,171,171,0.7); line-height:67px;text-align: center;}
.banner-container li span.overlay {background:rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0px;left:0px;}
.sub1-item {text-align: center;margin-bottom: 20px;}
.sub1-item p {line-height: 35px;}
.sub1-nr2 {display: none;}

/*--  company profile  --sub2 --*/
.sub2 {background: url(../img/sub2-bg.jpg) left top;}
.sub2-nr {padding: 5.5% 0;max-width: 1346px;}
.sub2-nr1 {line-height: 30px;max-width: 62%;background: rgba(4,171,171,.8);padding: 30px 68px;}
.sub2-nr1>.title h1 {color:#fff;}
.sub2-nr1>.title p {color:#fff;}
.sub2-cont {line-height: 30px;}
.sub2-btn {margin-top:4%;}
.sub2-btn a {display: block;width: 181px;height: 37px;text-align: center;line-height: 37px;background: #ffffff;color: #332c2b;}

/*--  why choose us  --sub3 --*/
.sub3-list {border-radius: 50%;text-align: center;width: 233px;height: 233px;padding:15% 3% 0;position: relative;}
.sub3-box {position: absolute;width: 100%;height: 100%;top:0;left:0;border-radius: 50%;}
.sub3-box img {animation: myMove1 10s ease-in infinite alternate;-webkit-animation: myMove1 10s ease-in infinite alternate;}
	@keyframes myMove1 {
	    from {transform: rotate(0deg);}
	    to {transform: rotate(360deg);}
	}
	 
	@-webkit-keyframes myMove1 {
	    from {transform: rotate(0deg);}
	    to {transform: rotate(360deg);}
	}
.sub3-icon {width: 60px;height: 60px;margin: 0 auto;}
.sub3-list p {text-align: center;line-height: 30px;margin-top: 4px;padding: 0 10px;}
.sub3-item:hover .sub3-list {-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }

}
.sub3-nr {display: flex;justify-content: space-between;}
.sub3-item {width:18%;height: 233px;}
.sub3-list {width: 100%;}


/*--  SOLUTIONS  --sub4 --*/
.sub4{background: url(../img/sub4-bg.jpg) left top;}
.sub4-item{cursor:pointer;}
.sub4-list {position: relative;overflow: hidden;}
.sub4-box {position: absolute;bottom:-50%;left: 0;width:100%;height: 100%;background: rgba(27,27,27,.65);padding-top:55%;opacity: 0;
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-box p {color: #fff;text-align: center;font-size: 20px;padding: 0 10px;}
.swiper-pagination1 {text-align: center;}
.swiper-pagination1 .swiper-pagination-bullet{width:10px;height:10px;border: 1px solid #332c2b; opacity:1;margin: 0 8px !important;background: none;}
.swiper-pagination1 .swiper-pagination-bullet-active {background: #332c2b;opacity: 1;}
.sub4-item:hover .sub4-box {bottom: 0;opacity: 1;}
.swiper-nr .swiper-button-next1,.swiper-button-prev1{ width:29px; height:47px;cursor: pointer; position: absolute;top: 50%;margin-top: -23.5px; z-index: 99;}
.swiper-nr .swiper-button-next1 {right:-5%;background:url(../img/next1.png) no-repeat left top;}
.swiper-nr .swiper-button-prev1 {left:-5%;background:url(../img/prev1.png) no-repeat left top;}
.sub4-img{position:relative;overflow:hidden;border: 1px solid #000;}
.sub4-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-box{position:absolute;width:100%;height:100%;bottom:-50%;left:0;background:rgba(27,27,27,.65);display: flex;align-items: center;padding: 0 10px;color: #fff;font-size: 20px;justify-content:center;opacity:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.sub4-item:hover .sub4-box {bottom:0;opacity:1;}
.sub4-item:hover .sub4-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  产品列表页 --*/
.pro-left {float:left;width: 30%;}
.accordion {width: 100%;z-index: 10;position: relative;background: #04abab;}
.accordion li {display: block;}
.accordion li i { display: block; position: absolute;right:0;top:0px;background: url(../img/rig.png) no-repeat center center; width:40px; height:100%;cursor: pointer;}
.accordion .acc-li .open i {background: url(../img/up.png) no-repeat center center;width:40px;height:100%;}
.accordion .acc-li .default,.link.open {}
.accordion .acc-li:last-child .link {border-bottom: none;}
.link {padding:0;position: relative;border-bottom: 1px solid #fff;}
.link a {color: #fff !important;display: block;line-height:60px;padding-left: 30px;font-size: 20px;}
.accordion .acc-li .default, .link.default, .acc-li:hover .link:hover {}
.accordion .acc-li .default a, .link.open a, .acc-li:hover .link a {/* text-decoration: underline; */}
.submenu-body {}
.submenu-body li a {display: block;line-height: 48px;color: #dddddd !important;padding-left: 30px;}
.submenu-body li {background:#007f7f;border-bottom: 1px solid #fff;}
.submenu-body .active a,.submenu-body li a:hover {text-decoration: underline;}
.pro-tit {width: 100%;font-size: 36px;text-transform: uppercase; text-align: center;line-height: 102px;background: url(../img/pro-bt.jpg) left top;color: #fff;}
.pro-rig {float: right;width: calc(100% - 30%);padding-left: 2%;}
.pro-rig .row {margin: 0 -4px;}
.pro-item {padding: 0 4px;margin-bottom: 10px;cursor: pointer;}
.pro-list p,.ser-list p {margin-top:10px;}
.pro-img,.ser-img {position: relative;overflow: hidden;}
.pro-img img,.ser-img img {transition: 0.3s;border: 1px solid #626262;}
.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;}
.pro-item:hover .overlay1,.ser-item:hover .overlay1 {opacity: 1;}
.pro-item:hover .overlay1 a.expand,.ser-item: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;}
.pro-item:hover .pro-img img,.ser-item:hover .ser-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

/*--  产品详情页 --*/
.pro-zuo {padding: 0 0 0 15px;}
.pro-you {padding: 0 15px 0 3%;}
.pro-bott {background: #eee;}
.pro-bt {font-size: 18px;text-transform: uppercase;padding-bottom: 15px;border-bottom: 1px solid #ccc;}
.pro-name {font-size: 32px;font-weight: bold;color: #717171;text-transform: uppercase;}
.pro-dec {color: #888888;line-height: 32px;}
.pro-dec li {padding-left: 20px;position: relative;}
.pro-dec li::before{content: "";width: 8px;height: 8px;background: #9e8a6e;position: absolute;left: 0;top:12px;}
.pro-box {display: flex;justify-content: space-between;padding: 10px 30px;background:#eae9e9;margin-top:10%;}
.pro-box li {display: block;width: 50%;}
.pro-box li p {display: block;font-size: 20px;font-weight: bold;color: #333333;}
.pro-box li span {display: block;font-size: 15px;color: #888888;}
.show1{border:1px solid #626262;}
.small {margin-top: 30px;padding: 0 7%;}
.small-list {padding: 1px;}
.small-img {border: 1px solid #bcbcbc;}
.small-img.active {border: 2px solid #555;}
.pro-l {float: left;width:70%;background: #fff;padding: 25px 15px;}
.pro-tit2 {color: #555;padding-bottom: 15px;border-bottom: 1px solid #93908f;position: relative;}
.pro-tit2::before{content: "";width: 119px;height: 3px;background: #93908f;position: absolute;bottom: 0;left: 0;}
.pro-r {float:right;width: 23.3%;background: #fff;padding: 25px 15px 13px;}
.bott-item p {text-align: center;line-height: 42px;color: #555;}
.bott-item {cursor: pointer;margin-top: 15px;}
.swiper-nr .swiper-button-next2,.swiper-button-prev2{ width:21px; height:33px;cursor: pointer; position: absolute;top: 50%;margin-top: -16.5px; z-index: 99;}
.swiper-nr .swiper-button-next2 {right:-35px;background:#332c2b url(../img/next2.png) no-repeat center center;border: 1px solid #332c2b;}
.swiper-nr .swiper-button-prev2 {left:-35px;background:#332c2b url(../img/prev2.png) no-repeat center center;border: 1px solid #332c2b;}
.swiper-button-prev2.swiper-button-disabled {background:#fff url(../img/prev2.png) no-repeat center center;border: 1px solid #d4d4d4;}
.swiper-button-next2.swiper-button-disabled {background:#fff url(../img/next2.png) no-repeat center center;border: 1px solid #d4d4d4;}
.pro-y {margin-top: 15%;}

/*--  SERIES列表页 --*/
.ser-tab {display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.ser-tab a {width: 13.5%;height: 34px;text-align: center;line-height: 34px;border: 1px solid #6e6e6e;margin-bottom: 15px;color: #333;padding:0;display: block;}
.ser-tab .active {background: #332c2b;color: #fff;}
.ser-item {margin-bottom: 3%;}

/*--  解决方案列表页 --*/
.solu-nr .row {margin: 0 -24px;}
.solu-item {padding:0 24px;margin-bottom:40px;cursor: pointer;}
.solu-box {padding-top:15px;}
.solu-box h6 {font-size:16px; font-weight: bold;color: #343434;overflow: hidden;}
.solu-box p {font-size: 13px;color: #333;opacity: .7; line-height: 35px;border-bottom: 1px solid #adabaa;background: url(../img/rig1.png) no-repeat right center;padding-right: 20px;}
.solu-item:hover .solu-box h6 {color: #333;}

 .xz-box{display: flex;justify-content: space-between;padding: 18px 0;border-bottom: 1px dashed #ccc;}
	  .xz-title{line-height: 24px;font-size: 22px;color:#323232;}
	  .xz-left{ display: flex;flex-direction: row;justify-content: center;align-items: center;}
	  .xz-box:hover{text-decoration: none;border-bottom: 1px dashed #04abab;}
	  .xz-box:hover .xz-title{color: #04abab;}

/*--  解决方案详情页 --*/
.solu-top {padding: 0 5%;}
.swiper-nr .swiper-button-next3,.swiper-button-prev3{ width:29px; height:47px;cursor: pointer; position: absolute;top: 50%;margin-top: -23.5px; z-index: 99;}
.swiper-nr .swiper-button-next3 {right:-5%;background:url(../img/next3.jpg) no-repeat left top;}
.swiper-nr .swiper-button-prev3 {left:-5%;background:url(../img/prev3.jpg) no-repeat left top;}
.solu-bott {line-height: 30px;}
.solu-bott video,.solu-bott iframe{width:100%;height:auto;}

/*--  新闻列表页 --*/
.news-nr {padding:0;}
.news-item {position: relative;margin-bottom:45px;transition: all 0.3s ease-out 0s;height: 263px;cursor: pointer;background: #eeeeee;}
.news-item:before,.news-item:after {display: table;clear: both;content: '';}
.news-left {position: absolute;left: -10.7%;top: 0;padding-top: 60px;height: 100%;z-index: 2;}
.news-item .news-left:after {content: '';position: absolute;top: 0;right:-17px;width: 0;height: 263px;z-index: -1;
	background:#04abab;transition: all .5s ease;-webkit-transition: all .5s ease;}
.news-left h1 {display: block;font-size:56px;color: #333333;text-align: center;}
.news-left time {display: block;font-size:30px;color: #333333;}
.news-left div {z-index: 99;position: relative;}
.news-rig {background: #eeeeee;padding: 14px 16px;display: flex;align-items: center;height: 263px;position: relative;}
.news-rig:after {content: '';position: absolute;top: 0;right: 0;background: #eeeeee;height: 100%;width: 0; transition: all .5s ease;-webkit-transition: all .5s ease;}
.news-zuo {float: left;width: 68%;padding: 0 7% 0 0;}
.news-you {float: right;width: 32%;text-align: right;}
.news-zuo h6 {display: block;font-weight: bold;color: #333333;text-transform: uppercase;}
.news-zuo i {display: block;width: 100%;height: 1px;background: #676767;margin-top: 15px;}
.news-zuo p {color: #333333;line-height: 27px;margin-top: 15px;}
.news-item.hover {background: #eeeeee;}
/* .news-item.hover .news-left h1,.news-item.hover .news-left time {color: #fff;-webkit-line-clamp: 2;
background-image: -webkit-linear-gradient(left, #fff,#fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
.news-nr .news-item:last-child {margin-bottom: 0;}
.news-item.hover .news-left:after {width:359px}
.news-item.hover .news-rig:after {width:360px;right:-360px;}
.news-item.hover .news-left h1,.news-item.hover .news-left time {color: #fff;}

/*--  新闻详情页 --*/
.news-bt h1 {font-size: 46px;font-family: 'ITC Avant Garde Gothic Std';text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #a1a1a1;}
.news-bt time {display: block;font-size: 18px;color: #606060;margin-top: 15px;}
.news-cont {color: #606060;line-height: 30px;}

/*--  视频列表页 --*/
.show-nr .row {margin: 0 -17px;}
.show-item {padding: 0 17px;margin-bottom: 45px;cursor: pointer;}
.show-list {border:1px solid #d7d7d7;padding: 9px;}
.show-list p {display: block;font-size: 16px;color: #3c3c3c;text-align: center;line-height: 40px;margin-top: 10px;}
.show-img {position: relative;overflow: hidden;}
.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;}
.show-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;}
.show-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;}
.show-cont {max-width: 950px;max-height:520px;}
.show-cont video,.show-cont iframe {width: 950px;height: 514px;}
.show-img .img {transition: all 0.5s;}
.show-item:hover .show-img .img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.show-item:hover .show-box p {color: #2267ad;}
.video-img {position: relative;overflow: hidden;}
.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-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;}
.video-img .img {transition: all 0.5s;}
.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);}
.play-img {position: relative;width: 58px;height: 58px;}
.play-img::after {content:'';position:absolute;width:100px;height:100px;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:-21px;left:-21px;opacity:0; -webkit-animation: warn-2 2s ease-out 1.1s infinite;animation: warn-2 2s ease-out 1.1s infinite;}
.play-img::before {content:'';position:absolute;width:58px;height:58px;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:0;left:0;opacity:0; -webkit-animation: warn 2s ease-out .1s infinite;animation: warn 2s ease-out .1s infinite;}

/*--  关于我们页 --*/
.abo1-img {float: right;width: 41.2%;}
.abo1-cont {float: left;width:55%;line-height: 30px;}
.abo1-bott video,.abo1-bott iframe {width: 100%;min-height:450px;}
.abo2 {background: url(../img/abo2-bg.jpg) left top;}
.abo2-list {text-align: center;}
.abo2-list p {color: #fff;line-height: 30px;margin: 20px auto 0;}
.abo2-icon {position: relative;overflow: hidden;width: 60px;height: 60px;margin: 0 auto;
	transition: .6s; transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.abo2-icon img {transition: .6s; display: block; left:-100%;position: relative;-webkit-filter: drop-shadow(#fff 60px 0);filter: drop-shadow(#fff 60px 0);}
.abo2-item:hover .abo2-icon {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.abo3-item {margin-bottom: 20px;}
.abo4-nr {display: flex;justify-content: space-between;flex-wrap: wrap;}
.abo4-item {width: 18.4%;border: 2px solid #eee;border-radius:10px;overflow: hidden;margin-bottom: 2%;}
.abo5-img {border: 2px solid #eee;border-radius: 10px;overflow: hidden;}
.swiper-nr .swiper-button-next4,.swiper-button-prev4{ width:29px; height:47px;cursor: pointer; position: absolute;top: 50%;margin-top: -23.5px; z-index: 99;}
.swiper-nr .swiper-button-next4 {right:-50px;background:#e7e7e7 url(../img/next4.png) no-repeat center center;border: 1px solid #e7e7e7;}
.swiper-nr .swiper-button-prev4 {left:-50px;background:#e7e7e7 url(../img/prev4.png) no-repeat center center;border: 1px solid #e7e7e7;}
.swiper-button-prev4.swiper-button-disabled {background:#fff url(../img/prev4.png) no-repeat center center;border: 1px solid #c4c4c4;}
.swiper-button-next4.swiper-button-disabled {background:#fff url(../img/next4.png) no-repeat center center;border: 1px solid #c4c4c4;}
.abo4-item:hover img {animation: tada 1s linear infinite;}
@keyframes tada {
	from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
	10%,
	20% {-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
	30%,50%,70%,
	90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
	40%,60%,
	80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
	to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.abo5-item:hover .abo5-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(-30px);
            transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
.abo2-nr {display:flex;justify-content: space-between;}
.abo2-item {width: 18%;}

/*--  联系我们页 --*/
.cont-top .row {align-items: center;}
.cont-tit h1 {display: block;font-size: 24px;font-weight: bold;color: #333;text-transform: uppercase;}
.cont-tit i {display: block;width: 97px;height: 4px;background: #00489e;margin-top: 10px;}
.cont-left ul {margin-top: 25px;}
.cont-left ul li {display: flex;align-items: center;margin-bottom: 15px;}
.cont-left ul li img {}
.cont-left ul li span {display: block;color: #333;line-height: 36px;padding-left:20px;}
.cont-left ul li span a {color: #333;}
.cont-left ul li a:hover {text-decoration: underline;}
.cont-left ul li:last-child {align-items: start;}
.cont-left ul li:last-child img {margin-top: 4px;}
.cont-rig {text-align: right;}
.cont-item {margin-bottom: 40px;position: relative;}
.cont-item i {font-size: 20px;color: #b70303;position: absolute;top: 18px;left: 35px;}
.cont-item input {display: block;width: 100%;height: 58px;border: 1px solid #ccc;padding: 0 30px;}
.cont-item textarea {display: block;width: 100%;height: 180px;border: 1px solid #ccc;padding: 10px 30px;}
.cont-item button {display: block;width: 245px;height: 45px;margin: 0 auto;text-align: center;line-height: 45px;background: #04abab;font-size: 18px;color: #fff;cursor: pointer;}
.cont-item2 {margin-bottom: 0;}
.cont-item1 i{top: 12px;}

.abo6-item {background: #eeeeee;margin-bottom: 3%;}
.abo6-item .row {align-items: center;}
.abo6-left {padding: 0 5px 0 15px;}
.abo6-rig {padding: 0 3%;}
.abo6-tit h2 {display: block;font-size: 30px;font-weight: bold;}
.abo6-tit span {display: block;font-size: 18px;font-weight: bold;margin: 5px 0 17px;}
.abo6-cont {line-height: 30px;}






@media screen and (max-width: 1550px) {
	.news-left {position: inherit;left: inherit;top: inherit;float: left;width: 10%;}
	.news-rig {float: left;width: 90%;padding: 14px 20px;}
	.news-item .news-left:after {right: 0;}
	.news-item {background: none;}
}
@media screen and (max-width: 1400px) {
	.news-bt h1 {font-size: 40px;}
}

@media screen and (max-width: 1300px) {
	.pad3 {padding: 3% 15px;overflow: hidden;}
	.pad4 {padding: 4% 15px;overflow: hidden;}
	.pad5 {padding:5% 15px;overflow: hidden;}
	.sub2-nr {padding: 6% 15px;}
	.swiper-nr .swiper-button-next1 {right: 0;}
	.swiper-nr .swiper-button-prev1 {left: 0;}
	.news-nr {padding: 0 15px;}
	.news-bt h1 {font-size: 36px;}
}

@media screen and (max-width: 1200px) {
	.sub2-cont {max-width: 100%;}
	.news-bt h1 {font-display: 32px;}
	.ser-tab a {width:16%;}
	.video-cont {max-width: 950px;max-height:520px;}
	.video-cont video,.video-cont iframe {width: 950px;height: 514px;}
}

@media screen and (max-width: 990px) {
	.sub3-list {width: auto;height: auto;}
	.sub3-box {display: none;}
	.abo4-item {width: 24%;}
	.news-item {padding: 0;}
	.news-left {width: 15%;}
	.news-rig {width: 85%;}
	.news-tit p {font-size: 14px;}
	.news-bt h1 {font-size: 28px;}
	.pro-left {width: 35%;}
	.pro-rig {width: calc(100% - 35%);}
	.ser-tab a {width:24%;}
	.video-cont {max-width: 100%;max-height:inherit;min-width: 320px;}
	.video-cont video,.video-cont iframe {width:100%;height: inherit;min-width: 320px;}
}

@media screen and (max-width: 768px) {
	.sub1 {padding: 0 15px;}
	.sub1-nr {display: none;}
	.sub1-nr2 {display: block;}
	.sub3-list {padding: 0;margin-bottom: 20px;}
	.abo4-item {width: 48%;}
	.abo1-img,.abo1-cont {float: inherit;width: 100%;}
	.abo1-cont,.pro-you {margin-top: 20px;}
	.abo2-item,.bott-item2 {margin-bottom: 20px;}
	.news-nr {padding: 0;}
	.news-left {float: inherit;width: 100%;padding: 0 15px;height: inherit;}
	.news-rig {float: inherit;width: 100%;position: relative;z-index: 2;height: inherit;display: block;}
	.news-item {height: inherit;margin-bottom: 15px;}
	.news-left h1 {font-size: 36px;}
	.news-item .news-left:after {height: inherit;}
	.news-zuo {float: inherit;width: 100%;padding: 0;}
	.news-you {float: inherit;width: 100%;margin-top: 15px;padding: 0;text-align: center;}
	.news-rig:after,.news-item.hover .news-rig:after {display: none;}
	.news-zuo h6 {font-size: 20px;}
	.news-tit p {font-size: 12px;}
	.news-left,.pro-tit {display: none;}
	.news-bt h1 {font-size: 24px;}
	.pro-left,.pro-rig {width:100%;}
	.pro-rig {padding: 0;margin-top: 20px;}
	.pro-zuo,.pro-you {padding: 0 15px;}
	.pro-l,.pro-r {float: inherit;width: 100%;}
	.ser-tab a {width:48%;}
	.solu-item {padding: 0 5px;}
	.solu-nr .row {margin: 0 -5px;}
	.sub3-nr,.abo2-nr {flex-wrap: wrap;}
	.sub3-item,.abo2-item {width:48%;height: inherit;}
	.abo6-rig {padding: 0 40px;margin-top: 20px;}
}