body{font-size: 14px; min-width: 1240px} 
.w90{ width: 90%; margin: 0 auto; max-width: 1720px; min-width: 1200px}
.w80{ width: 80%; margin: 0 auto; max-width: 1520px;min-width: 1200px}
header{ padding-left: 5vw; padding-right: 2vw;min-width: 1240px}
nav {width: 50vw;}
.logo{ width: 19.6vw;}
.oneNav{ line-height: 100px; font-size: 18px;}
.headerSearch{  width: 100px; height: 100px;}
.headerTel{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}

.searchForem{ width: 100%; position: absolute; right: 0; top: 100px; z-index: 10; display: none;}
.searchForem .keys{  height: 50px; line-height: 50px; width: calc(100% - 50px);}
.searchForem .submit{ width: 50px; height: 50px; background:  url(../images/searcbtn2.png) no-repeat center center #006960; background-size: 40%;}
.banner .swiper-pagination-bullet{ width: 16px; height: 16px; background-color: #fff;}
.banner  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 12px;}
.banner  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 4vh;}
.idxAbout{ background: url(../images/bg2.jpg) no-repeat center center ; background-size: cover;}
 
.idxAboutUl .num{ margin-top: 100px;}
.f100{ font-size: 100px;}
.idxAboutUl li{ flex: 1;}
.idxAboutUl li .img{height: 60px; width: 60px;  background-image: url(../images/qiy_icon1.png) ;  background-repeat: no-repeat; background-position: center top; background-size: auto 200%;}
.idxAboutUl li:nth-child(2) .img{  background-image: url(../images/qiy_icon2.png) ;  }
.idxAboutUl li:nth-child(3) .img{  background-image: url(../images/qiy_icon3.png) ;  }
.idxAboutUl li:nth-child(4) .img{  background-image: url(../images/qiy_icon4.png) ;  }
.idxAboutUl li:nth-child(5) .img{  background-image: url(../images/qiy_icon5.png) ;  }
.idxAboutUl li:hover .img{ background-position: center bottom;}
.idxAboutUl li:hover{ color: #006960;}

.idxCase .casetItme .txt{ background: rgba(0, 0, 0, .6); position: absolute; left: 10%; top: 10%;  z-index: 10;}
.idxCase .casetItme .txt .box{ border: 1px solid rgba(255, 255, 255, .25); width: 438px;}
.idxCase .casetItme  .more{ width: 180px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.idxCase .casetItme  .more:hover{ box-shadow: 0 0 10px rgba(255, 255, 255, .5);}
.idxCase .botswiper{ width: 70%; position: absolute; bottom: 0; left: 0;  background-color: rgba(0, 0, 0, .7); z-index: 10;}

.botswiper{ padding-left: 5vw;}
.idxCase .gallery-thumbs{ width: 920px; margin: 0;}
.thumbItem img{ width: 100%; height: 100px;border: 4px solid transparent;}
.swiper-slide-thumb-active .thumbItem img{ border: 4px solid #006960;}
.botswiper .prev{ width: 5vw; background: url(../images/left.png) no-repeat center  center; background-size: 20% auto; cursor: pointer; }
.botswiper  .next{ width: 5vw;background: url(../images/right.png) no-repeat center  center; background-size: 20% auto;   cursor: pointer; }
.botswiper   .swiper-button-disabled{ cursor: not-allowed !important;}
.teamItem .txt{ position: absolute; left: 5%; bottom: 6% ; z-index: 10;}
.teamItem>img{  width: 100% ; height: 1000px; object-fit: cover;}
.teamItem .line{ width: 1px; height: 40px;}
.teamItem  .more{ width: 180px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.teamItem  .more:hover{ box-shadow: 0 0 10px rgba(255, 255, 255, .5);}
.idxTeam .BTEN{ position: absolute; bottom: 0; right: 0 ; z-index: 15; background-color: #d0d0d0;}
.idxTeam .prev,.idxTeam .next{ width: 100px; height: 100px;}
.idxTeam .prev:hover,.idxTeam .next:hover{ background-color: #006960;}
.idxTeam .prev:hover img,.idxTeam .next:hover img{  filter: grayscale(100%) brightness(500%);}
.idxTeam { background-color: #222;}
.idxTeam .title{ height: 200px;  background: url(../images/bg3.jpg) no-repeat center center; background-size: cover;}
.teamUl li img{ width: 100%; height: 400px; object-fit: cover;}
.teamUl figure{ position: absolute; left: 50px; bottom: 40px; z-index: 5;}
.teamUl li:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.idxSupport{ background: url(../images/bg4.jpg) no-repeat center bottom; background-size: cover;}
.idxSupport .w80::before{  width: 50%; height: 100%; background: url(../images/bg5.jpg) no-repeat center bottom; background-size: 100% auto; position: absolute; left: 0; top: 0; display: block; content: ''; z-index: 1;}
.idxSupport .w80::after{  width: 50%; height: 100%; background: url(../images/bg6.jpg) no-repeat center center; background-size: cover; position: absolute; right: 0; top: 0; display: block; content: ''; z-index: 1;}
.pb-100{ padding-bottom: 100px;} 
.idxSupport .tip { font-family: '宋体','song'; width: 60px; height: 60px; display: inline-flex; margin: 0 5px;}
.idxSupport .left{ width: 35.5%;}
.idxSupport .left .btn{width: 170px;height: 54px; }
.idxSupport .btn:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0 0 10px  rgba(0,105 ,96, 0.6); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.idxSupport .btn:after,.idxSupport .btn:before { transition:all .36s ; content: ""; position: absolute; border:2px solid #fff; width: 8px; height: 8px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.idxSupport .btn:after {left: 5px;top:5px;border-right: none;border-bottom: none}
.idxSupport .btn:before {right:5px;bottom: 5px;border-top: none;border-left: none}
.idxSupport .btn:hover:after,.idxSupport .btn:hover:before{ width: calc(100% - 13px); height: calc(100% - 13px);}
.idxSupport .center{ width: 29%; background: url(../images/bg7.jpg) no-repeat center center; background-size: cover;}
.idxSupport .right{ width: 35.5%;}
.idxSupport .center ul li + li{ margin-top: 30px;}

.supportImg{ width: 100%; height: 100%; object-fit: cover; }
.custom-thumbs .swiper-slide img{opacity: 0.5;}
.custom-thumbs .swiper-slide-active img{ opacity: 1;}
.idxCustom{background: url(../images/bg8.jpg) no-repeat center center; background-size: cover;}
.CustomTxt{ width: 450px; z-index: 10; position: absolute; left: 10%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); 
    background: url(../images/yin.png) no-repeat right 30px bottom 15px #006960;
    -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.CustomTxt ul ul{ border-color: rgba(255, 255, 255, .25);}
 .CustomTxt figure{ display: none;}
 .CustomTxt figure.on{ display: block;}
.CustomTxt .scoll{ height: 152px; overflow-y: scroll;   }
.CustomTxt .scoll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 4px;}
.CustomTxt .scoll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #fff; width: 4px; }
.CustomTxt .scoll::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #4d9690; width: 4px; }

.CustomTxt .btn{width: 170px;height: 54px; }
.CustomTxt .btn:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0 0 10px  rgba(0,0 ,0, 0.6); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.CustomTxt .btn:after,.CustomTxt .btn:before { transition:all .36s ; content: ""; position: absolute; border:2px solid #006960; width: 8px; height: 8px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.CustomTxt .btn:after {left: 5px;top:5px;border-right: none;border-bottom: none}
.CustomTxt .btn:before {right:5px;bottom: 5px;border-top: none;border-left: none}
.CustomTxt .btn:hover:after,.CustomTxt .btn:hover:before{ width: calc(100% - 13px); height: calc(100% - 13px);}

.idxCustom  .pages{ width: 50px; height: 100%; position: absolute; top: 0; z-index: 10; right: 25.1%;}
.idxCustom  .pages .prev,.idxCustom  .pages .next{ width: 50px; height: 50px;}
.idxCustom .swiper-pagination-bullet{ width: 8px; height: 8px; border: 1px solid #fff; background-color: transparent; opacity: 1; margin: 8px 0;}
.idxCustom .swiper-pagination-bullet-active{ border-color: #d3b06d;}

.customImgpic{ width: 100%; object-fit: cover; height: 550px;}

.idexNews{ background: url(../images/bg9.jpg) no-repeat center center; background-size: cover;}
.newsTab{ margin-left: 110px;}
.newsTab li{ padding-bottom: 30px; border-bottom: 3px solid transparent; cursor: pointer; margin-right: 65px;}
.newsTab li.on{ border-color: #006960; color: #333;}
.idexNews .title .more{ width: 220px; height: 60px; border-radius: 30px;  background-image: linear-gradient(to right,#1C9E93,#006960); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.newitem{ width: 30%;}
.newItemBig{ width: 35.5%;}
.newItemBig a.item{ display: block;}
.newItemBig a.item + a.item{ border-top: 1px solid #e5e5e5;}
.newitemImg{ width: 100%; height: 318px; object-fit: cover;} 
 
.idxnewsul li .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
   
  .idxnewsul li a:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
  .idxnewsul li a:hover{ color: #006960;} 
.idxnewsul li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
footer{ background: url(../images/bg10.jpg) no-repeat center center; background-size: cover;}
.btnNav{ width: 22.6%;}
.btnNav a{ width:47% ; height: 44px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .32); -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; }
.btnNav a::after{ width: 100%; height: 100%; transform: scale(0); display: block; content: ''; background: #006960; position: absolute; left: 0; top: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.btnNav a:hover::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.btnNav a:hover{box-shadow: 0 0 15px rgba(255, 255, 255, .5);}
footer .top dt  { font-size: 18px; margin-bottom: 10px;}
footer .top dd a{ font-size: 14px; color: rgba(255, 255, 255, .6); line-height: 2.4;}
footer .top dd a:hover,footer .center  a:hover,footer .bot a:hover{ color: #fff;}
footer .center .tit{ border-bottom: 1px solid rgba(255, 255, 255, .32);}
footer .center .tit span{ padding: 8px 15px; display: inline-block; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; }
footer .center  a{ color: rgba(255, 255, 255, .6); margin-right: 60px; white-space: nowrap;}
footer .bot,footer .bot a {color: rgba(255, 255, 255, .6); }

.footFloat{background: rgba(0, 0, 0, .8); width: 100%; position: fixed; bottom: 0; left: 0; z-index: 100;}
.footFloat .top{height:  100px;}
.footFloat .ren { width: 100px; height:  100px;}
.footFloat .ren img{ position: absolute; bottom: 0; left: 0;}
.footFloat .top .telnum{ 
  background-image:-webkit-linear-gradient(45deg,#1c9e93,#006960); 
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent;
}
.footFloat .top .f40{
  margin-left: 70px; margin-right: 120px;
  background-image:-webkit-linear-gradient(0deg,#006960,#1c9e93,#006960); 
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent;
}
.footFloat .bot{background: rgba(0, 0, 0, .8); display: none;}
.w21{ width: 21%;}
.w10-5{ width: 10.5%;}
  .select { background: url(../images/down.png) no-repeat right center #fff;}
.footFloat .submit{   background-image: linear-gradient(45deg,#1c9e93,#006960); }
.footFloatDown.action{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.j-gotop{ display: none;}.j-gotop.show{display: block;}
.rightFloat{ position: fixed; right: 20px; bottom: 20vh; z-index: 100;}
.rightFloat li{ width: 80px; height: 80px; position: relative;}
.rightFloat li a{ position: relative;  z-index: 5;}
.rightFloat li::after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #006960; content: ''; display: block; transition: all .36s; transform: scale(0,0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); }
.rightFloat li { margin-top: 8px;}
.rightFloat li img{ margin-bottom: 8px;}
.rightFloat li:hover::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
.rightFloat li .tip{ animation: cut .8s linear 0s infinite; background-color: red; color: #fff; border-radius: 50%; font-size: 12px; line-height: 1; width: 14px; height: 14px; position: absolute; right: 15px; top: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-animation: cut .8s linear 0s infinite; }
.popBig{ display: none; width: 100%; height: 100%;  position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 110;}
 
.yysjsPop  .box { width: 35vw; z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.yysjsPop  .submit{ width: 100%; height: 60px;       }




.freePop .box { width: 1060px; z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.freePop .box .popImg{  width: 100%; height: 600px; object-fit: cover; }
.freePop .box .right{ background: url(../images/bg11.jpg) no-repeat center center; background-size: cover;}
.freePop .select { background: url(../images/down.png) no-repeat right 15px center #fff;}
.freePop .submit{ width: 100%; height: 60px; border-radius: 30px;   background-image: linear-gradient(to right,#1C9E93,#006960); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.closeimg{  width: 46px; height: 46px; position: absolute; right: 0; top: -60px; opacity: 0.6;}
.closeimg:hover{transform: rotate(180deg); opacity: 1;}

.counterPop .box{ width: 1200px;z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.pr-120{ padding-right: 120px;} .pl-120{ padding-left: 120px;}
.counterPop .select { background: url(../images/down.png) no-repeat right center #fafafa;}
.counterPop .box .w50.flex{ display: flex; justify-content: flex-end; align-items: center;  }
.bg-e9{ background-color: #e9e9e9;}
.counterPop .box  .border-right{ border-color: #dddddd;}
.counterPop .box .DIN.color-black{ width: 110px; display: inline-block;}
.counterPop .box .DIN.color-blue{ width: 120px; display: inline-block;}
.StartCounter{ position: absolute; left: 50%; top: 50%; width: 140px; margin-top: -70px; margin-left: -70px;}
.StartCounter:hover{ opacity: 0.85;}
 

.neiBan figure{ position: absolute;  width: 80%; height: 100%; top: 0; right: 10%; justify-content: flex-end; align-items: center; }
.neiBan .txt { background: rgba(0,105 ,96, 0.8); font-family: '宋体';}
.neiBan .txt .DIN{ letter-spacing: 3px;}
.screenbox .tit{ width: 90px;}
.screenbox a{ display: inline-flex; align-items: center; height: 34px; padding: 0 15px; margin-right: 15px;}
.screenbox a.on,.screenbox a:hover{ background-color: #006960; border-radius: 3px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

.tjProitemIMg{ width: 100%; height: 740px; object-fit: cover;}
.tjPro .float{ width: 420px; background: url(../images/bg12.png) no-repeat left top ; height: 100%; position: absolute; left: 5vw; top: 0; z-index: 10;}

.tjProUl .btn{width: 170px;height: 54px; }
.tjProUl .btn:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0 0 10px  rgba(0,0 ,0, 0.6); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
.tjProUl .btn:after,.tjProUl .btn:before { transition:all .36s ; content: ""; position: absolute; border:2px solid #006960; width: 8px; height: 8px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.tjProUl .btn:after {left: 5px;top:5px;border-right: none;border-bottom: none}
.tjProUl .btn:before {right:5px;bottom: 5px;border-top: none;border-left: none}
.tjProUl .btn:hover:after,.tjProUl .btn:hover:before{ width: calc(100% - 13px); height: calc(100% - 13px);}

.tjProUl{ height: 85%;}
.tjProUl figure{ display: none;}
.tjProUl figure.on{ display: flex;}
.tjProPage{ height: 15%;}
.tjProPage .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; margin: 0 12px; border-radius: 0 0 6px 0; border: 2px solid #fff; background-color: transparent; -webkit-border-radius: 0 0 6px 0; -moz-border-radius: 0 0 6px 0; -ms-border-radius: 0 0 6px 0; -o-border-radius: 0 0 6px 0; }
.tjProPage .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff;}

.workList li{ width: 32%; background-color: #fff;  margin-right: 2%; margin-bottom: 40px; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
.workList li:nth-child(3n){ margin-right: 0;}
.workList li .userbox{  width: 70px; height: 70px; }
.userbox img{ width: 100%; position: absolute;left: 0; top: 0;}
.workList li .zan{ position: absolute; right: 25px; top: 25px; height: 50px; padding: 0 25px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.workList li:hover{ box-shadow: 0 0 10px rgba(0,105 ,96, 0.4); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.commonlink {width: 150px;line-height: 46px;  display: block;perspective: 500;-webkit-perspective: 500; }
.commonlink .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d;        transform-style: preserve-3d;pointer-events: none;}
 
.commonlink .t {position: absolute ; width: 100%;height: 100%; left: 0 ;top: -46px;-webkit-transform-origin: center bottom;    -ms-transform-origin: center bottom;        transform-origin: center bottom;-webkit-transform: rotateX(90deg);        transform: rotateX(90deg);-webkit-backface-visibility: hidden;        backface-visibility: hidden;}
.commonlink:hover .w { transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(23px) translateZ(-23px) rotate3d(1, 0, 0, -90deg); }
.workList li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.workList li:hover .img .iconfont{ color:red;}

.workMore{ width: 400px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.workMore:hover{   border-color: #006960; box-shadow: 0 0 10px rgba(0,105 ,96, 0.4);}

.workInfo{ background: url(../images/bg13.jpg) no-repeat top left #f8f8f8; background-size: 100% auto; padding-top: 100px;}

.share img{ opacity: .6; margin-left: 15px;}
.share img:hover{opacity: 1;}

.workInfo .zan{ height: 50px; border-radius: 25px; padding: 0 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.workInfo .zan.on{ background-color: #006960; color: #fff;}
.workInfo .zan.on .color-blue{ color: #fff;}
.workInfoBox{ margin-left: 5vw;}

.workInfoLeft{ width: 78%;}
#workSwiper .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 0 11px !important; opacity: 1; border: 1px solid #fff; background: transparent;}
#workSwiper .swiper-pagination-bullet-active{ background-color: #fff;}
#workSwiper .swiper-pagination{ bottom: 30px;}
#workSwiper .prev,#workSwiper .next{ z-index: 10; top: 50% ;margin-top: -45px; position: absolute; width: 50px; height: 90px; background-color: rgba(0, 0, 0, .6);}
#workSwiper .next{right: 5%;}
#workSwiper .prev{left: 5%;}
#workSwiper .prev:hover,#workSwiper .next:hover{ background-color: #006960;}

.workInfoTit span::after{ width: 100%; height: 12px; background-color: #b2d2cf; position: absolute; bottom: -6px; left: 0; display: inline-block; content: ''; z-index: 1;}
.workInfoBox .userbox{ width: 110px; height: 110px;  }
.workInfoBox .userlink{ width: 150px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.jxzpxeleft{ width: calc(100% - 180px);}
.workInfoRight{ width: 22%;}
.quickBox{ background: url(../images/bg14.jpg) no-repeat center center; background-size: cover;}
.quickBox>img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.quickBox:hover{ box-shadow: 0 0 15px rgba(0,105 ,96, 0.4);}.quickBox:hover>img{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.danwei{ position: absolute; right: 15px; top: 50%;  transform: translateY(-50%);}
.rightPrice{ background-image: linear-gradient(to bottom,#e7f1f0,#fff); z-index: 20; background-color: #fff; background-repeat: no-repeat; background-size: 100% 50%;}
.rightNews .title::after{ width: 15%; height: 3px;  position: absolute; left: 0; bottom: -1px; display: block; content: ''; background-color: #006960;}
.rightNews a i{ width: 16px; height: 16px; border-radius: 2px; display: inline-flex; background-color: #f0f0f0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.rightNews a span.line-clamp{ width: calc(100% - 26px);}
.rightNews a.f15 + a.f15{ margin-top: 30px;}
.rightNews ul a:nth-child(-n+3) i{  background-color: #006960; color: #fff;}

.teamList li .ren{ width: 550px; height: 656px; object-fit: cover;}
.teamList li .pic .tip{ position: absolute; left: -15px; top: 0; height: 54px;}
.teamList li .pic .tip::after{ height: 8px; width: 15px; background-color: #014741; display: block; content: ''; position: absolute; top: 54px; left:0;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);}
.styleIcon{ display: inline-flex; align-items: center; padding: 0 20px; font-size: 14px; margin-right: 14px; height: 34px ; border-radius: 20px; background-color: #006960; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.teamList li  .link a{ display: inline-flex; background-color: #f0f0f0; height: 42px; width: 160px; border-radius:25px ; -webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ; }
.teamList li  .link a:hover{ background-color: #006960; color: #fff;}
.teamCase{ width: 100%; height: 160px; object-fit: cover; }
.teamCaseUl a { width: calc((100% - 20px) / 3);}
.teamCaseUl a .teamCase:hover{ transform: scale(0.95); border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ;  box-shadow: 0 0 10px rgba(0,105 ,96, 0.4); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.teamList li .txt{ width: 53%;}
.teamList li .pic{ width: 36%;}
.teamList li.item:nth-child(2n){ background-color: #f8f8f8;}
.teamList li.item:nth-child(2n) .box{ flex-direction: row-reverse;}
.teamList li.item:nth-child(2n) .tip{ position: absolute; right: -15px; left: auto; top: 0; height: 54px;}
.teamList li.item:nth-child(2n) .tip::after{  left: auto; right: 0;-webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);}

.teamInfoTop{ padding-top: 90px; background: url(../images/bg16.jpg) no-repeat center center; background-size: cover;}
.teamInfoTop .img{ width: 36%;}
.teamInfoTop .img img{  width: 100%;}
.teamInfoTop .img .txt{ position: absolute; left: 0; bottom: 0; width: 100%; background-image: linear-gradient(360deg,rgba(0,0,0,.3),transparent); z-index: 5;}
.teamInfoTop .txt{ width: 58%;}
.teamInfoTop .txt .tip{ padding: 10px 14px; border-radius: 0 15px  0 15px; -webkit-border-radius: 0 15px  0 15px; -moz-border-radius: 0 15px  0 15px; -ms-border-radius: 0 15px  0 15px; -o-border-radius: 0 15px  0 15px; }
.teamInfoTop .txt .link a{ width: 160px; height: 42px; border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; }
.teamInfoTop .txt .link a:hover{ background-color: #006960; color: #fff;}
.infoVideo{ width: 100%; height:460px; }
.infoVideo video{ width: auto; height: 460px;}
.infoVideo .video_btn{   position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  z-index: 10;
  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.infoVideo .video_btn img{ width:80px ;}

.teamInfoBot .left{ width: 23.5%;}
.teamInfoBot .right{ width:76.5%;}
.teamInfoBot .right .tit{ width: 150px;}
.teamInfoBot .right .con{ width: calc(100% - 150px);}
.teamForm{ background: url(../images/bg17.jpg)  no-repeat  center center; background-size: cover;}
.w250{ width: 250px;}.w200{ width: 200px;}
.w250 i{ position: absolute; right: 15px; top: 50% ; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.w65{ width: 65%;}
.buildItem .txt{ position: absolute; bottom:0 ; right: 0; width: 48%;}
.buildItem .more i{  width: 40px; height: 2px; background-color: #555;}
.buildItem:hover .more i{ background-color: #006960; width: 80px;}
.buildItem:hover .more { color: #006960;}
 
.buildList li{ width: 32%; margin-right: 2%; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.buildList li:nth-child(3n){ margin-right: 0;}

.effect-layla::before,.effect-layla::after {
	display: block;
	content: '';
	position: absolute;
	transition: all .6s;
	content: '';
	opacity: 0;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	z-index: 10;
}

.effect-layla::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid rgba(255,255 ,255, 0.8);
	border-bottom: 1px solid rgba(255,255 ,255, 0.8);
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.effect-layla::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid rgba(255,255 ,255, 0.8);
	border-left: 1px solid rgba(255,255 ,255, 0.8);
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.buildList li:hover .effect-layla::before,
.buildList li:hover .effect-layla::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.buildList li:hover .pic>img{ box-shadow: 0 0 10px rgba(0,105 ,96, 0.5); opacity: .6; }
.buildList li:hover{ color: #006960; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }

.buildTop{ background: url(../images/bg18.jpg) no-repeat center center; background-size: cover;}
.location a:hover{ color: #fff;}

.buildTop .info{ border-top: 1px solid rgba(255, 255, 255, .25);}
.buildTop .info ul li{ width: 19%; border-left: 1px solid rgba(255, 255, 255, .25);}
.buildTop .info ul a{ width: 24%;}
.buildLeft{ width: 64.5%;}
.buildRight{ width: 30%;}
.buildLeft ul li + li{ margin-top: 70px;}
.buildLeft ul li .yuan{ width: 15px; height: 15px; position: absolute;  left: -7.5px; top: -7.5px;}
.buildLeft ul li .con { padding-top: 80px;}
.buildLeft ul li .con .tit{ position: absolute; left: 50px; height: 60px; border-radius: 30px; top: -30px; display: inline-flex; padding: 0 40px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.buildLeft ul li .con img{ margin: 5px auto;}
.buildLeft ul li .yuan:after,.buildLeft ul li .yuan:before{content:""; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;} 
.buildLeft ul li .yuan:before {width:24px; height:24px; background:transparent; background:rgba(0,105 ,96, 0.3)  ; margin-top:-12px; margin-left:-12px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.buildLeft ul li .yuan:after {width:44px; height:44px;background:transparent; /*background:#7e9ec3;*/ background:rgba(0,105 ,96,0.2); margin-left:-22px; margin-top:-22px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}

.buildRight .order .top{ background: url(../images/bg19.jpg) no-repeat center center ;  background-size: cover;}
.buildRight .xgtj a .img img{ width: 100px; height: 70px; object-fit: cover; }
.buildRight .xgtj a .txt{ width: calc(100% - 130px);}
.buildRight .xgtj a:hover{ color: #006960;}
.buildRight .xgtj a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.orderPop .box{ border-radius: 0 0 320px 0; width: 1100px; z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-border-radius: 0 0 320px 0; -moz-border-radius: 0 0 320px 0; -ms-border-radius: 0 0 320px 0; -o-border-radius: 0 0 320px 0; }
.yzmimg{ position: absolute; right: 0; top: 0; width: auto; height: 100%;}
 
.serviceBan{ background: url(../images/serviceBan.jpg) no-repeat center center; background-size: cover; padding: 85px 0;}
.serviceBan .box{ background: rgba(255, 255, 255, .9); border-radius: 30px; width: 12; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;
width: 1120px; margin: 0 auto; }
.serviceBanUl{ width: 590px;}
.serviceBan .right{  width: 350px;}
.process{ background: url(../images/bg20.jpg) no-repeat center center; background-size: cover;  }
.processCon{ background: url(../images/bg21.png) no-repeat left top 70%;     background-size: 100% auto; height: 700px;}
.processCon ul li{ position: absolute; text-align: center; width: 220px; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.processCon ul li .info{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.processCon ul li:hover .info{ box-shadow: 0 0 10px rgba(0,105 ,96, 0.3); transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); }
.processCon ul li .sanBOt::after{ width: 0; height: 0; 
			border-top:14px solid #fff ;
            border-right:14px solid transparent ;
            border-bottom:14px solid transparent ;
            border-left:14px solid transparent ; line-height: 0;
			font-size: 0; display: block; content: ''; position: absolute; bottom: -28px; left: 50%; margin-left: -14px;}
.processCon ul li .sanTOp::after{ width: 0; height: 0; 
				border-top:14px solid transparent ;
				border-right:14px solid transparent ;
				border-bottom:14px solid #fff ;
				border-left:14px solid transparent ; line-height: 0;
				font-size: 0; display: block; content: ''; position: absolute; top: -28px; left: 50%; margin-left: -14px;}
.processCon ul li:nth-child(1){left: 0;top: 32%;}
.processCon ul li:nth-child(2){left: 11%;top: 56%;}
.processCon ul li:nth-child(3){ left: 20%;top: 27%;}
.processCon ul li:nth-child(4){left: 30%;top: 61%;}
.processCon ul li:nth-child(5){left: 42%;top: 31%;}
.processCon ul li:nth-child(6){    left: 54%;
    top: 42%;}
.processCon ul li:nth-child(7){left: 70%;;top: 1%;}
.processCon ul li:nth-child(8){right:  0;top: 41%;}

.processTeamLeft{  width: 22%; background-color: #eee;}
.processTeamRight{ width: 78%;}

.processTeamLeft .title{  height: 200px;}
.processTeamLeft .title::before{  width: 1px; height: 100%; background-color: #aaa; position: absolute; left: 50px;  top: 0; z-index: 1;display: block; content: ''; }
.processTeamLeft .title::after{ width: 100%; height: 100%;  position: absolute; left: 0; top: 0; display: block; content: ''; background-color: #006960; z-index: 2; -webkit-clip-path: polygon(100% 0,100% 70%, 0% 100%, 0 0);}
.processTeamLeft  ul{border-color: #aaaaaa; height: 500px;}
.processTeamLeft li { height: calc(500px / 7); cursor: pointer;}
.processTeamLeft li::before{ transition: all .36s; display: inline-block; content: ''; position: absolute; left: -7px; top:50%; margin-top: -7px; width: 14px; height: 14px; border-radius: 50%; background-color: #aaaaaa; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.processTeamLeft li.on{ color: #006960; font-weight: bold; font-size: 22px;}
.processTeamLeft li.on::before{ background-color: #006960; width: 22px ; height: 22px; left: -11px; margin-top: -11px;}
.processTeamImg{ width: 100%; height: 700px; object-fit: cover;}
.processTeamRightItem .txt{ background: rgba(0, 0, 0, .5); position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; min-height: 170px;}
.processTeamRightItem .txt .tt{ width: 31.1%;}
.processTeamRightItem .list { width: 440px;}
.processTeamRightItem .list li{ width: 220px; line-height: 40px;}
.processTeamRightItem .list i{ width:6px ; height: 6px; display: inline-block;}
#processTeamSwiper{ height: 700px;}
#processTeamSwiper .swiper-slide{ height: 700px;}

.neiBan .aboutTxt{ position: absolute; bottom: 0; right: 0; width:34.5% ;  background: rgba(0,105 ,96, 0.9);  padding-right: 5vw;}
.neiBan .aboutTxt .bot a{ flex: 1; padding: 25px 0 ; display: block; position: relative;}
.neiBan .aboutTxt .bot a span::after{ width: 100%; height: 2px; position: absolute; bottom: -6px; left: 0; display: block; content: ''; background-color: #fff; transition: all .36s; transform: scale(0,1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); }
.neiBan .aboutTxt .bot a.on span::after,.neiBan .aboutTxt .bot a:hover span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }

.introduction{ background: url(../images/bg22.jpg) no-repeat center center; background-size: cover; padding-left: 5vw;}
.introduction .left{ border: 12px solid #f7f7f7; border-right: none;}

.introduction .left .scoll{ height: 375px; overflow-y: scroll;   }
.introduction .left .scoll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 4px;}
.introduction .left .scoll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #006960; width: 4px; }
.introduction .left .scoll::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #e5f0ef; width: 4px; }

.introductionImg{ width: 100%; height: 100%; object-fit: cover;}
.introduction .paly{
	width: 100px;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	box-shadow: 0 0 rgba(255, 255, 255, 0.1),0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1);
	animation: ripple-wave1 1s linear infinite;
	animation-play-state: running;
	opacity: 1;
	visibility: visible;
	transform:  scale(1);
	-webkit-animation: ripple-wave1 1s linear infinite;
	transform: scale(0.8);
	-webkit-transform:  scale(1);
	-moz-transform:  scale(1);
	-ms-transform:  scale(1);
	-o-transform:  scale(1);
}
@keyframes ripple-wave1{
		to {
			box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1),0 0 0 30px rgba(255, 255, 255, 0.1),0 0 0 45px rgba(255, 255, 255, 0.02);
		}
}
 



div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100vw;height:100vh;z-index:10001;display:none}
div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}
div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;-webkit-transform:translate3d(-50%, -52%, 0);transform:translate3d(-50%, -52%, 0);width:1000px;height:570px;  }

div.video-wrap video{width:100%;height:auto}
div.close-btn{cursor: pointer; transition: all .36s;
 
 text-align: center;
 line-height: 40px;
 z-index: 9999;
 position: absolute;
 background: #000;
 border: 2px solid #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%; opacity: 0.5;
 right: -20px;
 top: -25px;}
 div.close-btn:hover{ transform: rotate(180deg); opacity: 1;}

 .culture{ background: url(../images/bg23.jpg) no-repeat center center; background-size: cover;}
 .culture .left{ width: 22%;height: 640px;}
 .culture .left  img{  width: 100% ; height: 100%;  object-fit: cover;}
 .culture .center{ width: 61%; height: 640px;}
 .culture .right{ width: 17%;}
 .cultureUl li{ width: calc(100% / 3); height:100%;   }
 .cultureUl li:nth-child(3n){  border-right: none;}
 .cultureUl li:nth-child(n+4){  border-bottom: none;}



 .cultureIcon{ position: absolute; right: 5%; bottom: 5%; opacity: 0.05; z-index: 5;  height: 50%;}
 .cultureUl li  .ttt{  width: 100%; height: 40%; }
 .cultureUl li .scollTop{  width: 100%; height: 60% ;   }
 .cultureUl li:hover .z5{  }
 .cultureUl li .scollTop::after{ position: absolute; left: 0; top: 0; background-color: #006960; display: block; content: '';  width: 120%; height: 100%; opacity: 0; transform: scale(.5);  transition: all .36s; z-index: 1;   }
  .cultureUl li:hover .cultureIcon{  right: 30%;  }
  .cultureUl li:hover .scollTop::after{transform: scale(1); opacity: 1;}
  .cultureUl li:hover  .scollTop{   color: #fff;}
  .history{ background: url(../images/bg24.png) no-repeat center center; background-size: cover; padding-top: 120px;  }
.history .TTOP{ min-height: 400px;}
  .historyTop .left{ width: 180px;}
  .historyTop .left .years::after{ width: 50%; height: 3PX; background: #FFF; display: block; content: ''; position: absolute; right: 0; bottom: -6px;}
  .historyTop .right{ width: calc(100% - 180px);}
.history .bottom::after{ width: 100% ; height: 1px; position: absolute; left: 0; bottom: 2px; display: block; content: '' ; background: rgba(255, 255, 255, .5);}
.historyBotItem .years{ cursor: pointer;font-family: 'DIN';  display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 25px;  width: 160px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.historyBotItem{ width: 100%; justify-content: center; align-items: center;}
.historyBotItem i{ width: 5px; height: 5px; border-radius: 50%; background-color: #fff;display: inline-block; margin-top: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

#historyBotSwiper .swiper-slide-thumb-active .years{ background-color: #5c5c5d; font-size: 22px;}
.honour{ background: url(../images/bg25.png) no-repeat bottom left; background-size: 100% auto;}
#honourSwiper .swiper-slide .img{width: 100%;   height: 325px;}
#honourSwiper .swiper-slide .img img{max-width: 100%; max-height: 100%; border: 4px solid #f2f4f4;}
.honour .centerswiper{ width: 75.5vw;}
.honour .prev,.honour .next{ width: 60px; height: 60px;}.honour .prev:hover,.honour .next:hover{ background-color: #006960; color: #fff;} 
.honour .swiper-slide::after{ cursor: pointer;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	display: flex;
	align-items: center;
	justify-content: center;
	background:url(../images/honorJia.png) no-repeat center center rgba(0, 0, 0, .2);
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	opacity: 0;
	transition: all .36s;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}
.honour .swiper-slide:hover::after{ opacity: 1;}

.newsleft{ width: 15%;}
.newsRight{ width: 85%; padding: 90px; background-color: #f8f8f8;}

.newslist li .img img{ width: 400px; height: 280px; object-fit: cover;}
.newslist li .txt  { width:calc(100% - 435px);   }

 
.newslist li .tit span{
    /*text-decoration: underline;
    */background-image: linear-gradient(currentColor 0, currentColor 0);
    background-image: linear-gradient(currentColor 0 0);
    background-position: 0 calc(100% - 1px);
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
    -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  }
  .newslist li  .more .line{  width: 0px; height: 2px;} 
.newslist li a:hover .tit span{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newslist li a:hover,.newslist li a:hover .more { color: #006960;}
.newslist li a:hover .more .line{ width: 50px; margin-right: 10px;}
.newslist li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.newslist li:hover{box-shadow: 0 0 10px rgba(0,105 ,96, 0.3);}
.newsleft li{  height: 115px; display: flex; align-items: center;}
.newsleft li a{ display: block;  line-height: 1; position: relative; width: 100%;}
.newsleft li a:hover,.newsleft li a.on{  color: #006960;}
.newsleft li a.on::after{ width: 2px; height: 100%; position: absolute; right: 0; top: 0; background-color: #006960; display: block; content: '';} 

.newslocaton a:hover{ color: #006960;}
.newsInfoLeft{ width: 64%;}
.newspage a:hover{ color: #006960;}
.contactul .img{ height: 120px;}
.contactul .more{ width: 48px; height: 48px;}

.ewmUl img{ border: 1px solid #e5e5e5; width: 150px;}
.map{  width: 100%; height: 790px;}

.mapBox{  width: 450px; height: 450px; position: absolute; left: 10%; padding-left: 70px; padding-top: 110px; padding-right: 70px; top: 50%; margin-top: -225px;}
.mapBox .title{ border-bottom: 2px solid #fff;  }
.map:hover .mapBox{ left: 22%;}

.message{ background: url(../images/bg26.jpg) no-repeat center center; background-size: cover;}
.w31{ width: 32%;}
.message button:hover{ opacity: 0.9;}

.mengb{ display: block; position: absolute; left: 0; top: 0;}



.w1520{ width: 1520px; margin: 0 auto;}
.indexTeamLeft::after{ width: 110%; left: 0; height: 50%; border: 3px solid #006960; display: block; content: '';  position: absolute; top: 25%;}
.indexTeamImg{ width: 550px;  height: 680px;  object-fit: cover;}
.indexTeamslide .txt{ justify-content: flex-end;}
.indexTeamslide  .more{ width: 180px; height: 50px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.indexTeamLeft{ width: 590px;}
.indexTeamRight{ width: calc(100% - 590px);}
.indexTeamRight .flaset{ border: 2px solid #006960; position: absolute; right: 0; top: 0; width: 54%;}
.indexTeamRight .flaset::after{ width: 5px; height: 30px; display: block; content: ''; left: -2px; top: 20px; background-color: #fff; position: absolute;}

.indexTeam-thumbs{ height: 282px;}
.indexTeam-thumbs .img img{ width: 100%; height: 282px; object-fit: cover; }
.indexTeam-thumbs .img .txt{ background: rgba(0, 0, 0, .5); transform: scale(0.8); opacity: 0;  -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }
.indexTeam-thumbs .img .txt::after{ width: calc(100% - 40px); height: calc(100% - 40px); left: 20px; top: 20px; display: block; content: ''; position: absolute; border: 1px solid rgba(255, 255, 255, .1);}
.indexTeam-thumbs .swiper-slide:hover .img .txt,.indexTeam-thumbs  .swiper-slide-thumb-active  .img .txt{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }


  
.addnews .box1 {
    background: #006960;
    width: 26%;
    border-radius: 30px;
    padding: 0 0 36px 30px;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}
.addnews .box1:hover{ transform: translateY(-15px);}

        .addnews .box1 .box1-img { border-radius: 12px; overflow: hidden; -webkit-transform: translate(17px, -20px); transform: translate(17px, -20px); -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}

.addnews .box1 .box1-num {
    color: #006960;
    
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    padding: 12px 16px;
    -webkit-transform: translateY(-57px);
    transform: translateY(-57px);
  
}

 

.addnews .box1 .box1-tit {
    
    
    font-family: Medium;
    margin-top: -30px;
}

.addnews .box1 .box1-desc {
    
    
   
    line-height: 26px;
}

.addnews .box1 .xian {
    width: 30px;
    height: 2px;
    
  
}
.addnewsUl{ margin: 120px 0 0;}


@media screen and (max-width:1560px) {
	.w1520{ width: 1440px; margin: 0 auto;}
	.indexTeamImg{ width: 520px; height: 660px;}
	.indexTeamLeft{ width: 556px;}
	.indexTeamRight{ width: calc(100% - 556px);}
	.indexTeam-thumbs .img img{ height: 260px;}

	 
}

@media screen and (max-width:1440px) {
	.w1520{ width: 1240px; margin: 0 auto;}
	.indexTeamImg{ width: 520px; height: 660px;}
	.indexTeamLeft{ width: 556px;}
	.indexTeamRight{ width: calc(100% - 556px);}
	.indexTeam-thumbs .img img{ height: 220px;}
	.indexTeam-thumbs .img .txt::after{ width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px;  }


	.infoVideo{   height:400px; }
.infoVideo video{  height: 400px;}
}
@media screen and (max-width:1280px) {
	.w1520{ width: 1240px; margin: 0 auto;}
	.indexTeamImg{ width: 480px ; height:  590px;}
	.indexTeamLeft{ width: 514px ;}
	.indexTeamRight{ width: calc(100% - 514px );}
	.indexTeam-thumbs .img img{ height: 200px;}
}
.newcaselist{display: grid; grid-gap: 11px; grid-template-columns: repeat(5,1fr);}
.newcaselist li img{ width: 100%; height: 295px; object-fit: cover;}
.newcaselist li:nth-child(2){grid-column-start: 2;grid-column-end: 4; grid-row-start: 1;grid-row-end: 3;  }
.newcaselist li:nth-child(2) img{ width: 100%; height: 100%;}
.newcaselist li:nth-child(2) .mt-15{ margin-top: 18px;}
.newcaselist li:nth-child(2) .mb-15{ margin-bottom: 18px;}
.newcaselist li .text{ position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to top,rgba(0,0,0,.8),transparent); z-index: 1;}
.newcaselist li::after{ position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 2; display: none; content: ''; }
.newcaselist li .fudong{ position: absolute; top: 0; left: 0;   opacity: 0; transform: translateY(20px); z-index: 3; }
.newcaselist li:hover .fudong{ transform: translateY(0); opacity: 1;}
.newcaselist li:hover::after{ display: block;}
.newcaselist li:nth-child(n+8){ display: none;}
.newcaselist li:hover  .text{ transform: translateY(100%);}
@media screen and (max-width:1440px) {
	.newcaselist{  grid-gap: 15px; grid-template-columns: repeat(4,1fr);}
	.newcaselist li img{ width: 100%; height: 250px; object-fit: cover;}
	.newcaselist li:nth-child(2) img{ width: 100%; height: 100%;}
	.newcaselist li:nth-child(n+6){ display: none;}
}

.newSupport-pagination{ position: absolute; z-index: 10; right: 10vw; height: 100%; top: 0; background: url(__HOME__/images/newSupport-pagination.png) no-repeat center center;  }
    #newSupportSwiper { position: absolute; left: 35%;width: 800px; top:0; height: 850px; z-index: 10;}
    #newSupportSwiper .swiper-slide{ width: 400px;       }
    #newSupportSwiper .swiper-slide  .img{ border-radius: 20px;  width: 100%; height: 100%; margin-left: 40%;}
    #newSupportSwiper .swiper-slide  .pic{ width: 100%; height:  100%; object-fit: cover; }
    #newSupportSwiper .swiper-slide .txt{ background: rgba(0,0 ,0, 0.5);}
    #newSupportSwiper .swiper-slide.swiper-slide-prev{  
        transform: rotate(20deg);
	transform-origin:100% 0 0;
        
    }
    #newSupportSwiper .swiper-slide.swiper-slide-next{  

        transform: rotate(-20deg);
	transform-origin:100% 0 0;
    
    }
    #newSupportSwiper .swiper-slide.swiper-slide-next .img{ margin-left: 20%;}
    #newSupportSwiper  .swiper-slide.swiper-slide-active  { padding: 50px 0 !important;}
    #newSupportSwiper  .swiper-slide.swiper-slide-active  .img{ margin-left: 0 !important;}
   .newSupport-pagination .swiper-pagination-bullet{ width: 13px; height: 13px; border: 1px solid #fff; position: relative; background-color: transparent; opacity: 1; margin: 16px 0 !important;}
   .newSupport-pagination  .swiper-pagination-bullet::after{ width: 70%; height:  70%; border-radius: 50%; background-color: #fff; position: absolute; left: 15%; top: 15%; transform: scale(0);  display: block; content: '';}
   .newSupport-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active::after{transform: scale(1);}
     .newSupport{ height: 850px;}
    .newSupport .left{ background: url(../images/idxfi-bg.png) no-repeat center left; background-size: 100% 100%; width: 42.5%; padding-left: 10vw; padding-right: 10vw;}
    .newSupportUl{ margin: 100px 0;}
    .newSupportUl li{ display: none; animation: rightTop .5s;}
    @keyframes rightTop {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
    .newSupportUl li.on{ display: block;}
    .newSupport .right{ width: 62.5%; position: absolute; right: 0; top: 0; z-index: 1;}
    
    .newSupport .left .btn{width: 170px;height: 54px; }
    .newSupport .btn:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); box-shadow: 0 0 10px  rgba(0,105 ,96, 0.6); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
    .newSupport .btn:after,.newSupport .btn:before { transition:all .36s ; content: ""; position: absolute; border:2px solid #fff; width: 8px; height: 8px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
    .newSupport .btn:after {left: 5px;top:5px;border-right: none;border-bottom: none}
    .newSupport .btn:before {right:5px;bottom: 5px;border-top: none;border-left: none}
    .newSupport .btn:hover:after,.newSupport .btn:hover:before{ width: calc(100% - 13px); height: calc(100% - 13px);}
    .newSupportRightUl{ position: absolute; top: 0; right: 0; z-index: 5; }
    .newSupportRightUl li{ display: none; height: 100%; position: relative;animation: scaleSmall 1s;}
    @keyframes scaleSmall {
    from {
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}
    .newSupportRightUl li img{ width: 100%; height: 100%; object-fit: cover;}
    .newSupportRightUl li::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; z-index: 5; background-color: rgba(0,0 ,0, 0.2);}
    .newSupportRightUl li.on{ display: block;}
    @media screen and (max-width: 1660px){

        .newSupport .left{ padding-left: 5vw;}
        .newSupport-pagination{ right: 5vw;}
    }
    @media screen and (max-width: 1440px){

        #newSupportSwiper{ height: 700px;}
        .newSupport{ height: 700px;}
        #newSupportSwiper .swiper-slide{ width: 350px;}
        #newSupportSwiper .swiper-slide.swiper-slide-next .img{margin-left: 15%;}
    }

   
    @media screen and (max-width: 1280px){
        
        .newSupport .left{padding-left: calc((100vw - 1200px)/2);}
        .newSupport-pagination{ right: calc((100vw - 1200px)/2);}
    }