@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);overflow-x:hidden !important;}

body{ font-family:"HarmonyOs Sans SC","Microsoft Yahei","Hiragino Sans GB","Heiti SC","PingFang SC","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; font-size:16px; line-height:30px;overflow-x:hidden !important; background:#fff; color:rgba(0,0,0,0.7)}
a{ text-decoration:none;outline:none;color:rgba(0,0,0,0.7)}
*:hover a{color:#000}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal; letter-spacing:3px; font-family:"HarmonyOs Sans Condensed","Microsoft Yahei","Hiragino Sans GB","Heiti SC","PingFang SC","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; color:rgba(0,0,0,0.7)}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#0a2d5a}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}

.clear{ clear:both; }

p{ color:#666}
.black{ color:#000; font-size:20px;}

#a01, #a02, #a03, #a04, #a05, #a06, #a07, #app{ position:absolute; margin-top:-85px; }

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.space{ height:120px;}
.nspace{ padding:120px 0 140px 0;}
.nspacepre{ padding-top:120px;}
.nspacenext{ padding-bottom:120px;}

.wrap{ width:82%; max-width:1400px;margin:0 auto;}
.header{position: fixed;z-index:9999;left: 0;right:0;top: 0; width: 100%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;height:120px; font-size:16px;}
.header .top{ height:60px; line-height:60px; background:#fff;-webkit-box-shadow: inset 0px -1px #e6e6e6; box-shadow: inset 0px -1px #e6e6e6;}
.header .top .menu_con{ float:right; margin-right:30px;}
.header .top .menu_con a{ position:relative;display: block;}
.header .top .menu_con a:after{content: "";display: block;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: absolute;left: 50%;bottom:0px; width: 0;height: 2px;background-color: #666;transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);z-index: 10;}
.header .top .menu_con a:hover:after{ width:100%;}
.header .top .lang{ float:right;}
.header .top .lang .yuyan{ padding:0 18px 0 20px; background:url(../images/download.svg) no-repeat left center; background-size:13px auto; position:relative}
.header .top .lang .yuyan i{position:absolute; width:6px; height:100%; right:0;top:0; transition:.3s}
.header .top .lang .yuyan i:after{content: "";transition:.3s; width: 6px;height: 6px;border-right: 1px solid #333;border-bottom: 1px solid #333;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right: 0;top: 50%; margin-top:-6px;}
.header .top .lang.cur .yuyan i{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.header .top .lang .sub{ display:none; background:#fff; padding:20px 35px; line-height:40px; position:absolute; z-index:22}
.header .top .lang .sub a{ color:#666}
.header .top .lang .sub a:hover{ color:#000; font-weight:bold}
.header .nav{ height:60px; line-height:60px;}
.ny .header .nav,.header.active .nav, .header .nav:hover{ background:#fff;-webkit-box-shadow: inset 0px -1px #e6e6e6; box-shadow: inset 0px -1px #e6e6e6;}
.header .nav .menu{ float:left;}
.header .nav .logo{ float:right;}
.header .nav .menu li{ position:relative; float:left; }
.header .nav .menu li .menu_a{ color:#fff; display:block; margin:0 80px 0 0;position:relative;}
.ny .header .nav  .menu li .menu_a, .header.active .nav  .menu li .menu_a, .header .nav:hover  .menu li .menu_a{ color:rgba(0,0,0,0.8);}
.header .nav .menu li .menu_a:after{content: "";display: block;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: absolute;left: 50%;bottom:0px; width: 0;height: 2px;background-color: #666;transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);z-index: 10;}
.header .nav .menu li .menu_a:hover:after, .header .nav .menu li.on .menu_a:after{ width:100%;}
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999; padding:18px 0; width:300%; line-height:24px; }
.header .menu li .sub h3{margin:12px 0 ;}
.header .menu li .sub p{line-height:50px;}
.header .menu li .sub.cur{ display:block}
.header .menu li .sub h3{ display:inline-block; background-color:rgba(0,0,0,0.8); color:#fff; font-size:14px; padding:5px 8px;}
.header .menu li .sub p a{ color:#666; display:block}
.header .menu li .sub p a:hover{ color:#000; font-weight:bold}
.header .menu li .sub .item{ padding-bottom:10px;}
.header .nav .logo img{ height:36px; width:auto; margin-top:12px;}
.header .nav .logo .img1{ display:block}
.header .nav .logo .img2{ display:none}
.ny .header .nav .logo .img1, .header.active .nav .logo .img1, .header .nav:hover .logo .img1{ display:none}
.ny .header .nav .logo .img2, .header.active .nav .logo .img2, .header .nav:hover .logo .img2{ display:block}
.header .nav{ position:relative}
.header .nav .menubg{ background:#fff; display:none; position:absolute; top:60px; left:0; top:60px; width:100%;-webkit-animation: a_bg_hover_show .1s ease-out both;-webkit-transform-origin: 50% 0%;-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgba(0,0,0,.15);}
.header .nav.on02 .menubg{ height:100px !important; display:block;}
.header .nav.on03 .menubg{ height:290px !important; display:block;}
.header .nav.on04 .menubg{ height:150px !important; display:block;}
.header .nav.on05 .menubg{ height:410px !important; display:block;}

.header .nav .search{ float:right; margin:0 80px;}
.header .nav .search .sou{ width:18px; line-height:60px; height:60px; background:url(../images/search-btn.png) no-repeat center center; background-size:100% auto; display:block;}
.ny .header .nav .search .sou, .header.active .nav .search .sou, .header .nav:hover .search .sou{background:url(../images/search-btn1.png) no-repeat center center; background-size:100% auto;}
.header .nav .search .sub{ display:none; position:absolute; left:0; width:calc(100% - 168px); top:0; background:#fff; padding:15px 0 10px 0; line-height:30px;}
.header .nav .search .sub{ padding-left:10%}
.header .nav .search .sub .search_btn{background:url(../images/search-btn1.png) no-repeat center center; background-size:100% auto; width:16px; height:30px; border:none; float:left;}
.header .nav .search .sub .inp{width:calc(100% - 30px); height:30px; border:none; border-bottom:solid 1px #e6e6e6; float:right;}
.header .nav .search.cur .sub{ display:block;}
.header .nav .wrap{ position:relative;}
.header .nav .search .sub .search-con{ position:absolute; top:50%; right:0; margin-top:-7px; cursor:pointer; width:14px; height:14px; background:url(../images/closeb.png) no-repeat center center / cover;}

.banner, .banner-box{position:relative; overflow:hidden; height: calc(100vh - 60px); margin-top:60px;}
.banner{ background:#000;}
.banner .swiper-container{width: 100%; height:100%;overflow: hidden; position:relative}

/*.banner:before{ content:""; width:100%; height:120px; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); z-index:9}*/
/*.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block; position:relative; overflow:hidden; height:100%}
.banner img{ display:block; width:100%; height:100%; object-fit:cover}
.banner .ban-pic{ position:relative; height:100%; width:100%;}*/
/*.banner .ban-pic{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.banner .swiper-slide.swiper-slide-active .ban-pic{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}
*/
.banner .swiper-slide{ width:100%; height:calc(100vh - 60px); overflow:hidden;}
.banner .ban-txt{ position:absolute; text-align:center; width:100%; left:0%;top:22%;color:#fff;}
.banner .ban-txt-con{ display:inline-block;}
.banner .ban-txt-con h5{ font-size:18px; color: rgba(255,255,255,0.65)}
.banner .ban-txt-con h3{ font-size:40px; font-weight:550;margin:3px 0; color:#fff;}
.banner .ban-txt-con h4{ font-size:24px;color:#fff; margin-top:25px;}
.banner .ban-txt-con .more{ margin-top:45px;}
.banner .ban-txt-con .more a{ display: inline-block; line-height:35px; border-radius:18px; border:solid 1px #fff; color:#fff; padding:0 40px 0 25px;background:url(../images/bnext.png) no-repeat 90% center;background-size:6px auto;}
.banner .ban-txt-con .more:hover a{ background:url(../images/bnext.png) rgba(255,255,255,0.1) no-repeat 92% center;background-size:6px auto;}
.banner .swiper-slide .ban-txt-con h4, .banner .swiper-slide .ban-txt-con h3, .banner .swiper-slide .ban-txt-con h5, .banner .swiper-slide .ban-txt-con .more{ opacity: 0;visibility: hidden;transform: translateY(-50px);transition: 0.3s; transition: all .6s ease;}
.banner .swiper-slide-active .ban-txt-con h4, .banner .swiper-slide-active .ban-txt-con h3, .banner .swiper-slide-active .ban-txt-con h5, .banner .swiper-slide-active .ban-txt-con .more{opacity: 1;visibility: visible;transform: translateX(0);transition-delay: 0.4s;}
.banner .swiper-slide-active .ban-txt-con h3{transition-delay: 0.6s;}
.banner .swiper-slide-active .ban-txt-con h4{transition-delay: 0.6s;}
.banner .swiper-slide-active .ban-txt-con .more{transition-delay: 0.8s;}
@keyframes changeTop{
0%   {top:-35px; opacity:0;}
100% {top:0; opacity:1;}
}
@-moz-keyframes changeTop {
0%   {top:-35px; opacity:0;}
100% {top:0; opacity:1;}
}

@-webkit-keyframes changeTop{
0%   {top:-35px; opacity:0;}
100% {top:0; opacity:1;}
}
@-o-keyframes changeLeft {
0%   {left:-35px; opacity:0;}
100% {left:0; opacity:1;}
}

.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:30px; margin-top:-15px; outline:none; opacity:0.4; top:50%; overflow:hidden; transition: .3s;background: none;}
.banner .swiper-button-prev{border-top: 2px solid #fff;border-left: 2px solid #fff; transform: rotate(-45deg);left:2%}
.banner .swiper-button-next{border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);right:2%}
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ content:"";}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{ opacity:1;}

.banner .swiper-pagination{bottom: 4%;}
.banner .swiper-pagination-bullet{width: 40px;height: 3px;background-color:#fff;opacity: .3;border-radius: 0; transition: .3s;}
.banner .swiper-pagination-bullet-active{opacity: 0.7;}


.banner .ban_video{ background:#000;}
.banner .ban_video .bbg{ position:absolute; left:0; top:0; width:100%; height:calc(100vh - 60px); background-color:rgba(0,0,0,0.5); z-index:9999}
.banner .ban_video .bbg .ban-txt{position:absolute; text-align:left; width:100%; left:0%;top:auto; bottom:100px;color:#fff;}
.banner .ban_video video{ height:100% !important; width:auto; display:block; margin:0 auto;}

/*.i-ban {position: relative;overflow: hidden;width: 100%;z-index: 1;height: 800px;}
.i-ban ul, .i-ban li {width: 100%;height: 100%;}
.i-ban li {background-size: cover !important;position: absolute;left: 100%;top: 0;overflow: hidden;}
.i-ban li a{display: block;width: 100%;height: 100%;}

.i-ban li .cent-cont {position: absolute; width:96%; bottom: 15%; left:4%;color: #fff;z-index: 3;}
.i-ban li .gray-bg {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #000;opacity: 0.6;filter: alpha(opacity=30);}
.i-ban li .gray-bg02 {display: block;width: 100%;height:200px;position: absolute;left: 0;top: 0; background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));}

.i-ban li .word {color: #fff; font-size:52px;line-height: 68px; width:100%; text-align:center  }
.i-ban li .word p {position: relative;overflow: hidden;height: 60px;}
.i-ban li .word p .font-sign {position: relative;display: block;top: 20px;opacity: 0;filter: alpha(opacity=0);}
.i-ban li .word p .font-signen{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;font-size:24px;} 
.i-ban li .word span.line {display: block;height: 4px;background-color: #fff;opacity: 0.7;filter: alpha(opacity=70);width: 0;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.i-ban li .word .font {display: block;position: relative;top: 20px;opacity: 0;filter: alpha(opacity=0);}
.i-ban li.active .word p .font-sign {top: 0;opacity: 1;filter: alpha(opacity=100);transform: rotate(0);transition: all 0.5s ease 0s;}

.i-ban .btns {position: absolute;bottom: 50px;z-index: 10;left:50%; margin-left:-140px;}
.i-ban .btns span {display: inline-block;width:60px;height: 4px;margin:0 5px;background-color: rgba(255,255,255,0.7);position: relative;cursor: pointer;}
.i-ban .btns span i {display: block;height: 100%;position: absolute;width: 0;background-color: #1bb0ac;}*/


.i-brand:after{ content:""; position:absolute; right:0; bottom:0; height:100%; width:50%; background:#f8f8f8; z-index:-1}
.i-brand .fj{ position:absolute; width:36%; margin-top:-13%; right:10%; top:0; opacity:0; -webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s;}
.i-brand.active .fj{top:57%; opacity:1;}
.fj img{ display:block; width:100%; height:auto;}
.fj .wrj{ display:block; width:100%; height:auto;}
.fj .quan{-webkit-animation:rotateImg 0.00001s linear infinite; width:48%;/*transform: scaleY(0.375); */position: absolute; left:0; top:0 }
.fj .quan img{ display:block; width:100%; height:100%}
@keyframes rotateImg {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}
@-webkit-keyframes rotateImg {
    0%{-webkit-transform : rotate(0deg);}
  100%{-webkit-transform : rotate(360deg);}
}
.fj .quan.jy01{ left:-20.5%; top:5%;}
.fj .quan.jy02{ left:-14%; top:-21.5%;}
.fj .quan.jy03{ left:29%; top:-32%;}
.fj .quan.jy04{ left:auto; right:-18.5%; top:-20%;}
.fj .quan.jy05{ left:auto; right:-20%; top:8%;}
.fj .quan.jy06{ left:25%; top:22%;}

.title { margin-bottom:55px;}
.title h3{ font-size:40px; line-height:45px; margin-bottom:15px; font-weight:700; color:rgba(0,0,0,0.8) }
.title h4{ font-size:24px; opacity:0.7; text-transform:uppercase; color:#00a2ae; display:none;}
.title h5{ font-size:24px; opacity:1; }
.title p{ font-size:18px; opacity:0.9}
.jvzhong{ text-align:center;}

.nothernews .title { margin-bottom:30px;}
.nothernews .title h3{ font-size:36px; line-height:40px; margin-bottom:5px; font-weight:700; color:#222;}

.title02 { margin:120px 0 50px;}
.title02 h3{ font-size:32px; line-height:35px; margin-bottom:5px; font-weight:700; color:#222;}

.i-brand .title{ padding-top:170px; }
.i-brand .wrap{ background:url(../images/M.png) no-repeat left bottom; background-size:auto 90%;}
.i-brand .brand{ width:45%; left:-280px; opacity:0; position:relative;-webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s; }
.i-brand.active .brand{ left:0; opacity:1}
.i-brand .brand .con{ line-height:30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.i-brand .brand .more{margin-top:50px;}
.i-brand .brand .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-brand .brand .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto;  color:#fff;}

.i-product{/*box-shadow: 0 0 7px 0 rgba(0,0,0,.1); background:url(../images/map.png) no-repeat right bottom; background-size:27% auto; */ }
.i-product .title{ margin-top:100px; margin-bottom:0}
.i-product:after{ content:""; position:absolute; left:0; top:0; width:50%; height:100%; background:#f8f8f8; z-index:-1;}
.i-product .left{ width:42%; left:-280px; opacity:0; position:relative; z-index:22; float:left; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;}
.i-product.active .left{ left:0; opacity:1}
.i-product .right{ width:42%; right:-280px; opacity:0; position:relative; z-index:22; float:right; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;}
.i-product.active .right{ right:0; opacity:1}
.i-product .picout{ padding:20px 50px;}
.i-product .pic{ overflow:visible;}
.i-product .jj h3{ margin-top:50px; font-size:24px; letter-spacing:1px; color:#444}
.i-product .more{margin-top:40px;}
.i-product .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-product .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto;  color:#fff;}
.i-product p{ clear:both; width:42%; }

.i-product02:after{ content:""; position:absolute; right:0; top:0; width:50%; height:100%; background:#f8f8f8; z-index:-1;}
.i-product02 .left{ width:45%; left:-280px; opacity:0; position:relative; z-index:22; float:left; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;}
.i-product02.active .left{ left:0; opacity:1}
.i-product02 .right{ width:45%; right:-280px; opacity:0; position:relative; z-index:22; float:right; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;}
.i-product02.active .right{ right:0; opacity:1}
.i-product02 .conn{ margin-top:100px;}
.i-product02 .conn .text { width:90%; margin-top:5%}
.i-product02 .conn .text h3{ font-size:40px; font-weight:bold; margin-bottom:40px;}
.i-product02 .more{margin-top:100px;}
.i-product02 .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-product02 .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto;  color:#fff;}

.i-product03:after{ content:""; position:absolute; left:0; top:0; width:50%; height:100%; background:#f8f8f8; z-index:-1;}
.i-product03 .left{ width:45%; right:-280px; opacity:0; position:relative; z-index:22; float:right; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;}
.i-product03.active .left{ right:0; opacity:1}
.i-product03 .right{ width:45%; left:-280px; opacity:0; position:relative; z-index:22; float:left; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s;}
.i-product03.active .right{ left:0; opacity:1}
.i-product03 .conn{ margin-top:100px;}
.i-product03 .conn .text { margin-top:5%}
.i-product03 .conn .text h3{ font-size:40px; font-weight:bold; margin-bottom:40px;}
.i-product03 .more{margin-top:100px;}
.i-product03 .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-product03 .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto;  color:#fff;}
/*.i-product:before{ content:""; position:absolute; right:0; bottom:0; width:50%; height:50px; background:#00a2ae; z-index:-1;}*/
/*.i-product .i-productBox{ float:left; width:44%; -webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s; left:-280px; opacity:0; position:relative}
.i-product .productright{ float:right; width:44%;margin-top:6%;-webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s; right:-280px; opacity:0; position:relative}
.i-product .productright .text{ display:none;-webkit-transition:1s .2s;-moz-transition:1s .2s;transition:1s .2s; right:-280px;}
.i-product .productright .text.cur{ display:block; right:0}
.i-product .productright .text.text02 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.i-product .productright .text.text02 .conn{ /*margin-top:-2%;}
.i-product .productright .text.text02 .conn .item{ width:31.3333%; margin-right:3%; margin-bottom:3%;background:#f5f5f5; border-radius:5px;text-align:center}
.i-product .productright .text.text02 .conn .item:nth-child(3n){ margin-right:0;}
.i-product .productright .text.text02 h3{ color:#222;}
.i-product .productright .text.text02 h3 span{ font-size:28px; font-weight:bold; line-height:70px;  }
.i-product .productright .text.text02 p{ line-height:38px; color:#fff; background:#00a2ae; color:#fff; border-radius:5px; }
.i-product.active .i-productBox{ left:0; opacity:1;}
.i-product.active .productright{ right:0; opacity:1;}
.i-productBox{ position:relative}
.i-product .i-productBox ul{ display:flex; display:-webkit-flex; margin-top:30px;}
.i-product .i-productBox .tab li{ width:18.4%; padding:10px; margin-right:2%;display:flex; display:-webkit-flex; align-items:center; justify-content:center; cursor:pointer; background:#fff; border:solid 1px #ddd}  
.i-product .i-productBox .tab li:last-child{ margin-right:0}
.i-product .i-productBox .tab li.cur{ border:solid 1px #00a2ae; }

.i-product .productright .conn p{ color:#444; line-height:32px;}
.i-product .productright .more{margin-top:60px;}
.i-product .productright .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-product .productright .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto; border:solid 1px #00a2ae; color:#fff;}
*/

.i-app .title{ margin-top:42.5px; position:relative; -webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s; margin-top:100px;}
.i-app.active .title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.i-app .title .more{ position:absolute; bottom:0px; right:0}
.i-app .title .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-app .title .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto; border:solid 1px #00a2ae; color:#fff;}



.piano-banner {width: 100%;height:500px;display: flex;position:relative; -webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);opacity:0;-webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s;}
.i-app.active .piano-banner{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.piano-banner li {position: relative;width:calc(25% - 15px);margin-right:20px;height: 100%; border-radius:15px; overflow: hidden;transition: width 0.5s;}
.piano-banner li img{ display:block; height:500px; width:auto;}
.piano-banner li:last-child{ margin-right:0;}
.piano-banner li.act {width: 40%;}
.piano-banner li.opc {width: 20%;}
.piano-banner li>a {width: 100%;height: 100%;}
.piano-banner li a .cover-box {width: 100%;height: 100%;}
.piano-banner .a-box {position: absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
.piano-banner li.act .a-box{background-color:rgba(0,0,0,0.75)}
.piano-banner li .a-box .inn{color:#fff; position:absolute; width:100%; left:0; bottom:0px; padding:20px 20px 40px 20px;-webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s;}
.piano-banner li .a-box .inn h3{ font-size:22px; color:#fff; margin-bottom:15px;}
.piano-banner li .a-box .inn p{-webkit-transition:1s .2s;-moz-transition:1S .2s;transition:1s .2s; line-height:30px; height:0; overflow:hidden; opacity:0; color: rgba(255,255,255,0.7); }
.piano-banner li.act .a-box .inn p{ height:auto; opacity:1; margin-bottom:50px;}
.piano-banner li .a-box .inn .more{background:url(../images/bnext.png) no-repeat right center; background-size:6px auto; display:inline-block; line-height:22px; padding-right:15px;  cursor: pointer;}
.piano-banner li.act .a-box .inn .more{background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto; border:solid 1px #00a2ae; color:#fff; padding:8px 35px 8px 20px; border-radius:10px;}

.i-video .title{ position:absolute; left:0;top:0; z-index:98; width:100%; background:#fff; padding:180px 0 50px 0 ; }
.i-video .title h3{ margin-bottom:0}
.i-video .title .wrap{ position:relative; }
.i-video .title .more{ position:absolute; bottom:0px; right:0}
.i-video .title .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-video .title .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto; border:solid 1px #00a2ae; color:#fff;}




.i-video .titleb{ position:absolute; left:0;bottom:5%; z-index:98; width:100%; }
.i-video .titleb h3, .i-video .titleb h4, .i-video .titleb p{ color: rgba(255,255,255,0.8); text-shadow: 0 1px 2px rgba(0,0,0,.6);}
.i-video .titleb h3{ font-size:32px; margin-bottom:20px;}
.i-video .titleb p{ font-size:20px;}
.i-video .titleb .more{ margin-top:45px;}
.i-video .titleb .more a{ display: inline-block; line-height:35px; border-radius:18px; border:solid 1px #fff; color:#fff; padding:0 40px 0 20px;background:url(../images/bnext.png) no-repeat 85% center;background-size:6px auto;}
.i-video .titleb .more:hover a{ background:url(../images/bnext.png) #00a2ae no-repeat 85% center; border:solid 1px #00a2ae; background-size:6px auto;}

.i-video .video video{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; height:100%;width:auto; }
.i-video .video .zhezhao{ position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5);}
.i-video .video-btn, .i-video .video-btn02 {display: block;width: 80px;height: 80px;margin: 0 auto;position: absolute; top:60%; left:50%; margin-left:-40px; margin-top:-40px;}
.i-video .video-btn02{ opacity:0.3; top:50%;}
.i-video .video-btn i, .i-video .video-btn02 i {display: block;background: url(../images/videobut.png) #00a2ae no-repeat center center; border-radius:50%; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
.i-video .video-btn02 i {display: block;background: url(../images/videobut02.png) #000 no-repeat center center; }
.i-video .video-btn::before, .i-video .video-btn02::before {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-webkit-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}
.i-video .video-btn::before, .i-video .video-btn02::before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}
.i-video .video-btn::after , .i-video .video-btn02::after{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}

@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}

.i-video .video{display:block; width:100%; height:calc(100% - 220px); margin-top:220px; object-fit:cover; position:relative; overflow:hidden; background:#000;}

.i-video .hide{ display:none !important}


.i-news .title{ margin-top:42.5px; position:relative; margin-top:100px; }
.i-news .title .more{ position:absolute; bottom:10px; right:0}
.i-news .title .more a{ display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
.i-news .title .more a:hover{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto; border:solid 1px #00a2ae; color:#fff;}
/*.i-news .list{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.i-news .item{ width:32%; margin-right:2%;}
.i-news .item:last-child{ margin-right:0}
.i-news .item .picout{ position:relative; border-radius:15px 15px 0 0; overflow:hidden;}
.i-news .item .picout .date{ position:absolute; left:0; bottom:0; padding:8px 15px; line-height:30px;height:46px; background:#00a2ae; color:#fff;}
.i-news .item .picout .date span{ font-size:26px;}
.i-news .item .picout .date:after{ content:""; position:absolute; right:-20px; bottom:0; border-top:solid 46px #00a2ae; border-left:solid 20px transparent; border-right:solid 20px transparent;}
.i-news .item  .text h3{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:22px; margin:20px 0 10px 0;}
.i-news .item  .text p{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666;}

.i-news .item .more{ margin-top:40px; display:block; transition: 0.5s; background:url(../images/bnexth.png) no-repeat 83% center; border:solid 1px #666; color:#666; background-size:6px auto; width:115px; line-height:38px; font-size:14px; text-align:center; padding-right:20px; border-radius:10px;}
.i-news .item:hover .more{ border-radius:15px;background:url(../images/bnext.png) #00a2ae no-repeat 83% center;background-size:6px auto; border:solid 1px #00a2ae; color:#fff;}*/
.i-news .kuai{ padding:32px 0; border-bottom:solid 1px #ddd;}
.i-news .kuai:nth-child(1){ padding-top:0px;}
.i-news .kuai a{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; }
.i-news .kuai .date, .i-news .kuai .date .pic, .i-news .kuai .text{ display:inline-block;}
.i-news .kuai .date{font-size:22px; font-weight:bold; line-height:30px;}
.i-news .kuai .date span{ display:block; font-size:16px; font-weight:normal; color:#666; margin-top:20px;}
.i-news .kuai .pic{ width:190px;}
.i-news .kuai .text{ width:calc(100% - 450px);}
.i-news .kuai .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; font-size:22px; margin:0px 0 20px 0; line-height:30px; font-weight:bold;}
.i-news .kuai .text p{ line-height:28px; height:56px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; color:#666;}
.i-news .kuai:hover .text h3{ color:#000}

.footer{ background:#f5f5f5; color:#666}
.footer .fcontent{ padding:120px 0 100px 0}
.footer .fcontent .wrap{ position:relative}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; }
.footer li {display:inline-block;line-height:40px; }
.footer li h3{ font-size:18px; font-weight:600; color: rgba(0,0,0,0.8); position:relative;padding-bottom:20px; }
.footer li h3 a{color: rgba(0,0,0,0.8); }
.footer, .footer a{ color:#666}
.footer a:hover{ color:#00a2ae}
.footer li:nth-child(1) { margin-right:50px;}
.footer li:nth-child(1) img{ height:46px; width:auto;}
.footer li:nth-child(1) span{ line-height:40px; font-size:26px; font-weight:bold; color:#fff;}
.footer li:last-child { margin-left:50px; line-height:32px;}
.footer li:last-child .kuai{ float:left; }
.footer li:last-child .kuai:nth-child(2){ margin-left:50px}
.footer li:last-child .item{ float:left; margin-bottom:10px; text-align:center;}
.footer li:last-child .item:nth-child(2){ float:right}
.footer li:last-child .item img{ display:block; width:120px; height:auto; }
.footer li:last-child .item p{ clear:both; }
.footer .flink{ position:absolute; left:0; bottom:0}
.footer .flink span{font-size:20px; font-weight:600;color: rgba(0,0,0,0.8); }
.footer .copyright .wrap{ border-top:solid 1px #999;padding:30px 0 100px 0; font-size:15px;}


.nbanner{ position:relative; z-index:2;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text { position:absolute; text-align:center; z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:40%; color:#fff; width:100%;}
.nbanner .text h3{ font-size:42px; line-height:45px; letter-spacing:15px; font-weight:bold; padding-bottom:5px; position:relative;color:#fff; }
.nbanner .text h4{font-size:20px; text-transform:uppercase; letter-spacing:5px; margin-top:10px; color:#fff; }

.nnav{position:relative; background:#fff; border-bottom:solid 1px #ddd;}
.nnav ul{ display:flex; display:-webkit-flex; /* justify-content:center;*/}
.nnav li{text-align:center; cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; position:relative; margin-right:1px;}
/*.nnav li:after{content: "";display: block;position: absolute;right:0;top:50%; margin-top:-6px;height:12px;width: 1px; background-color: rgba(0,0,0,0.2);}*/
.nnav li:last-child::after{ display:none}
.nnav li a{color:#000;line-height:60px; display:block; padding: 0 32px; position:relative;}
.nnav li.cur a, .nnav li:hover a{ color:#fff; background:#00b3bd; font-weight:bold}


.ncontact01 .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncontact01 .list .item{ width:23.4%;box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); text-align:center; margin-right:2%; border:solid 1px #ddd; border-radius:20px; padding:45px 20px;transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.ncontact01 .list .item:nth-child(4n){ margin-right:0}
.ncontact01 .list .item .icon{ width:30%; max-width:46px; margin:0 auto 10px auto;}
.ncontact01 .list .item .icon img{ display:block; width:100%; height:auto;transition: all .5s ease;}
.ncontact01 .list .item:hover .icon img{transform:rotateY(180deg);}
.ncontact01 .list .item h3{ font-size:18px; line-height:40px; color:#222}
.ncontact01 .list .item p{ color:#606060;}
.ncontact01 .list .item h4{ margin-top:70px; display:inline-block;}
.ncontact01 .list .item h4 a{ display:inline-block; padding-right:60px; letter-spacing: 1px;background:url(../images/c5.png) no-repeat 90% center;transition: all .5s ease; color:#606060;}
.ncontact01 .list .item h4 a:hover{background:url(../images/c5.png) no-repeat right center;}


.map #allmap { width:100%; height:600px;}
.BMap_bubble_title{ white-space:normal !important;color: #222;padding:10px 0;}
.BMap_bubble_content{color: #888;}
.iwTitle {color: #888;font-weight: bold;line-height:22px;display:block;padding-bottom:8px;}
#allmap .map-address-name {text-align: center;font-size: 16px;line-height: 1.1;color: #222;padding: 10px 0;}
#allmap .map-address-detail {line-height: 1.5;font-size: 14px;color: #888;}
.messbox .conn {box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); background:#fff; border:solid 1px #ddd; padding:4% 5% 5% 5%; border-radius:20px; }
.messbox .title h4{ color:#444; padding-top:10px;}
.messbox .row{ position:relative;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.messbox .items-1{ width:32%;  position:relative; margin-bottom:20px; margin-right:2%}
.messbox .items-1:nth-child(3n){ margin-right:0%}
.messbox .items,.messbox .items-2{ position:relative;}
.messbox .items{ margin-bottom:20px}
.messbox label{ position:absolute; left:0; color:#888; line-height:50px;height:50px; padding-left:15px}
.messbox .inp{ width:100%; border:none; background:#f7fcfc; line-height:50px; height:50px; padding-left:70px; border-radius:10px;}
.messbox textarea{width: 100%;height: 120px;border:none; background:#f7fcfc;display: block; text-indent:210px; line-height:42px; border-radius:10px;}
.messbox .yzm{width:100%; border:none; background:#f7fcfc;line-height:50px; padding:0 15px}
.messbox .inp-submit{position: absolute;right: 0px;bottom: 0px; width: 50%; max-width: 300px;height: 50px; border-radius:5px; line-height: 50px;color: #fff;background:#00b3bd;border:none;font-size: 18px;cursor: pointer;transition:.3s;}

.messbox .inp-submit:hover{ opacity:.8}
.messbox .red{ color:#00b3bd; margin-right:10px;}

.nhr{ position:relative;}
.nhr img{ display:block; width:100%; height:auto;}
.nhr .title{ position:absolute; text-align:center; z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:250px; color:#fff; width:100%;}
.nhr .title h3, .nhr .title h4{ color:#fff;}
.nhr .title h4{ margin-top:20px;}
.nhr .title .more{ margin-top:50px;}
.nhr .title .more a{ display: inline-block; line-height:35px; border-radius:18px; border:solid 1px #fff; color:#fff; padding:0 40px 0 25px;background:url(../images/bnext.png) no-repeat 90% center;background-size:6px auto;}
.nhr .title .more:hover a{ background:url(../images/bnext.png) rgba(255,255,255,0.1) no-repeat 83% center;background-size:6px auto;}



.topnewslists .wrap{ position:relative; z-index:22;}
.topnewslists .conn{ background: #f7fcfc; border:solid 1px #ddd; border-radius:15px; overflow:hidden;}
.topnewslists .conn .pic{ width:50%;}
.topnewslists .conn .text{ position:absolute;/*text-shadow: 0.5px 0.5px 2px rgba(0%,0%,0%,0.25); */ z-index:98; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; width:100%; padding:0 3% 0 54%}
.topnewslists .conn .text .type{color: #2658A0; font-size:15px; display: inline-block;padding:5px 16px;background: #E9F2FF;border-radius: 4px; margin-top:15px;}
.topnewslists .conn .text h3{font-weight: 700; margin:20px 0;font-size:24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.topnewslists .conn .text p{ display: -webkit-box;overflow: hidden;color: rgba(0, 0, 0, 0.6);text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3; line-height:28px;}
.topnewslists .conn .text .date{ color: rgba(0, 0, 0, 0.5); font-style:italic; position:relative}
.topnewslists .conn .text .more{margin-top:50px;}
.topnewslists .conn .text .more span{ display:block; transition: 0.5s; background:url(../images/bnext.png) #00b3bd no-repeat 83% center; border:solid 1px #00a2ae; color:#fff; background-size:6px auto; width:135px; line-height:40px; text-align:center; padding-right:25px; border-radius:20px;}
/*
.topnewslists .swiper-pagination{bottom:0px; width:100%; opacity:0}
.topnewslists .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #00a2ae;opacity: 1;margin:0 12px!important;position: relative;}
.topnewslists .swiper-pagination-bullet:after{content: '';border: 1px solid #00a2ae;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.topnewslists .swiper-slide-active{z-index: 2;}
.topnewslists .swiper-pagination-bullet-active{ background:#00a2ae; }
.topnewslists .swiper-pagination-bullet-active:after{opacity: 1;}
.topnewslists .swiper-slide .bnr-bg{ position:absolute; width:100%; height:100%; top:0; left:0; transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
.topnewslists .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}

*/
/*.nothernews li{ padding:35px 0; position:relative; border-bottom:solid 1px #ddd}
.nothernews li:first-child{ border-top:solid 1px #ddd}
.nothernews li:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#00b3bd; transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.nothernews li:hover:after{ width:100%}
.nothernews li a{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.nothernews li .pic{ width:25%; border-radius:15px; overflow:hidden; }
.nothernews li .text{ width:calc(75% - 45px); padding:0 4% 0 3%; }
.nothernews li .more{ width:45px; }
.nothernews li .more span{ display:block; margin-top:80px; border-radius:50%; background: url(../images/bnext.png) #00b3bd no-repeat center center; background-size:12px auto; overflow:hidden; width:45px; height:45px; }
.nothernews li .text .date{ color: rgba(0, 0, 0, 0.5); font-style:italic; position:relative; margin-top:30px;}
.nothernews li .text h3{font-weight: 700;margin:20px 0;font-size:24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.nothernews li .text p{ display: -webkit-box;overflow: hidden;color: rgba(0, 0, 0, 0.6);text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2; line-height:28px;}

*/
.nothernews li{ padding:40px 0; border-bottom:solid 1px #ddd;}
.nothernews li:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#00b3bd; transition: all 0.4s;-webkit-transform: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.nothernews li:hover:after{ width:100%}
.nothernews li a{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; }
.nothernews li .date, .nothernews li .date .pic, ..nothernews li .text{ display:inline-block;}
.nothernews li .date{font-size:22px; color:#222; font-weight:bold; line-height:30px; color:rgba(0,0,0,0.8)}
.nothernews li .date span{ font-size:16px; color:#666; font-weight:normal; margin-top:20px; display:block;}
.nothernews li .pic{ width:210px;}
.nothernews li .text{ width:calc(100% - 450px);}
.nothernews li .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; font-size:22px; margin:0px 0 20px 0; line-height:30px; font-weight:bold;}
.nothernews li .text p{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666;}
.nothernews li:hover .text h3{ color:#000}


.ivideolist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; border-radius:20px; overflow: hidden; border:solid 1px #ddd;}
.ivideolist li:nth-child(3n){ margin-right:0}
.ivideolist li:nth-child(3n+1){ clear:both; }
.ivideolist li .tit{
	padding-top: 8px;
	padding-right:5px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.ivideolist li .tit p{ text-align:center; padding-bottom:15px;}



.ivideolist .picbox{ position:relative; overflow:hidden}
.ivideolist .img1{ display:block; width:100%; height:auto}
.ivideolist .img2{ position:absolute; left:0;top:0;right:0;bottom:0; width:100%; height:100%; object-fit:cover; margin:auto; z-index:2}
.ivideolist .video-btn{position:absolute; left:50%;top:50%; width:80px; height:80px; margin-left:-40px; margin-top:-40px; z-index:3; cursor:pointer; }
.ivideolist video{ width:100%; height:100%;position:absolute; left:0;top:0;right:0;bottom:0;margin:auto;background:#000;z-index:-1; opacity:0.0001}
.ivideolist iframe{ width:auto; height:auto; min-width:100%; min-height:100%;margin:auto;}

.ivideolist li:hover iframe{ z-index:9999}


.ivideolist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#fff; display:none; z-index:99}
.ivideolist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.ivideolist li .hd .closed{ width: 48px;height: 48px;  display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:3%; top:3%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.ivideolist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.ivideolist li .hd .hr_con{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;width:80%;height:80%;position: fixed;z-index: 9999;}
.ivideolist li .hd .hr_con iframe{left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;position: fixed;z-index: 9999; width:100%; height:auto}
.ivideolist li .hd .hr_con .tit_hd{ font-size:20px; color:#fff;line-height:55px; text-align:center}




.video-mask {position: fixed;z-index: 99999;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.9); display: none;}
.video-panel {position: fixed;display: none;clear: both;top: 0;left: 0;bottom: 0;right: 0;z-index: 999999; width:100%; height:100%;}
.video-panel .video-div,.video-panel .video-bar {width: 100%;}
.video-panel .video-div {width: 100%;height: 100%;top: 0;left: 0; margin:0 !important; z-index: 11;position: absolute;}
.video-panel .video-close {background: url(../images/close.png);background-size:100%;width: 30px;height: 30px; opacity:0.9; cursor:pointer; position: absolute; top:-60px; right:-60px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-panel .video-close:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.video-panel .video-img { width:70%; max-width:1920px; height:auto; max-height:80%; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; position:fixed;z-index:9999; }
.video-panel .video-img iframe{ width:1920px; height:1080px; margin:0 auto}

.video-panel .video-left,.video-panel .video-right {width: 100px; position:absolute; left:-100px; top:50%; margin-top:-70px;}
.video-panel .video-right{right:-100px; left:auto; }
.video-panel .arrow-prv {background: url(../images/l_ch.png) no-repeat; background-size:100%; width: 100px;height: 100px; opacity:0.9}
.video-panel .arrow-prv:hover {background: url(../images/l_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .arrow-next {background: url(../images/r_ch.png);width: 100px;background-size:100%;height:100px;opacity:0.9}
.video-panel .arrow-next:hover {background: url(../images/r_ch.png);background-size:100%;width: 100px;height: 100px;cursor: pointer;opacity:1}
.video-panel .video-bar{ font-size:20px; height:55px; text-align:center; width:100%; color:#fff; margin-top:20px}

.msol01 .conn p{ line-height:35px; margin-bottom:10px; }
.msol01 .conn h3{ margin-bottom:20px;}
.msol01 .conn p{ line-height:35px; margin-bottom:10px; color:#666}
.msol01 .conn img{ width:auto; max-width:100%; }
.msol01 .conn .fuwu span{ display:inline-block; padding:0 30px 0 20px;background: url(../images/zuobiao.png) no-repeat left center; background-size:12px auto;}
.msol01 .conn .fanwei{ line-height:20px; padding:5px 0;}
.msol01 .conn .fanwei span{ display:inline-block; padding:0 30px 0 15px; margin-bottom:8px; border-left:4px solid #00b3bd;}
.msol01 .conn .kuai{border:dashed 1px #00b3bd; padding:2%; border-radius:20px;}
.msol01 .conn .kuai img{ width:52%; float:right;}


.msol02 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-2%}
.msol02 .conn .item{ width:49%; margin-top:2%; margin-right:2%;box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border:solid 1px #ddd; background:#fff; border-radius:15px; overflow:hidden; position:relative}
.msol02 .conn .item:nth-child(2n){ margin-right:0}
.msol02 .conn .item .pic{ width:40%;}
.msol02 .conn .item .text{ width:100%; padding:20px 20px 20px 43%; position:absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}
.msol02 .conn .item .text h3{font-weight: 700;margin-bottom:10px;font-size:24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.msol02 .conn .item .text p{ color: rgba(0, 0, 0, 0.6);line-height:28px;}
.msol02 .conn .item:first-child .text p{ line-height:24px; font-size:95%}

.msol03 .conn{ position:relative; }
.msol03 .conn .image{ width:40%;}
.msol03 .conn .image .swiper-slide{ padding-bottom:30px;}
.msol03 .swiper-pagination-bullet-active{ background:#00b3bd; }
.msol03 .conn .text{ width:45%; margin-left:55%; position:absolute; right:0; top:38%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.msol03 .conn .text .biaoj{line-height:32px; margin-bottom:10px; font-size:17px; }
.msol03 .conn .text .blue{font-size:17px;}
.msol03 .conn .text .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;}
.msol03 .conn .text .conn .item{ width:31.3333%; margin-right:3%; margin-top:3%;background:#f5f5f5; border-radius:5px;text-align:center}
.msol03 .conn .text .conn .item:nth-child(3n){ margin-right:0;}
.msol03 .conn .text .conn .item h3{ color:#222;}
.msol03 .conn .text .conn .item h3 span{ font-size:28px; font-weight:bold; line-height:70px;  }
.msol03 .conn .text .conn .item p{ line-height:38px; color:#fff; background:#00a2ae; color:#fff; border-radius:5px; }

.msol03 .zucheng .list.phshow{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-2%}
.msol03 .zucheng .swiper-slide, .msol03 .zucheng .item{ width:23.5%; padding:2% 2% 3% 2%; margin-bottom:30px; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border:solid 1px #ddd; background:#fff; border-radius:15px; overflow:hidden; position:relative}
.msol03 .zucheng .item{ margin-top:2%; margin-right:2%;}
.msol03 .zucheng .item:nth-child(4n){ margin-right:0}
.msol03 .zucheng .swiper-slide .text{ min-height:360px;}
.msol03 .zucheng .text h3{ font-weight: 700;margin:30px 0 20px 0; text-align:center; font-size:24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.msol03 .zucheng .text p{ color: rgba(0, 0, 0, 0.6);line-height:28px;}
.msol03 .swiper-container-horizontal>.swiper-pagination-bullets, .msol03 .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0 !important;}

.mbg{ background:#f5f5f5;}

.msol04 .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-2%}
.msol04 .list .item{ width:49%; margin-top:2%; margin-right:2%; padding:2% 2% 3% 2%; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border:solid 1px #ddd; background:#fff; border-radius:15px; overflow:hidden; position:relative}
.msol04 .list .item:nth-child(2n){ margin-right:0}
.msol04 .list .item .pic{ width:180px; position:absolute;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%); top:50%; right:3%}
.msol04 .list .item .text{ width:60%}
.msol04 .list .item .text h3{font-weight: 700;margin-bottom:10px;font-size:24px; margin:15px 0 20px 0; display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.msol04 .list .item .text p{ color: rgba(0, 0, 0, 0.6);line-height:28px;}



.qedge-com-pagination .container .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 75px 0 30px
}

.qedge-com-pagination .container .content .pagination {
    display: inline-block;
    margin: 0
}

.qedge-com-pagination .container .content .pagination li {
    display: inline
}

.qedge-com-pagination .container .content .pagination li .prev,.qedge-com-pagination .container .content .pagination li .next {
    content: " ";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: #000;
    border-style: solid;
    margin-bottom: 1px
}

.qedge-com-pagination .container .content .pagination li .disabled {
    border-color: #a2a2a2
}

.qedge-com-pagination .container .content .pagination li:first-child a {
    margin-right: 40px
}

.qedge-com-pagination .container .content .pagination li:first-child a .prev {
    -webkit-transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0);
    transform: matrix(-0.71, 0.71, 0.71, 0.71, 0, 0);
    margin-left: 2px
}

.qedge-com-pagination .container .content .pagination li:last-child a {
    margin-left: 20px;
    margin-right: 0
}

.qedge-com-pagination .container .content .pagination li:last-child a .next {
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    margin-right: 2px
}

.qedge-com-pagination .container .content .pagination li a {
    font-size: 16px; display:block; text-align:center;
    width: 28px;
    height: 28px;
    
    float: left;
    margin-right: 20px;
    text-decoration: none;
    border-radius: 50%
}

.qedge-com-pagination .container .content .pagination li a.active {
    background-color: #00b3bd;
    color: #fff
}

.qedge-com-pagination .container .content .pagination li a:hover:not(.active) {
    background-color: #d7d7d7
}

.qedge-com-load-more .container .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 75px 0 130px
}

.team{ background:#000; position:relative;}
.team .pimg{ width:60%; float:right;}
.team .pimg img{ display:block; width:100%; height:auto; margin-bottom:30px}
.team .kuai{ position:relative; margin-bottom:220px;}
.team .kuai:last-child{ margin-bottom:0}
.team .text{ position:absolute; left:0; top:0%; width:100%}
.team .text h3{ font-size:30px; color:#fff; margin-top:20px;}
.team .text p{ margin-top:30px; color:#999; font-size:18px; width:30%}

.nvideo video{ width:100%; height:auto; display:block; border-radius:35px; overflow: hidden;}

.peixun01 .conn{ position:relative;}
.peixun01 .intro{width:50%; margin-left:50%; position:absolute; top:50%; right:0;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.peixun01 .fj{width:35%; position:relative;}
.peixun01 .fj .wrj{ margin-top:80px;}

.peixun02 .swiper-slide{ background:#f5f5f5; padding:2px; border-radius:20px; overflow:hidden;/* margin-bottom:50px;*/}
.peixun02 .swiper-slide .pic{ border-radius:20px 20px 0 0;}
.peixun02 .swiper-slide p{text-align:center; margin:15px 15px 20px 15px;}
.peixun02 .swiper-pagination{bottom: 0%;}
.peixun02 .swiper-pagination-bullet{width: 40px;height: 3px;background-color:#ddd;opacity: .3;border-radius: 0; opacity:1; transition: .3s;}
.peixun02 .swiper-pagination-bullet-active{ background:#00b3bd; }

.peixun03 .conn img{ display:block; width:100%; height:auto;}


.peixun04 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:-3% }
.peixun04 .conn .item{ width:32%; margin-right:2%; margin-top:3%; background:#fff; border-bottom:solid 3px #00b3bd;}
.peixun04 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.peixun04 .conn .item:nth-child(3n){ margin-right:0}
.peixun04 .conn .item .num{ background:url(../images/join01.png) no-repeat center center; line-height:86px; margin-top:-43px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-family:'Impact'; z-index:999; display:block}
.peixun04 .conn .item .text{padding:20px 15px; position:relative;line-height:30px; text-align: center; display:block}
.peixun04 .conn .item .text h3{ font-size:18px; letter-spacing:0; font-weight:bold; margin-bottom:15px;}
.peixun04 .conn .item .text p{ line-height:28px; margin-bottom:5px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:left}
.peixun04 .conn .item .text .more{ margin:25px auto 15px auto; width:100px; border-radius:20px; background:#00b3bd; color:#fff; font-size:14px;}

.peixun05 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;border-top:solid 1px #ddd; border-left:solid 1px #ddd; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05);}
.peixun05 .conn .item{ width:20%; padding:2% 0; /*box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); */background:#fff;border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; }
.peixun05 .conn .item .icon{ width:36%; max-width:75px; margin:0px auto 15px auto;}
.peixun05 .conn .item .icon img{ display:block; width:100%; height:auto}
.peixun05 .conn .item .text{ line-height:30px; font-size:18px; text-align: center; display:block}
.peixun05 .conn .item:hover{ background:#00b3bd;}
.peixun05 .conn .item:hover .text p{ color:#fff;}
.peixun05 .conn .item:hover .icon img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}

.peixun06 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.peixun06 .conn .item{ width:18.4%; margin-right:2%; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); background:#fff; border:solid 1px #ddd; border-radius:10px; margin-top:45px;}
.peixun06 .conn .item:nth-child(5){ margin-right:0}
.peixun06 .conn .item .num{ background:url(../images/join01.png) no-repeat center center; line-height:86px; margin-top:-43px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-family:'Impact'; z-index:999; display:block}
.peixun06 .conn .item .text{padding:25% 25px 40px 25px; margin-top:-40px; position:relative;line-height:30px; text-align: center; display:block}
.peixun06 .conn .item .text h3{ font-size:22px; font-weight:bold; margin-bottom:15px;}
.peixun06 .conn .item .text p{ line-height:28px; margin-bottom:5px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:left}


.peixun07 .conn{display: -webkit-flex; display:flex;justify-content:center;flex-wrap:wrap; margin-top:-2%}
.peixun07 .conn .item{ width:18.4%; margin-right:2%; margin-top:2%; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); background:#fff; border:solid 1px #ddd; border-radius:10px;}
.peixun07 .conn .item:nth-child(5n){ margin-right:0}
.peixun07 .conn .item .pic{ border-radius:10px 10px 0 0;}
.peixun07 .conn .item .num{ background:url(../images/join01.png) no-repeat center center; line-height:86px; margin-top:-43px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-family:'Impact'; z-index:999; display:block}
.peixun07 .conn .item .text{ position:relative;line-height:30px; text-align: center; display:block}
.peixun07 .conn .item .text p{ font-size:18px; margin:8px 0 15px 0;}


.peixun08 .conn{ position:relative;box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); background:#fff; border:solid 1px #ddd; border-radius:10px;}
.peixun08 .conn .pic{ width:23%; border-radius:10px;}
.peixun08 .conn .text{ width:100%; padding:20px 20px 20px 26%; position:absolute; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}
.peixun08 .conn .text h3{font-weight: 700;margin-bottom:20px;font-size:24px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.peixun08 .conn .text p{ color: rgba(0, 0, 0, 0.6);line-height:28px;}

.pagination { margin-top:50px !important}


.peixun601 .conn{ border-radius:10px; overflow:hidden; border-bottom:solid 1px #ddd; border-left:solid 1px #ddd; }
.peixun601 table a{ display:block; margin:0 auto; width: 100px; line-height:25px; cursor: pointer; border-radius: 20px;background: #00b3bd;color: #fff; font-size: 14px;}
.peixun601 table th{border-top:solid 1px #fff; border-right:solid 1px #fff;}
.peixun601 table td{border-top:solid 1px #ddd; background:#fff; border-right:solid 1px #ddd;}
.peixun601 table th{ color:#fff; background:#00b3bd; padding:10px;}
.peixun601 table th p{ color:#fff;}
.peixun601 table td{ padding:8px 10px;}

.peixun602 .conn{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.peixun602 .conn .item{ width:32%; position:relative; margin-right:2%; border-radius:20px; overflow: hidden; background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd; }
.peixun602 .conn .item:last-child{ margin-right:0; }
.peixun602 .conn .item .text{ position:absolute; background-color:rgba(100%,100%,100%, 0.9); width:100%; left:0; bottom:0; height:90px; padding:15px 20px;}
.peixun602 .conn .item .text h3{ font-size:20px; letter-spacing:0; font-weight:bold; margin-bottom:15px; color:#333}
.peixun602 .conn .item .text p{ line-height:28px; opacity:0; font-size:15px; color: rgba(0, 0, 0, 0.6); }

.peixun602 .conn .item .text .more{ margin:25px auto 15px auto; width:130px; line-height:36px; text-align:center; margin-top:45px; border-radius:20px; background:#00b3bd; color:#fff; font-size:14px; display:none}
.peixun602 .conn .item:hover .text{ background:rgba(0,0,0,0.75); color:#fff; width:100%; height:100%; line-height:25px;}
.peixun602 .conn .item:hover .text .inn{ position:absolute; padding:30px; left:50%; top:50%; width:100%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.peixun602 .conn .item:hover .text h3{ color:#fff;}
.peixun602 .conn .item:hover .text p{ color:#fff; opacity:1; height:auto;}
.peixun602 .conn .item:hover .text .more{ display:block;}
.peixun602 .mmore a{ display:block; margin:50px auto 0px auto; width:180px; line-height:50px; border-radius:30px; background:#00b3bd; color:#fff; text-align:center; cursor:pointer;}
.peixun602 .mmore a:hover{ opacity:0.8}

.peixun603 .conn{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.peixun603 .conn .item{ width:32%; margin-right:2%; border-radius:20px; overflow: hidden; background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd; }
.peixun603 .conn .item:last-child{ margin-right:0; }
.peixun603 .conn .item .text{padding:20px 15px; position:relative;line-height:30px; display:block}
.peixun603 .conn .item .text h3{ font-size:20px; letter-spacing:0; font-weight:bold; margin-bottom:15px; color:#666; text-align:center; }
.peixun603 .conn .item .text p{ line-height:28px; margin-bottom:15px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:center}
.peixun603 .conn .item .text .more{ margin:25px auto 15px auto; width:100px; border-radius:20px; background:#00b3bd; color:#fff; font-size:14px;}


.peixun604 .conn{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.peixun604 .conn .item{ width:32%; margin-right:2%; border-radius:20px; overflow: hidden;background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd; }
.peixun604 .conn .item:last-child{ margin-right:0; }
.peixun604 .conn .item .text{padding:20px; position:relative;line-height:30px; text-align: center; display:block}
.peixun604 .conn .item .text h3{ font-size:20px; letter-spacing:0; font-weight:bold; margin-bottom:15px; color:#666}
.peixun604 .conn .item .text p{ line-height:28px; margin-bottom:15px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:left;}


.peixun605 .conn{ position:relative; border:solid 1px #ddd;border-radius:20px; overflow:hidden; background:#fff;}
.peixun605 .intro{width:50%; margin-left:0%; position:absolute; top:50%; right:5%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);}
.peixun605 .fj{width:30%; margin-left:5%; position:relative;}


.peixun606 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;margin-top:-2%; }
.peixun606 .list .item{ width:23.5%; margin-right:2%; position:relative; text-align:center; margin-top:2%; }
.peixun606 .list .item:nth-child(4n){ margin-right:0; }
.peixun606 .list .item .ico{ position:absolute; background:#f5f5f5; border-radius:50%; overflow:hidden;  left:50%; top:0; cursor:pointer; max-width:120px; margin-left:-60px;}
.peixun606 .list .item .ico img{ display:block; width:100%; padding:5%; height:auto;transition: all .5s ease;}
.peixun606 .list .item:hover .ico img{transform:rotateY(180deg);}
/*
@-webkit-keyframes hvr-buzz-out{
10%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
20%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
30%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
40%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
50%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
60%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
70%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
80%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
90%{-webkit-transform: translateX(1px) rotate(0);transform: translateX(1px) rotate(0);}
100%{-webkit-transform: translateX(-1px) rotate(0);transform: translateX(-1px) rotate(0);}
} 
@keyframes hvr-buzz-out{
10%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
20%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
30%{-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
40%{-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}
50%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
60%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
70%{-webkit-transform: translateX(2px) rotate(1deg);transform: translateX(2px) rotate(1deg);}
80%{-webkit-transform: translateX(-2px) rotate(-1deg);transform: translateX(-2px) rotate(-1deg);}
90%{-webkit-transform: translateX(1px) rotate(0);transform: translateX(1px) rotate(0);}
100%{-webkit-transform: translateX(-1px) rotate(0);transform: translateX(-1px) rotate(0);}
}*/
.peixun606 .list .item .text { border-radius:20px; overflow: hidden;background:#fff; margin-top:60px;  padding:80px 30px 30px 30px;box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd;  }
.peixun606 .list .item .text h3{ font-size:20px; letter-spacing:0; font-weight:bold; margin-bottom:15px; color:#666;}
.peixun606 .list .item .text p{ line-height:28px; margin-bottom:15px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:left;}
.peixun606 .list .item .text .more a{margin:25px auto 15px auto; display:block; cursor:pointer; width:100px; border-radius:20px; background:#00b3bd; color:#fff; font-size:14px;}


.peixun607 .tabmenu { text-align:center}
.peixun607 .tabmenu li {color:#333; background:#fff; margin:0 10px; line-height:30px; padding:10px 30px; border-radius:10px; overflow:hidden; position:relative;transition: all 0.5s; display:inline-block; }
.peixun607 .tabmenu .cli { background-color:#00b3bd; color:#fff; transform:scale(1.05); position:relative; z-index:89}
.peixun607 .tabmenu li{ font-size:18px; text-align:center;}
.peixun607 #tabcontent { clear:both;position:relative; margin-top:40px;}
.peixun607 #tabcontent .hidden {display:none;}
.peixun607 #tabcontent ul{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;margin-top:-2%; }
.peixun607 #tabcontent ul .item{ width:32%; margin-right:2%; text-align:center; margin-top:2%;  border-radius:20px; overflow: hidden;background:#fff;}
.peixun607 #tabcontent ul .item .img2{ min-height:100%; min-width:100%}
.peixun607 #tabcontent ul .item:nth-child(3n){ margin-right:0; }
.peixun607 #tabcontent ul .item .text{ padding:12px 15px 16px 15px;font-size:18px; }


.ad { background: url(../images/bg.jpg) no-repeat center center; background-size:cover;}
.ad .out{ background:rgba(0,0,0,0.75);  padding:60px 0 40px 0; text-align:center}
.ad .out h3{ font-size:40px; font-weight:700; line-height:40px; color:#fff; margin-bottom:20px}
.ad .out h4{ font-size:24px; color:#fff;}
.ad .out h3 span{ color:#00b3bd}
.ad .out .tel{ background: url(../images/adtel.png) #00b3bd no-repeat 8% center; padding:12px 0 10px 40px; color:#fff; width:350px; border-radius:50px; margin:30px auto 20px auto;}
.ad .out .tel p{ font-size:16px; line-height:18px; color:#fff; margin-bottom:0px;}
.ad .out .tel h5{ font-size:24px; line-height:30px;color:#fff; font-weight:700;}

.nabout01 .anniu{ display:inline-block; padding:3px 20px; border-radius:18px; background:#00b3bd; color:#fff; font-size:15px; margin-top:8px; }
.nabout01 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-top:30px;}
.nabout01 .list .item{ width:48.5%; background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd; margin-right:2%; text-align:center; margin-top:2%;  border-radius:20px; overflow: hidden;}
.nabout01 .list .item:nth-child(2n){ margin-right:0; }
.nabout01 .list .item .text{ padding:12px 15px 16px 15px; text-align:center;}
.nabout01 .list .item .pic img{border-radius:0 !important;}
.nabout img{ display:block; width:100%; border-radius:20px; margin:0 auto}

.nabout06 h3{ font-weight:bold; }
.nabout06 h3 span{ display:inline-block; color:#fff; background:#00a2ae; margin-right:10px; padding:0 5px;}
.blue{ color:#00a2ae;}

.nabout06 img{ border:solid 1px #ddd}

/*.nabout00 video{ display:block; width:100%; height:auto;}
.nabout00 .wrap{ position:relative; border-radius:20px; overflow:hidden;}
.nabout00 .wrap .text{ background: rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; position:absolute;}
.nabout00 .wrap .text .inn{ position:absolute; left:0; bottom:0; width:100%; padding:80px 50px; }
.nabout00 .wrap .text .inn p{ color:#fff}*/

.nabout07 video{ border-radius:20px; width:51%; margin:0 auto; height:auto; float:right }
.nabout07 .list .swiper-container{width:46.55%; float:left;}
.nabout07 .swiper-pagination-bullet-active{color:#00a2ae !important; background:#00a2ae !important; }

.nabout04 .list{border-radius:20px; overflow:hidden;}
.nabout04 .list img{ border-radius:0}
.nabout04 .mt01{ float:left; width:49%; position:relative}
.nabout04 .mt02{ float:right; width:49%; position:relative}
.nabout04 .sub{ position: absolute; left:0; top:0; width:100%; height:100%; display:none}

.nabout04 .mt01 img, .nabout04 .mt02 img, .nabout04 .mt03 img, .nabout04 .mt04 img{ display:block; width:100%; height:auto} 
.nabout04 .mt02:hover .sub, .nabout04 .mt03:hover .sub, .nabout04 .mt04:hover .sub{ background-color: rgba(0,0,0,0.75); display:block;}
.nabout04 .inn{ position:absolute; padding:40px; left:50%; top:50%; width:100%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.nabout04 .inn p{ color:#fff;}
.nabout04 .inn a{ display:block; margin:50px auto 0px auto; font-size:90%; width:130px; line-height:40px; border-radius:30px; background:#00b3bd; color:#fff; text-align:center; cursor:pointer;}
.nabout04 .inn a:hover{ opacity:0.8}

.culture{ border-top:solid 1px #ddd; }
.culture .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.culture .wrap .item{ width:32%; margin-right:2%; text-align:center; margin-top:2%; border-left:solid 1px #ddd;}
.culture .wrap .item:first-child{ border-left:none; }
.culture .wrap .item:nth-child(3n){ margin-right:0; }
.culture .wrap .item h3{ font-size:24px; font-weight:bold; color:#00a2ae; margin-bottom:25px;}
.culture .wrap .item p{ max-width:360px; margin:0 auto; display:block}

.peixun071701 .conn{ margin-top:40px;}
.peixun071701 .text{width:45%; float:left;}
.peixun071701 .image{width:45%; float:right}
.peixun071701 .image img{ display:block; margin:0 auto; max-width:100%;}

.erjititle{ font-size:30px !important; margin-bottom:30px; font-weight:bold}
.erjititle .number{ font-style:italic; background:#00b3bd; color:#fff; width:50px; line-height:50px; height:50px; border-radius:50%; text-align:center; margin-right:15px; display:inline-block; }

.peixun071702 .conn{ margin-top:-2%}
.peixun071702 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;margin-top:-2% }
.peixun071702 .list .item{ width:23.5%; margin-right:2%; text-align:center; margin-top:2%;  border-radius:20px; overflow: hidden;background:#fff;}
.peixun071702 .list .item .img2{ min-height:100%; min-width:100%}
.peixun071702 .list .item:nth-child(4n){ margin-right:0; }
.peixun071702 .list .item .text{ padding:12px 15px 16px 15px;font-size:18px; }

.peixun071703 .conn{ margin-top:-2%}
.peixun071703 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.peixun071703 .list .item{ width:23.5%; margin-right:2%;padding:30px 20px;  border-radius:20px; overflow: hidden;background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd; }
.peixun071703 .list .item:last-child{ margin-right:0; }
.peixun071703 .list .item .icon{ width:30%; max-width:75px; margin:5px auto 25px auto;}
.peixun071703 .list .item .icon img{ display:block; width:100%; height:auto;transition: all .5s ease;}
.peixun071703 .list .item:hover .icon img{transform:rotateY(180deg);}
.peixun071703 .list .item .text{position:relative;line-height:30px; text-align: center; display:block}
.peixun071703 .list .item .text h3{ font-size:20px; letter-spacing:0; font-weight:bold; margin-bottom:15px; color:#666}
.peixun071703 .list .item .text p{ line-height:28px; margin-bottom:15px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:left;}


.peixun071704 .text{width:45%; float:left;}
.peixun071704 .image{width:32%; float:right}
.peixun071704 .image img{ display:block; margin:0 auto; max-width:100%;}

.peixun071705 .conn{ margin-top:-2%}
.peixun071705 .list{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.peixun071705 .list .item{ width:32%; margin-right:2%;padding:30px 20px;  border-radius:20px; overflow: hidden;background:#fff; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); border: solid 1px #ddd; }
.peixun071705 .list .item:last-child{ margin-right:0; }
.peixun071705 .list .item .icon{ width:30%; max-width:75px; margin:5px auto 25px auto;}
.peixun071705 .list .item .icon img{ display:block; width:100%; height:auto;transition: all .5s ease;}
.peixun071705 .list .item:hover .icon img{transform:rotateY(180deg);}
.peixun071705 .list .item .text{position:relative;line-height:30px; text-align: center; display:block}
.peixun071705 .list .item .text h3{ font-size:20px; letter-spacing:0; font-weight:bold; margin-bottom:15px; color:#666}
.peixun071705 .list .item .text p{ line-height:28px; margin-bottom:15px; font-size:15px; color: rgba(0, 0, 0, 0.6); text-align:left;}