/*banner*/ 
.banner{ overflow:hidden; position:relative}
.banner .swiper-wrapper{height:100vh; }
.banner .swiper-wrapper .PC{ display:block;}
.banner .swiper-wrapper .mobile{ display:none;}
.banner .swiper-slide .weap{   position:relative; z-index:1}
.banner .swiper-slide .img{   z-index:1; left:0; right:0;top:0; bottom:0; overflow:hidden} 
.banner .swiper-slide .img img{display:block;width:100%;object-fit:cover;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);height:100vh;transition: 1s linear 2s; }
.banner .swiper-slide.swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-moz-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-o-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);transition:3s cubic-bezier(0.59,0.5,0.41,0.92);}
 
.bannerswiper .swiper-pagination{ display:none !important}
.banner .swiper-pagination-bullet{ width:18px; height:18px; background-color:#fff; margin:0 7px !important; opacity:1}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--color)}

.banner .swiper-button-next{ right:8%}
.banner .swiper-button-prev{ left:8%;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:70px; height:70px; line-height:70px; text-align:center}
.banner .swiper-button-next:after{ display:none}
.banner .swiper-button-prev:after{ display:none}
.banner .swiper-button-next i,.banner .swiper-button-prev i{ display:block; width:100%; height:100%; border:1px solid #fff; background-color:rgba(0,0,0,.3); line-height:70px; border-radius:50%; color:#fff;font-size: calc(var(--font-size)*(30/20));}
.banner .swiper-button-next:hover i,.banner .swiper-button-prev:hover i{ border:#2c9961 solid 1px; color:#2c9961;}
.banner .swiper-button-prev i{ transform:rotate(180deg)}

.banner .arrowbox{ position:absolute; z-index:99; bottom:20px; left:50%; transform:translateX(-50%); cursor:pointer; width:40px; height:60px}
.banner .arrowbox .iconfont{ color:var(--color);font-size: calc(var(--font-size)*(40/20));}
.banner .arrowbox .iconfont{ display:block; position: relative;} 
.banner .arrowbox .sp2{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}

.banner .txtboxs{position:absolute;top:calc(50% - 70px);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;z-index:5;white-space:nowrap}

.banner .txtboxs .animdiv{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-animation:loop 30s linear infinite;animation:loop 30s linear infinite}
.banner .txtboxs h1{font-size:calc(var(--font-size)*(90/20)); text-shadow:0 2px 2px rgba(0,0,0,.6)}
.banner .txtboxs h1 span{color:var(--color)}

.banner .arrowbox .chevron {
    position: absolute;
    width: 40px;
    height: 6px;
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    -webkit-animation: move 3s ease-out infinite;
    animation: move 3s ease-out infinite;
}
.banner .arrowbox .chevron:after,.banner .arrowbox .chevron:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #2c9961;
}
.banner .arrowbox .chevron:before {
    left: 0;
    -webkit-transform: skew(0deg, 45deg);
    -ms-transform: skew(0deg, 45deg);
    transform: skew(0deg, 45deg);
}
.banner .arrowbox .chevron:after {
    right: 0;
    width: 50%;
    -webkit-transform: skew(0deg, -45deg);
    -ms-transform: skew(0deg, -45deg);
    transform: skew(0deg, -45deg);
}
.banner .arrowbox .chevron:first-child {
    -webkit-animation: move 3s ease-out 1s infinite;
    animation: move 3s ease-out 1s infinite;
}
.banner .arrowbox .chevron:nth-child(2) {
    -webkit-animation: move 3s ease-out 2s infinite;
    animation: move 3s ease-out 2s infinite;
}

.index01{padding: 130px 0}
/*
.index01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.index01 .index01left{width:48%;flex:0 0 48%; margin-right: 4% }
.index01 .index01left img{display: block;width: 100%}
.index01 .index01left .swiper-pagination-bullet{width: 18px;height: 18px;opacity: 1;background: #fff;margin: 0 7px}
.index01 .index01left .swiper-pagination-bullet-active{background: #ee6e12}
.index01 .index01right{flex:1;min-width: 0}
*/
.index01  h3.title{font-size: calc(var(--font-size)*(50/20));line-height: 1.1;margin-bottom: 20px; width:100%; text-align:center;}
 .dongtai{ width:100%;margin-top: 70px; }
 .dongtai ul{ font-size:0; text-align:center}
 .dongtai ul li{ display:inline-block; vertical-align:top;font-size: calc(var(--font-size)*(22/20)); width:25%}
 .dongtai ul li .ico img{ display:block; height:55px; margin:0 auto;}
 .dongtai ul li .ico{ margin-bottom:40px;}
 .dongtai ul li .num{ line-height:1.2; margin-bottom:20px}
 .dongtai ul li .num span{ color:var(--color);font-size: calc(var(--font-size)*(64/20)); font-family:Impact; font-weight:lighter; vertical-align:text-top}
 .dongtai ul li .num i{white-space: nowrap;}

.index01  .ps{font-size: calc(var(--font-size)*(22/20)); text-align:center;line-height: 2;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 8; }
.index01  .more{margin-top: 70px;  text-align:center;}


.mores{display: inline-block;border: 1px solid #2c9961;height: 66px; line-height: 64px;text-align: center;border-radius: 66px;color: #2c9961;background-color: #fff;font-size: calc(var(--font-size)*(22/20));padding-left: 50px;padding-right: 90px;position: relative;}
.mores i{display: block;width: 44px;height: 44px;line-height: 44px; background-color: #2c9961;border-radius: 50%;color: #fff;font-size: calc(var(--font-size)*(22/20));position: absolute;z-index: 1;top:50%;margin-top:-22px;right: 18px;transition: all 0.3s;}

.mores:hover{ background-color:var(--color); color:#fff; transform:translateX(0px); border:#FFFFFF 1px solid;}
.mores:hover i{ background-color:#fff; color:var(--color)}

.index02{overflow: hidden;}
.index02 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;height: 700px;margin-right: -20px}
.index02 ul li{width: 33.33%;transition: all 0.3s;}
.index02 ul li:nth-child(2){animation-delay: .2s;}
.index02 ul li:nth-child(3){animation-delay: .4s;}
.index02 ul li:hover{width: 72%}
.index02 ul li .a{display: block; height: 100%;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;margin-right: 20px;overflow: hidden}
.index02 ul li .title{transition: all 0.5s;position: absolute;z-index: 2;right: 5px;bottom: 55px;line-height: 1.1;color: #fff;font-size: calc(var(--font-size)*(36/20));}
.index02 ul li .title h3:after{content: "";display: inline-block;width: 84px;height: 12px;background: no-repeat center url(../images/ico-01.png); background-size: 100%;vertical-align: middle;margin-left: 20px;}
.index02 ul li .poptxt{position: absolute;z-index: 5;left: 0;top:0;bottom: 0;width:320px;background-color:rgba(44,153,97,.7);color: #fff;padding: 20px;transform: translateX(-110%);transition: all 0.5s; }
.index02 ul li .popbox{position: relative;top:50%;transform: translateY(-50%)}
.index02 ul li .poptxt h3{font-size: calc(var(--font-size)*(36/20));margin-bottom: 20px;}
.index02 ul li .poptxt .ps{font-size: calc(var(--font-size)*(18/20));display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}
.index02 ul li .poptxt .more{margin-top: 60px;}
.index02 ul li:hover .poptxt{transform: translateX(0);}
.index02 ul li:hover .title{transform: translateX(110%);}

.index03{padding: 110px 0;position: relative}
.index03 .weap{position: relative;z-index: 2}

.plo{text-align: center;margin-bottom: 55px}
.plo h3{font-size: calc(var(--font-size)*(50/20));line-height: 1.1}

.index03{position: relative}
.index03 .index03bg{position: absolute;z-index: 1;left: 0;right: 0;top:0;bottom: 0;background:center bottom  no-repeat url(../images/index03bg.jpg);background-size: cover}
.index03 .more{text-align: center;}
.index03 .bd{overflow: hidden; margin-bottom:65px}
.index03 .bd li{width: 25%;float:left; margin-bottom:30px;}
.index03 .bd li:nth-child(4n+1){clear:left;}
.index03 .bd li:nth-child(2){animation-delay: .2s;}
.index03 .bd li:nth-child(3){animation-delay: .4s; }
.index03 .bd li:nth-child(4){animation-delay: .6s;}
.index03 .bd li:nth-child(5){animation-delay: .8s;}
.index03 .bd li:nth-child(6){animation-delay: 1s;}
.index03 .bd ul{margin: 0 -14px}
.index03 .bd li a{display: block;border: 2px solid #fff;background-color: #fff;position:relative;margin: 0 14px; overflow:hidden}
.index03 .bd li .img{ width:100%; overflow:hidden; aspect-ratio: 1 / 1;/* 使用宽高比 '1:1' */}
.index03 .bd li img{display: block;width: 100%;transition: all 0.5s;}
.index03 .bd li .h{position: absolute;z-index: 2; left: 0;top:0;opacity: 0}
.index03 .bd li a:hover img{opacity: 0}
.index03 .bd li a:hover .h{opacity: 1}
.index03 .bd li .txt{transition: all 0.5s;position: absolute;left: 0;right: 0;bottom: 0;z-index: 3;background-color:rgba(44,153,97,.7);padding: 20px; transform:translateY(110%)}
.index03 .bd li .txt h3{color: #fff;font-size: calc(var(--font-size)*(28/20)); line-height:1.1; margin-bottom:23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 .bd li .txt .more{text-align:left}
.index03 .bd li .txt .mores{ font-size:calc(var(--font-size)*(16/20)); height:55px; line-height:55px; padding-left:16px; padding-right:55px;}
.index03 .bd li .txt .mores i{width:30px; height:30px; line-height:30px; margin-top:-15px; border:none;right:15px}
.index03 .bd li a:hover .txt{transform:translateY(0)}
.index03 .bd li a:hover{border: 2px solid rgba(44,153,97,1);}
.index04{ padding:90px 0;}
.index04 ul{ overflow:hidden;font-size:0; text-align:center }
.index04 ul li{ display:inline-block; width:20%;  }
.index04 ul li .a{ height:92px; line-height:92px;}
.index04 ul li .a img{ max-height:100%; max-width:90%; vertical-align:middle}

.index05 { padding:135px 0; position:relative}
.index05 .index05bg{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:url(../images/index05bg2.jpg) no-repeat center; background-size:cover}
.index05 .weap{ position:relative; z-index:3}
.index05 .box{ background:rgba(0,0,0,.55); color:#fff; padding:50px 10px;}
.index05 .box ul{ font-size:0; position:relative}
.index05 .box ul li{ display:inline-block; vertical-align:top; width:50%;font-size: calc(var(--font-size)*1)}
.index05 .box ul li .a{ padding:50px; position:relative;transition: all 0.3s;top:0}
.index05 .box ul:after{ content:""; display:block; height:1px; position:absolute; z-index:1; left:50px;right:50px; background:rgba(255,255,255,.5);top:50%;}
.index05 .box ul:before{ content:""; display:block; width:1px; position:absolute; z-index:1; top:50px; bottom:50px; background:rgba(255,255,255,.5);left:50%;}
.index05 .box ul li .ps{ height:102px;display: -webkit-box;/* overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;*/ border:#000000 solid 0px;} 
.index05 .box ul li .title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:20px}
.index05 .box ul li .ico{ width:61px; height:61px; flex:0 0 61px; background-color:#fff; border-radius:50%; margin-right:20px; background-repeat:no-repeat; background-position:center; background-size:100%;transition: all 0.3s;}
.index05 .box ul li .ico-a01{ background-image:url(../images/ico-a01.png)}
.index05 .box ul li .ico-a02{ background-image:url(../images/ico-a02.png)}
.index05 .box ul li .ico-a03{ background-image:url(../images/ico-a03.png)}
.index05 .box ul li .ico-a04{ background-image:url(../images/ico-a04.png)}
.index05 .box ul li h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; min-width:0;font-size:calc(var(--font-size)*(32/20)); font-weight:400}
.index05 .more{ text-align:center; padding-top:1px;}
.index05 .more .mores{ position:relative;top:-30px} 
.index05 .box ul li .a:hover{ color:var(--color);top:-10px}
.index05 .box ul li .a:hover .ico{ background-color:var(--color)}

.index05 .box ul li .a:hover .ico-a01{ background-image:url(../images/ico-a01h.png)}
.index05 .box ul li .a:hover .ico-a02{ background-image:url(../images/ico-a02h.png)}
.index05 .box ul li .a:hover .ico-a03{ background-image:url(../images/ico-a03h.png)}
.index05 .box ul li .a:hover .ico-a04{ background-image:url(../images/ico-a04h.png)}

.index06{ padding:120px 0;}
.index06 .weap{ overflow:hidden}
.index06 .box{ position:relative}
.index06 .gallery-thumbs{/*  position:absolute; z-index:2; left:0; right:0; bottom:0;padding:20px; background:rgba(0,0,0,.0);*/ margin-top:20px; }
.index06 .gallery-thumbs img{ display:block; width:100%; height:10vw;}
.index06 .gallery-thumbs .swiper-slide{ cursor:pointer}
.index06 .gallery-thumbs .swiper-slide-thumb-active{ border:3px solid var(--color)}
.index06 .galleries{ max-height:50vw;}
.index06 .galleries img{ display:block; width:100%;}
.index06 .swiper-button-next{ right:45px}
.index06 .swiper-button-prev{ left:45px;}
.index06 .swiper-button-next,.index06 .swiper-button-prev{ width:70px; height:70px; line-height:70px; text-align:center}
.index06 .swiper-button-next:after{ display:none}
.index06 .swiper-button-prev:after{ display:none}
.index06 .swiper-button-next i,.index06 .swiper-button-prev i{ display:block; width:100%; height:100%; background-color:#2c9961; line-height:70px; border-radius:50%; color:#fff;font-size: calc(var(--font-size)*(30/20));}
.index06 .swiper-button-prev i{ transform:rotate(180deg)}

.index07 { padding:135px 0; position:relative}
.index07 .index07bg{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; background:url(../images/index07bg.jpg) no-repeat center; background-size:cover}
.index07 .weap{ position:relative; z-index:3; color:#fff}
.index07 .bd ul{ font-size:0; text-align:center}
.index07 .bd ul li{ display:inline-block; vertical-align:top;font-size: calc(var(--font-size)*(22/20)); width:25%}
.index07 .bd ul .ico{ width:110px; height:110px; background-position:center; background-repeat:no-repeat; background-size:100%; border:1px solid #fff; border-radius:50%; margin:0 auto; margin-bottom:40px;transition: all 0.5s;}
.index07 .bd ul .ico-b01{ background-image:url(../images/ico-b01.png)}
.index07 .bd ul .ico-b02{ background-image:url(../images/ico-b02.png)}
.index07 .bd ul .ico-b03{ background-image:url(../images/ico-b03.png)}
.index07 .bd ul .ico-b04{ background-image:url(../images/ico-b04.png)}
.index07 .bd ul .ico-b05{ background-image:url(../images/ico-b05.png)}
.index07 .bd ul h3{transition: all 0.5s;}
.index07 .bd ul .a{ color:#fff;font-size: calc(var(--font-size)*(22/20)); cursor:pointer;transition: all 0.5s; position:relative;top:0}
.index07 .bd ul .a:hover{top:-10px;}
.index07 .bd ul .a:hover .ico{background-color:rgba(44,153,97,.1); border:1px solid rgba(44,153,97,1);}
.index07 .bd ul .a:hover h3{ color:rgba(44,153,97,1)}
.index07 .bd ul .a:hover .ico-b01{ background-image:url(../images/ico-b01h.png)}
.index07 .bd ul .a:hover .ico-b02{ background-image:url(../images/ico-b02h.png)}
.index07 .bd ul .a:hover .ico-b03{ background-image:url(../images/ico-b03h.png)}
.index07 .bd ul .a:hover .ico-b04{ background-image:url(../images/ico-b04h.png)}
.index07 .bd ul .a:hover .ico-b05{ background-image:url(../images/ico-b05h.png)}
.index07 .more{ text-align:center; margin-top:70px}

.index08{ padding:118px 0}
.index08 .bd ul{ font-size:0}
.index08 .bd ul a{font-size: calc(var(--font-size)*1);}
.index08 .bd ul li{ display:inline-block; vertical-align:top; width:25%; margin-bottom:30px;}
.index08 .bd ul li:nth-child(4n+1){clear:left;}
.index08 .bd ul li:nth-child(2){animation-delay: .2s;}
.index08 .bd ul li:nth-child(3){animation-delay: .4s;}
.index08 .bd ul li:nth-child(4){animation-delay: .6s;}
.index08 .bd ul li:nth-child(5){animation-delay: .8s;}
.index08 .bd ul li:nth-child(6){animation-delay: 1s;}
.index08 .bd ul li a{ display:block; position:relative; padding:24px; margin:0 14px; background-color:#f8f8f8; border:1px solid #dddddd}
.index08 .bd ul li .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0;background-color:rgba(44,153,97,.7); color:#fff; padding:15px;transition: all 0.5s; transform:translateY(110%)}
.index08 .bd ul li .txt h3{ font-weight:400; line-height:1.3;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index08 .bd ul li .txt .date{font-size: calc(var(--font-size)*(16/20)); margin-top:10px }
.index08 .bd ul li .txt .date i{ margin-right:5px}
.index08 .bd ul li .img{ overflow:hidden; width:100%; aspect-ratio: 8 / 9;/* 使用宽高比 '8:9' */}
.index08 .bd ul li img{ display:block; width:100%; height:100%;transition: all 0.3s;object-fit: cover;}
.index08 .bd ul li a:hover img{ transform:scale(1.2)}
.index08 .bd ul li .abox{ position:relative; overflow:hidden}
.index08 .bd ul li a:hover .txt{transform:translateY(0)}
.index08 .bd ul li a:hover{background-color:#eefff6; border:1px solid rgba(44,153,97,1)}

.index08 .more{ text-align:center; margin-top:40px}

.index09{background-color:rgba(44,153,97,1); padding:55px 0}
.index09 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; color:#fff}
.index09 .left{ margin-right:50px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.index09 .left h3{font-size: calc(var(--font-size)*(50/20)); margin-bottom:20px; line-height:1.2}
.index09 .left .p{font-size: calc(var(--font-size)*(18/20));}
.index09 .mores:hover{ border:1px solid #fff}

.nbanner{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover}
.nbanner .weap{ height:520px; position:relative}
.nbanner .title{ position:absolute; z-index:2; left:0;top:50%; transform:translateY(-50%)}
.nbanner .title h3{font-size: calc(var(--font-size)*(60/20)); color:#fff; text-shadow:0 2px 3px rgba(0,0,0,.5)}
.topshare{ position:absolute; z-index:5; left:20px; bottom:30px;}
.topshare li{ margin-top:10px}
.topshare a{ display:inline-block; width:38px; text-align:center; line-height:36px; height:38px; border:1px solid rgba(100%,100%,100%,.3); border-radius:50%; color:#fff }
.topshare a:hover{ color:#2c9961;}
.topshare i{font-size: calc(var(--font-size)*(20/20));}

.mainbox{ padding-top:45px; padding-bottom:105px;}
.path{ text-align:right;font-size: calc(var(--font-size)*(22/20)); color:#999999; margin-bottom:55px; border:#000000 solid 0px ; }
.path.right{ float:right;}
.path i{font-size: calc(var(--font-size)*(22/20)); margin-right:10px;}
.path a{font-size: calc(var(--font-size)*(22/20)); color:#999999}
.path a:hover{ color:#333}
.path a:last-child{color:#333}

.lanmuplo{ text-align:center; line-height:1.1; margin-bottom:70px; border:#006666 solid 0px; }
.lanmuplo h3{font-size: calc(var(--font-size)*(60/20)); color:#2c9961}
/*newlist*/
.newslist ul{ display: flex;flex-wrap: wrap; margin:0 -13px;}
.newslist ul li{ width:33.33%; min-width:0; flex:0 0 33.33%; margin-bottom:36px;}
.newslist ul li a{ display:block; margin:0 13px; background-color:#f8f8f8; padding:24px; border:1px solid #dddddd}
.newslist ul li a:hover{background-color:#eefff6;border:1px solid #2c9961 }
.newslist ul li .img{ width:100%; height:auto; overflow:hidden;aspect-ratio: 4 / 3;/* 使用 '4:3' */}
.newslist ul li .img img{  display:block; width:100%; height:100%;transition: all 0.3s;object-fit: cover;}
.newslist ul li a:hover img{ transform:scale(1.1)} 
.newslist ul li .img{ overflow:hidden; margin-bottom:24px}
.newslist ul li .txt h3{font-size: calc(var(--font-size)*(22/20)); line-height:1.4; margin-bottom:10px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:62px; border:#000000 solid 0px;}
.newslist ul li .txt .ps{ color:#999;font-size: calc(var(--font-size)*1);margin-bottom:10px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:64px;}
.newslist ul li .txt .date{color:#999;font-size: calc(var(--font-size)*(18/20)); }
.newslist ul li .txt .date i{ margin-right:10px}

.conns{ overflow:hidden; font-size:18px; line-height:2.2}
.conns img{ max-width:100%; height:auto !important; }
.pagesboxs { padding:50px;}
.pagesboxs h1.title{}
.pagesboxs h1.title{  text-align:center; color:var(--color);font-weight:normal; margin-bottom:30px;font-size:30px; margin-bottom:40px; line-height:1.2;}
.pagesboxs .info{ text-align:center; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:20px}
.pagesboxs .info span{ margin:0 5px}
.layui-layer-iframe{ overflow:visible !important}

.layui-layer-setwin .layui-layer-close2{ width:50px !important; height:50px !important; background:#333333 url(../images/ico-close.png) no-repeat center; background-position:center !important; background-size:50%; border:3px solid #fff; border-radius:50%; right:-5px !important;top:-15px !important}
.layui-layer-setwin .layui-layer-close2:hover{background:#1658c6 url(../images/ico-close.png) no-repeat center; background-position:center !important; background-size:50%;}


.productlistbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; clear:both;}
.productlistbox .left{ width:320px;flex:0 0 320px; margin-right:60px;}
.productlistbox .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}

.leftnav{position: sticky; top: 110px;}
.leftnav h3{ cursor:pointer; position:relative;font-size: calc(var(--font-size)*1); line-height:1.1; padding:15px; border-bottom:1px solid #dddddd }
.leftnav h3 i{ display:block; width:22px; height:22px; border:1px solid #7e7e7e; line-height:20px; text-align:center; color:#7e7e7e; border-radius:50%; position:absolute; z-index:2; right:15px;top:50%; margin-top:-11px; font-weight:normal;transition: all 0.3s;}
.leftnav h3.on{ background-color:var(--color); color:#fff;}
.leftnav h3.on i{color:#fff; border-color:#fff; transform:rotate(90deg)}
.leftnav ul{ background-color:#f8f8f8; display:none}
.leftnav ul.block{ display:block}
.leftnav ul li a{ display:block; line-height:1.2;font-size: calc(var(--font-size)*(18/20)); padding:15px; padding-left:56px; position:relative}
.leftnav ul li a:before{ content:""; display:block; width:8px; height:8px; border-radius:50%; background-color:#ddd; position:absolute; z-index:2; left:34px;top:50%; margin-top:-4px;}
.leftnav ul li a:hover:before,.leftnav ul li.on a:before{ background-color:var(--color)}
.leftnav ul li.on a{color:var(--color)}

.productlist ul{display: flex;flex-wrap: wrap; margin:0 -15px;}
.productlist ul li{ width:33.33%; min-width:0; flex:0 0 33.33%; margin-bottom:40px;}
.productlist ul li.nodate{ width:100%; text-align:center; margin:50px auto; font-size:18px; color:#666666;}
.productlist ul li a{ display:block; margin:0 15px;}
.productlist ul li .img{ position:relative; overflow:hidden; width:100%;  aspect-ratio: 1 / 1;/* 使用宽高比 '1:1' */ margin-bottom:25px}
.productlist ul li .img img{ display:block; width:100%;transition: all 0.3s;}
.productlist ul li a:hover .img img{ opacity:0}
.productlist ul li .img .h{ position:absolute; z-index:2;top:0; left:0; height:100%;object-fit: cover; opacity:0;transition: all 0.3s;}
.productlist ul li a:hover .img .h{ opacity:1}
.productlist ul li h3{font-size: calc(var(--font-size)*(22/20)); text-align:center; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.p-nav{margin-bottom:70px; }
.p-nav ul{ font-size:0; text-align:center; margin:0 -7px}
.p-nav ul li{ display:inline-block; vertical-align:top; width:20%; margin-bottom:10px}
.p-nav ul li a{ display:block; margin:0 7px; line-height:50px; height:50%; background-color:#d6d6d6}
.p-nav ul li a:hover,.p-nav ul li.on a{ background-color:var(--color); color:#fff}
.p-title{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; line-height:1.1}
.p-title h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;font-size: calc(var(--font-size)*(40/20)); padding-bottom:42px; margin-bottom:42px; border-bottom:1px solid #dddddd }

.Projects .bd{ margin-bottom:30px}
.Projects .bd ul{display: flex;flex-wrap: wrap; margin:0 -20px;}
.Projects .bd ul li{ width:33.33%; min-width:0; flex:0 0 33.33%; margin-bottom:40px;}
.Projects .bd ul li a{ display:block; margin:0 20px; position:relative; overflow:hidden; min-height:15vw;}
.Projects .bd ul li .img img{ display:block; width:100%; height:100%;object-fit: cover;}
.Projects .bd ul li .txt{ position:absolute; z-index:2; left:0; right:0; bottom:0; background-color:rgba(44,153,97,.85); color:#fff; padding:35px; line-height:1.2; font-size:calc(var(--font-size)*(22/20)); transform:translateY(110%);transition: all 0.3s;}
.Projects .bd ul li .txt h3{ border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:15px; margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Projects .bd ul li .txt .p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Projects .bd ul li a:hover .txt{transform:translateY(0);}
 
.faqbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.faqbox .right{ width:320px;flex:0 0 320px; margin-left:60px;}
.faqbox .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}

.faqnav{ margin-bottom:38px;}
.faqnav ul{ font-size:0; margin:0 -7px; text-align:left}
.faqnav ul li{ display:inline-block; vertical-align:middle; width:25%; text-align:center;}
.faqnav ul li a{ display:block; margin:0 7px; padding:15px 0;line-height:1.2; background-color:#d6d6d6 }
.faqnav ul li a:hover,.faqnav ul li.on a{ background-color:var(--color); color:#fff}


.faqform{ background-color:#f8f8f8; padding:20px; position: sticky; top: 110px;}
.faqform .faqform-title{ font-weight:bold; margin-bottom:20px}
.faqform .faqform-title i{ font-size: calc(var(--font-size)*(26/20)); color:var(--color); font-weight:normal; vertical-align:middle; margin-right:10px }
.faqform .input{ padding:10px; border:1px solid #dddddd; background-color:#fff;font-size: calc(var(--font-size)*(18/20)); width:100%}
.faqform li{ margin-bottom:18px}
.faqform li.libtn{ margin-bottom:0; text-align:center}
.faqform .in-btn{ max-width:100%; width:200px; margin:0 auto; height:44px; line-height:44px; background:var(--color); border:none; color:#fff; text-transform:uppercase; cursor:pointer; border-radius:44px}
.faqlist dt{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start; padding:20px 20px; box-shadow:0 5px 10px rgba(0,0,0,.1); cursor:pointer}
.faqlist dt .ico{ background:center no-repeat url(../images/faq-w.png); background-size:100%; height:39px; width:42px;flex:0 0 42px; margin-right:10px}
.faqlist dt h3{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;   padding-top:8px}
.faqlist dt .jia{ width:12px;flex:0 0 12px; height:12px; position:relative;top:15px}
.faqlist dt .jia:after{ content:""; display:block; width:2px; position:absolute; z-index:1;top:0; bottom:0; left:50%; margin-left:-1px; background-color:#aaaaaa}
.faqlist dt .jia:before{ content:""; display:block; height:2px; position:absolute; z-index:1;left:0;right:0; top:50%; margin-top:-1px; background-color:#aaaaaa}
.faqlist dd{ display:none}
.faqlist .ddbox{  background-color:#ebebeb; padding:15px 20px;box-shadow:0 5px 8px rgba(0,0,0,.15);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.faqlist dd .ico{ background:center no-repeat url(../images/faq-d.png); background-size:100%; height:39px; width:42px;flex:0 0 42px; margin-right:10px}
.faqlist dl.on dt .jia:after{ display:none}

.download ul{ padding:25px 20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; line-height:1.1}
.download ul.th{ background-color:var(--color); color:#fff;font-size: calc(var(--font-size)*(24/20));}
.download ul .w1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; }
.download ul .w2{ width:20%;flex:0 0 20%}
.download ul .w3{ width:140px;flex:0 0 140px}
.download ul.td{ border-bottom:1px solid #ddd}
.download ul.td .w3 a{ display:block; height:45px; line-height:43px; border:1px solid var(--color); color:var(--color); text-align:center;font-size: calc(var(--font-size)*(18/20)); border-radius:45px}
.download ul.td .w3 a:hover{ background-color:var(--color); color:#fff}
.download ul.td:hover{ background-color:#f8f8f8}

.ServerCert{ padding-top:0px; padding-bottom:40px;}
.ServerCert .bd ul{ font-size:0; text-align:left; margin:0 -21px;}
.ServerCert .bd ul li{ display:inline-block; vertical-align:top; width:25%; margin-bottom:25px; border:#000000 solid 0px; text-align:center;}
.ServerCert .bd ul li:nth-child(3n+1){ clear:left;}
.ServerCert .bd ul li .a{ display:block; margin:0 33px;}
.ServerCert .bd ul li .a .img{width:100%; display:block;overflow:hidden; border:#000000 solid 0px; aspect-ratio: 3 / 4;/**//* 使用宽高比 '1:1' */}
.ServerCert .bd ul li .a img{ display:block; width:100%;transition: all 0.3s;}
.ServerCert .bd ul li .a:hover img{ transform:scale(1.05)}
.ServerCert .bd ul li h3{font-size: calc(var(--font-size)*(20/20)); margin-top:25px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }

.main-pdetails .lanmuplo,.main-productlist .lanmuplo{ text-align:left; border:#000000 solid 0px; float:left;}
.main-services .lanmuplo,.main-faq .lanmuplo,.main-download .lanmuplo,.main-contactus .lanmuplo{ text-align:left; float:left; margin-bottom:30px}
.conn{ overflow:hidden}
.conn img{ max-width:100%; height:auto !important;}
.services .conn{font-size: calc(var(--font-size)*(24/20));}
.services .conn a{font-size: calc(var(--font-size)*(24/20));}

.contactusbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.contactusbox .left{ flex:0 0 52%; border-right:2px solid #2c9961; padding-right:80px}
.contactusbox .right{width:48%; padding:0 20px;border-right:2px solid #2c9961}
.contactusbox .right .map img{ display:block; width:100%}
.contactusbox .right .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start; margin-top:35px}
.contactusbox .right ul{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.contactusbox .right ul li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;font-size: calc(var(--font-size)*(22/20)); margin-bottom:10px }
.contactusbox .right ul li a{font-size: calc(var(--font-size)*(22/20)); }
.contactusbox .right ul li .iconfont{font-size: calc(var(--font-size)*(20/20)); color:var(--color);flex:0 0 36px; width:36px;}
.contactusbox .right ul li .p{ font-weight:700}
.contactusbox .right .ewms{ text-align:center; width:190px;}
.contactusbox .right .ewms .p{ color:#999;font-size: calc(var(--font-size)*(16/20)); margin-top:10px }
.contactusbox .right .ewms .img{ border:1px solid #dddddd; background-color:#f8f8f8; padding:5px; border-radius:10px}
.contactusbox .right .ewms img{ display:block; width:100%;}

.contactusfprm li{ margin-bottom:20px; position:relative}
.contactusfprm li label{
    position: absolute;
    top: 10px;
    left: 0px;
    color: #808080;
    pointer-events: none;
    transition: all 0.3s ease;
}  

.contactusfprm li input:focus + label,
.contactusfprm li input:valid + label{transform: translateY(-25px) translateX(-5px) scale(.8);}

.contactusfprm li textarea:focus + label,
.contactusfprm li textarea:valid + label{transform: translateY(-25px) translateX(-5px) scale(.8);}
 
.contactusfprm li:last-child{ margin-bottom:0}
.contactusfprm .input{ font-size: calc(var(--font-size)*(20/20)); width:100%; padding:22px 0;border:none; border-bottom:1px solid #c0c1c2}
.contactusfprm .in-btn{max-width:100%; width:200px; margin:0 auto; height:44px; line-height:44px; background:var(--color); border:none; color:#fff; text-transform:uppercase; cursor:pointer; border-radius:44px}

.main-aboutgb .title{font-size: calc(var(--font-size)*(50/20)); margin-bottom:50px; line-height:1.2}
.main-aboutgb .bdconn{font-size: calc(var(--font-size)*(22/20)); overflow:hidden; line-height:2}
.main-aboutgb .bdconn a{font-size: calc(var(--font-size)*(22/20));}

.aboutgb01{ padding-bottom:60px;}
.aboutgb01  .bdconn p{ margin-bottom:30px; }
.aboutgb02{ padding:60px 0 30px 0; border:#000000 solid 0px;}
.aboutgb02 .bdbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start;flex-direction: row-reverse;}
.aboutgb02 .bdbox .img{ width:50%;flex:0 0 50%; overflow:hidden}
.aboutgb02 .bdbox .img img{ display:block; width:100%;}
.aboutgb02 .bdbox .index01left{width:48%;flex:0 0 48%; margin-right: 4% }
.aboutgb02 .bdbox  .swiper-pagination-bullet{width: 18px;height: 18px;opacity: 1;background: #fff;margin: 0 7px}
.aboutgb02 .bdbox .swiper-pagination-bullet-active{background: #2c9961}
.aboutgb02 .bdbox .bdconn{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; margin-right:50px}
.aboutgb02 .bdbox .bdconn p{ margin-bottom:30px; }

.aboutgb03{ border:#000000 solid 0px; padding-top:0px; padding-bottom:60px}
.aboutgb03 ul{ font-size:0; text-align:center}
/*
.aboutgb03 ul li{ display:inline-block; vertical-align:top;font-size: calc(var(--font-size)*(22/20)); width:25%}
.aboutgb03 ul li .ico img{ display:block; height:55px; margin:0 auto;}
.aboutgb03 ul li .ico{ margin-bottom:40px;}
.aboutgb03 ul li .num{ line-height:1.2; margin-bottom:20px}
.aboutgb03 ul li .num span{ color:var(--color);font-size: calc(var(--font-size)*(64/20)); font-family:Impact; font-weight:lighter; vertical-align:text-top}
*/
.aboutgb04{ padding:60px 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.aboutgb04 .left{ width:50%;flex:0 0 50%}
.aboutgb04 .left img{ display:block; width:100%}
.aboutgb04 .right{ width:42%;flex:0 0 42%; padding-left:100px; position:relative}
.aboutgb04 .rightbox{position: sticky; top:120px;}
.aboutgb04 .right .a-t{font-size: calc(var(--font-size)*(32/20)); font-weight:bold }
.aboutgb04 .right .conn{ margin-bottom:25px;}

.aboutgb05{ padding-top:60px; padding-bottom:120px;}
.aboutgb05 .bd ul{ font-size:0; text-align:center; margin:0 -21px}
.aboutgb05 .bd ul li{ display:inline-block; vertical-align:top; width:25%; margin-bottom:25px;}
.aboutgb05 .bd ul li .a{ display:block; margin:0 23px;}
.aboutgb05 .bd ul li .a img{ display:block; width:100%;transition: all 0.3s;}
.aboutgb05 .bd ul li .a:hover img{ transform:scale(1.05)}
.aboutgb05 .bd ul li h3{font-size: calc(var(--font-size)*(20/20)); margin-top:25px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
/*
.aboutgb06 ul{ height:763px; position:relative;}
.aboutgb06 ul li{ width:50%; float:left; height:50%; border:#000000 solid 1px;}
.aboutgb06 ul li.big{ position:absolute; z-index:2; left:50%;top:0; transform:translateX(-50%); width:33%; bottom:0; height:100%}
.aboutgb06 ul li.big a{ width:100%; }
.aboutgb06 ul li a{ display:block; width:64%;height:calc(100% - 20px)}
*/
.aboutgb06 .bd{ height:100vh;}
.aboutgb06 ul{ height:calc(100% - 120px); width:100%; position:relative; border:#000000 solid 0px;}
.aboutgb06 ul li{ float:left;position:absolute;width:25%; height:100%; overflow:hidden;}
.aboutgb06 ul li.li1{ width:24.5%; left:0%;}
.aboutgb06 ul li.li2{ width:49%; height:49%;  top:0px; left:25.5%;}
.aboutgb06 ul li.li3{ width:30%;height:49%;left:25.5%;bottom:0px; }
.aboutgb06 ul li.li4{ width:18%;height:49%;left:56.5%; bottom:0px; }
.aboutgb06 ul li.li5{ width:24.5%; right:0%;}
.aboutgb06 ul li a{ display:block;height:100% ; width:100%;  }
.aboutgb06 ul li .img{ overflow:hidden; position:relative; height:100% ; width:100%; border:#006600 solid 0px;}
.aboutgb06 ul li .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.5s; }
.aboutgb06 ul li .img .h{ position:absolute; z-index:1; left:0;top:0;opacity:0}
.aboutgb06 ul li:nth-child(odd) a{ float:right}
.aboutgb06 ul li a:hover .img img{ opacity:0}
.aboutgb06 ul li a:hover .img .h{ opacity:1}
.aboutgb06 .more{ text-align:center; margin-top:40px}

.nbanner-106 .weap{ height:106px}

.pdetailsbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.pdetailsbox .left{ width:320px;flex:0 0 320px; margin-right:58px}
.pdetailsbox .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}

.pdetails01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.pdetails01 .pleft{ width:610px;flex:0 0 610px; margin-right:60px}
.pdetails01 .pleft img{ display:block; width:100%}
.pdetails01 .pright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.pdetails01 .pright h1.title{font-size: calc(var(--font-size)*(36/20)); line-height:1.1; margin-bottom:20px}
.pdetails01 .pright .p1{font-size: calc(var(--font-size)*(18/20)); overflow:hidden; margin-bottom:30px; min-height:122px;}
.pdetails01 .pright .p2{ margin-bottom:35px}
.pdetails01 .pright .p2 li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;font-size: calc(var(--font-size)*(18/20));}
.pdetails01 .pright .p2 li .t{ font-weight:bold}
.pdetails01 .pright .p2 li .tp{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.pdetails01 .pright .tips{ background-color:#f8f8f8;  color:#999999;font-size: calc(var(--font-size)*(16/20)); padding:20px; margin-bottom:20px}
.pdetails01 .pright .tips i{ color:#fab427; margin-right:10px}

.pdetails01{ margin-bottom:75px;}
.pdetails01 .pright .p3 li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-bottom:15px}
.pdetails01 .pright .p3 li .iconfont{ width:54px; height:54px;flex:0 0 54px; border:2px solid var(--color); text-align:center; line-height:50px; color:var(--color);font-size: calc(var(--font-size)*(26/20)); margin-right:10px;}
.pdetails01 .pright .p3 li .ps{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}
.pdetails01 .pright .p3 li .ps a{ font-size:calc(var(--font-size)*(18/20)); display:inline-block;}
.pdetails01 .pright .p3 li .t{ color:#999;font-size: calc(var(--font-size)*(16/20));}
.pdetails01 .pright .p3{ margin-bottom:40px;}
.pdetails01 .pright .p4{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.pdetails01 .pright .p4 a{ display:block; height:55px; line-height:55px; width:48%; text-align:center;  background-color:var(--color); border-radius:55px; color:#fff}
.pdetails01 .pright .p4 a.a1{ background-color:#fff; border:#2c9961 solid 1px; color:#2c9961;}
.pdetails01 .pright .p4 a.a1:hover{ /*background-color:#ffffff; border:#000000 solid 1px; color:#000000;*/ font-size: calc(var(--font-size)*(22/20));}
.pdetails01 .pright .p4 a.a2:hover{/*background-color:#000;*/ font-size:calc(var(--font-size)*(22/20));}

.pdetails02{ margin-bottom:15px}
.pdetails02 ul{ font-size:0; margin:0 -20px}
.pdetails02 ul li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:20px;}
.pdetails02 ul li a{ display:block; margin:0 20px; overflow:hidden}
.pdetails02 ul li a .img{width:100%; display:block;overflow:hidden; border:#000000 solid 0px;/* aspect-ratio: 1 / 1;*//* 使用宽高比 '1:1' */}
.pdetails02 ul li a h3{ margin-top:10px; font-size:calc(var(--font-size)*(22/20));}
.pdetails02 ul li img{width:100%; display:block;transition: all 0.3s; }
.pdetails02 ul li a:hover  img{ transform:scale(1.1)}

.barplo{  border-bottom:1px solid #dddddd; overflow:hidden; margin-bottom:40px;}
.barplo h3{ float:left; height:60px; background-color:var(--color); line-height:60px; color:#fff; padding:0 25px;}

.pdetails03{ margin-bottom:var(--margin-bottom-40)}
.pdetails03swiper .a{ display:block; height:42vw;; overflow:hidden}
.pdetails03swiper .a img{ display:block; width:100%; height:100%;object-fit: cover;}

.pdetails03swiper .swiper-pagination-bullet{width: 18px;height: 18px;opacity: 1;background: #fff;margin: 0 7px}
.pdetails03swiper .swiper-pagination-bullet-active{background: #2c9961}

.pdetails03swiper .swiper-button-next{ right:45px}
.pdetails03swiper .swiper-button-prev{ left:45px;}
.pdetails03swiper .swiper-button-next,.pdetails03swiper .swiper-button-prev{ width:70px; height:70px; line-height:70px; text-align:center}
.pdetails03swiper .swiper-button-next:after{ display:none}
.pdetails03swiper .swiper-button-prev:after{ display:none}
.pdetails03swiper .swiper-button-next i,.pdetails03swiper .swiper-button-prev i{ display:block; width:100%; height:100%; background-color:#2c9961; line-height:70px; border-radius:50%; color:#fff;font-size: calc(var(--font-size)*(30/20));}
.pdetails03swiper .swiper-button-prev i{ transform:rotate(180deg)}

.pdetails05{ margin-bottom:var(--margin-bottom-40)}
.pdetails05 .conn{ overflow:auto;}
.pdetails05 .conn,.pdetails05 .conn a{font-size: calc(var(--font-size)*(22/20));}
.pdetails05 .conn table{ margin-bottom:10px;}
.pdetails05 .conn table .firstRow{ text-align:center;} 
.pdetails05 .conn .sizetable{}
.pdetails05 .conn .sizetable th{ background:rgb(254,245,242); font-weight:bold;font-size:14px; text-align:center; padding:3px 0;border-width: 1px; border-style: solid; border-color: gainsboro;}
.pdetails05 .conn .sizetable td{ font-size:14px; text-align:center; padding:3px 0;border-width: 1px; border-style: solid; border-color: gainsboro;}
/*.pdetails05 .conn .sizetable tr:nth-child(-1),
.pdetails05 .conn .sizetable tr:nth-child(-2),*/


.pdetails06{ margin-bottom:var(--margin-bottom-40)}
.pdetails06 .conn{ overflow:auto;}
.pdetails06 .conn p{ margin-top:20px;}
.pdetails06 .conn,.pdetails06 .conn a{font-size: calc(var(--font-size)*(22/20));}
.pdetails06  .ul-t{ text-align:center; line-height:1.1;margin-bottom:var(--margin-bottom-40)}
.pdetails06  .ul-t h3{font-size: calc(var(--font-size)*(34/20)); }


.pdetails06 .ul-01{ font-size:0; margin:0 -10px; text-align:center;margin-bottom:var(--margin-bottom-40)}
.pdetails06 .ul-01 li{ display:inline-block; vertical-align:top; width:25%;}
.pdetails06 .ul-01 li .a{ display:block; margin:0 10px;font-size: calc(var(--font-size)*(20/20)); margin-bottom:10px;transition: all 0.3s;}
.pdetails06 .ul-01 li .a:hover{ transform:translateY(-10px)}
.pdetails06 .ul-01 li .img{ overflow:hidden; margin-bottom:20px;}
.pdetails06 .ul-01 li .img img{ display:block; width:100%;}
.pdetails06 .ul-01 li .txt h3{font-size: calc(var(--font-size)*(22/20)); height:40px;  line-height:1.2;font-size: calc(var(--font-size)*(22/20)); margin-bottom:22px;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.pdetails06 .ul-01 li .txt .p{ text-align:left;} 

.pdetails06 .ul-02{  border-top:1px solid #ddd; padding-top:55px}
.pdetails06 .ul-02 .ul-t{ text-align:center; line-height:1.1;margin-bottom:var(--margin-bottom-40)}
.pdetails06 .ul-02 .ul-t h3{font-size: calc(var(--font-size)*(34/20)); }
.pdetails06 .ul-02 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; display: flex; flex-wrap: wrap;}
.pdetails06 .ul-02 ul li{ width:22%; margin-bottom:var(--margin-bottom-40);}
.pdetails06 .ul-02 ul li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: all 0.3s;}
.pdetails06 .ul-02 ul li .a:hover{ transform:translateY(-10px)}
.pdetails06 .ul-02 ul li .ico{ width:111px; height:111px; border-radius:50%;flex:0 0 111px; margin-right:30px}
.pdetails06 .ul-02 ul li .ico img{ display:block; width:100%; height:100%;border-radius:50%}
.pdetails06 .ul-02 ul li .t{font-size: calc(var(--font-size)*(22/20));}

.pdetails07{margin-bottom:var(--margin-bottom-40)}
.pdetails07 .bd{overflow: hidden; margin-bottom:65px}
.pdetails07 .bd li{width: 33.33%;float:left; margin-bottom:28px;}
.pdetails07 .bd ul{margin: 0 -14px}
.pdetails07 .bd li a{display: block;border: 2px solid #fff;background-color: #fff;position:relative;margin: 0 14px; overflow:hidden}
.pdetails07 .bd li .img{ width:100%; overflow:hidden; aspect-ratio: 1 / 1;/* 使用宽高比 '1:1' */ }
.pdetails07 .bd li img{display: block;width: 100%;transition: all 0.5s;}
.pdetails07 .bd li .h{position: absolute;z-index: 2; left: 0;top:0;opacity: 0}
.pdetails07 .bd li a:hover img{opacity: 0}
.pdetails07 .bd li a:hover .h{opacity: 1}
.pdetails07 .bd li .txt{transition: all 0.5s;position: absolute;left: 0;right: 0;bottom: 0;z-index: 3;background-color:rgba(44,153,97,.7);padding: 20px; transform:translateY(110%)}
.pdetails07 .bd li .txt h3{color: #fff;font-size: calc(var(--font-size)*(28/20)); line-height:1.1; margin-bottom:23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pdetails07 .bd li .txt .more{text-align:left}
.pdetails07 .bd li .txt .mores{ font-size:calc(var(--font-size)*(16/20)); height:55px; line-height:55px; padding-left:16px; padding-right:55px;}
.pdetails07 .bd li .txt .mores i{width:30px; height:30px; line-height:30px; margin-top:-15px; border:none;right:15px}
.pdetails07 .bd li a:hover .txt{transform:translateY(0)}
.pdetails07 .bd li a:hover{border: 2px solid rgba(44,153,97,1);}
.pdetails07 .more{ text-align:center}

.pdetails08 ul{ font-size:0; margin:0 -10px}
.pdetails08 ul li{font-size: calc(var(--font-size)*(18/20)); vertical-align:top; margin-bottom:20px;  width:calc(100% - 20px); margin:0 10px; margin-bottom:20px;}
.pdetails08 ul li.col-3{ width:calc(33.33% - 20px); margin:0 10px; margin-bottom:20px; display:inline-block; vertical-align:top;}
.pdetails08 ul li .input{ width:100%; padding:15px; background-color:#f8f8f8; border:1px solid #ddd}
.pdetails08 ul li .in-btn{display:block;height:55px;line-height:55px;width:266px;text-align:center;background-color:var(--color);border-radius:55px;color:#fff;border:none;margin:0 auto;text-transform:uppercase}
.pdetails08 ul li .in-btn.disabled{ background-color:#CCCCCC; }
	
.Projects-yj ul{ font-size:0; margin:0 -22px;}	
.Projects-yj ul li{ display:inline-block; vertical-align:top; width:33.33%; margin-bottom:44px; }
.Projects-yj ul li:nth-child(2){animation-delay: .2s;}
.Projects-yj ul li:nth-child(3){animation-delay: .4s;}
.Projects-yj ul li:nth-child(4){animation-delay: .6s;}
.Projects-yj ul li:nth-child(5){animation-delay: .8s;}
.Projects-yj ul li:nth-child(6){animation-delay: 1s;}
.Projects-yj ul li a:before{ content:""; display:block; position:absolute; z-index:2; left:0 ; right:0;top:0; bottom:0; background-color:rgba(0,0,0,.3)}
.Projects-yj ul li a{ display:block; margin:0 22px; overflow:hidden; position:relative;min-height:20vw;}
.Projects-yj ul li img{ display:block; width:100%; height:100%;transition: all 0.3s;object-fit: cover;}
.Projects-yj ul li a:hover img{ transform:scale(1.1)}
.Projects-yj ul li h3{ text-align:center; position:absolute; z-index:3; left:10px; right:10px; color:#fff;font-size: calc(var(--font-size)*(36/20));top:50%; transform:translateY(-50%)}

.messpop{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; display:none}
.messpop.block{ display:block}
.messpop .box{ width:1100px; max-width:96%; position:relative; margin:0 auto; background-color:#fff;top:50%; transform:translateY(-50%); z-index:6; padding:90px;}
.messpop .closebg{ position:absolute; z-index:1; background-color:rgba(0,0,0,.8); left:0; right:0;top:0; bottom:0;}
.messpop .popt{font-size: calc(var(--font-size)*(22/20)); margin-bottom:38px;}
.messpop .bd ul{ font-size:0}
.messpop .bd ul li{ width:calc(50% - 20px); margin:0 10px; margin-bottom:20px; display:inline-block; vertical-align:top;font-size: calc(var(--font-size)*1);}
.messpop .bd ul li.long{ width:calc(100% - 20px);}
.messpop .bd ul li .input{ width:100%; padding:15px; background-color:#f8f8f8; border:1px solid #ddd;font-size: calc(var(--font-size)*1);}
.messpop .bd ul li.libtn{ clear:both; width:calc(100% - 20px); }
.messpop .bd ul li.libtn .in-btn{display:block;height:55px;line-height:55px;width:266px;text-align:center;background-color:var(--color);border-radius:55px;color:#fff;border:none;text-transform:uppercase;cursor:pointer}
.messpop .bd ul li.libtn .in-btn.disabled{ background-color:#CCCCCC; }
.messpop .box .close{ width:38px; height:38px; position:absolute; z-index:2; right:25px;top:25px; color:#cac8c8; border:2px solid #cac8c8; text-align:center; line-height:34px; border-radius:50%; cursor:pointer}	
.messpop .box .close:hover{ color:var(--color); border:2px solid var(--color); }

.pdetails07,.pdetails08{ position:relative}
.pps{ position:absolute; z-index:2; left:0; right:0; height:1px;top:-106px}

.mleftnav{ display:none}
@media (max-width: 1600px){
.pdetails01 .pleft{ width:50%;    flex: 0 0 50%;}
.pdetails06 .ul-02 ul li .ico{ width:80px; height:80px;flex:0 0 80px; margin-right:20px}
.mores{ height:45px; line-height:43px; padding-left:35px; padding-right:63px}
.mores i{ width:30px; height:30px; line-height:30px; margin-top:-15px; right:10px}
.productlistbox .left{width: 260px; flex: 0 0 260px;  margin-right: 40px;}
.faqbox .right{width: 260px; flex: 0 0 260px; margin-left: 40px;}
	
.pdetails01 .pright .p2{ margin-bottom:15px}
.pdetails01 .pright .p3{ margin-bottom:20px}
.pdetails01 .pright .p3 li .iconfont{ width:50px; height:50px;}
.newslist ul li .txt h3{ height:52px; margin-bottom:5px}
.newslist ul li .txt .ps{ height:54px; margin-bottom:5px}
}
@media (max-width: 1366px){ 
.newslist ul li .txt h3{ height:47px; margin-bottom:5px}
.newslist ul li .txt .ps{ height:48px; margin-bottom:5px}
.contactusbox .right .ewms{ width:140px}
.nbanner .weap{ height:350px}
.nbanner-106 .weap{ height:106px;}
.topshare li{ display:inline-block; margin-top:0; margin-right:5px}

.index02 ul{ height:490px}
.index02 ul li .title{font-size: calc(var(--font-size)*(28 / 20));}
}
@media (max-width: 1200px){ 
.pdetailsbox .left{ margin-right:20px}
.pdetails01 .pleft{ margin-right:10px}

}
@media (max-width: 1000px){ 
.banner .swiper-wrapper{height:90vw; } 
.banner .swiper-slide .img img{ height:90vw} 

.banner .swiper-button-next, .banner .swiper-button-prev{ width:35px; height:35px; line-height:35px;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{ line-height:35px;}

.topshare{ bottom:10px; left:10px;}
.topshare a{ width:28px; height:28px; line-height:26px;}

.banner .swiper-button-prev{ left:15px}
.banner .swiper-button-next{ right:15px;}

.banner .arrowbox{ display:none}
.index01{ padding:80px 0}
.index01 .weap{ display:block}
.index01 .index01left{ width:100%}
.index01 .index01left .swiper-pagination-bullet{ width:12px; height:12px;}

.index01 .index01right{ margin-top:20px}
.index01 .index01right .more{ margin-top:49px}

.index02 ul{ height:auto; display:block}
.index02 ul li .a{ height:70vw; margin-right:0 !important}
.index02 ul li{ width:100% !important; margin-bottom:10px}
.index02 ul li .title{ display:none}
.index02 ul li .poptxt{transform:translateX(0);width:280px}
.index02 ul li .poptxt .ps{    -webkit-line-clamp: 5;}
.index02 ul li .poptxt h3{ margin-bottom:14px;    font-size: calc(var(--font-size)*(30 / 20));}
.index02 ul li .poptxt .more{ margin-top:32px;}
.index03{ padding:77px 0}
.index03 .bd li{ width:50%; margin-bottom:10px}
.index03 .bd li:nth-child(2n+1){clear:left;}
.index03 .bd li a{ margin:0 5px;border: 5px solid #fff;}
.index03 .bd ul{ margin:0 -5px}
.index03 .bd li .txt{ padding:10px}
.index03 .bd li .txt .more{ display:none}
.index03 .bd li a:hover{border: 5px solid rgba(238, 110, 18, 1);}
.index03 .bd li .txt h3{ margin-bottom:0;font-size: calc(var(--font-size)*(22 / 20));}
.index03 .bd{ margin-bottom:42px}
.index04 ul li .a{ height:60px; line-height:60px;}
.index04{ padding:63px 0}
.index05{ padding:85px 0}
.plo{ margin-bottom:38px}
.plo h3{font-size: calc(var(--font-size)*(45 / 20));}
.index05 .box ul li .a{ padding:10px; border-bottom:1px solid rgba(255,255,255,.5)}
.index05 .box ul li:last-child .a{ border-bottom:none}
.index05 .box ul li .ps{ height:67px;}
.index05 .box ul li{ width:100%; margin-bottom:20px;}
.index05 .box ul:after,.index05 .box ul:before{ display:none}
.index05 .box ul li .ico{ width:42px; height:42px;flex:0 0 42px}
.index05 .box ul li .ps{ height:auto}
.index06{ padding:84px 0}

.index06 .galleries{ max-height:none;}
.index06 .swiper-button-next, .index06 .swiper-button-prev{ width:48px; height:48px; line-height:48px}
.index06 .swiper-button-next i, .index06 .swiper-button-prev i{ line-height:48px}
.index06 .swiper-button-next{ right:10px}
.index06 .swiper-button-prev{ left:10px}

.index07{ padding:94px 0}
.index07 .bd ul .ico{ width:77px; height:77px;margin-bottom:28px;}
.index07 .more{ margin-top:49px}
.index08{ padding:84px 0}
.index08 .bd ul li{ width:50%; margin-bottom:10px}
.index08 .bd ul li:nth-child(2n+1){clear:left;}
.index08 .bd ul li a{ padding:10px; margin:0 5px}
.index08 .bd ul li a .txt {transform: translateY(0); padding:10px}
.index08 .more{ margin-top:40px}
.index09{ padding:35px 0}
.index09 .weap{ display:block}
.index09 .mores{ margin-top:39px}

.index06 .gallery-thumbs{ padding:10px}

.nbanner .weap{ height:50vw}
.mainbox{ padding-top:35px; padding-bottom:70px}
.path{ margin-bottom:35px;}
.main-aboutgb .title{ margin-bottom:35px}
.aboutgb01{ padding-bottom:42px}
.aboutgb02{ padding:42px 0}
.aboutgb02 .bdbox{ display:block}
.aboutgb02 .bdbox .img{ width:100%; margin-bottom:15px}
.aboutgb02 .bdbox .bdconn { margin-right:0}

.dongtai ul li{ width:50%; margin-bottom:15px}
.dongtai ul li .num span{font-size: calc(var(--font-size)*(64 / 20));}
.dongtai ul li .num span.small{font-size: calc(var(--font-size)*(40 / 20)); line-height:55px;}



.aboutgb03{ padding-bottom:42px}
.aboutgb04{ padding:42px 0; display:block; padding:0 5%}
.aboutgb04 .left{ width:100%; margin-bottom:15px}
.aboutgb04 .right{ width:100%; padding-left:0}
.aboutgb05{ padding-top:42px; padding-bottom:84px}
.aboutgb05 .bd ul li{ width:50%; margin-bottom:15px}
/*
.aboutgb06 ul{ height:500px}
.aboutgb06 ul li a{height: calc(100% - 10px);}
*/
.contactusbox{ display:block}
.contactusbox .left{ padding-right:0; border:none; margin-bottom:25px;}
.contactusbox .right{ width:100%; padding:0; border:none}
.contactusfprm .input{ padding:15px 0}
.faqbox{ display:block}

.faqnav ul{ text-align:left}
.faqnav ul li{ width:50%; margin-bottom:10px; text-align:center}
.download ul{ padding:15px 10px}
.download ul.td { padding:15px 0}
.download ul.td li{ padding:0 5px}
.download ul .w3{ width:100px;flex:0 0 100px}
.download ul.td .w3 a{ height:38px; line-height:36px}
.download ul .w2{ width:22%;flex:0 0 22%}
.faqbox .right{ width:100%; margin-left:0; margin-top:50px}
.faqlist dt .ico{ height: 28px;  width: 29px; flex: 0 0 29px; position:relative;top:5px}
.faqlist dd .ico{ height: 28px;  width: 29px; flex: 0 0 29px;}
.ServerCert .bd ul li{  width:50%; }

.newslist ul{ margin:0 -5px}
.newslist ul li{ width:50%;flex:0 0 50%}
.newslist ul li a{ margin:0 5px; padding:10px;}
.newslist ul li .txt h3{ margin-bottom:15px}
.newslist ul li .txt .ps{ margin-bottom:15px;}
.newslist ul li{ margin-bottom:10px}
.pdetailsbox{ display:block}
.pdetailsbox .left{ width:100%; margin-bottom:30px}
.pdetails01{ display:block; margin-bottom:49px}
.pdetails01 .pleft{ width:100%; margin-right:0}
.pdetails01 .pright{ margin-top:20px}
.pdetails01 .pright .p3 li .iconfont{ width:42px; height:42px;flex:0 0 42px; line-height:38px}
.pdetails01 .pright .p4 a{ height:42px; line-height:42px}
.pdetails02 ul li a{ margin:0 5px}
.pdetails02 ul{ margin:0 -5px}
.barplo{ margin-bottom:25px}
.barplo h3{ height:42px; line-height:42px}
.pdetails03swiper .swiper-pagination-bullet{ width:10px; height:10px}
.pdetails03swiper .swiper-button-next, .pdetails03swiper .swiper-button-prev{ width:38px; height:38px; line-height:38px; margin-top:-19px;}
.pdetails03swiper .swiper-button-next i, .pdetails03swiper .swiper-button-prev i{ line-height:38px}
.pdetails03swiper .swiper-button-next{ right:10px;}
.pdetails03swiper .swiper-button-prev{ left:10px}
.pdetails06 .ul-01 li{ width:50%}
.pdetails06 .ul-01 li .txt h3{ height:25px;}
.pdetails06 .ul-02 ul li{ width:44%}
.pdetails06 .ul-02 ul li .ico{width: 56px; height: 56px; flex: 0 0 56px;}
.pdetails07 .bd ul{ margin:0 -5px;}
.pdetails07 .bd li a{ margin:0 5px;}

.p-nav ul li{ width:50%}

.lanmuplo{ margin-bottom:49px}
.p-nav{ margin-bottom:49px}
.Projects .bd ul li{ width:50%;flex:0 0 50%; margin-bottom:10px;}
.Projects .bd ul li a{ margin:0 5px;}
.Projects .bd ul{ margin:0 -5px;}
.Projects .bd ul li .txt{ display:block; position:static;transform: translateY(0);  padding:10px;}
.Projects .bd ul li .txt h3{ padding-bottom:8px; margin-bottom:8px}
.p-title h3{ padding-bottom:20px; margin-bottom:20px}
.p-nav ul li a{ line-height:40px}

.productlistbox{ display:block}
.productlistbox .left{ width:100%; margin-right:0; margin-bottom:20px}
.productlist ul{ margin:0 -5px;}
.productlist ul li{ width:50%;flex:0 0 50%; margin-bottom:20px}
.productlist ul li a{ margin:0 5px;}
.productlist ul li .img{ margin-bottom:10px}

.pdetails07 .bd li a{ margin:0 5px;border: 5px solid #fff;}
.pdetails07 .bd ul{ margin:0 -5px}
.pdetails07 .bd li .txt{ padding:10px}
.pdetails07 .bd li .txt .more{ display:none}
.pdetails07 .bd li a:hover{border: 5px solid rgba(238, 110, 18, 1);}
.pdetails07 .bd li .txt h3{ margin-bottom:0;font-size: calc(var(--font-size)*(22 / 20));}
.pdetails07 .bd{ margin-bottom:42px}

.messpop .box{ padding:20px}
.messpop .box .close{ width:32px; height:32px; right:10px; line-height:30px}
.pdetails08 ul li .in-btn{ height:45px; line-height:45px}
.messpop .bd ul li.libtn .in-btn{ height:45px; line-height:45px}
.messpop .bd ul li .input{ padding:10px}

.nbanner-106 .weap{ height:0px}


.mleftnav{display:block;cursor:pointer;position:relative;font-size:calc(var(--font-size)*1.2);line-height:1.1;padding:15px;background-color:#2c9961;color:#fff;text-align:center;font-weight:bold}
.mleftnav i{ display:inline-block; width:25px; height:25px; border-radius:100%;}
.mleftnav img{ height:25px; vertical-align:middle;}
.leftnav{display:none}
.lanmuplo h3{font-size:calc(var(--font-size)*(55 / 20));color:#2c9961}
.fixedright li .a{ background-color:rgba(255,255,255,.7)}
.fixedright li .ico{ width:50px; height:50px}
.fixedright li .a{min-width: 50px; max-width: 50px;padding-left:50px; line-height:50px; width:50px; height:50px}
.fixedright li{ height:50px}
}
@media (max-width: 766px){ 

.banner .swiper-wrapper{height:75vh; } 
.banner .swiper-wrapper .PC{ display:none;}
.banner .swiper-wrapper .mobile{ display:block;}
.banner .swiper-slide .img img{ height:75vh} /*
.banner .txtboxs .animdiv{
-webkit-animation:loop 30s linear infinite;animation:loop 30s linear infinite}*/
.banner .txtboxs h1{font-size:calc(var(--font-size)*(60/20)); text-shadow:0 2px 2px rgba(0,0,0,.6)}

.index07 .bd ul .ico{ width:60px; height:60px; }
.index07 .bd ul li{ width:50%; margin-bottom:10px}
.Projects-yj ul li{ width:100%; margin-bottom:15px}

.pdetails07 .bd li{ width:50%}

.aboutgb06 .bd{ height:100vh; border:#ff0000 solid 0px;}
.aboutgb06 ul{ height:100%; width:100%; position:relative; border:#000000 solid 0px;}
.aboutgb06 ul li{ float:left;position:absolute;width:25%; height:100%; overflow:hidden;border:#000000 solid 0px;}
.aboutgb06 ul li.li1{ width:49%; left:0%; height:49%;}
.aboutgb06 ul li.li5{ width:49%; right:0%; height:49%;}
.aboutgb06 ul li.li2{ width:100%; height:24.5%;  top:50%; left:0%;}
.aboutgb06 ul li.li3{ width:60%;height:24.5%;left:0%;bottom:0px; }
.aboutgb06 ul li.li4{ width:38%;height:24.5%;left:auto; right:0%; bottom:0px; }
.aboutgb06 ul li a{ display:block;height:100% ; width:100%;  }
.aboutgb06 ul li .img{ overflow:hidden; position:relative; height:100% ; width:100%; border:#006600 solid 0px;}

.pdetails08 ul li.col-3{    width: calc(100% - 20px);}
.messpop .popt{ margin-bottom:28px}
.messpop .bd ul li{    width: calc(100% - 20px); margin-bottom:15px}
.messpop .bd ul li.libtn .in-btn{ width:100%}

.conns img{margin-right:0 !important; float:none}
.conns{ font-size:16px; line-height:1.8}
.conns a{ font-size:16px}
.pagesboxs{ padding:10px; padding-top:30px;}
.pagesboxs h1.title{ font-size:24px; margin-bottom:20px}
.pagesboxs .info{ padding-bottom:15px; margin-bottom:10px}
.pagesboxs .conns,.pagesboxs  .conns a{ font-size:14px;}
.layui-layer-setwin .layui-layer-close2{ width:40px !important; height:40px !important;  }
}