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

*{font-family:Verdana,Arial;box-sizing: border-box;margin:0;padding:0;}
body{margin:0; padding:0;color:#515151;font-style: normal;font-size:14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
body,html{ width:100%;overflow-x:hidden;}
html{-webkit-text-size-adjust:none; }
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;}
a:hover{text-decoration:none;color:#06a7ba;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; }
a,a *,img{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
img{border:0;max-width:100%;vertical-align:bottom;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
a, input, button, textarea,label{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:transparent;}
.fl{float: left;}
.fr{float:right;}

.cursor {opacity: 0;}
*:hover .cursor {opacity: 1;}
.cursor {position: fixed;width: 8px;height: 8px;margin: -4px 0 0 -4px;border-radius: 50%; z-index:-1}
.cursor:after {content:'';position:absolute;width: 30px;height: 30px;margin: -12px 0 0 -12px;border:1px solid #06a7ba;border-radius: 50%;}

.flex{display: flex !important;}
.flexUl{display: flex ;flex-wrap: wrap;}
.flexT{display: flex ;align-items: flex-start;}
.flexTc{display: flex ;align-items: center;}
.flexTcr{display: flex ;align-items: center;justify-content:flex-end;}
.flexTb{display: flex ;align-items: flex-end;}
.flexLc{display: flex ;justify-content:center;}
.flexLr{display: flex ;justify-content: space-between;}
.flexR{display: flex ;justify-content: flex-end;}
.flexC{display: flex ;align-items: center;justify-content:center;}
.flexDc{display: flex ;align-items: center;justify-content:space-around;}
.flexLrTc{display: flex ;justify-content: space-between;align-items: center;}
.flexLrTb{display: flex ;justify-content: space-between;align-items: flex-end;}
.flexM{flex-grow:1;}
.flexS{flex-flow: column;}
.fixed{position: fixed; width:100%; left:0; top:0;}
.right{float:right;}
.left{float:left;}
.tl{ text-align:left !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}
.t-del{text-decoration:line-through;}
.t-dline{text-decoration: underline;}
.t-one{white-space: nowrap;}
.t-omit{ display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.t-duan{word-break:break-all;}
.fwb{font-family: "Microsoft YaHei","微软雅黑","Avenir LT65 Medium","思源黑体 CN Bold"; font-weight:bold;}
.pr{position:relative;}
.ovh{ overflow:hidden;}

.clear{clear:both;height:0;font-size:0;line-height:0px;}
.clearfix{zoom: 1;}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
/*clearfix主要是用在浮动层的父层，而clear 主要是用在浮动层与浮动层之间，和浮动层同一级*/
.hide{display:none !important;}
.show{display:block !important;}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
/*.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}*/

.pcshow { display:block;}
.mbshow { display:none;}


/*.lang_cn{display:none;}
.lang_en{ display:block;}
.active .lang_cn,
a:hover .lang_cn{ display:block !important;}
.active .lang_en,
a:hover .lang_en{display:none;}*/

.lang_cn{display:block;opacity:0; position:absolute; width:100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.lang_en{ display:block;opacity:1;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;}
.active .lang_cn,
a:hover .lang_cn{ opacity:1;}
.active .lang_en,
a:hover .lang_en{display:block;opacity:0;}


.mrtbx{margin-top:120px;padding-bottom:100px;}
.mrbbx{margin-bottom:120px;}
.topbx{padding-top:100px;}
.mrtdf{ margin-top:30px;}
.mrtlg{ margin-top:60px;}


.fssm{ font-size:12px;}
.fsdf{ font-size:14px;}
.fslg{ font-size:24px;}
.fsxl{ font-size:50px;}



.tabbox .tablist>div{display:none;}
.tabbox .tablist>div.active{display:block !important;}


.container {
    /*width: 1740px;*/
	width:calc(100% - 9vw);
    margin-right: auto;
    margin-left: auto;
}
.contact,.about,.question,.gongyi{padding-top: 140px;}
.sharing .topbx{padding-top: 240px;}
/*---菜单---*/

.head{position:fixed; left:0; top:0;z-index:999;background: #fff;width: 100%;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}
.head .content{;padding: 20px 80px;}
.head .logo{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;padding-top: 10px;}
.head .logot{  color: #06a7ba;  font-size: 20px;  font-weight: bold;padding-left: 20px;padding-top: 20px;}
.head ul{display: flex;}
.head ul li{/*width: 100px;text-align: center;*/position: relative;padding: 0 25px;}
.head ul li:last-child{width: 100px;padding: 0;}
.head ul li a,.head ul li.active ul li a {
  font-size: 16px;
  display: block;
  line-height: 100px;
  color: #8d8d8d;
}
.head ul li a:hover,.head ul li.active a,.head ul li.active ul li.active2 a,.head ul li.active ul li:hover a{color:#06a7ba;}
.head ul li ul{display: none;position: absolute;background-color: #fff;  z-index: 1000;white-space: nowrap;  border: 1px solid #06a7ba;padding: 10px;margin-left: -100px;}
.head ul li ul li,.head ul li ul li:last-child{text-align: center;width: 250px;padding: 0;}
.head ul li ul li a,.head ul li.active ul li a{line-height: 35px;}
.head ul li:hover ul{display: block;}

.navbox{display: none}
.navbox{ position:fixed; left:0; top:0; z-index:999;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;background:rgb(255,255,255,0.1); border-right:1px solid rgb(0,0,0,0.1);}
.navbox .content{ height:100vh; display: flex ;align-items: center;justify-content:space-between;flex-flow: column;}
.navbox .menu{width:100%; z-index:1;}
.navbox .menu .content{ padding:50px 0;}
.navbox .menu .logo{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.navbox .menu .logo i{ font-size:38px; color:#666;}
.navbox .menu .nav-trigger i{ font-size:24px; color:#999;}
.navbtn { margin:40px auto;}
.nav_trigger{display: block;cursor:pointer;border:0;padding:8px;height:40px;width:80px;}
.nav_trigger span{display:block;width:26px;height:2px; margin:0 20px;background-color:#9a9a9a;-webkit-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.nav_trigger span:nth-child(2){margin-top:7px; width:13px;}
.nav_trigger span:nth-child(3){margin-top:7px;}
.nav_open .nav_trigger span,
.nav_trigger:hover span{background-color:#06a7ba;}
.nav_open .nav_trigger span:nth-child(2),
.nav_trigger:hover span:nth-child(2){ width:26px;}
.topewm img{width: 100px;height: auto;}

.navbox .share{display: flex ;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.navbox .share a{ position:relative; margin-bottom:10px;}
.navbox .share a i{ font-size:24px; color:#a3a3a3;}

.navbox .share a img{position:absolute; left:100%; bottom:-3vh; height:100px; max-width:none; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; opacity:0;}


.navbox .menu .share{flex-flow: column;}
.navbox .menu .share a img{left:0; bottom:-3vh; width:0; height:0; opacity:0;}
.navbox .menu_nav .share a img{left:50%; bottom:30px;margin-left:-50px;width:0;height:0;opacity:0;}

.navbox .share a:hover img{width:100px; height:auto; opacity:1;}

.navbox .menu_nav{ position:absolute; width:300px; left:-380px;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease; padding-left:110px; background-color:#666;border-right:1px solid rgb(0,0,0,0.1);}
.navbox .menu_nav .content{align-items: flex-start;}
.navbox .menu_nav .logo{ padding-top:65px;}
.navbox .menu_nav .logo a{ display:block; width:109px; height:43px;  background-size:100%;}
.navbox .menu_nav .logo a:hover{}
.navbox .menu_nav ul{ position:relative;width:100%; padding-bottom:60px;flex-grow:1;}
.navbox .menu_nav li{ width:100%; position:relative}
.navbox .menu_nav li:last-child:after{ content:''; position:absolute; bottom:-60px; left:0; width:30px; height:1px; background-color:#7f7f7f;}
.navbox .menu_nav li a{ font-size:16px; display:block; line-height:46px; color:#8d8d8d;}
.navbox .menu_nav li a:hover,
.navbox .menu_nav li.active a,.navbox .menu_nav li.active .snav .active2 a,
.nav_open .menu_nav li.active a{color:#06a7ba;}
.navbox .menu_nav .share{ padding-bottom:140px;}
.navbox .menu_nav .share a{ margin-right:18px;}



.nav_open{border-right:none;}
.nav_open .menu .logo,
.nav_open .menu .share{opacity:0;}
.nav_open .menu .share img{ display:none;}
.nav_open .menu_nav{left:0; background-color:#fff;}


.menu_nav a{ position:relative;}

.navbox .menu_nav li.active  .snav a{color:#8d8d8d}

.snav {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    z-index: 1000;
    width: auto;
    white-space: nowrap;border: 1px solid #06a7ba;
}
.navbox .menu_nav li .snav a{font-size: 14px;line-height:30px;}
/* 显示下拉菜单的类 */
.snav.show {
    display: block;
}
.products {padding-top: 140px;}
.products img{display: block;}
.products ul{display: flex;flex-wrap: wrap; /* 允许换行 */}
.products ul li{width: 50%;}
.pnotice{width: 60%;margin: 0 auto;padding-top: 90px;line-height: 2;text-align: center;font-size: 26px;color: #06a7ba;font-weight: bold;}

.index .products:nth-child(1){padding-top:95px;}
.notice{width: 60%;font-size: 26px;line-height:1.6;text-align: center;padding-bottom: 90px;margin: 0 auto;color: #06a7ba;}

/*---菜单end---*/

.conbox {display:flex;}
.conbox .lbox{ width:400px; padding-left:80px; padding-right:140px;}
.conbox .lbox .textbx{ line-height:2; font-size:16px;}
.conbox .rbox{ width:calc(100% - 400px);}
.conbox .lbox .tabhd a{display: block; overflow: hidden;font-size:16px;}
.conbox .lbox .tabhd a{ line-height:40px;text-overflow:ellipsis;white-space: nowrap;color: #8d8d8d;}
.conbox .lbox .tabhd .active a,.conbox .lbox .tabhd a:hover{ color:#06a7ba;}



.conbox .lbox,
.conbox .rbox {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}


.titlebox h3{color:#06a7ba; font-weight:bold;font-size:25px;text-transform:uppercase; }
.titlebox p{color:#06a7ba; padding-top:5px;font-size:26px;}

.footer .container{padding-left:80px;}
.footer .conbx{ padding:20px 0;border-top:1px solid #f0f0f0; }
.footer .linkbx{ padding-left:10px; margin-left:10px; position:relative;color: #26b2c3;}
.footer .linkbx a{white-space: nowrap;}
.footer .linkbx:before{ content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#26b2c3;}
.footer .areabx{white-space: nowrap;}
.footer .areabx a:first-child{ padding-left:0; margin-left:0;}
.footer .areabx a:hover{color:#1a1a1a;}
.footer .areabx .linkbx:first-child:before{ display:none;}
.footer .copybx{word-break:break-all;flex-grow:1; text-align:right; padding-left:40px; font-size:12px;}



.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;line-height: 1.2;}
.rolling-top h5 {font-size: 12px;color: #fff;width: 100px;position:absolute;right:-55px;bottom:-20px;font-weight: normal;text-transform: uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #06a7ba;}
.rolling-top:hover i{background: #06a7ba;}


/* index */
.index .navbox{background:rgb(0,0,0,0.2);border-right:none;}
.index .navbox .menu .logo i,
.index .navbox .menu .share a i{width: 46px;height: 36px;}
.index .navbox .share a:hover i{width: 46px;height: 36px;}
.index .navbox .nav_trigger span{ background-color:#fff;}
.index .nav_open .nav_trigger span,
.index .nav_open .nav_trigger:hover span{background-color:#06a7ba;}
  /* banner */
.banner{ position:relative;}
.index-banner .swiper-slide{}
.index-banner img{}
.index-banner a {display: block;width: 100%;height:100%;background-size:cover;overflow: hidden;}
.index-banner .text {position: absolute;width:65px;right:10%;top:13vw;text-align: center;z-index: 10;text-transform:uppercase;color: #fff;}
.index-banner .text p,
.index-banner .text span{ color:#fff;}
.index-banner .text .line{margin-top:-100px;margin-bottom:20px;background:#fff;width:100px;height:1px;display:block;overflow:hidden;}
.index-banner .text .fssm{ font-size:16px;}
.index-banner .text .fsdf{ font-size:20px;}
.index-banner .text .fslg{ font-size:30px;}
.index-banner .text .fsxl{ font-size:50px;}
.index-banner .text .fwb{ font-weight:bold;}

.index-banner .text h2{transform:translateX(-200px);opacity:0;transition:all .4s; line-height:1.0}
.index-banner .text h3{transform:translateX(-200px);opacity:0;transition:all .4s;line-height:1.0}
.index-banner .text h6{transform:translateX(-200px);opacity:0;transition:all .8s;}
.index-banner .text .line{transform:translateX(0);opacity:0.8;transition:all .8s;}
.index-banner .ani-slide .text h2{transform:translateY(0);opacity:1;}
.index-banner .ani-slide .text h3{transform:translateX(0);opacity:1;}
.index-banner .ani-slide .text h6{transform:translateX(0);opacity:1;}
.index-banner .ani-slide .text .line{transform:translateX(0);opacity:1;}



.fontb1 {font-size: 50px;line-height: 50px;font-family:"Avenir LT65 Medium","Noto Sans SC","Microsoft YaHei","微软雅黑",Arial;font-weight:700;}
.fontl1 {font-size: 24px;font-family:"Noto Sans SC","Microsoft YaHei","微软雅黑","Avenir LT65 Medium",Arial;font-weight:100;}

.fontlb2 {font-size: 20px;font-family:"Avenir LT65 Medium","Noto Sans SC","Microsoft YaHei","微软雅黑",Arial;font-weight:700;font-weight:300;}
.fontlb2 strong{font-weight:600;font-size: 28px;}
.index-banner .text .fontb1,.index-banner .text .fontl1{opacity:1;transition:all .4s; line-height:1.5;text-shadow: 2px 2px 4px rgba(6, 167, 186, 1);border: 1px solid #fff;padding: 10px 15px;}
.index-banner .fontlb2{opacity:1;text-align: center;color: #fff;font-size: 22px;position: absolute;top:14vw;right: 15%;z-index: 999;text-shadow: 2px 2px 4px rgba(6, 167, 186, 1);font-weight: bold;writing-mode: vertical-rl;  text-orientation: upright;}
.index-banner .ani-slide .text .fontb1{transform:translateY(0);opacity:1;}
.index-banner .ani-slide .text .fontl1{transform:translateX(0);opacity:1;}
.index-banner .ani-slide .text .fontlb2{transform:translateX(0);opacity:1;}
.lang_en {opacity:.5;}



.index-banner .text.left {left:3.8vw;margin-left:50px;text-align: left;}
.index-banner .text.center {top: 40%;}
.index-banner .text.center h6{margin:50px auto auto;}
.index-banner .text.right {left:auto;right:5vw;text-align: right;}
.index-banner .text.right h6 {clear: both; font-weight:normal;}
.index-banner .text.right .line {float: right;clear: both;}
.index-banner .text.none { display:none;}

.index-banner .text.tcbox{ top:0;height:100vh;position:relative;display: flex ;justify-content:center;flex-flow: column;}
.index-banner .text.tcbox h6{ }
.index-banner .text.tcbox h6 p{ margin-right:20px;}
.index-banner .text.tcbox h6 p span{ display:block; padding-bottom:5px}

.index-banner .pic,
.index-banner .pic span {width: 100%;height:100%;}
.index-banner .pic span{display: block;width: 100%;height:100%;background-size:cover;transition:all 1s ease-out;}
.index-banner .pic span img{width: 100%;height: auto;}
.index-banner .pcshow:hover{transform:scale(1.01);}


.index-banner .swiper-button-next,.index-banner .swiper-button-prev{top:400px;width: 40px;height: 40px;margin-top:auto;z-index: 99;outline: none;opacity:0.5;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{opacity:1;}



.index-banner .swiper-pagination {position: absolute;left:0;bottom:60px;text-align: right;padding-right:6%;}
.banner span.swiper-pagination-bullet {background:rgb(255,255,255,0.5);width: 30px;height: 1px;border-radius:0;position: relative;margin:0 20px 0 0 !important;opacity:1;}
.banner span.swiper-pagination-bullet::before {content: '';width: 0%;height: 100%;left: 0;top: 0;background:#26b2c3;z-index: 3;display: block;}
.banner span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;width:100%;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.indexbx{ padding-bottom:90px;}

.indexgongyi{display: flex;margin-top: -60px;padding: 0 80px 90px 80px;}
.indexgongyi div{width: 50%;margin-right: 5%;}
.indexgongyi div:last-child{margin-right: 0;}
.indexgongyi img{margin-bottom:135px;}
.indexgongyi h3{color: #06a7ba;  font-size: 20px;  text-align: center;display: block;width: 100%;margin-top:20px;}
.indexgongyi div p{padding: 15px 0;font-size: 16px;line-height: 1.8;width: 95%;margin: 0 auto;}
.indexgongyi ul{display: flex;flex-wrap: wrap;/* 允许换行 */}
.indexgongyi ul li{width: 49.5%;margin-right:0.5%}
.indexgongyi ul li:nth-child(2){margin-left: 0.5%;margin-right: 0;}


.businessbx .tablist ul{  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 三列，每列宽度相等 */
  grid-template-rows: repeat(2, 1fr); /* 五行，每行高度相等 */
  gap: 20px; /* 网格项之间的间隔 */}
.businessbx .tablist li{position:relative;overflow:hidden;}
.businessbx .tablist li:first-child{ grid-area: 1 / 1 / 3 / 3; /* 从第1行第1列开始，到第3行第3列结束 */}
.businessbx .tablist li a{width:100%;height:100%;display: block;}
.businessbx .tablist li .textbx{ width:100%;height:100%;position: absolute;z-index:1;background-color:rgb(0,0,0,0.4);display: flex ;align-items: center;justify-content:center;flex-flow: column;opacity:0; text-align:center;}
.businessbx .tablist li .textbx font{ color: rgb(255,255,255,0.6);}
.businessbx .tablist li .textbx font.titlebox{  font-size:30px;color:#fff;}

.businessbx .tablist li .imgbx{width:100%;height:100%;display: flex ;background-position:center;background-size:cover;}
.businessbx .tablist li a:hover .textbx{ opacity:1;}
.businessbx .tablist li a:hover .imgbx{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}


.mbshow {display: none!important;} 
.navbox,.navbox .menu  {transition:all .6s ease;} 
.navbox .menu_nav {left: 0;opacity: 0;}
.navbox .menu_nav  {background: none;}
.navbox .menu{position: relative;}
.navbox .menu_nav {border-right: none}
.navbox .menu .content {padding: 80px 0;}
.navbox.nav_open {background: #fff;border-right: 1px solid rgb(0,0,0,0.1);}
.navbox.nav_open .menu {width: 300px;}
.navbox.nav_open .menu_nav {left: 0;top: 0;opacity: 1;border-right: none}
.navbox.nav_open .navbtn {opacity: 0;}
.navbox.nav_open .menu .menu_nav .content .logo,.navbox.nav_open .menu .menu_nav .content .share {opacity: 1;}
.navbox.nav_open .menu .logo i,.navbox.nav_open .menu .share a i {color: #a3a3a3;}
.navbox.nav_open .menu .content .logo,.navbox.nav_open .menu .content .share {opacity: 0;}
.navbox.nav_open .menu .menu_nav .content .share{flex-flow: nowrap;}
.navbox.nav_open .menu .menu_nav .share img {display: block;}
.navbox .menu_nav .logo a {transition: none;}
.cursor {pointer-events: none;z-index: 1000;}
.navbox .menu .menu_nav .content {position: relative;}
.navbox .menu .menu_nav .content .logo {position: absolute;left: 0;top:10%;padding-top: 0px;margin-left: -40px;}
.navbox .menu .menu_nav .content .navList {position: absolute;padding:0;top:30%;}
.navbox .menu .menu_nav .content .share {position: absolute;left: 0;bottom:5%;padding-bottom:0;z-index: -1}
.navbox .menu .menu_nav .content .share img{width:160px;height: auto;margin-left: -30px;}

.banner span.swiper-pagination-bullet {height: 20px;background:none;}
.banner span.swiper-pagination-bullet::after  {content: '';width: 100%;height: 2px;left: 0;top: 8px;background: #26b2c3;opacity: .5;position: absolute;}
.banner span.swiper-pagination-bullet::before {height: 2px;top: 0px;margin-top:8px;}
.navbox .menu .menu_nav .content .logo {top: 8%;}
.navbox .menu .share a img {width: 150px;height: 150px;transition:all .7s ease;}
.navbox .menu .share a:hover img {left: 100%;}
.navbox .menu .share.flexC a img {left: 50%;bottom:-40px; z-index: -1;transition:all .7s ease;}
.navbox .menu .share.flexC a:hover img {left: 320%;}


.banner span.swiper-pagination-bullet {outline: none;}
.navbox .menu .menu_nav .content .logo {position: relative;top:0;}
.navbox .menu .logo i {font-size: 43px;}
.index-banner .text p.fssm.w25 span.fslg {display:block;}
.index-banner .text p.fssm.w25 {float:left;padding-right: 20px;}
.index-banner .text p.fssm.w25:last-child {padding-right: 0px;}

.footer .copybx a{color: #515151;}
@media screen and (max-width: 5100px){
    .fontb1 {font-size: 74px;line-height: 74px;}
    .fontlb2 strong {font-size: 44px;}
    .index-banner .text .fssm,.index-banner .text .fssm * {font-size:22px!important;}
    .businessbx .tablist li .textbx{opacity:1;}
}
@media screen and (max-width: 1920px){
    .fontb1 {font-size:30px;}
    .fontlb2 strong {font-size: 30px;}
    .index-banner .text .fssm,.index-banner .text .fssm * {font-size:18px!important;}
}
@media screen and (max-width: 1440px){
    .head .content{padding: 20px 40px;}
    .navbox .menu_nav li a{line-height:36px;}
    .head ul li{padding: 0 20px;}
    .head .logo img{height: 60px;}
    .topewm img{width: 80px;height: auto;}
    .navbox .menu .menu_nav .content .navList{}
    .pnotice,.notice{font-size: 22px;width: 80%;}
    


.fontb1 {font-size: 34px;line-height: 34px;}
.fontlb2 strong {font-size: 20px;}
.index-banner .text .fssm,.index-banner .text .fssm * {font-size:16px!important;}
    .index-banner .fontlb2{right:18%;top:14.5vw;}
    .conbox .lbox .tabhd a{ line-height:32px;}
}
@media screen and (max-width: 860px){
    .index-banner .pic span.pcshow{display: none;}
  .mbshow {display: block!important;} 
  .navbox .menu .menu_nav {display: none;}
  .navbox .menu .content {padding: 20px 0;}
  .navbox .menu_nav.mbshow {background: #717171;display: block!important;overflow: hidden;width: 101%;left: -100%;position: fixed;top: 0;z-index: 111;transition:all .6s ease;}
  .navbox.nav_open .menu_nav.mbshow {z-index: 111!important;left: 0;}
  .navbox.nav_open .menu {width: 100%;}
  .navbox.nav_open .navbtn {opacity: 1;}
  .navbox.nav_open .menu .content .logo, .navbox.nav_open .menu .content .share {opacity: 1;}
  .container.about {padding-bottom: 100px;}

  .index-banner .text.tcbox h6 p span {margin-bottom: 0;}
  .conbox .lbox .tabhd a {margin-bottom: 24px;}
  .container {width: 100%;overflow: hidden;}
  .container.case .conbox{width: 100%;overflow: hidden;margin: auto;display: block;}
  .conbox .rbox {margin: auto;}

  .tabbox .tablist>div {}
  .conbox .lbox .tabhd a, .conbox .lbox .tabhd a span {display: block; overflow: hidden;width: 100%;}
  .conbox .lbox .tabhd a {position:relative;}
  .navbox .menu_nav.mbshow {background: #333;}
  .navbox .menu .logo i {font-size: 30px;}
  .navbox .menu_nav li {transform: translateX(-30%);opacity:0;transition:all .8s ease;}
  .navbox.nav_open .menu_nav li {transform: translateX(0);opacity:1;}
  .navbox.nav_open .menu_nav li:nth-child(1) {transition-delay: .1s;}
  .navbox.nav_open .menu_nav li:nth-child(2) {transition-delay: .2s;}
  .navbox.nav_open .menu_nav li:nth-child(3) {transition-delay: .3s;}
  .navbox.nav_open .menu_nav li:nth-child(4) {transition-delay: .4s;}
  .navbox.nav_open .menu_nav li:nth-child(5) {transition-delay: .5s;}
  .navbox.nav_open .menu_nav li:nth-child(6) {transition-delay: .6s;}
  .navbox.nav_open .menu_nav li:nth-child(7) {transition-delay: .7s;}
  .index-banner .text p.fssm.w25 span.fslg {display:block;font-size:20px;}
  .index-banner .text p.fssm.w25 {float:left;padding-right: 20px;font-size:10px;}
  .index-banner .text p.fssm.w25:last-child {padding-right: 0px;}
  .index-banner .swiper-pagination{display: none}
  .footer .copybx,.footer .copybx a {font-size:10px;}
  #slideContainer .panel div a b::after {content: '';width: 70px;height: 1px;display: block;margin: 15px auto;background: #fff;opacity:.5;}

  .fontb1 {font-size: 30px;line-height: 30px;}
  .fontlb2 strong {font-size: 18px;}
  .index-banner .text .fssm,.index-banner .text .fssm * {font-size:16px!important;}
  .index-banner .text .line {margin-top: 20px;margin-bottom: 17px;}
    
    .products {padding-bottom: 0;}
    .products ul{display: flex;flex-wrap: wrap; /* 允许换行 */}
    .products ul li{width: 100%;}
    .pnotice{width: 90%;font-size: 18px;padding: 40px 0;}
    .notice{width: 90%;font-size: 18px;padding:40px 0 0 0;}
    .snav {width: 80%;left: 50%;  transform: translateX(-50%);}
    .navbox .menu_nav li .snav a{color: #515151}
    .indexgongyi{flex-wrap: wrap;padding: 0;margin-top: 0;}
    .indexgongyi img{margin-bottom:60px;}
    .indexgongyi div {
        width: 100%;margin-right: 0;
      }
    .indexgongyi ul li,.indexgongyi ul li:nth-child(2){width: 100%;margin: 0;}
    .contact,.about,.question,.gongyi,.products{padding-top: 0;}
    .sharing .topbx{padding-top: 50px;}
    
}

.indexbx{ padding-bottom:90px;}
.businessbx .tablist ul{}
.businessbx .tablist li{box-shadow: 1px 5px 10px 0 rgba(0,0,0,0.3);}

.businessbx .tablist li:first-child img{width: 100%;height: auto;}
.businessbx .tablist li a{width:100%;height:100%;display: block;}
.businessbx .tablist li .textbx{ width:100%;height:100%;position: absolute;z-index:1;background-color:rgb(0,0,0,0.4);display: flex ;align-items: center;justify-content:center;flex-flow: column;opacity:1; text-align:center;}
.businessbx .tablist li .textbx font{ color: rgb(255,255,255,0.6);}
.businessbx .tablist li .textbx font.titlebox{  font-size:30px;color:#fff;}

.businessbx .tablist li .imgbx{width:100%;height:100%;display: flex ;background-position:center;background-size:cover;}
.businessbx .tablist li a:hover .textbx{ opacity:1;}
.businessbx .tablist li a:hover .imgbx{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



    #slideContainer {position: relative;overflow: hidden;text-align: center;}
    .banner {overflow: hidden;}
    .scrollmagic-pin-spacer {overflow:hidden;}
    .pcshow {display: block;}
    #slideContainer .caseshow {display: none;position: relative;overflow: hidden;text-align: center;}
    #slideContainer .title-1 {padding: 20% 0;transition:all .4s ease;}
    #slideContainer .title-1 h3{font-size: 26px;line-height: 1.2;font-weight: bold;color: #000;font-family: "Avenir LT65 Medium";}
    #slideContainer .title-1 p{font-size: 26px;padding-top: 5px;line-height: 1.2;color: #06a7ba;}
    #slideContainer .title-1 span {font-size: 14px;padding-top: 5%;line-height: 24px;color: #999;display:block;width: 70%;margin: auto;}
    #slideContainer .type-1 {height:300px;width:100%;font-size: 15px;color: #fff;background-color: #000;position: relative;}
    #pinContainer {position: relative;overflow: hidden;width:100%;height:100%;}
    #slideContainer {width: 100%;height: 100%;}
    #slideContainer .panel {width:100%;background-size:cover;background-position:center center;background-repeat: no-repeat;z-index:10;position:relative;margin-bottom:10px}
    #slideContainer .panel.text {margin-bottom:0px;margin-top:10px;}
    #slideContainer .panel .mark {display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 202;text-align: center;background:#333;}
    @keyframes bounceInfade{
        0%,100%{-webkit-transition-timing-function:cubic-bezier(0.5,.6,.4,1);transition-timing-function:cubic-bezier(0.5,.6,.4,1)}
        0%{opacity:1;height: 100%;}
        100%{opacity:0;height:0%;}
    }
    .bounceInfade{-webkit-animation-name:bounceInfade;animation-name:bounceInfade}
    @keyframes suofang {0%{transform: scale(1.05);} 100%{transform: scale(1);}}
    
    #slideContainer a {display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 22;text-align: center;background: rgba(0,0,0,.2);}
    #slideContainer a b {display: block;font-size: 22px;color: #fff;width: 100%;position: absolute;left: 0%;top:40%;}
    #slideContainer a b h3{font-size: 26px;line-height: 1.2;font-weight: bold;color: #fff;font-family: "Avenir LT65 Medium";}
    #slideContainer a b p{font-size: 26px;padding-top: 5px;line-height: 1.2;color: #06a7ba;}
    #slideContainer a b span {font-size: 14px;padding-top: 5%;line-height: 24px;color: #999;display:block;width: 70%;margin: auto;}
    #pinContainer .title-1 {padding: 10% 0;position:fixed;left:0;top:50px;top: 50px;width: 100%;z-index: 1111;background-color: #fff;display:none;}
    #slideContainer .panel.text {height:350px;}
    #slideContainer .panel div {height:700px;background-size:cover;background-position:center center;background-repeat: no-repeat;}
    @media screen and (max-width: 860px){
        #slideContainer .caseshow {display: block;}
        .pcshow {display: none;}
        .index-banner .swiper-slide {}
         .container {width: 100%;overflow: hidden;display: block;}
         .index-banner .text.tcbox  {height: auto;overflow: hidden;}
         .index-banner .text.tcbox {top:20%;position: absolute;}
         #slideContainer  .title-1.pfixed {opacity: 1;}
         #slideContainer #pinContainer .title-1.pfixed {display:block;opacity:1;}
         #slideContainer #pinContainer .title-1.pabsolute  {opacity:0;}
         .nav_trigger span {transition:all .4s ease;}
         
        
    }

.videolist ul{margin-left: -1.0vw;}
.videolist li{width: calc(25% - 1.0vw);margin: 0 0 1.0vw 1.0vw;cursor: pointer;} 
.more{text-align: right;padding-bottom: 15px;}
.more a{color: #26b2c3;font-size: 16px;}

.line{height: 1px;background: #f0f0f0;margin: 60px 0;width: 100%;}
.zhuti img{width: 100%;height: auto;display: block;margin-bottom: 60px;}
.black_overlay{ 
    display: none; 
    position: fixed; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    z-index:1001; 
    -moz-opacity: 0.8; 
    opacity:.80; 
    filter: alpha(opacity=88); 
} 
.white_content { 
    display: none; 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    width: 400px; 
    border: 10px solid #06a7ba; background-color: #06a7ba;
    z-index:1002; 
    overflow: auto; 
    transform: translate(-50%, -50%);border-bottom: 3px solid #06a7ba;
} 
.white_content a{font-size: 40px;font-weight: bold;color: red;line-height: 50px;position: absolute;right: 5px;top:5px;z-index: 1003;}
.white_content video{border: none;}
@media screen and (max-width: 1440px){
    .white_content { 
        display: none; 
        position: fixed; 
        top: 50%; 
        left: 50%; 
        width: 250px; 
        border: 10px solid #06a7ba; background-color: #06a7ba;
        z-index:1002; 
        overflow: auto; 
        transform: translate(-50%, -50%); border-bottom: 3px solid #06a7ba;
    } 
    
}

.logowz{position: absolute;left:20px;top:80px;z-index: 90;color: #06a7ba;font-size:20px;font-weight: bold;}
.logowz h3{font-size:14px;}
.lmenu{position: fixed; transform: translate3d(0px, 0px, 0px); /*top: 100px;*/ left:168px; width: 400px;}
.storybox{ padding-bottom:280px;}
.storybox .tablist ul{ margin-left:-20px;}
.storybox .tablist li{width:calc(33.33% - 20px);margin:0 0 20px 20px;/*height:22.5vw;*/position:relative;overflow:hidden;box-shadow: 1px 5px 10px 0 rgba(0,0,0,0.3);}
.storybox .tablist li:first-child{ width:100%;height:auto;}
.storybox .tablist li:first-child img{width: 100%;height: auto;}
/*.storybox .tablist li:nth-child(2){width:calc(66.66% - 20px);}*/
.storybox .tablist li a{width:100%;height:100%;display: block;text-align: center;}
.storybox .tablist li .textbx{ width:100%;height:100%;position: absolute;z-index:1;/*background-color:rgb(0,0,0,0.4);*/display: flex ;align-items: center;justify-content:center;flex-flow: column;opacity:1; text-align:center;display: none;}
.storybox .tablist li .textbx font{color:rgb(141,141,141,1);}
.storybox .tablist li .textbx font.fssm{font-size: 14px;bottom:5%;position: absolute;}
.storybox .tablist li:nth-child(2) .textbx font.fssm{color:rgb(255,255,255,0.6);font-size: 12px;bottom: 35%;}
.storybox .tablist li .textbx font.titlebox{ font-size:30px;color:#06a7ba;text-shadow: 2px 2px 2px rgba(255,255,255,0.8);}
.storybox .tablist li .imgbx{width:100%;height:100%;display: flex ;background-position:center;background-size:cover;}
.storybox .tablist li a:hover .textbx{ opacity:0;}
.storybox .tablist li a:hover .imgbx{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.storycs,.aboutshow{padding-top: 20px;line-height: 2;font-size: 16px;}
.aboutshow p{}

.storyshowbox .rbox{text-align: right;}
.storyshowbox .rbox img{max-width:700px;height: auto;}
.pronext{text-align: left;padding:15px 0;}
.pronext a{margin-right: 20px;}
.conbox .lbox .tabhd .pronext a{font-size: 30px;display:inline;}

.about .infobox .conbox .lbox {
  width: 54%;
  padding-left: 80px;
  padding-right: 100px;
}
.about .infobox .imgbx {
  position: relative;
  width: 46%;
}


.contact .conbox .lbox {
  width: 40%;
  padding-right: 120px;
}
.contact .addrbx {
  padding: 30px 0;
  border-top: 1px solid #cccccc;text-transform: none;
}
.contact .addrbx h3 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #000;
}
.contact .addrbx p {
  font-size: 16px;
  line-height: 2.0;
}

.contact .conbox .rbox {
  width: 60%;
}
.contact .qrbx {
  padding: 30px 0;
  border-top: 1px solid #cccccc;
}
.contact .qrbx img {
  width: 110px;
}
.contact .qrbx .textbx {
  padding-left: 30px;
  line-height: 1.6;
}
.contact .rbox p{padding: 20px 10px 0 10px;line-height:2;}

.question .imgbx{  
  width: 56%; 
}
.questionbx{padding-top: 50px;line-height: 2;font-size: 16px;}
.questionbx em{color: #06a7ba;}

.gongyi .imgbx,.service .imgbx{  
  width: 56%; 
}
.gongyibx,.servicebx{padding-top: 50px;line-height: 2;font-size: 16px;}
.gongyibx h3{color: #06a7ba;font-size: 20px;text-align: center;}
.gongyibx p,.servicebx p{}

.gongyibx ul{display: flex;}
.gongyibx ul li{width:calc(50%);}
.shareshow{padding-top: 140px;}
.shareshow .lmenu{position: absolute;left:auto;}
.shareshow .infobx{padding-top:60px;}

.pagination{text-align: center;height: 30px;margin-top: 30px;}
.pagination a{border:1px solid #ccc;padding: 5px;margin: 5px;}
a.page-num-current{color: #06a7ba;}

.prolist{text-align: center;width: calc(90% - 9vw);margin: 0 auto;padding-top: 80px;padding-bottom: 60px;}
.prolist a{margin: 10px; padding: 0 15px; border: 1px solid #c8c8c8;  border-radius: 24px;  font-size: 14px;  color: #303030; background: #fff; white-space:nowrap;line-height: 30px;height: 30px;display: inline-block;transition:color 0.3s ease; } 
.prolist a:first-child{background: #06a7ba;color: #fff;border:none;line-height:40px;height:40px;font-size: 16px;  }
.prolist a.on,.prolist a:hover{background:#f18009; border-color:#f18009; color:#fff;}
@media screen and (max-width: 860px) {
    .prolist{padding: 60px 0;width: 100%;}
    .prolist a{margin: 5px;}
    .head{display: none}
    .navbox{display: flex ;}
    .shareshow{padding-top: 0;}
    
}