/*--公共--*/ div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input {margin:0;padding:0;border:0;font-weight:normal;background-repeat:no-repeat;outline:none;} h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-weight:normal;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;} body {font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;margin:0px;padding:0px;color:#333333;height:auto;clear:both;} img {border:0px;} ul,li {list-style:none;} em,i {font-style:normal;} a {text-decoration:none !important;color:#333;outline:none;cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .clearfix:after,.clearfix:before {content:" ";display:table} .clearfix:after {clear:both} .fl {float:left;} .fr {float:right;} * {box-sizing:border-box;} body {left:0px;position:relative;line-height:1;max-width:100%;overflow-x:hidden;} .layout {width:92%;margin:0 auto;position:relative;} .w-83 {width:83%;margin:0 auto;position:relative;} .w-75 {width:75%;margin:0 auto;position:relative;} .pd100 {padding:100px 0;} .pd80 {padding:80px 0;} .pd60 {padding:60px 0;} .title {width:440px;max-width:100%;} .title h3 {font-size:36px;color:#333;font-weight:300;margin-bottom:20px;} .title h3 span {color:#179063;font-weight:400;} .title p {color:#4D4D4D;font-size:16px;line-height:24px;} .title1{text-align: center;font-size:32px;color:#333;font-weight:bold;} #jobs1,#jobs2,#jobs3,#about1,#about2,#about3,#about4,#about5,#contact2,#deve1,#deve2,#deve3,#deve4,#service1,#service2,#service3,#service1,#service2,#service3,#partner1,#partner2,#partner3{padding-top:120px;margin-top:-120px;} /* 滚动条样式 */ body::-webkit-scrollbar {width:4px;height:1px;} body::-webkit-scrollbar-thumb {background:#179063;border-radius: 10px;} body::-webkit-scrollbar-track {background:#fff;} /*字体*/ @font-face {font-family:"DIN-B";src:url("../fonts/din-bold.ttf");font-weight:normal;font-style:normal;} @font-face {font-family:"DIN-M";src:url("../fonts/DINCond-Medium.OTF");font-weight:normal;font-style:normal;} @font-face {font-family:"DIN-P-M";src:url("../fonts/DINPro.otf");font-weight:normal;font-style:normal;} @font-face {font-family:"DIN-P-B";src:url("../fonts/DINPro-Bold.otf");font-weight:normal;font-style:normal;} @font-face {font-family:"BEBAS";src:url("../fonts/BEBAS.TTF");font-weight:normal;font-style:normal;} @font-face {font-family:"TIMES";src:url("../fonts/timesbd.ttf");font-weight:normal;font-style:normal;} /*头部*/ .header {width:100%;position:fixed;top:0;left:0;z-index:99;padding-left:4%;height:100px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .logo {height:39px;margin-top:30px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .logo a.img {display:inline-block;width:209px;height:39px;background:url(../images/t-logo.png) no-repeat;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .logo a.img1{display: none;width:209px;height:39px;background:url(../images/t-logo.png) no-repeat;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .logo p {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:inline-block;font-size:14px;color:#ffffff;line-height:20px;position:relative;margin-left:13px;height:39px;padding-left:13px;position:relative;top:-4px;} .header .logo p:before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';width:1px;height:100%;background:#fff;position:absolute;left:0;top:0;} .header .logo p span {display:block;color:#FF0000;} .header .logo p span i {display:inline-block;width:5px;height:10px;background:url(../images/gp-icon.png) no-repeat;margin-right:10px;margin-left:2px;} .header .nav {margin-right:360px;height:100%;} .header .nav ul li {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;position:relative;line-height:100px;float:left;margin-right:60px;} .header .nav ul li:before {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;content:'';width:0%;height:2px;background:#179063;position:absolute;bottom:0px;left:0;} .header .nav ul li a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#fff;font-size:14px;} .header .nav ul li:last-child {margin-right:0;} .header .nav ul li dl { position: absolute; z-index: 1000; height: 66px; top: 100px; display: none; background: rgba(0,0,0,0.5); padding: 0px 18px; width:1920px; } .header .nav ul li dd {margin-right:30px;float:left; height:66px;line-height:66px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .nav ul li dd a {display:block;width:100%;height:100%;color:#fff!important;font-size:14px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .nav ul li dd a:hover{color:#179063;background:none!important;} .header .h-right {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;width:290px;height:100px;/* background:#fff; */position:absolute;right:0;top:0;text-align:center;} .header .h-right a.lang {position:relative;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:inline-block;color:#fff;font-size:14px;line-height:100px;position:relative;position:relative;margin-right:46px;padding-right:10px;} .header .h-right a.lang:after {content:'';width:8px;height:5px;background:url(../images/down-icona.png) no-repeat;position:absolute;right:0;top:50%;margin-top:-3px;} .header .h-right a.lang dl {box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);background:#fff;position:absolute;width:120px;text-align:center;top:70px;left:50%;margin-left:-60px;display:none;} .header .h-right a.lang dl a {display:block;width:100%;height:100%;color:#333;font-size:12px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .h-right a.lang dl a:after {display:none!important;} .header .h-right a.search {display:inline-block;width:24px;height:24px;background:url(../images/search-icona.png) no-repeat;margin-right:46px;position:relative;top:5px;} .header .h-right a.tel {display:inline-block;width:18px;height:26px;background:url(../images/tel-icona.png) no-repeat;position:relative;top:5px;} .header .h-right .lang-tc {width:100px;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);background:#fff;position:absolute;top:100px;left:20px;display:none;} .header .h-right .lang-tc a {display:block;height:40px;line-height:40px;width:100%;color:#333;font-size:12px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .header .h-right .search-tc {width:100%;height:60px;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);background:#fff;position:absolute;top:100px;left:0;padding-top:10px;display:none;} .header .h-right .search-tc input {display:inline-block;width:80%;height:40px;border:1px solid #ccc;box-sizing:border-box;margin:0 auto;padding:0 10px;} .header .h-right .search-tc button {display:block;width:18px;height:18px;position:absolute;right:calc(10% + 10px);top:20px;border:none;outline:none;background:url(../images/search-icon.png) no-repeat;background-size:100% 100%;cursor:pointer;} .header .h-right .tel-tc {width:100%;height:60px;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);background:#fff;position:absolute;top:100px;left:0;/*padding-top:10px;*/display:none;line-height: 60px;} .header .h-right .tel-tc p {font-family:"DIN-P-B";color:#179063;font-size:24px;position: relative;padding-left:24px;} .header .h-right .tel-tc p::before{content: '';display: block;width:18px;height:26px;background:url(../images/tel-icon1.png) no-repeat;position: absolute;left:30px;top:50%;margin-top:-11px;} .header.fax{background:#fff;position:relative;border-bottom:1px solid #f4f4f4;} .header.fax .logo a.img {background:url(../images/f-logo.png) no-repeat;display: inline-block!important;} .header.fax .logo a.img1{display: none!important;} .header.fax .logo p {color:#333;} .header.fax .logo p:before {background:#ccc;} .header.fax .nav li a{color:#333;} .header .h-right:before {content:'';position:absolute;top:50%;margin-top:-11px;width:1px;height:22px;background:#fff;left:0;} .header.fax .h-right {height:99px;} .header.fax .h-right:before {content:'';position:absolute;top:50%;margin-top:-11px;width:1px;height:22px;background:#f0f0f0;left:0;} .header.fax .h-right a.lang{color:#333;} .header.fax .h-right a.lang:after{background:url(../images/down-icon.png) no-repeat;} .header.fax .h-right a.search {display:inline-block;width:24px;height:24px;background:url(../images/search-icon.png) no-repeat;margin-right:46px;position:relative;top:5px;} .header.fax .h-right a.tel {display:inline-block;width:18px;height:26px;background:url(../images/tel-icon.png) no-repeat;position:relative;top:5px;} .header.fix {background:#fff;height:60px;border-bottom:1px solid #f4f4f4;position:fixed;} .header.fix .h-right .tel-tc{top:60px;} .header.fix .logo {margin-top:10px;} .header.fix .logo a.img {background:url(../images/f-logo.png) no-repeat;display: none;} .header.fix .logo a.img1{display: inline-block;} .header.fix .logo p {color:#333;} .header.fix .logo p:before {background:#ccc;} .header.fix .nav{/* margin-right:320px; */} .header.fix .nav li {line-height:60px;} .header.fix .nav li a {color:#333;} .header.fix .nav ul li dl{top:60px;} .header.fix .h-right {height:59px;} .header.fix .h-right:before {content:'';position:absolute;top:50%;margin-top:-11px;width:1px;height:22px;background:#f0f0f0;left:0;} .header.fix .h-right a.lang {line-height:60px;} .header.fix .h-right .lang-tc {top:60px;} .header.fix .search-tc {top:60px;} .header.fix .h-right a.lang{color:#333;} .header.fix .h-right a.lang:after{background:url(../images/down-icon.png) no-repeat;} .header.fix .h-right a.search {display:inline-block;width:24px;height:24px;background:url(../images/search-icon.png) no-repeat;/* margin-right:46px; */position:relative;top:5px;} .header.fix .h-right a.tel {display:inline-block;width:18px;height:26px;background:url(../images/tel-icon.png) no-repeat;position:relative;top:5px;} /*手机头部*/ .delay01 {-webkit-transition-delay:.03s !important;transition-delay:.03s !important;} .delay02 {-webkit-transition-delay:.08s !important;transition-delay:.08s !important;} .delay03 {-webkit-transition-delay:.13s !important;transition-delay:.13s !important;} .delay04 {-webkit-transition-delay:.18s !important;transition-delay:.18s !important;} .delay05 {-webkit-transition-delay:.23s !important;transition-delay:.23s !important;} .delay06 {-webkit-transition-delay:.28s !important;transition-delay:.28s !important;} .delay07 {-webkit-transition-delay:.33s !important;transition-delay:.33s !important;} .delay08 {-webkit-transition-delay:.38s !important;transition-delay:.38s !important;} .delay09 {-webkit-transition-delay:.43s !important;transition-delay:.43s !important;} .delay09 {-webkit-transition-delay:.48s !important;transition-delay:.48s !important;} .delay10 {-webkit-transition-delay:.53s !important;transition-delay:.53s !important;} .js-m-3.animate {opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);} .floatL {float:left;} .floatR {float:right;} .search-bg1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#f5f5f5;display:none;z-index:2000;} .header2 {height:55px;position:fixed;background:#fff;z-index:20000;width:100%;display:none;top:0;left:0;} .header2 .main-wrap {height:55px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;width:100%;} .header2 .logo {height:55px;overflow:hidden;} .header2 .logo a {display:block;} .header2 .logo img {display:block;height:30px;margin-top:13px;} .header2 .nav-btn {width:24px;height:18px;position:relative;cursor:pointer;margin-top:18px;} .header2 .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#ababab;position:absolute;} .header2 .nav-btn .line1 {-webkit-transform-origin:left 0px 0;-ms-transform-origin:left 0px 0;transform-origin:left 0px 0;} .header2 .nav-btn .line2 {top:8px;} .header2 .nav-btn .line3 {bottom:0;-webkit-transform-origin:left 2px 0;-ms-transform-origin:left 2px 0;transform-origin:left 2px 0;} .header2 .sub-menu {width:100%;padding:0 2%;display:none;position:absolute;left:0;top:60px;z-index:2;overflow-y:auto;box-sizing:border-box;} .header2 .sub-menu ul {width:100%;overflow-y:scroll;height:calc(100vh - 55px - 1.5rem);} .header2 .sub-menu li {border-bottom:1px solid #E8E8E8;font-size:16px;width:96%;margin:0 auto;} .header2 .sub-menu .tit {display:block;width:100%;padding:0 3%;line-height:60px;color:#333;position:relative;box-sizing:border-box;font-size:16px;} .header2 .sub-menu .tit i{display:block;width:10px;height:10px;background-image: url(../images/h-add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;} .header2 .sub-menu .tit.on i{transform: rotate(45deg);} .header2 .sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none;} .header2 .sub-menu .sec-list p {background:url(../images/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;} .header2 .sub-menu .sec-list a {padding-left:3%;color:#666;display:block;} .header2 .nav-btn.active {-webkit-animation:rotate 0.5s linear 0s;animation:rotate 0.5s linear 0s;} .header2 .nav-btn.hover .line {background:#179063;} /*首页banner*/ /*.index-banner {width:100vw;height:100vh;overflow:hidden;}*/ .index-banner {width:100vw;overflow:hidden;} .index-banner .swiper-slide {position:relative;} /*.index-banner .swiper-slide .img {width:100%;height:100vh;}*/ .index-banner .swiper-slide .img {width:100%;} /*.index-banner .swiper-slide .img img {width:100%;height:100vh;}*/ .index-banner .swiper-slide .img img {width:100%;height:100vh;} .index-banner .swiper-slide .img img.pc {display:block;} .index-banner .swiper-slide .img img.m {display:none;} .index-banner .swiper-slide .word {text-align:center;position:absolute;width:100%;top:50%;margin-top:-64px;} .index-banner .swiper-slide .word p {font-size:48px;font-weight:bold;color:#fff;line-height:48px;margin-bottom:20px;} .index-banner .swiper-slide .word span {font-size:24px;display:block;line-height:30px;color:#fff;width:42%;max-width:100%;margin:0 auto;} .index1-bot {height:100px;width:calc(100% - 114px);position:absolute;left:57px;bottom:0;z-index:2} .index1-bot a.down {position:absolute;left:50%;margin-left:-15px;top:50%;margin-top:-13px;} .index1-bot a.down img{position:relative;display: block; width:30px; -webkit-animation: mouse-dot 3s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 3s cubic-bezier(0.23, 1, 0.32, 1) infinite;} /* .index1-bot a.down:before{content: '';width:3px;height:7px;background:url(../images/roll-icon1.png) no-repeat;position: absolute;top:4px;left:6px; -webkit-animation: mouse-dot 3s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 3s cubic-bezier(0.23, 1, 0.32, 1) infinite;} */ .index-next {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;width:10px;height:18px;background:url(../images/next-icon.png) no-repeat;position:absolute;right:4%;bottom:41px;top:auto;} .index-prev {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;width:10px;height:18px;background:url(../images/prev-icon.png) no-repeat;position:absolute;right:calc(4% + 75px);bottom:41px;top:auto;left:auto;} .index-prev:before {content:'';width:1px;height:18px;background:rgba(255,255,255,0.42);position:absolute;right:-33px;top:0;} .index-p {width:auto!important;bottom:40px!important;left:4%!important;position:absolute;z-index:3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} .index-p .swiper-pagination-bullet {background:transparent;opacity:1;position:relative;width:16px;height:16px;outline:none;margin:0 12px!important;} .index-p .swiper-pagination-bullet:after {content:"";position:absolute;left:50%;top:50%;z-index:0;width:8px;height:8px;background-color:#fff;border-radius:50%;margin:-5px 0 0 -4px;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;} .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {opacity:1;} .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active:after {opacity:1;width:8px;height:8px;border-radius:50%;background:#fff;} .index-p .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {-webkit-animation:svgCircleAnmi 6s linear forwards;animation:svgCircleAnmi 6s linear forwards;} .index-p .svg {margin:-8px 0 0 -8px;width:32px;height:32px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;display:block;} .index-p .circle1 {stroke:transparent;} .index-p .circle2 {stroke:#fff;stroke-dasharray:0 339;} .swiper-container svg:not(:root) {overflow:hidden;} @-webkit-keyframes svgCircleAnmi {0% {stroke-dasharray:0 339;} to {stroke-dasharray:339 339;} } @keyframes svgCircleAnmi {0% {stroke-dasharray:0 339;} to {stroke-dasharray:339 339;} } @keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(10px); opacity: 0; } } @-webkit-keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(30px); opacity: 0; } } /*首页第一屏*/ .i-part1 {} .i-part1 .title {margin-bottom:45px;} .i-part1 .left {width:61%;position:relative;float:left;cursor:pointer;} .i-part1 .left ul {position:relative;width:100%;height:362px;overflow:hidden;} .i-part1 .left ul li {position:absolute;top:0;left:0;width:100%;} .i-part1 .left .word {width:45%;float:left;padding-top:32px;} .i-part1 .left .word .time {font-family:"DIN-P-M";font-size:28px;color:#179063;margin-bottom:24px;} .i-part1 .left .word .time span {display:inline-block;color:#808080;font-size:14px;} .i-part1 .left .word .tit {color:#333;font-size:22px;line-height:32px;height:64px;margin-bottom:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .i-part1 .left .word p {color:#595959;font-size:14px;line-height:22px;height:44px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .i-part1 .left .img {width:50%;float:right;overflow:hidden;height:360px;position:relative;} .i-part1 .left .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;display:block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part1 .left a.more {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-top:80px;display:block;width:152px;height:38px;border:1px solid #f4f4f4;font-size:14px;color:#333;text-align:center;line-height:39px;border-radius:30px;} .i-part1 .left a.more i {position:relative;top:1px;display:inline-block;width:6px;height:12px;background:url(../images/more-icon1.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part1 .left .i-part1-p {position:absolute;bottom:95px;left:0;z-index:5;} .i-part1 .left .i-part1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .i-part1 .left .i-part1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .i-part1 .left .i-part1-p .swiper-pagination-bullet-active:before {background:#179063;} .i-part1 .left .i-part1-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /* .i-part1 .left:hover a.more i {margin-left:20px;} */ .i-part1 .left .tab {position:absolute;right:0;top:0;background:#f7f7f7;height:34px;border-radius:30px;overflow:hidden;} .i-part1 .left .tab a {color:#4d4d4d;font-size:14px;display:inline-block;line-height:34px;width:110px;text-align:center;border-radius:30px;} .i-part1 .left .tab a.active {background:#179063;color:#fff;} .i-part1 .right {width:31.8%;float:right;} .i-part1 .right .swiper-slide {position:relative;cursor:pointer;height:360px;width:100%;overflow: hidden;} .i-part1 .right .swiper-slide .img{width:100%;height:100%;position: relative;} .i-part1 .right .swiper-slide .img img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;display:block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part1 .right .swiper-slide .paly {text-align:center;position:absolute;top:50%;margin-top:-33px;width:100%;z-index:2;} .i-part1 .right .swiper-slide .paly img {display:inline-block;width:46px;height:46px;margin-bottom:14px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part1 .right .swiper-slide .paly p {font-weight:500;color:#fff;font-size:16px;text-shadow: 2px 2px 4px #000000;} .i-part1 .right .i-part1-p {position:absolute;bottom:24px;left:0;z-index:5;width:100%;text-align:center;} .i-part1 .right .i-part1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .i-part1 .right .i-part1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .i-part1 .right .i-part1-p .swiper-pagination-bullet-active:before {background:#179063;} .i-part1 .right .i-part1-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /* .i-part1 .right .swiper-slide:hover .img img {transform:scale(1.05) translate(-43.3%,-50%);} .i-part1 .right .swiper-slide:hover .paly img {transform:rotate(115deg);-webkit-transform:rotate(115deg);} */ /*视频弹出*/ .z_tanchuang {position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:100;} .z_tanchuang .tbox {display:table-cell;background:rgba(0,0,0,0.8);text-align:center;vertical-align:middle;} /* 弹窗内容 */ .z_tanchuang .tbox .modal {background:white;padding:50px;display:block;border-radius:5px;position:relative;width:90%;max-width:1200px;max-height:90%;margin:0 auto;} .z_tanchuang .tbox .modal .out {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../images/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer;} .z_tanchuang .tbox .modal .img {width:100%;max-width:600px;margin:0 auto;} .z_tanchuang .tbox .modal .img video {display:block;width:100%;max-width:100%;object-fit:cover;} .z_tanchuang .tbox .modal .img img {margin:0 auto;} .z_tanchuang .tbox .modal2 {padding:20px;} .z_tanchuang .tbox .modal .img {max-width:1200px;} /* 弹窗选中 */ .z_tanchuang.one {transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;} .z_tanchuang.one .tbox .modal {transform:scale(0);animation:zoomIn 0.5s 0.8s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(0);-webkit-animation:zoomIn 0.5s 0.8s cubic-bezier(0.165,0.84,0.44,1) forwards;} .z_tanchuang.one.out {transform:scale(1);animation:unfoldOut 1s 0.3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s 0.3s cubic-bezier(0.165,0.84,0.44,1) forwards;} .z_tanchuang.one.out .tbox .modal {animation:zoomOut 0.5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut 0.5s cubic-bezier(0.165,0.84,0.44,1) forwards;} /* 弹窗动画 */ @keyframes unfoldIn {0% {transform:scaleY(0.005) scaleX(0);} 50% {transform:scaleY(0.005) scaleX(1);} 100% {transform:scaleY(1) scaleX(1);} } @keyframes zoomIn {0% {transform:scale(0);} 100% {transform:scale(1);} } @keyframes zoomOut {0% {transform:scale(1);} 100% {transform:scale(0);} } @keyframes unfoldOut {0% {transform:scaleY(1) scaleX(1);} 50% {transform:scaleY(0.005) scaleX(1);} 100% {transform:scaleY(0.005) scaleX(0);} } @-webkit-keyframes zoomIn {0% {transform:scale(0);} 100% {transform:scale(1);} } @-webkit-keyframes zoomOut {0% {transform:scale(1);} 100% {transform:scale(0);} } @-webkit-keyframes unfoldOut {0% {transform:scaleY(1) scaleX(1);} 50% {transform:scaleY(0.005) scaleX(1);} 100% {transform:scaleY(0.005) scaleX(0);} } @-webkit-keyframes unfoldIn {0% {transform:scaleY(0.005) scaleX(0);} 50% {transform:scaleY(0.005) scaleX(1);} 100% {transform:scaleY(1) scaleX(1);} } /*首页第二屏*/ .i-part2 {background:rgba(23,144,99,.08);position:relative;} .i-part2 .i-part2-1 {width:19.2%;float:left;margin-left:4%;} .i-part2 .i-part2-1 h3 {font-size:36px;color:#333333;font-weight:300;margin-bottom:13px;} .i-part2 .i-part2-1 h3 span {color:#179063;font-weight:500;} .i-part2 .i-part2-1 h3:nth-child(2) {margin-left:36px;margin-bottom:23px;} .i-part2 .i-part2-1 p {color:#4D4D4D;font-size:14px;line-height:26px;} .i-part2 .i-part2-1 a.more {float:right;margin-right:45px;margin-top:80px;display:block;width:152px;height:38px;background:#179063;font-size:14px;color:#fff;text-align:center;line-height:38px;border-radius:30px;} .i-part2 .i-part2-1 a.more i {position: relative;top: 1px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:inline-block;width:6px;height:12px;background:url(../images/more-icon.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /* .i-part2 .i-part2-1 a.more {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-top:80px;display:block;width:152px;height:38px;border:1px solid #f4f4f4;font-size:14px;color:#333;text-align:center;line-height:39px;border-radius:30px;} .i-part2 .i-part2-1 a.more i {position:relative;top:1px;display:inline-block;width:6px;height:12px;background:url(../images/more-icon1.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part2 .i-part2-1:hover a.more {background:#179063;border:1px solid #179063;color:#fff;} .i-part2 .i-part2-1:hover a.more i {background:url(../images/more-icon.png) no-repeat;margin-left:20px;} */ .i-part2 .i-part2-2 {width:50%;float:left;margin-left:4%} .i-part2 .i-part2-2 ul {margin-top:58px;width:100%;} .i-part2 .i-part2-2 ul li {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;width:25%;float:left;box-sizing:border-box;padding:30px;background:#fff;position:relative;border-right:1px solid #f5f5f5;cursor:pointer;} .i-part2 .i-part2-2 ul li:before {content:'';display:block;width:24px;height:2px;background:#ff7676;position:absolute;left:30px;bottom:30px;} .i-part2 .i-part2-2 ul li:after {content:'';display:block;width:100%;height:4px;background:#ff7676;position:absolute;left:0;bottom:0;z-index:5;} .i-part2 .i-part2-2 ul li .icon {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;width:40px;height:40px;background:url(../images/i-service1-1.png) no-repeat;margin-bottom:24px;} .i-part2 .i-part2-2 ul li h4 {word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:20px;height:20px;line-height:20px; font-weight:500;color:#333;margin-bottom:20px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part2 .i-part2-2 ul li p {word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;color:#fff;line-height:22px;height:44px;overflow:hidden;opacity:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part2 .i-part2-2 ul li:nth-child(2):before {background:#ffce76;} .i-part2 .i-part2-2 ul li:nth-child(2):after {background:#ffce76;} .i-part2 .i-part2-2 ul li:nth-child(2) .icon {background:url(../images/i-service2-1.svg) no-repeat;} .i-part2 .i-part2-2 ul li:nth-child(3):before {background:#179063;} .i-part2 .i-part2-2 ul li:nth-child(3):after {background:#179063;} .i-part2 .i-part2-2 ul li:nth-child(3) .icon {background:url(../images/i-service3-1.svg) no-repeat;} .i-part2 .i-part2-2 ul li.active {width:50%;background:#ff7676;} .i-part2 .i-part2-2 ul li.active .icon {background:url(../images/i-service1-2.svg) no-repeat;} .i-part2 .i-part2-2 ul li.active h4 {color:#fff;} .i-part2 .i-part2-2 ul li.active p {opacity:1;} .i-part2 .i-part2-2 ul li:nth-child(2).active {width:50%;background:#ffce76;} .i-part2 .i-part2-2 ul li:nth-child(2).active .icon {background:url(../images/i-service2-2.svg) no-repeat;} .i-part2 .i-part2-2 ul li:nth-child(3).active {width:50%;background:#179063;} .i-part2 .i-part2-2 ul li:nth-child(3).active .icon {background:url(../images/i-service3-2.svg) no-repeat;} .i-part2 .i-part2-2 ul li.active::before{display: none;} .i-part2 .i-part2-3 {width:19.5%;float:right;} .i-part2 .i-part2-3 p {font-size:16px;/*font-weight:500;*/color:#333;} .i-part2 .i-part2-3 p span {color:#FF8C1A;font-size:32px;font-family:"DIN-M";} .i-part2 .i-part2-3 .img {position:relative;margin-top:30px;} .i-part2 .i-part2-3 .img img {display:block;width:100%;} .i-part2 .i-part2-3 h4 {font-size:14px;line-height:22px;color:#333;position:absolute;left:0;bottom:-22px;} .i-part2 .bg1 {position:absolute;bottom:0;left:0;width:100%;z-index:-1;} .i-part2 .bg1 img {display:block;} .i-part2 .bg2 {position:absolute;bottom:0;left:0;width:100%;z-index:-2;} .i-part2 .bg2 img {display:block;width:100%;} /*首页第三屏*/ .i-part3 {position:relative;margin-left:4%;} .i-part3 .tab {width:68.75%;position:absolute;top:100px;right:0;} .i-part3 .tab a {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display:inline-block;width:166px;text-align:center;height:46px;line-height:46px;color:#333;font-size:16px;margin-right:24px;position:relative;border-radius:30px;} .i-part3 .tab a.active {background:#179063;color:#fff;} .i-part3 ul {margin-top:46px;width:100%;height:347px;} .i-part3 ul li {width:100%;position:absolute;} .i-part3 .left {width:20%;float:left;padding-top:34px;} .i-part3 .left .icon {margin-bottom:26px;} .i-part3 .left h3 {font-size:20px;font-weight:400;color:#333;margin-bottom:15px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} .i-part3 .left p {text-align:justify; color:#666;font-size:14px;line-height:22px;height:88px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;} .i-part3 .left span.more {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-top:80px;display:block;width:152px;height:38px;border:1px solid #f4f4f4;font-size:14px;color:#333;text-align:center;line-height:39px;border-radius:30px;} .i-part3 .left span.more i {position:relative;top:1px;display:inline-block;width:6px;height:12px;background:url(../images/more-icon1.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 .right {width:68.75%;float:right;} .i-part3 .right .swiper-slide {width:480px;position:relative;padding-right:48px;border-right:1px solid #fafafa;margin-right:48px;} .i-part3 .right .swiper-slide .img {width:100%;overflow:hidden;} .i-part3 .right .swiper-slide .img img {display:block;width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 .right .swiper-slide .word {width:calc(100% - 48px);color:#fff;padding:30px 40px;position:absolute;bottom:0;left:0;margin-bottom:30px;height:200px;transform:translateY(100px);-ms-transform: translateY(100px);-moz-transform: translateY(100px);-webkit-transform: translateY(100px);-o-transform: translateY(100px);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;background-color:rgba(0,0,0,0.5)} .i-part3 .right .swiper-slide .word .tit {font-size:18px;margin-bottom:10px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} .i-part3 .right .swiper-slide .word p {font-size:14px;line-height:22px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .i-part3 .right .swiper-slide .word span.more {transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;margin-top:30px;display:block;width:152px;height:38px;background:#fff;font-size:14px;color:#179063;text-align:center;line-height:38px;border-radius:30px;} .i-part3 .right .swiper-slide .word span.more i {position:relative;top:1px;display:inline-block;width:6px;height:12px;background:url(../images/more-icon2.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 ul li .btn {position:absolute;bottom:0;left:31.25%;z-index:10;} .i-part3 ul li .btn .i-part3-prev {width:45px;height:45px;border-radius:50%;background:#f2f2f2;cursor:pointer;position:relative;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 ul li .btn .i-part3-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-6px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 ul li .btn .i-part3-next {width:45px;height:45px;border-radius:50%;background:#f2f2f2;cursor:pointer;position:relative;margin-left:24px;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 ul li .btn .i-part3-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .i-part3 ul li .i-part3-p {position:absolute;bottom:0;left:0;z-index:5;display:none;width:100%;text-align:center;} .i-part3 ul li .i-part3-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .i-part3 ul li .i-part3-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .i-part3 ul li .i-part3-p .swiper-pagination-bullet-active:before {background:#179063;} .i-part3 ul li .i-part3-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*底部*/ .footer {border-top:4px solid #179063;padding-top:88px;background:#f7f7f7;} .footer .left {float:left;width:14%;padding-bottom:60px;} .footer .left .f-logo {display:block;margin-bottom:50px;} .footer .left .f-logo img {display:block;max-width:100%;} .footer .left p.tel {font-family:"DIN-P-B";color:#0f9667;font-size:36px;margin-bottom:10px;} .footer .left p.time {color:#666;font-size:12px;margin-bottom:40px;opacity: 0;} .footer .left ul {display: none;} .footer .left ul li {position:relative;width:28px;height:22px;float:left;margin-right:15px;cursor:pointer;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .footer .left ul li:nth-child(1) {background:url(../images/wx-icon.png) no-repeat;} .footer .left ul li:nth-child(2) {background:url(../images/qq-icon.png) no-repeat;} .footer .left ul li:nth-child(3) {background:url(../images/wb-icon.png) no-repeat;} .footer .left ul li img {width:80px;height:80px;position:absolute;bottom:30px;left:50%;margin-left:-40px;display:none;} .footer .right {float:right;width:77.5%;} .footer .right dl {float:left;/*width:12.5%;*/margin-right:7.5%;} .footer .right dl:last-child {margin-right:0;} .footer .right dl dt {font-size:14px;color:#333;font-weight:600;margin-bottom:40px;} .footer .right dl dd {height:24px;line-height:24px;} .footer .right dl dd a {color:#666;font-size:12px;} .footer .copyright {border-top:1px solid #ebebeb;padding:26px 0;color:#878787;font-size:12px;} .footer .copyright a {color:#878787;position:relative;} .footer .copyright p {display:inline-block;} .footer .copyright .fl a:nth-child(1) {display:inline-block;padding-right:13px;margin-right:13px;} .footer .copyright .fl a:nth-child(1):after {content:'';width:1px;height:8px;background:#878787;position:absolute;right:0;top:2px;} .footer .copyright .fl a:nth-child(2) {display:inline-block;padding-right:13px;margin-right:13px;} .footer .copyright .fl a:nth-child(2):after {content:'';width:1px;height:8px;background:#878787;position:absolute;right:0;top:2px;} .footer .copyright .fl a:nth-child(3) {display:inline-block;padding-right:13px;margin-right:13px;} .footer .copyright .fl a:nth-child(3):after {content:'';width:1px;height:8px;background:#878787;position:absolute;right:0;top:2px;} .footer .copyright .fl a:nth-child(4) {margin-right:13px;} /*内页banner*/ .ny-banner {position:relative;/*margin-top:60px;*/} .ny-banner .img img{display: block;width:100%;} .ny-banner .img img.pc {display:block;} .ny-banner .img img.m {display:none;} .ny-banner .word {color:#fff;width:535px;position:absolute;left:4%;top:50%;margin-top:-57px;max-width:92%;} .ny-banner .word1{color:#333;} .ny-banner .word h3 {font-size:32px;margin-bottom:30px;} .ny-banner .word p {font-size:16px;line-height:26px;} /*内页导航*/ .ny-nav {width:92%;height:80px;background:#fff;position:absolute;bottom:0;left:4%;border-bottom:1px solid #ededed;box-sizing:border-box;padding:0 4.5%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .ny-nav .fl a {display:inline-block;padding:0 10px;height:80px;line-height:80px;position:relative;color:#333333;margin-right:60px;} .ny-nav .fl a:before {content:'';width:0%;height:2px;background:#179063;position:absolute;left:0;bottom:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .ny-nav .fl p{display: inline-block;height:80px;position: relative;line-height: 80px;padding-left: 24px;font-size:16px;color:#333;margin-right: 60px} .ny-nav .fl p span{color:#178E63;} .ny-nav .fl p:nth-child(1):before{content: '';display: block;width:20px;height:20px;position:absolute;left:0;top:50%;margin-top:-10px;background:url(../images/partner-show1.png) no-repeat;} .ny-nav .fl p:nth-child(2):before{content: '';display: block;width:20px;height:20px;position:absolute;left:0;top:50%;margin-top:-10px;background:url(../images/partner-show2.png) no-repeat;} .ny-nav .fl p:nth-child(1):after{content: '';display: block;width: 1px;height:18px;background:#d9d9d9;position:absolute;top:50%;margin-top:-9px;right:-30px;} .ny-nav .fr a {display:block;width:150px;height:38px;background:#179063;border-radius:30px;text-align:center;font-size:14px;color:#fff;line-height:38px;margin-top:21px;} .ny-nav .fr a i {display:inline-block;width:11px;height:11px;background:url(../images/back_icon.png) no-repeat;margin-right:3px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .ny-nav.ff{position:fixed;top:60px;left:0;z-index:5;padding:0 8.5%;width:100%;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);height:60px;} .ny-nav.ff .fl a{height:60px;line-height: 60px;} .ny-nav.ff .fr a{margin-top:17px;height: 30px;width:120px;line-height: 30px;font-size:14px;} .ny-nav.ff .fl p{display: inline-block;height:60px;position: relative;line-height: 60px;padding-left: 24px;font-size:16px;color:#333;margin-right: 60px} .ny-nav.ff .fl p span{color:#178E63;} /*企业概况*/ .a-part1 {} .a-part1 .left {float:left;width:45%;} .a-part1 .left h3 {font-weight:500;color:#333;font-size:32px;margin-bottom:30px;} .a-part1 .left .word {color:#333;font-size:14px;line-height:24px;/* height:160px;overflow-y:auto; */padding-right:10px;} .a-part1 .left .word p {margin-bottom:20px;text-align: justify;} .a-part1 .left .word::-webkit-scrollbar {width:4px;height:1px;} .a-part1 .left .word::-webkit-scrollbar-thumb {background:#179063;} .a-part1 .left .word::-webkit-scrollbar-track {background:#fff;} .a-part1 .right {width:40%;float:right;} .a-part1 .right li {width:32%;float:left;margin-bottom:80px;margin-right:2%;} .a-part1 .right li .mun {height:50px;line-height:50px;color:#4d4d4d;font-size:14px;margin-bottom:14px;} .a-part1 .right li .mun span {color:#ff8a1a;font-size:50px;display:inline-block;font-family:"DIN-M";margin-right:3px;} .a-part1 .right li p {font-size:14px;color:#4D4D4D;line-height:24px;text-align: justify;} .a-part1 .right li:nth-child(4),.a-part1 .right li:nth-child(5) {margin-bottom:0;} .a-part1 .right li:nth-child(3n) {margin-right:0;} /*发展历程*/ .a-part2 {width:100%;background:url(../images/a-part2-bg.jpg) no-repeat #fbfbfb;background-position:bottom;position:relative;} .a-part2 .top {position:relative;} .a-part2 .top h3 {font-weight:500;color:#333;font-size:32px;width:10%;float:left;} .a-part2 .a-part2-b {width:70%;float:right;margin-right:5%;} .a-part2 .a-part2-b .swiper-slide {color:#333;font-size:18px;text-align:center;height:38px;line-height:38px;border-radius:20px;cursor:pointer;} .a-part2 .a-part2-prev {position:absolute;left:20%;top:0%;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part2 .a-part2-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-4px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part2 .a-part2-next {position:absolute;right:0%;top:0%;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part2 .a-part2-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-4px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part2 .a-part2-b1 {margin-top:60px;padding:50px 0;position:relative;} .a-part2 .a-part2-b1:before {content:'';display:block;width:1px;height:100%;background:#e8e8e8;position:absolute;top:0;left:13%;} .a-part2 .a-part2-b1 .left {float:left;width:10%;color:#4d4d4d;font-size:14px;height:50px;line-height:50px;} .a-part2 .a-part2-b1 .left span {color:#178e63;display:inline-block;font-size:50px;margin-right:3px;font-family:"DIN-M";} .a-part2 .a-part2-b1 .right {width:80%;float:right;color:#333;font-size:16px;line-height:42px;} .a-part2 .a-part2-b1-p {display:none;bottom:0;left:0;width:100%;text-align:center;position:absolute;z-index:5;} .a-part2 .a-part2-b1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:23px;width:16px;height:16px;position:relative;} .a-part2 .a-part2-b1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .a-part2 .a-part2-b1-p .swiper-pagination-bullet-active:before {background:#179063;} .a-part2 .a-part2-b1-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*荣誉资质*/ .a-part3 {} .a-part3 .tit {} .a-part3 .tit h3 {font-weight:500;color:#333;font-size:32px;margin-bottom:30px;} .a-part3 .tit p {font-size:18px;line-height:42px;width:900px;max-width:100%;text-align: justify;} .a-part3 .tit p span {color:#179063;display:inline-block;font-size:26px;margin-right:3px;font-family:"BEBAS";} .a-part3 .a-part3-b {width:70%;text-align:left;margin:50px 0;} .a-part3 .a-part3-b .swiper-slide {color:#333;font-size:18px;text-align:center;height:38px;line-height:38px;border-radius:20px;cursor:pointer;} .a-part3 .a-part3-b .swiper-slide-active {color:#fff;background:#179063;} .a-part3 .a-part3-b1 {position:relative;padding-bottom:60px;} .a-part3 .a-part3-b1 .swiper-slide .img {background:#f5f5f5;text-align:center;padding:50px 0;} .a-part3 .a-part3-b1 .swiper-slide .img img {width:242px;max-width:90%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part3 .a-part3-b1 .swiper-slide p {color:#333;font-size:16px;line-height:26px;height:78px;overflow:hidden;text-align:center;margin-top:22px;} .a-part3 .a-part3-prev {position:absolute;left:4%;top:50%;margin-top:-80px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part3 .a-part3-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-6px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part3 .a-part3-next {position:absolute;right:4%;top:50%;margin-top:-80px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part3 .a-part3-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .a-part3 .a-part3-p {bottom:0;left:0;width:100%;text-align:center;position:absolute;z-index:5;} .a-part3 .a-part3-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:23px;width:16px;height:16px;position:relative;} .a-part3 .a-part3-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .a-part3 .a-part3-p .swiper-pagination-bullet-active:before {background:#179063;} .a-part3 .a-part3-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*企业文化*/ .a-part4 {width:100%;background:url(../images/a-part4-bg.jpg) no-repeat;background-size:cover;background-position:center;position:relative;} .a-part4 ul {margin-left:8.5%;width:700px;} .a-part4 ul li {float:left;width:310px;margin-right:80px;margin-bottom:45px;} .a-part4 ul li h3 {color:#178e63;font-size:26px;margin-bottom:15px;font-weight:500;} .a-part4 ul li p {color:#333;font-size:18px;line-height:28px;height:56px;} .a-part4 ul li:nth-child(2n) {margin-right:0;} .c-flex {display: flex;flex-wrap: wrap;align-items: center;} .a-part6{width: 100%;background-color: #F9F9F9;margin-bottom: 120px;} .a-part6 .tit{padding-top:56px;} .a-part6 .tit h3{font-weight:500;color:#333;font-size:32px;margin-bottom:46px;} .a-part6-b{width:73%;margin-left: 0;} .a-part6-b .swiper-slide{width: 100%; background-color: #F9F9F9;} .a-part6-b .col-left{width: 490px;overflow: hidden;float:left;} .a-part6-b .col-left img{display: block;width: 100%;} .a-part6-b .col-right{width: calc(100% - 577px);margin-left:87px;padding:45px 0;float:right;} .a-part6-b .col-right .tit1{line-height: 28px;margin-bottom: 17px;} .a-part6-b .col-right .tit1 h3{font-size:28px;font-weight: 500;color:#333;display: inline-block;} .a-part6-b .col-right .tit1 p{font-size:14px;color:#808080;display: inline-block;} .a-part6-b .col-right .tit2{color:#333333;font-size:14px;position: relative;padding-bottom: 30px;} .a-part6-b .col-right .tit2::after{content: '';display: block;width:100%;height:1px;background-color: #C9C9C9;position: absolute;bottom:0;} .a-part6-b .col-right .ms{margin-top:30px;color:#333;font-size:14px;line-height: 24px;} .a-part6-b .a-part6-b-p{position: absolute;left: 577px;color: #000000;text-align: left;font-size:16px;bottom: 30px;} .a-part6-b .a-part6-b-p .swiper-pagination-current{font-size:26px;color:#178E63;} .a-part6-b1{width:calc(27% - 100px);height:780px;padding-right: 33px;overflow-y: auto;} .a-part6-b1 li{padding:30px 0;border-bottom: 1px solid #D1D1D1;height:auto;background-color: #EDEDED;cursor: pointer;} .a-part6-b1 li .img{margin:0 auto;border-radius: 50%;overflow: hidden;width:160px;height:160px;} .a-part6-b1 li .img img{display: block;width: 100%;} .a-part6-b1 li .word{text-align: center;margin-top:17px;} .a-part6-b1 li .word h3{font-weight: 500;font-size:18px;color:#333;} .a-part6-b1 li .word p{font-size:14px;color:#808080;margin-top:8px;} .a-part6-b1 li.active{background-color: #178E63;} .a-part6-b1 li.active .word h3{color:#fff;} .a-part6-b1 li.active .word p{color:#fff;} .zl-scrollBarBox{ height:70%!important; position:absolute; background:#ddd; top:15%!important; width:8px!important; border-radius: 4px!important; } .zl-scrollBar{ position:absolute; left:0; top:0; background:#969696; transition:background 0.3s; width: 8px!important; border-radius: 4px!important; } .zl-scrollBar.zl-verticalBar{ min-height:10px; } .zl-scrollBar.zl-horizontalBar{ min-width:10px; } .zl-scrollBar:hover{ background:#000; } .zl-scrollContentDiv{ position:relative !important; width:100% !important; height:100% !important; padding:0 !important; margin:0 !important; top:0; left:0; } .a-part5x .pd100{padding-top: 0!important;} .a-part5x .tit h3{ font-weight: 500; color: #333; font-size: 32px; margin-bottom: 30px; } .a-part5x .conx{width: 100%;display: flex;} .a-part5x .conx>div{width: 50%;} .a-part5x .conx .left{border-right:1px solid #70707020;} .a-part5x .conx .left .item{display: flex;align-items: start;margin-bottom:1.3vw;font-size:16px;} .a-part5x .conx .left .item .icon{width: 2.35vw;margin-right: 2.1vw;} .a-part5x .conx .left .item .txt{padding: 0.5vw 0;color: #000;line-height: 1.2;} .a-part5x .conx .right{display: flex;align-items: center;justify-content: center;text-align:center;color:#000000;font-size:16px;} .a-part5x .conx .right .pic{display: block;width: 13vw;margin-bottom:14px;} /*联系我们*/ .c-part1 {position:relative;} .c-part1 .left {float:left;width:50%;position:relative;} .c-part1 .left .word {padding-left:100px;position:relative;box-sizing:border-box;width:340px;margin:0 auto;} .c-part1 .left .word:before {content:'';width:70px;height:70px;background:url(../images/contact-tel.png) no-repeat;position:absolute;left:0;top:0;} .c-part1 .left .word h3 {font-size:18px;color:#666;margin-bottom:10px;} .c-part1 .left .word h4 {font-size:40px;color:#333;font-family:"TIMES";margin-bottom:20px;} .c-part1 .left .word h5 {font-size:20px;color:#333;font-weight:bold;margin-bottom:8px;} .c-part1 .left .word p {font-size:14px;line-height:24px;color:#666;margin-bottom:24px;} .c-part1 .left .word a.go {display:block;width:96px;height:30px;text-align:center;line-height:30px;color:#fff;background:#178E63;border-radius:30px;} .c-part1 .right {width:50%;float:right;text-align:center;padding:35px 0;position:relative;} .c-part1 .right:before {content:'';width:1px;height:100%;background:#efefef;position:absolute;left:0;top:0;} .c-part1 .right p {width:136px;text-align:center;display:inline-block;font-size:16px;font-weight:bold;margin-right:50px;} .c-part1 .right p:last-child {margin-right:0;} .c-part2 {width:100%;position:relative;background:#f9f9f9;} .c-part2 .w-83{padding:80px 0 50px;} .c-part2 .left{float:left;} .c-part2 .left h3{font-size:32px;color:#333;font-weight:400;} .c-part2 .right{width:83%;float:right;} .c-part2 .right dl{position:relative;padding-left: 80px;} .c-part2 .right dl dt{font-size:16px;color:#0F9467;font-weight: 400;height:36px;line-height: 36px;position:absolute;left:0;top:0;} .c-part2 .right dl dd{margin-bottom:30px;border-radius: 30px;margin-right:20px;font-size:14px;color:#333;height:36px;line-height: 36px;padding:0 20px;cursor: pointer;float:left;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /*地图*/ .BMapLib_SearchInfoWindow .BMapLib_bubble_top,.BMapLib_nav{display: none;} .BMapLib_SearchInfoWindow{border:none!important;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);} .BMapLib_SearchInfoWindow .BMapLib_bubble_content{padding:20px 30px!important;} .BMapLib_SearchInfoWindow .ms h3{color:#333;font-size:18px;margin-bottom: 10px;} .BMapLib_SearchInfoWindow .ms p{color:#666;font-size:14px;margin-bottom: 8px;/* height:14px; */overflow: hidden;line-height: 24px;/* height:48px; */} .BMapLib_SearchInfoWindow .ms span{display: block;padding-left: 16px;font-size:16px;color:#333;position:relative;margin-bottom: 10px;} .BMapLib_SearchInfoWindow .ms span:before{content: '';display: block;width: 9px;height:14px;background:url(../images/contact-tel1.png) no-repeat;position:absolute;top:2px;left:0;font-family: '微软雅黑';} .BMapLib_SearchInfoWindow .ms a{color:#fff;display:block;width:88px;height:27px;background:#0F9467;border-radius: 15px;text-align: center;line-height: 27px;font-size:14px;} /*人才理念*/ .j-part1{} .j-part1 .jobs11{padding-top:50px;} .j-part1 li{padding-bottom:40px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;float:left;position:relative;width:28%;border:1px solid #f4f4f4;border-radius: 30px;padding-bottom: 45px;margin-right:7%;} .j-part1 li:last-child{margin-right: 0;} .j-part1 li .img{position:relative;top:-20px;left:13%;width:90%;} .j-part1 li .img img{width:100%;} .j-part1 li .img span{display: block;font-size:32px;color:#28AB84;width:60px;height:60px;text-align: center;line-height: 60px;border-radius: 15px;background:#fff;position: absolute;left:-20px;bottom:-20px;box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 13%);} .j-part1 li .ms{margin-top:33px;padding:0 40px;} .j-part1 li .ms h3{transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;font-size:22px;color:#333;font-weight: bold;margin-bottom: 24px;} .j-part1 li .ms p{ transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;color:#666;font-size:14px;line-height: 24px;height:120px;position:relative;overflow: hidden;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;text-align: justify;} .j-part1 li:after{content: '';display: block;width:40px;height:2px;background:#178e63;position:absolute;bottom:20px;left:40px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /*人才招聘*/ .j-part2{width:100%;background:url(../images/j-part2-bg.jpg) no-repeat;background-size:cover;background-position: center;text-align: center;color:#fff;} .j-part2 h3{font-size:32px;font-weight: 500;margin-bottom: 15px;} .j-part2 p{font-size:20px;line-height: 30px;width:660px;max-width: 100%;margin:0 auto;} .j-part2 img{margin-top:65px;} .j-part2 span{display: block;font-size:16px;margin-top:20px;} /*人才培养*/ .j-part3{} .j-part3 .j-part3-main{margin-top:60px;position: relative;} .j-part3 .j-part3-main .left{width:40%;float:left;margin-left:8.5%;padding-top:72px;} .j-part3 .j-part3-main .left dl{padding-bottom: 65px;border-bottom: 1px solid #f7f7f7;margin-bottom: 65px;} .j-part3 .j-part3-main .left dt{font-size:32px;font-weight: bold;color:#333;margin-bottom: 30px;} .j-part3 .j-part3-main .left dd{color:#333;font-size:14px;line-height: 24px;} .j-part3 .j-part3-main .left dd p{text-align: justify;} .j-part3 .j-part3-main .left dl:nth-child(2){border:none;} .j-part3 .j-part3-main .right{width:45%;float:right;padding:35px 0 80px 35px;background:#F4F4F4;position:relative;} .j-part3 .j-part3-main .right .swiper-slide{background:#fff;padding:35px;width:70%;margin-right:20px;} .j-part3 .j-part3-main .right .swiper-slide .img{width:100%;overflow: hidden;} .j-part3 .j-part3-main .right .swiper-slide .img img{width:100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .j-part3 .j-part3-main .right .swiper-slide .word{padding:15px 24px;margin-bottom: 10px;} .j-part3 .j-part3-main .right .swiper-slide .word h3{font-size:22px;line-height: 22px;color:#333;margin-bottom: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .j-part3 .j-part3-main .right .swiper-slide .word p{font-size:14px;line-height: 24px;color:#666;height:48px;overflow: hidden;} .j-part3 .j-part3-main .right .swiper-slide span.more{transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;display: block;width:152px;height:38px;color:#333;text-align: center;font-size:14px;line-height: 38px;border:1px solid #f4f4f4;border-radius: 30px;margin-left:24px;} .j-part3 .j-part3-main .right .j-part3-p {position:absolute;bottom:30px;left:35px;z-index:5;} .j-part3 .j-part3-main .right .j-part3-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:23px;width:16px;height:16px;position:relative;} .j-part3 .j-part3-main .right .j-part3-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#888;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .j-part3 .j-part3-main .right .j-part3-p .swiper-pagination-bullet-active:before {background:#179063;} .j-part3 .j-part3-main .right .j-part3-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*可持续发展*/ .d-part1{} .d-part1 .left{width:43.75%;float:left;} .d-part1 .left .img{position:relative;width:100%;height:761px;overflow: hidden;} .d-part1 .left .img img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .d-part1 .right{width:43%;float:right;padding-top:37px;margin-right:6%;} .d-part1 .right h3{font-size : 32px;color : #333333;margin-bottom: 80px;} .d-part1 .right p.p1{font-size : 20px;color : #333333;margin-bottom: 24px;font-weight: 400;} .d-part1 .right p.p2{font-size : 14px;line-height : 24px;color : #333333;margin-bottom: 45px;text-align: justify;} .d-part1 .right ul{margin-top:100px;} .d-part1 .right ul li{float:left;width:30%;text-align: center;margin-right:5%;cursor: pointer;transition:all .3s linear;} .d-part1 .right ul li:nth-child(3n){margin-right: 0;} .d-part1 .right ul li h4{font-size : 18px;color : #333333;font-weight: 400;margin-top: 15px;} .d-part1 .right ul li p{font-size : 14px;line-height : 22px;color : #333333;margin-top: 15px;text-align: left;} /*环境社会管治报告*/ .d-part2{background:#F8F8F8;} .d-part2 ul li{display: none;} .d-part2 ul li:nth-child(1){display: block;} .d-part2 .left{width:58%;float:left;position:relative;height:632px;overflow: hidden;} .d-part2 .left img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .d-part2 .right{background:#178E63;color:#fff;width:42%;float:right;position:relative;padding:100px 70px;height:632px;} .d-part2 .right h3{font-size : 32px;margin-bottom: 30px;} .d-part2 .right p{font-size : 16px;line-height : 26px;} .d-part2 .right .down{position:absolute;bottom:100px;width:calc(100% - 140px);left:70px;} .d-part2 .right .down a.pdf{position:relative;padding-left: 40px;color:#fff;display: block;height:33px;line-height: 33px;} .d-part2 .right .down a.pdf:before{content: '';display: block;width:33px;height:33px;background:url(../images/pdf-icon.png) no-repeat;position:absolute;left:0;top:0;} .d-part2 .bg{position: absolute;right:-20px;bottom:-20px;} .d-part2 select{cursor:pointer;background:none;color:#fff;border:none;position: absolute;right:70px;bottom:100px;height:33px;line-height: 33px;z-index:5;outline: none;font-size:16px; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right: 15px;background: url(../images/downpdf-icon.png) no-repeat;background-position: right center;padding-left:12px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /* .d-part2 select::before{content: '';display: block;width:7px;height:4px;background: url(../images/downpdf-icon.png) no-repeat;position:absolute;right:0;top: 0;} */ .d-part2 select option{color:#333;font-size:14px;height:40px;line-height: 40px;text-align: center;} /*回馈社会*/ .d-part3{position:relative;} .d-part3 .tit{text-align: center;width:61%;margin:0 auto;} .d-part3 .tit h3{font-size:32px;color:#333;margin-bottom: 18px;} .d-part3 .tit p{font-size : 14px;line-height : 24px;color : #666666;text-align-last: justify;text-align: justify;width:860px;margin:0 auto;} .d-part3 .d-part3-b{margin-top:18px;padding: 5px;} .d-part3 .d-part3-b .swiper-slide{} .d-part3 .d-part3-b .swiper-slide .img{width:100%;overflow: hidden;} .d-part3 .d-part3-b .swiper-slide .img img{display: block;width:100%;transition:all .3s linear;} .d-part3 .d-part3-b .swiper-slide .word{padding: 40px;background:#F8F8F8;transition:all .3s linear;} .d-part3 .d-part3-b .swiper-slide .word h3{font-size : 24px;line-height : 24px;color : #333333;margin-bottom: 18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .d-part3 .d-part3-b .swiper-slide .word p{font-size : 14px;line-height : 24px;color : #666666;height:48px;overflow: hidden;text-align: justify;} .d-part3 .d-part3-prev {position:absolute;left:4%;top:50%;margin-top:20px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .d-part3 .d-part3-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-6px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .d-part3 .d-part3-next {position:absolute;right:4%;top:50%;margin-top:20px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .d-part3 .d-part3-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .d-part3 .d-part3-p {bottom:0;left:0;width:100%;text-align:center;position:absolute;z-index:5;display: none;} .d-part3 .d-part3-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:23px;width:16px;height:16px;position:relative;} .d-part3 .d-part3-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .d-part3 .d-part3-p .swiper-pagination-bullet-active:before {background:#179063;} .d-part3 .d-part3-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*嘉许*/ .d-part4{width:100%;background:#f8f8f8;} .d-part4 .d-part4-b{width:47.5%;float:left;} .d-part4 .d-part4-b .img{width:100%;overflow: hidden;} .d-part4 .d-part4-b .img img{display: block;width:100%;transition:all .3s linear;} .d-part4 .d-part4-b .d-part4-p {position:absolute;bottom:24px;left:0;z-index:5;width:100%;text-align:right;} .d-part4 .d-part4-b .d-part4-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .d-part4 .d-part4-b .d-part4-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .d-part4 .d-part4-b .d-part4-p .swiper-pagination-bullet-active:before {background:#fff;} .d-part4 .d-part4-b .d-part4-p .swiper-pagination-bullet-active {border:2px solid #fff;border-radius:50%;} .d-part4 .right{float:right;width:40%;padding-top:45px;margin-right: 7%} .d-part4 .right h4{font-size : 32px;color : #333333;margin-bottom: 50px;} .d-part4 .right p.p1{font-size : 20px;color : #333333;margin-bottom: 12px;} .d-part4 .right p.p2{font-size : 14px;line-height : 24px;color : #333333;margin-bottom: 100px;text-align: justify;} /*媒体中心*/ .n-part1{} .n-part1-b{padding-bottom: 50px;} .n-part1-b .img{width:52%;float:left;position: relative;z-index:2;height:528px;overflow: hidden;} .n-part1-b .img img{display: block;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;transition: all .3s linear;-moz-transition: all .3s linear; -webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;} .n-part1-b .word {width:52%;position:absolute;right:0;top:50px;background:#178E63;padding:4% 8%;height:528px;box-sizing: border-box;} .n-part1-b .word .time {font-family:"DIN-P-M";font-size:28px;color:#fff;margin-bottom:24px;} .n-part1-b .word .time span {display:inline-block;color:#fff;font-size:14px;} .n-part1-b .word .tit {color:#fff;font-size:22px;line-height:32px;height:64px;margin-bottom:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .n-part1-b .word p {color:#fff;font-size:14px;line-height:22px;height:44px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .n-part1-b span.more {position:absolute;left:15.3%;bottom:12%;display:block;width:152px;height:38px;background:#fff;font-size:14px;color:#178E63;text-align:center;line-height:38px;border-radius:30px;} .n-part1-b span.more i {position:relative;top:1px;display:inline-block;width:6px;height:12px;background:url(../images/more-icon2.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .n-part1-b .n-part1-p {position:absolute;bottom:33%;left:56%;z-index:5;} .n-part1-b .n-part1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .n-part1-b .n-part1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .n-part1-b .n-part1-p .swiper-pagination-bullet-active:before {background:#fff;} .n-part1-b .n-part1-p .swiper-pagination-bullet-active {border:2px solid #fff;border-radius:50%;} /*媒体中心2*/ .n-part2{background:#f8f8f8;} .n-part2 ul{display:flex;flex-wrap:wrap;} .n-part2 ul li{width:32%;margin-right: 2%;margin-bottom:50px;position:relative;transition: all .3s linear;-moz-transition: all .3s linear; -webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;} .n-part2 ul li:after{content: '';width:0%;height:2px;background:#178E63;position:absolute;left:0;bottom:0;transition: all .3s linear;-moz-transition: all .3s linear; -webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;} .n-part2 ul li:nth-child(3n){margin-right: 0;} .n-part2 ul li .img{position: relative;z-index:2;overflow: hidden;width:100%;max-height: 320px;} .n-part2 ul li .img img{display: block;width:100%;transition: all .3s linear;-moz-transition: all .3s linear; -webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;} .n-part2 ul li .word {padding:40px 30px;} .n-part2 ul li .word .time {font-family:"DIN-P-M";font-size:28px;color:#178E63;margin-bottom:24px;} .n-part2 ul li .word .time span {display:inline-block;color:#808080;font-size:14px;} .n-part2 ul li .word .tit {color:#333333;font-size:22px;line-height:32px;height:64px;margin-bottom:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .n-part2 ul li .word p {color:#666;font-size:14px;line-height:22px;height:44px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} /*分页*/ .fy{text-align: center;} .fy a{display: inline-block;color:#808080;height:33px;line-height: 33px;padding:0 7px;margin-right: 5px;border-radius: 5px;} .fy a.prev{width:6px;height:10px;background:url(../images/fy-prev1.png) no-repeat;} .fy a.next{width:6px;height:10px;background:url(../images/fy-next1.png) no-repeat;margin-left: 5px;} /*新闻详细*/ .news-show{margin-top:110px;max-width: 900px;} .news-show .tit{text-align: center;font-size : 32px;color:#333;line-height: 40px;margin-bottom: 30px;} .news-show .time{font-size : 16px;color : #3E3A39;text-align: center;} .news-detailed{margin-top:55px;padding:55px 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;} .news-detailed p{font-size : 14px;line-height : 28px;color : #3E3A39;} .news-detailed img{max-width: 100%;display:block;margin:10px auto;width:900px;} /*分享按钮*/ .fx{text-align: right;margin-top: 40px;} .bshare-custom a {display:inline-block;width:30px!important;height:30px!important;border:1px solid #B7B7B7;border-radius:50%;} .bshare-custom .bshare-weixin {background:url(../images/wx_fx_icon.png) no-repeat!important;} .bshare-custom .bshare-sinaminiblog {background:url(../images/wb_fx_icon.png) no-repeat!important;} .bshare-custom .bshare-qqim {background:url(../images/qq_fx_icon.png) no-repeat!important;} .show_next{padding:50px 0;width:100%;} .show_next p{color:#333333;font-size:14px;line-height: 20px;margin-bottom: 10px;} .show_next a{color:#333333;} .show_next a.back{position:relative;display: block;width:155px;height:40px;background:#179063;color:#ffffff;text-align: center;line-height: 40px;font-size:14px;border-radius: 20px;} .show_next a.back:after{content: '';width:6px;height:12px;background:url(../images/more-icon.png) no-repeat;background-size:100% 100%;position:absolute;right:30px;top:50%;margin-top:-6px;opacity: 0} /*企业视频*/ .v-part1{} .v-part1 .tit{font-size:32px;color:#333;margin-bottom: 40px;} .v-part1 .swiper-slide{cursor: pointer;} .v-part1 .swiper-slide .img{float:left;width:55.75%;height:491px;position:relative;overflow: hidden;} .v-part1 .swiper-slide .img img{display: block;position: absolute;top:50%;left:50%;height:100%;transform: translate(-50%,-50%);transition: all .3s linear;} .v-part1 .swiper-slide .word{float:right;width:44.25%;height:491px;background:#F7F7F7;box-sizing: border-box;padding-top:110px;padding-left: 90px;} .v-part1 .swiper-slide .word h4{font-size:46px;font-weight: lighter;color:#333;margin-bottom: 10px;} .v-part1 .swiper-slide .word h4 span{font-weight: 400;color:#178E63;} .v-part1 .swiper-slide .word h4:nth-child(2){padding-left: 50px} .v-part1 .swiper-slide .word .paly{padding-left: 50px;position:relative;height:46px;line-height: 46px;color:#4D4D4D;font-size:18px;margin-top:50px;} .v-part1 .swiper-slide .word .paly:before{transition: all .3s linear;content: '';display: block;width:46px;height:46px;background:url(../images/play-icon.png) no-repeat;position:absolute;left:0;top:0;} .v-part1 .v-part1-p {position:absolute;bottom:55px;left:calc(55.75% + 90px);z-index:5;} .v-part1 .v-part1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:13px;width:16px;height:16px;position:relative;} .v-part1 .v-part1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .v-part1 .v-part1-p .swiper-pagination-bullet-active:before {background:#179063;} .v-part1 .v-part1-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*品牌资料*/ .v-part2{background:#F7F7F7;} .v-part2 .tit{font-size:32px;color:#333;margin-bottom: 40px;} .v-part2 li{width:49%;margin-right: 2%;float:left;margin-bottom: 20px;} .v-part2 li:nth-child(2n){margin-right: 0;} .v-part2 li .img{width:100%;overflow: hidden;} .v-part2 li .img img{display: block;width:100%;transition: all .3s linear;} .v-part2 li .word{line-height: 28px;width:100%;padding:0 20px;color:#333;transition: all .3s linear;padding:40px 20px;} .v-part2 li .word p{font-size : 28px;display: inline-block;float:left;} .v-part2 li .word span{display: inline-block;float:right;font-size : 18px;} /*伟德国际服务*/ .s-part1{} .s-part1 .tit{margin-bottom: 65px;} .s-part1 .tit h3{font-size:32px;color:#333;float:left;} .s-part1 .tit p{font-size:14px;line-height: 28px;float:right;width:77.85%;height:56px;overflow: hidden;text-align: justify;} .s-part1 .s-part1-b{} .s-part1 .s-part1-b .swiper-slide{width:100%;overflow: hidden;} .s-part1 .s-part1-b .img{width:56%;float:left;height:501px;position:relative;overflow: hidden;} .s-part1 .s-part1-b .img img{display: block;height:100%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);transition: all .3s linear;} .s-part1 .s-part1-b .word{float:right;width:40%;padding-top:50px;} .s-part1 .s-part1-b .word .icon{border:1px solid #ececec;width:110px;height:110px;border-radius: 50%;text-align: center;padding-top:35px;transition: all .3s linear;} .s-part1 .s-part1-b .word h3{font-size : 26px;color:#333;margin:30px 0;} .s-part1 .s-part1-b .word p{font-size : 14px;line-height : 22px;color : #4D4D4D;text-align: justify;} .s-part1 .s-part1-b .s-part1-p {position:absolute;bottom:55px;left:60%;z-index:5;} .s-part1 .s-part1-b .s-part1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:13px;width:16px;height:16px;position:relative;} .s-part1 .s-part1-b .s-part1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .s-part1 .s-part1-b .s-part1-p .swiper-pagination-bullet-active:before {background:#179063;} .s-part1 .s-part1-b .s-part1-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} /*服务版图*/ .s-part2{background:#f7f7f7;} .s-part2 .left{padding:100px 0;float:left;width:28%;} .s-part2 .left .tit{font-size:32px;color:#333;margin-bottom: 55px} .s-part2 .left p{font-size:20px;color:#333;line-height: 40px;} .s-part2 .left p span{font-family:"DIN-M";font-size:40px;color:#FF8A1A;} .s-part2 .left p.xx{font-size:14px;color:#333;margin-top:65%;line-height: 14px;} .s-part2 .right{float:right;width:70%;} .s-part2 .right img{display: block;width:100%;} /*服务特色*/ .s-part3{} .s-part3 .tit{font-size:32px;color:#333;margin-bottom: 85px;} .s-part3 h3{font-size:28px;color:#333;margin-bottom: 20px;} .s-part3 p{font-size : 14px;line-height : 26px;color : #4D4D4D;text-align: justify;} .s-part3 .left{float:left;width:28%;} .s-part3 .right{float:right;width:70%;} .s-part3 .right img{display: block;width:100%;} .s-part3-1{position:relative;} .s-part3-1 .left{float:left;} .s-part3-1 .right{float:right;width:80%;} .s-part3-1 .right h3{font-size:32px;color:#333;margin-bottom: 20px;} .s-part3-1 .right p{font-size:14px;line-height: 28px;/* height:56px; */overflow: hidden;text-align: justify;} .s-part3-1-b{margin-top:50px;} .s-part3-1-b .swiper-slide{} .s-part3-1-b .swiper-slide .img{width:100%;overflow: hidden;} .s-part3-1-b .swiper-slide .img img{display: block;width:100%;transition: all .3s linear;} .s-part3-1-b .swiper-slide p{text-align: center;font-size : 22px;line-height : 32px;color : #333333;padding:24px 0;} .s-part3-1 .s-part3-1-p {position:absolute;bottom:0;left:0;z-index:5;text-align: center;width: 100%;display: none} .s-part3-1 .s-part3-1-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:23px;width:16px;height:16px;position:relative;} .s-part3-1 .s-part3-1-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .s-part3-1 .s-part3-1-p .swiper-pagination-bullet-active:before {background:#179063;} .s-part3-1 .s-part3-1-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} .s-part3-1 .s-part3-1-prev {position:absolute;left:4%;top:50%;margin-top:20px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .s-part3-1 .s-part3-1-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-6px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .s-part3-1 .s-part3-1-next {position:absolute;right:4%;top:50%;margin-top:20px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .s-part3-1 .s-part3-1-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /*合作模式*/ .p-part1{} .p-part1 .tit{font-size:32px;text-align: center;color:#333;margin-bottom: 60px;} .p-part1 ul li{float:left;width:48%;margin-right: 4%;border:1px solid #f4f4f4;padding:30px 40px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;margin-bottom: 38px;position:relative;} .p-part1 ul li:nth-child(2n){margin-right: 0;} .p-part1 ul li:before{content: '';width: 0;height:100%;background:#0F9467;position:absolute;left:0;top:0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;z-index:-1;} .p-part1 ul li:nth-child(3),.p-part1 ul li:nth-child(4){margin-bottom: 0;} .p-part1 ul li .icon img.no{display: block;} .p-part1 ul li .icon img.yes{display: none;} .p-part1 ul li h3{font-size:20px;color:#333;margin:20px 0;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part1 ul li p{text-align: justify;font-size:14px;color:#666;line-height: 22px;height:44px;overflow: hidden;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /*竞争优势*/ .p-part2{background:#f7f7f7;} .p-part2 .tit{text-align: center;width:62.5%;margin:0 auto;} .p-part2 .tit h3{font-size:32px;color:#333;margin-bottom: 15px;} .p-part2 .tit p{font-size:14px;color:#666;line-height: 24px;} .p-part2-1{margin-top:66px;} .p-part2-1 .left{position:relative;overflow: hidden;width:55%;float:left;height:657px;} .p-part2-1 .left .img{width:100%;height:100%;position:relative;overflow: hidden;} .p-part2-1 .left .img img{position:absolute;top:50%;left:50%;height:100%;transform: translate(-50%,-50%);transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part2-1 .right{width:45%;background: #fff;float:right;height:657px;} .p-part2-1 .right ul{width:100%;height:100%;box-sizing: border-box;padding:2.5% 0;} .p-part2-1 .right ul li{position:relative;width:100%;height:20%;padding: 36px 75px;overflow: hidden;cursor: pointer;bottom:0;transition: all .4s linear;} .p-part2-1 .right ul li:before{content: '';width:calc(100% - 70px);height:1px;background:#f4f4f4;position:absolute;left:70px;bottom:0;} .p-part2-1 .right ul li:after{content: '';display: block;width: 100%;height:0;background:#0F9467;position:absolute;left:0;top:0;transition: all .5s linear;z-index:2;} .p-part2-1 .right ul li:last-child:before{display: none;} .p-part2-1 .right ul li h3{font-size : 26px;color:#000;margin-bottom: 15px;position:relative;height:26px;line-height: 26px;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .p-part2-1 .right ul li p{font-size : 18px;color : #808080;position:relative;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .p-part2-1 .right ul li p.yes{display: block;position:relative;} .p-part2-1 .right ul li p.no{display: none;font-size:14px;line-height: 24px;color:#fff;position:relative;height:48px;overflow: hidden;max-width: calc(100% - 200px);overflow-y: auto;} /* 滚动条样式 */ .p-part2-1 .right ul li p.no::-webkit-scrollbar {width:4px;height:1px;} .p-part2-1 .right ul li p.no::-webkit-scrollbar-thumb {background:#ccc;border-radius: 10px;} .p-part2-1 .right ul li p.no::-webkit-scrollbar-track {background:#fff;border-radius: 10px;} .p-part2-1 .right ul li.active span{right:40px;} .p-part2-1 .right ul li span{display: block;font-family:"BEBAS";font-size:110px;position: absolute;right:75px;bottom:-30px;color:#f5f5f5;font-style: italic;} .p-part2-1 .right ul li:nth-child(1) span{font-size:120px;} .p-part2-1 .right ul li.active{padding:30px;width:110%;height:21%!important;left:-5%;top:-1%;background:#0F9467;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);} .p-part2-1 .right ul li.active:before{display: none;} /* .p-part2-1 .right ul li.active:after{height:100%;} */ .p-part2-1 .right ul li.active h3{display: none;} .p-part2-1 .right ul li.active p{color:#fff;} .p-part2-1 .right ul li.active p.yes{font-size:18px;height:18px;line-height:18px; margin-bottom: 15px;max-width: calc(100% - 200px);z-index:3;word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .p-part2-1 .right ul li.active p.no{display: block;z-index:3;} .p-part2-1 .right ul li.active span{color:#fff;bottom:0;top:50%;margin-top:-48px;z-index:3;font-size:80px;} /*合作案例*/ .p-part3{} .p-part3 .tit{text-align: center;width:62.5%;margin:0 auto;} .p-part3 .tit h3{font-size:32px;color:#333;margin-bottom: 15px;} .p-part3 .tit p{font-size:14px;color:#666;line-height: 24px;} .p-part3 .tab{text-align: center;margin-top:40px;margin-bottom:50px;border-bottom: 1px solid #eeeeee;} .p-part3 .tab a{display: inline-block;position:relative;color:#333;font-size:14px;padding-bottom: 10px;margin-right: 100px;} .p-part3 .tab a:last-child{margin-right: 0;} .p-part3 .tab a:before{content: '';display: block;width:0%;height:3px;background:#0F9467;position:absolute;left:-5%;bottom:-2px;transition: all .3s linear;} .p-part3 ul{width:100%;height:537px;} .p-part3 ul li{width:100%;padding:0 7%;position:absolute;top:0;left:0;} .p-part3 ul li .swiper-slide{} .p-part3 ul li .swiper-slide .img{float:left;width:64%;overflow: hidden;position:relative;height:537px;} .p-part3 ul li .swiper-slide .img img{position:absolute;top:50%;left:50%;height:100%;transform: translate(-50%,-50%);transition: all .3s linear;} .p-part3 ul li .swiper-slide .word{float:right;width:36%;background:#178E63;color:#fff;height:537px;padding:8% 4%;position:relative;} .p-part3 ul li .swiper-slide .word h3{font-size:26px;height: 26px;overflow: hidden;margin-bottom: 20px;} .p-part3 ul li .swiper-slide .word p{font-size:14px;line-height: 22px;height:88px;overflow: hidden;text-align: justify;} .p-part3 ul li .swiper-slide span.more {position:absolute;bottom:16%;left:8%;display:block;width:152px;height:38px;background:#fff;font-size:14px;color:#179063;text-align:center;line-height:38px;border-radius:30px;} .p-part3 ul li .swiper-slide span.more i {position:relative;top:1px;display:inline-block;width:6px;height:12px;background:url(../images/more-icon2.png) no-repeat;background-size:100% 100%;margin-left:8px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part3 .p-part3-p {position:absolute;bottom:40px;left:0;z-index:5;text-align: right;width:60%;right:40%;} .p-part3 .p-part3-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .p-part3 .p-part3-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .p-part3 .p-part3-p .swiper-pagination-bullet-active:before {background:#fff;} .p-part3 .p-part3-p .swiper-pagination-bullet-active {border:2px solid #fff;border-radius:50%;} .p-part3 .p-part3-prev {position:absolute;left:0;top:50%;margin-top:-17px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part3 .p-part3-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-6px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part3 .p-part3-next {position:absolute;right:0;top:50%;margin-top:-17px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .p-part3 .p-part3-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-5.5px;left:50%;margin-left:-2px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /*项目详情*/ .partner-show .tit{margin-bottom: 65px;} .partner-show .tit h3{font-size:32px;color:#333;float:left;width:20%;line-height: 40px;} .partner-show .tit p{font-size:16px;line-height: 30px;float:right;width:77.85%;height:90px;/* overflow-y: scroll; */} /* 滚动条样式 */ .partner-show .tit p::-webkit-scrollbar {width:4px;height:1px;} .partner-show .tit p::-webkit-scrollbar-thumb {background:#179063;} .partner-show .tit p::-webkit-scrollbar-track {background:#fff;} .partner-show-b{padding-bottom: 60px;} .partner-show-b .swiper-slide .img{width:100%;overflow: hidden;} .partner-show-b .swiper-slide img{display: block;width:100%;transition: all .3s linear;} .partner-show-p {position:absolute;bottom:0;left:0;z-index:5;width:100%;text-align: center;} .partner-show-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:23px;width:16px;height:16px;position:relative;} .partner-show-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .partner-show-p .swiper-pagination-bullet-active:before {background:#179063;} .partner-show-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} .partner-show-prev {z-index:5;position:absolute;left:2%;top:50%;margin-top:-17px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .partner-show-prev:before {content:'';display:block;width:8px;height:11px;background:url(../images/prev1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-4px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .partner-show-next {z-index:5;position:absolute;right:2%;top:50%;margin-top:-17px;width:35px;height:35px;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-block;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} .partner-show-next:before {content:'';display:block;width:8px;height:11px;background:url(../images/next1-icon1.png) no-repeat;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-4px;transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;} /*网站地图*/ .article-page01 { /*margin-top:80px;*/ background-color: #f9f9f9; padding: 32px 0 80px } .article-page01 .wrap { padding: 50px 64px 80px; background-color: #fff } .article-page01 .title1 { font-weight: 700; color: #000; margin-bottom: 30px; font-size:20px; } .editor-detail h5 { font-size: 16px; font-weight: 500; color: #000 } .article-page01 .content h5 { font-weight: 700 } .article-page01 dl{margin-bottom: 40px;border:1px solid #ccc;} .article-page01 dl dt{background:#f8f8f8;height:40px;line-height: 40px;padding-left: 20px;} .article-page01 dl dt a{color:#333;font-size:16px;} .article-page01 dl dd{padding:20px;display: inline-block;margin-right:20px;} .article-page01 dl dd a{font-size:14px;color:#666;} @media only screen and (max-width:960px) { .a-part6{ margin-bottom: 30px; } .article-page01 { padding: 0; margin-top:70px; } .article-page01 .wrap { width: 100%; padding: 40px 3% 0 } .article-page01 .title { margin-bottom: 20px } } .editor-detail { color: rgba(0, 0, 0, .65); font-size: 15px; line-height: 2; text-align: justify; text-justify: inter-ideograph } .editor-detail strong{font-weight: bold!important;} .editor-detail strong span{font-weight: bold;color:#000;} /*搜索*/ .search-one {padding:68px 0;margin-top:80px;} .search1 {width:1280px;margin:0 auto;padding-bottom:100px;} .search1 .search-one .search-one-box {margin:0 auto;width:770px;height:50px;position:relative;} .search1 .search-one .search-one-box input {outline:none;border:none;background:#ffffff;display:block;width:100%;height:50px;padding-left:26px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;color:#808080;padding-right:55px;border:1px solid #00000012;} .search1 .search-one .search-one-box .search-btn {position:absolute;top:0;right:0;width:50px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;} .search1 .search-one .search-one-box button {border:none;outline: none; display:block;width:20px;height:20px;background:url(../images/search.png) no-repeat center/100% 100%;z-index:11;} .search1 .lists {margin-bottom:100px;} .search1 .lists .noresult {text-align:center;} .search1 .products_list{padding-top:0;} .page-aside { position: fixed; right: -6px; bottom: 8%; transform: translateX(100%); z-index: 6; opacity: 0; transition: transform .3s, opacity .3s } .page-aside.show { transform: translateX(0); opacity: 1 } .page-aside .img { max-width: 100% } .page-aside-item { width: 54px; text-align: center; height: 50px; position: relative; z-index: 1; cursor: pointer; display: block; background-color: #0F9467; margin: 4px 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding-right: 6px; transition: transform .3s; display: flex; align-items: center; justify-content: center } .page-aside-item .icon { width: 24px } .page-aside-item .iconfont { font-size: 24px; line-height: 50px; color: #fff } .page-aside-item.sign .c-dropdown { width: 160px; font-size: 13px } .page-aside-item.sign .c-dropdown-main { padding: 20px 16px 30px } .page-aside-item.sign .c-btn { margin-top: 12px } .page-aside-item.ewm .c-dropdown { width: 190px } .page-aside-item.tel .c-dropdown { font-size: 18px; font-family: DINPro, Arial, Helvetica, sans-serif; white-space: nowrap } .page-aside-item.tel .c-dropdown-main { padding: 4px 16px } @media only screen and (min-width:961px) { .page-aside-item:hover { transform: translateX(-6px) } } @media only screen and (max-width:960px) { .page-aside { right: 0; bottom: 50px; transform: translateY(0); display: none } .page-aside-item.mOn .iconfont { color: #e62111 } } .c-dropdown { position: absolute; z-index: 0; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; padding: 10px; } .c-dropdown-placement-leftCenter { left: 0; padding: 20px; top: 50%; transform: translate(-100%, -50%); } .c-dropdown-wrap:hover .c-dropdown { opacity: 1; visibility: visible; } .page-aside-item.tel .c-dropdown { font-size: 18px; font-family: DINPro, Arial, Helvetica, sans-serif; white-space: nowrap; } .c-dropdown:after, .c-dropdown:before { content: ""; position: absolute; z-index: 1; width: 0; height: 0; } .c-dropdown-placement-leftCenter:after, .c-dropdown-placement-leftCenter:before { right: 12px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #ebeef5; } .c-dropdown-placement-leftCenter:after, .c-dropdown-placement-leftCenter:before { top: 50%; margin-top: -6px; } .c-dropdown-main { border: 1px solid #ebeef5; z-index: 0; box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); } .c-dropdown-main, .c-dropdown-menu { background-color: #fff; position: relative; } .page-aside-item.tel .c-dropdown-main { padding: 4px 16px; } .c-dropdown-placement-leftCenter:after { right: 14px; border-left: 7px solid #fff; } .c-dropdown-placement-leftCenter:after, .c-dropdown-placement-leftCenter:before { top: 50%; margin-top: -6px; } .c-dropdown-placement-leftTop { left: 0; padding: 20px; top: -20px; transform: translateX(-100%); } /*适配*/ @media (max-width:1915px) { .footer .right dl {margin-right:7%;} } @media (max-width:1755px) { .footer .left p.tel {font-size:30px;} } @media (max-width:1750px) { .header .nav ul li {margin-right:30px;} } @media (max-width:1680px) {} @media (max-width:1615px) { .footer .right dl {margin-right:6.4%;} .header .nav {margin-right:320px;} } @media (max-width:1495px) { .s-part2 .left p{font-size:18px;} .footer .right dl{margin-right:6%;} } @media (max-width:1485px) { .header .h-right {width:240px;} .header .nav {margin-right:300px;} /* .header.fix .nav {margin-right:4%;} */ .header .h-right .lang-tc{left:0;} .i-part2 .i-part2-2 ul li h4{font-size:16px;} } @media (max-width:1480px) { /* .header .logo p {display:none;} */ /* .header .h-right{display: none;} */ .header .nav ul li:nth-child(5) dl{left:-180px;} .header .nav ul li:nth-child(6) dl{left:-120px;} .header .nav ul li:nth-child(7) dl,.header .nav ul li:nth-child(8) dl{left:-100px;} .header .nav ul li{margin-right:20px;} /* .header .nav{margin-right:4%;} */ .i-part1 .title{margin-bottom: 10px;} .i-part3 ul{margin-top:20px;} .i-part3 .title {width:300px;} .title h3,.a-part3 .tit h3,.a-part1 .left h3,.a-part2 .top h3 ,.a-part5x .tit h3{font-size:24px;margin-bottom:15px;} .a-part5x .conx .left .item{font-size: 14px;} .a-part5x .conx .right{font-size: 14px;} .title p {font-size:14px;} .a-part3 .tit p {font-size:14px;line-height:30px;} .a-part2 .a-part2-b .swiper-slide,.a-part3 .a-part3-b .swiper-slide {font-size:14px;} .a-part4 ul li h3 {font-size:20px;} .a-part4 ul li p {font-size:16px;} .a-part3 .a-part3-b1 .swiper-slide p {font-size:14px;} .a-part3 .tit p span {font-size:20px;} .i-part2 .i-part2-1 h3 {font-size:24px;} .i-part1 .left .word .tit {font-size:18px;} .i-part2 .i-part2-3 p span {font-size:20px;} .a-part1 .right li:nth-child(4){width:48%;margin-right:4%;} .a-part1 .right li:nth-child(5) {width:48%;margin-right:0;} .a-part1 .left .word p{margin-bottom: 10px;} .a-part2 .a-part2-b1 .right {font-size:14px;line-height:30px;} .p-part2-1 .right ul li p{font-size:14px;} .p-part2-1 .right ul li{padding:4% 5%;} .p-part1 ul li{padding:15px 20px;} .d-part1 .right h3{margin-bottom: 60px;} .d-part4 .right p.p2{margin-bottom: 30px;} .d-part4 .right{padding-top:10px;} .d-part4 .right h4{margin-bottom: 30px;} .d-part1 .right{padding-top:20px;} .a-part2 .a-part2-b1 .left span{font-size:40px;} .s-part3-1 .right{width:70%;} .d-part2 .left img{transform: translate(-60%,-50%);} .d-part2 .left:hover img{transform: scale(1.05) translate(-60%,-50%)!important;} .i-part2 .i-part2-2 ul{margin-top:24px;} .index-banner .swiper-slide .word{margin-top:-49px;} .index-banner .swiper-slide .word p{font-size:30px;line-height: 30px;} .index-banner .swiper-slide .word span{font-size:16px;line-height: 24px;} .i-part2 .i-part2-3 p{font-size:14px;} .i-part2 .i-part2-3 .img{margin-top:45px;} .i-part1 .left .img img{height:auto;width:100%;} .i-part1 .right .swiper-slide .img img{height:auto;width:110%;} .s-part1 .s-part1-b .img img{height:auto;width:100%;} .n-part1-b .img img{height:auto;width:100%;} .n-part1-b .word{top:150px;} .n-part1-b span.more{bottom:30%;} .n-part1-b .n-part1-p{bottom:25%;} .pd100{padding:70px 0;} .i-part3 .tab {top:50px;} .p-part1 ul li p{height:66px;} .s-part1 .tit p{height:84px;} .j-part1 li .ms p{height:192px;-webkit-line-clamp: 8;} .a-part6-b{width:82%;} .a-part6-b1{width: calc(18% - 20px);padding-right: 30px!important;} .a-part6-b .col-left{width:400px;} .a-part6-b .col-right{margin-left: 37px;width: calc(100% - 437px);} .a-part6-b1{height:660px;} .a-part6-b1 li .img{height:60px;width:60px;} .a-part6-b .a-part6-b-p{left:437px;} .a-part6-b1 li{padding: 20px 0;} .a-part6-b1 li .word h3{font-size:14px;} .a-part6-b1 li .word p{font-size:12px;} .n-part2 ul li .img{max-height: 240px;} } @media (max-width:1479px) { .footer .right dl {margin-right:6%;} .s-part2 .left p{font-size:18px;} } @media (max-width:1465px) { .footer .left p.tel {font-size:24px;} } @media (max-width:1425px) { /*.header .nav ul li {margin-right:10px;}*/ } @media (max-width:1440px) { .footer .right dl{margin-right:6%;} .p-part2-1 .right ul li.active{ padding:4%; } .p-part2-1 .right ul li.active p.yes{ font-size:16px; height:16px; line-height: 16px; max-width: calc(100% - 110px); } .p-part2-1 .right ul li p.no{ max-width: calc(100% - 110px); } } @media (max-width:1424px) { } @media (max-width:1400px) { .header .nav{margin-right:260px;} } @media (max-width:1395px) { .footer .right dl {margin-right:5%;} } @media (max-width:1366px) { .i-part2 .i-part2-2 ul li{padding:20px;} .i-part2 .bg1 img{width:160px;} .i-part2 .i-part2-1{width:21.2%;margin-left:2%;} .s-part2 .left p span{font-size:24px;} .d-part4 .right p.p1{font-size:18px;} .d-part4 .right p.p2{margin-bottom:20px;} .header{padding-left:2%;} .header .h-right{width:220px;} .header .h-right a.lang{margin-right:20px;} .header .nav{margin-right:240px;} .header .h-right a.search{margin-right:20px;} .header .h-right .tel-tc p::before{left:20px;} .header .logo{height:26px;} .header .logo a.img{width: 140px;height:26px;background-size: 100% 100%!important;position: relative;top: -5px;} .header .logo a.img1{width: 140px;height:26px;background-size: 100% 100%!important;position: relative;top: -5px;} } @media (max-width:1320px) { .header{padding-left:1%;} .header .nav{margin-right:200px;} .header .h-right{width:180px;} .header .h-right a.lang{margin-right:10px;} } @media (max-width:1280px) { .i-part2 .i-part2-2 ul li h4{font-size:14px;} /* .i-part1 .right .swiper-slide .img img{transform: translate(-33.3%,-50%);} */ /* .header .nav {margin-right:240px;} */ /* .header .h-right {width:200px;} */ .header .nav ul li{margin-right:10px;} /* .header .h-right a.lang {margin-right:26px;} */ .pd100 {padding:50px 0;} .pd80 {padding:40px 0;} .pd60 {padding:30px 0;} .i-part3 .tab {top:50px;} .i-part2 .i-part2-1 p {font-size:12px;} .a-part1 .right li {margin-bottom:60px;} .a-part1 .right li .mun {height:36px;line-height:36px;} .a-part1 .right li .mun span {font-size:36px;} .d-part4 .right h4{margin-bottom: 20px;font-size:24px;} /*.d-part4 .right{padding-top:0;}*/ .d-part4 .right p.p1{font-size:18px;} .d-part4 .right p.p2{margin-bottom: 20px;} .d-part2 .right{padding:50px 35px;} /* .header.fix .nav{margin-right:260px;} */ .i-part2 .i-part2-2 ul li{padding:20px;} .i-part2 .i-part2-3 p{font-size:14px;text-align: center;} .header .h-right .search-tc button{display: none;} .s-part2 .left p{font-size:15px;} .s-part2 .left p span{font-size:30px;} .s-part3-1-b .swiper-slide p{font-size:18px;} .n-part2 ul li .word{padding:20px 15px;} .i-part2 .i-part2-3 .img{margin-top:50px;} /* .i-part3 .right .swiper-slide .word{transform: translateY(140px);} */ .i-part2 .bg1 img{width: 130px;} .i-part2 .i-part2-1 a.more{margin-top:40px;} .i-part2 .i-part2-2 ul li p{font-size:12px;} .partner-show .tit h3{font-size:20px;line-height: 30px;} .header .h-right .tel-tc p{font-size:18px;} } @media (max-width:1235px) { /* .header.fix .h-right {display:none;} .header .nav {margin-right:4%;} .header.fix .nav {margin-right:4%;} .header .h-right {display:none;} */ } @media (max-width:1225px) { .footer .right dl { margin-right: 4%; } } @media (max-width:1200px) { .header .nav ul li{font-size:12px;} .header .nav{margin-right: 170px;} .header .h-right{width:150px;} } @media (max-width:1170px) { .footer .left p.tel {font-size:18px;} .footer .right dl {margin-right:3%;} } @media (max-width:1100px) { .footer .right dl {margin-right:3%;} .header .logo p{font-size:12px;} .header .nav{margin-right:160px;} .header .h-right{width: 140px;} .header .h-right a.search{margin-right: 10px;} } @media (max-width:1050px) { /* .header .nav {margin-right:2%;} */ .header .nav ul li{margin-right:5px;} } @media (min-width:1025px) { a:hover {background-repeat:no-repeat;text-decoration:none;color:#179063;} .header .nav ul li a:hover {color:#179063;} /* .header .nav ul li dd:hover {background:#179063;} */ .header .nav ul li dd:hover a {color:#179063!important;} .header .nav ul li:hover:before,.header .nav ul li.active:before {content:'';width:100%;} .header .nav ul li:hover a,.header .nav ul li.active a {color:#179063;} .header .h-right a.lang dl a:hover {background:#179063;color:#fff!important;} .header .h-right a.search:hover {background:url(../images/search-icon1.png) no-repeat;} .header .h-right a.tel:hover {background:url(../images/tel-icon1.png) no-repeat;} .header .h-right .lang-tc a:hover {background:#179063;color:#fff!important;} .header.fax .nav li a:hover {color:#179063;} .header.fix .nav li a:hover {color:#179063;} .index-next:hover {background:url(../images/next-icon1.png) no-repeat;} .index-prev:hover {background:url(../images/prev-icon1.png) no-repeat;} .i-part1 .left a.more:hover {background:#179063;border:1px solid #179063;color:#fff;} .i-part1 .left a.more:hover i {background:url(../images/more-icon.png) no-repeat;margin-left:20px;} .i-part1 .left .img:hover img {transform:scale(1.05) translate(-50%,-50%);} .z_tanchuang .tbox .modal .out:hover {background:#fff url(../images/out2.png) center no-repeat;background-size:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg);} .i-part2 .i-part2-1:hover a.more i {margin-left:20px;} .i-part2 .i-part2-1:hover a.more i {margin-left:20px;} .i-part3 .left:hover span.more {background:#179063;border:1px solid #179063;color:#fff;} .i-part3 .left:hover span.more i {background:url(../images/more-icon.png) no-repeat;margin-left:20px;} .i-part3 .right .swiper-slide .word:hover span.more i {margin-left:20px;} .i-part3 .right .swiper-slide:hover .word {background:#179063;padding:30px 40px;margin-bottom:0;transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);} .i-part3 .right .swiper-slide:hover .img img {transform:scale(1.05);} .i-part3 ul li .btn .i-part3-prev:hover {background:#179063;} .i-part3 ul li .btn .i-part3-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .i-part3 ul li .btn .i-part3-next:hover {background:#179063;} .i-part3 ul li .btn .i-part3-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .footer .left ul li:nth-child(1):hover {background:url(../images/wx-icon1.png) no-repeat;} .footer .left ul li:nth-child(2):hover {background:url(../images/qq-icon1.png) no-repeat;} .footer .left ul li:nth-child(3):hover {background:url(../images/wb-icon1.png) no-repeat;} .footer .left ul li:hover img {display:block;} .footer .right dl dd a:hover {color:#0f9667;} .footer .copyright a:hover {color:#0f9667;} .ny-nav .fl a:hover,.ny-nav .fl a.active {color:#179063;} .ny-nav .fl a:hover:before,.ny-nav .fl a.active:before {width:100%;} .ny-nav .fr a:hover i {margin-right:10px;} .a-part2 .a-part2-b .swiper-slide-active,.a-part2 .a-part2-b .swiper-slide:hover {color:#fff;background:#179063;} .a-part2 .a-part2-prev:hover {background:#179063;} .a-part2 .a-part2-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .a-part2 .a-part2-next:hover {background:#179063;} .a-part2 .a-part2-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .a-part3 .a-part3-b1 .swiper-slide:hover .img img {transform:scale(1.05);} .a-part3 .a-part3-prev:hover {background:#179063;} .a-part3 .a-part3-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .a-part3 .a-part3-next:hover {background:#179063;} .a-part3 .a-part3-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .c-part2 .right dl dd.active,.c-part2 .right dl dd:hover{color:#fff;background:#0F9467;} .j-part1 li:hover{background:#178E63;border:1px solid #178E63;transform: translateY(-30px);} .j-part1 li:hover .ms h3{color:#fff;} .j-part1 li:hover .ms p{color:#fff;} .j-part1 li:hover .ms p:after{background:#fff;} .j-part1 li:hover::after{background-color: #FFFFFF;} .j-part3 .j-part3-main .right .swiper-slide:hover .img img{transform: scale(1.05);} .j-part3 .j-part3-main .right .swiper-slide:hover span.more{border:1px solid #178E63;background:#178E63;color:#fff;} .d-part1 .left .img:hover img{transform:scale(1.05) translate(-50%,-50%);} .d-part1 .right ul li:hover{transform: translateY(-10px);} .d-part2 .left:hover img{transform:scale(1.05) translate(-50%,-50%);} .d-part3 .d-part3-b .swiper-slide:hover .img img{transform: scale(1.05);} .d-part3 .d-part3-b .swiper-slide:hover .word{box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);background:#fff;} .d-part3 .d-part3-prev:hover {background:#179063;} .d-part3 .d-part3-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .d-part3 .d-part3-next:hover {background:#179063;} .d-part3 .d-part3-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .d-part4 .d-part4-b:hover .img img{transform: scale(1.05);} .n-part1-b .swiper-slide .img:hover img{transform: scale(1.05) translate(-50%,-50%);} .n-part1-b .swiper-slide span.more:hover i{margin-left:20px;} .n-part2 ul li:hover{background:#fff;box-shadow:0px 0px 5px 1px rgba(0,0,0,0.13);} .n-part2 ul li:hover:after{width:100%;} .n-part2 ul li:hover .img img{transform: scale(1.05);} .fy a:hover,.fy a.active{background:#178e63;color:#fff;} .fy a.prev:hover{background:url(../images/fy-prev2.png) no-repeat;} .fy a.next:hover{background:url(../images/fy-next2.png) no-repeat;} .bshare-custom .bshare-weixin:hover {background:url(../images/wx_fx_icon1.png) no-repeat!important;} .bshare-custom .bshare-sinaminiblog:hover {background:url(../images/wb_fx_icon1.png) no-repeat!important;} .bshare-custom .bshare-qqim:hover {background:url(../images/qq_fx_icon1.png) no-repeat!important;} .bshare-custom a:hover {border:1px solid #179063;} .show_next p:hover a{color:#179063;} .show_next a.back:hover{padding-right: 30px;} .show_next a.back:hover:after{opacity: 1;} .v-part1 .swiper-slide:hover .img img{transform:scale(1.05) translate(-50%,-50%);} /* .v-part1 .swiper-slide:hover .word .paly:before{transform: rotate(135deg);} */ .v-part2 li:hover .img img{transform: scale(1.05);} .v-part2 li:hover .word{color:#179063;} .s-part1 .s-part1-b .swiper-slide:hover .img img{transform: scale(1.05) translate(-50%,-50%);} .s-part1 .s-part1-b .swiper-slide .word .icon:hover{transform: translateY(-10px);} .s-part3-1-b .swiper-slide:hover .img img{transform: scale(1.05);} .s-part3-1 .s-part3-1-prev:hover {background:#179063;} .s-part3-1 .s-part3-1-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .s-part3-1 .s-part3-1-next:hover {background:#179063;} .s-part3-1 .s-part3-1-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .p-part1 ul li:hover{border:1px solid #0F9467;} .p-part1 ul li:hover:before{width:100%;} .p-part1 ul li:hover .icon img.no{display: none;} .p-part1 ul li:hover .icon img.yes{display: block;} .p-part1 ul li:hover h3,.p-part1 ul li:hover p{color:#fff;} .p-part2-1 .left:hover .img img{transform: scale(1.05) translate(-50%,-50%);} .p-part3 .tab a.active,.p-part3 .tab a:hover{color:#0F9467;} .p-part3 .tab a.active:before,.p-part3 .tab a:hover:before{width:110%;} .p-part3 ul li .swiper-slide span.more:hover i {margin-left:20px;} .p-part3 ul li .swiper-slide .img:hover img{transform: scale(1.05) translate(-50%,-50%);} .p-part3 .p-part3-prev:hover {background:#179063;} .p-part3 .p-part3-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .p-part3 .p-part3-next:hover {background:#179063;} .p-part3 .p-part3-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .partner-show-b .swiper-slide:hover img{transform: scale(1.05);} .partner-show-prev:hover {background:#179063;} .partner-show-prev:hover:before {background:url(../images/prev1-icon.png) no-repeat;} .partner-show-next:hover {background:#179063;} .partner-show-next:hover:before {background:url(../images/next1-icon.png) no-repeat;} .article-page01 dl dd a:hover{color:#179063;} .jobs11 .jobs11-p{display: none;} .header2 .logo img {display:block;height:20px;margin-top:18px;} } @media (max-width:1024px) { /*头部*/ .header{display:none;} .header2 {display:block;} /*底部*/ .footer {padding-top:0;border:none} .footer .f-nav {display:none;} .footer .copyright {text-align:center;padding:15px 0;} .footer .copyright .fr {display:none;} .footer .copyright .fl {float:none;} .footer .copyright .fl a {display:none!important;} /*视频弹窗*/ .z_tanchuang .tbox .modal {padding:10px;width:80%;} .z_tanchuang .tbox .modal .out {width:26px;height:26px;right:-32px;background-size:10px 10px;} /*banner*/ .index-banner .swiper-slide .img img.pc {display:none;} .index-banner .swiper-slide .img img.m {display:block;} .index-banner .swiper-slide .word {width:92%;left:4%;margin-top:-42px;} .index-banner .swiper-slide .word p {font-size:18px;line-height:18px;width:100%;} .index-banner .swiper-slide .word span {font-size:14px;line-height:24px;width:100%;} .index1-bot {display:none;} .ny-banner {margin-top:55px;} .ny-banner .word{margin-top:-54px;} .ny-banner .word h3{font-size:20px;margin-bottom: 10px;} .ny-banner .word p{font-size:14px;} .ny-banner .img img.pc{display: none;} /* .ny-banner .img{height:250px;overflow: hidden;} */ .ny-banner .img img.m{display: block;} .ny-nav{display: none;} .pd100 {padding:30px 0;} .pd80 {padding:20px 0;} .pd60 {padding:20px 0;} .index-next,.index-prev {display:none;} .index-p {width:100%!important;text-align:center;bottom:20px!important;left:0!important;} .i-part1 .left {width:100%;float:none;} .i-part1 .left ul {} .i-part1 .left .i-part1-p .swiper-pagination-bullet {margin-right:10px;} .i-part1 .title {margin-bottom:20px;} .i-part1 .left .tab {position:relative;top:auto;margin-bottom:20px;width:100%;} .i-part1 .left .tab a{display: block;float:left;width:33.3333%;transition: all 0s linear; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear;} .i-part1 .left .word {width:100%;float:none;margin-top:200px;height:160px;padding-top:20px;} .i-part1 .left .img {width:100%;float:none;position:absolute;top:0;left:0;height:200px;} .i-part1 .left .img img{position:relative;top:0%;left:0%;transform: translate(0%,0%);margin:0 auto;width:100%;height:auto;} .i-part1 .left:hover .img img {transform:scale(1) translate(0%,0%);} .i-part1 .left .word .time {font-size:18px;margin-bottom:10px;} .i-part1 .left .word .tit {font-size:16px;height:16px;line-height:16px;overflow:hidden;margin-bottom:10px;} .i-part1 .right {display:none;} .i-part1 .left .i-part1-p {bottom:0;text-align:center;width:100%;} .i-part1 .left .word .time span {font-size:12px;} .title {text-align:center;width:100%;} .i-part2 .i-part2-1 {display:none;} .i-part2 .i-part2-2 {width:100%;float:none;margin-left:0} .i-part2 .i-part2-2 ul {margin-top:20px;} .i-part2 .i-part2-2 ul li {padding:20px;width:100%;margin-bottom: 10px;} .i-part2 .i-part2-2 ul li.active{width:100%;} .i-part2 .i-part2-2 ul li.active .icon {background:url(../images/i-service1-2.svg) no-repeat;} .i-part2 .i-part2-2 ul li h4 {color:#fff;} .i-part2 .i-part2-2 ul li p {opacity:1;} .i-part2 .i-part2-2 ul li:nth-child(2){background:#ffce76;} .i-part2 .i-part2-2 ul li:nth-child(2) .icon{background:url(../images/i-service2-2.svg) no-repeat;} .i-part2 .i-part2-2 ul li:nth-child(3){background:#179063;} .i-part2 .i-part2-2 ul li:nth-child(3) .icon{background:url(../images/i-service3-2.svg) no-repeat;} .i-part2 .i-part2-2 ul li:before{display: none;} .i-part2 .i-part2-2 ul li .icon {/*margin-bottom:10px;*/} .i-part2 .i-part2-2 ul li h4 {font-size:18px;margin-bottom:10px;height:18px;} .i-part2 .i-part2-2 ul li p {font-size:12px;line-height: 18px;height:36px;} .i-part2 .i-part2-3 {width:100%;float:none;margin-left:0;margin-top:20px;} .a-part1 .left .word{overflow-y: scroll;} /*.i-part2 .i-part2-3 p {display:none;}*/ .i-part2 .bg1 {display:none;} .i-part2 .i-part2-3 .img {margin-top:0px;} .i-part3 {margin-left:0;width:92%;margin:0 auto;padding-bottom: 10px;} .i-part3 .title {width:100%;text-align:center;} /* .i-part3 .tab {position:relative;top:auto;right:auto;width:100%;margin:20px auto;overflow-x: auto; white-space:nowrap;width: auto; } .i-part3 .tab a {width:36%;margin-right:0;font-size:12px;border-radius:30px;background:#f7f7f7;transition: all 0s linear; -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; -ms-transition: all 0s linear;} */ .i-part3 .tab{position:relative;top:auto;right:auto;width:100%;margin:20px auto;overflow-x: auto; white-space:nowrap;width: auto;} .i-part3 .tab:before{content: '';display: block;width:150%;height:1px;background:#eee;position:absolute;left:0;bottom:1px;} .i-part3 .tab a{margin-right:0;width:36%;font-size: 14px;} .i-part3 .tab a:before { content: ''; display: block; width: 0%; height: 3px; background: #0F9467; position: absolute; left: -5%; bottom: -2px; transition: all 0s linear; } .i-part3 .tab a.active:before, .p-part3 .tab a:hover:before { width: 70%; left: 15%; bottom: 0px; } .i-part3 .tab a.active{background:none;color: #333;} .i-part3 ul {margin-top:10px;height:250px;} .i-part3 ul li {height:240px;} .i-part3 .left {display:none;} .i-part3 .right {width:100%;float:none;} .i-part3 .right .swiper-slide {width:100%;margin-right:0;padding-right:0;overflow: hidden;} .i-part3 .right .swiper-slide .word {width:100%;padding:20px 5%;margin-bottom:10px;} .i-part3 .right .swiper-slide .word .tit {font-size:16px;} .i-part3 .right .swiper-slide .word p {font-size:12px;} .i-part3 ul li .btn {display:none;} .i-part3 ul li .i-part3-p {display:block;} .i-part3 .right .swiper-slide:hover .word {height:auto;background:none;padding:0 10%;margin-bottom:30px;} .i-part3 .right .swiper-slide:hover .img img {transform:scale(1);} .i-part3 .right .swiper-slide .word span.more {display:none;} .i-part3 .right .swiper-slide {border:none;} .i-part3 .right .swiper-slide .img {text-align:center;height:200px;} .i-part3 .right .swiper-slide .img img {display:inline-block;width:auto;width:100%;} #jobs1,#jobs2,#jobs3,#about1,#about2,#about3,#about4,#contact2,#deve1,#deve2,#deve3,#deve4,#service1,#service2,#service3,#service1,#service2,#service3,#partner1,#partner2,#partner3{padding-top:55px;margin-top:-55px;} .search-one{padding:30px 0;margin-top:50px;} .search1 .search-one .search-one-box{width:100%;} .w-83{width:92%;} .a-part1 .left{width:100%;float:none;} .a-part1 .right{width:100%;float:none;margin-top:20px;} .a-part1 .right li{margin-bottom: 20px} .a-part2 .top h3{float:none;width:100%;text-align: center} .a-part2 .a-part2-b{width:100%;float:none;display: none;} .a-part2 .a-part2-prev,.a-part2 .a-part2-next,.a-part2 .a-part2-b1:before{display: none;} .a-part2 .a-part2-b1{margin-top:0px;padding-top:0;padding-bottom: 40px;} .a-part3 .tit h3{text-align: center;} .a-part2 .a-part2-b1 .left span{font-size:30px;} .a-part2 .a-part2-b1 .left{width:100%;text-align: center;float:none;} .a-part2 .a-part2-b1 .right{width:100%;float:none;line-height: 24px;height:96px;overflow-y: scroll;} .a-part2 .a-part2-b1 .right::-webkit-scrollbar {width:4px;height:1px;} .a-part2 .a-part2-b1 .right::-webkit-scrollbar-thumb {background:#179063;} .a-part2 .a-part2-b1 .right::-webkit-scrollbar-track {background:#fff;} .a-part3 .a-part3-b{width:100%;margin:20px 0;} .a-part4 ul{width:92%;margin-left:4%;} .a-part4 ul li{width:48%;margin-right:0;margin-bottom:20px;margin-right:4%;} .a-part4 ul li:nth-child(2n){margin-right:0;} .a-part4 ul li p{font-size:14px;} .a-part2 .a-part2-b1-p{display: block;} .a-part3 .a-part3-p .swiper-pagination-bullet,.a-part2 .a-part2-b1-p .swiper-pagination-bullet{margin-right:10px;} .p-part1 .tit{font-size:24px;margin-bottom: 20px} .p-part1 ul{} .p-part1 ul li{width:49%;margin-right: 2%;margin-bottom: 20px;padding:10px;} .p-part1 ul li .icon img.no{width: 36px;height:36px;} .p-part1 ul li:nth-child(3){/*margin-bottom: 20px*/} .p-part1 ul li p{/* display: none; */font-size:14px;height:100px;line-height: 20px; overflow-y: scroll;} .p-part1 ul li p::-webkit-scrollbar {width:4px;height:1px;} .p-part1 ul li p::-webkit-scrollbar-thumb {background:#179063;border-radius: 10px;} .p-part1 ul li p::-webkit-scrollbar-track {background:#fff;} .p-part1 ul li:nth-child(2n){margin-right:0;} .p-part2 .tit{width:100%;} .p-part2 .tit h3{font-size:24px;} .p-part2-1{margin-top:20px;} .p-part2-1 .left{width:100%;float:none;height:auto;} .p-part2-1 .left .img img{position:relative;top:0;left:0;height:auto;transform: translate(0,0);width:100%;} .p-part2-1 .right{width:100%;float:none;} .p-part2-1 .right ul{/*overflow-x: auto; white-space:nowrap;width: auto;*/} .p-part2-1 .right ul li{padding-left: 100px;/*float:none;display: inline-block;width:70%;*/} .p-part2-1 .right ul li h3{font-size:20px;} .p-part2-1 .right ul li span{font-size:60px!important;right:auto;left:10px;top:24px;color:#666;} .p-part2-1 .right ul li p{line-height: 24px;} .p-part3 .tit{width:92%;} .p-part2 .tit p,.p-part3 .tit p{display: none;} .p-part3 .tit h3{font-size:24px;} .p-part3 .tab{margin:20px auto;width:92%;overflow-x: auto;white-space:nowrap;width: auto;border:none;position:relative;} .p-part3 .tab:before{content: '';display: block;width:150%;height:1px;background:#eee;position:absolute;left:0;bottom:1px;} .p-part3 .tab a{margin-right:0;width:36%;} .p-part3 .tab a.active:before, .p-part3 .tab a:hover:before{width: 70%;left:15%;bottom:0px;} .p-part3 ul{height:400px;} .p-part3 ul li .swiper-slide .img{float:none;width:100%;height:auto;} .p-part3 ul li .swiper-slide .img img{position:relative;top:0;left:0;transform: translate(0,0);width:100%;height:auto;} .p-part3 ul li .swiper-slide .word{width:100%;float:none;height:auto;} .p-part3 ul li .swiper-slide .word h3{font-size:20px;} .p-part3 ul li .swiper-slide span.more{display: none;} .p-part3 ul li{padding:0;} .p-part3 .p-part3-p{bottom:10px;text-align: center;right:0;width:100%;} .p-part3 ul li .swiper-slide:hover .img img{transform: scale(1.05) translate(0%,0%);} .p-part3 .p-part3-next,.p-part3 .p-part3-prev{display: none;} .p-part3 ul li .swiper-slide .word{padding-bottom: 40px;margin-top:-2px;} .a-part1 .left h3{text-align: center;} .s-part1 .tit{margin-bottom:20px;} .s-part1 .tit h3{text-align: center;float:none;font-size:24px;} .s-part1 .tit p{display: none;} .s-part1 .s-part1-b .img{float:none;text-align: center;width: 100%;height:auto;} .s-part1 .s-part1-b .img img{position:relative;top:0;left:0;transform: translate(0,0);width:100%;} .s-part1 .s-part1-b .swiper-slide:hover .img img{transform: scale(1) translate(0,0);} .s-part1 .s-part1-b .word{float:none;width:100%;padding-top:20px;} .s-part1 .s-part1-b .word .icon{width:60px;height:60px;padding-top:9px;/*margin:0 auto;*/} .s-part1 .s-part1-b .word h3{font-size:20px;margin:10px 0;/*text-align: center;*/} .s-part1 .s-part1-b .word p{height:110px;overflow-y: scroll;} .s-part1 .s-part1-b .word p::-webkit-scrollbar {width:4px;height:1px;} .s-part1 .s-part1-b .word p::-webkit-scrollbar-thumb {background:#179063;} .s-part1 .s-part1-b .word p::-webkit-scrollbar-track {background:#fff;} .s-part1 .s-part1-b{padding-bottom: 40px;} .s-part1 .s-part1-b .s-part1-p{width:100%;left:0;bottom:0;text-align: center} .s-part2 .left{float:none;width:100%;padding:30px 0;} .s-part2 .left .tit{font-size:24px;margin-bottom: 260px;text-align: center} .s-part2 .left p span{font-size:16px;} .s-part2 .left p{font-size:14px;line-height: 20px;} .s-part2 .left p.xx{margin-top:20px;} .s-part2 .right{width:100%;position: absolute;top:60px;left:0;text-align:center;float:none;height:250px;overflow: hidden;} .s-part2 .right img{width:100%;} .s-part3 .left{width:100%;} .s-part3 .tit{margin-bottom: 20px;text-align: center;margin-bottom: 220px;font-size:24px;} .s-part3 .right{width:100%;position: absolute;top:60px;left:0;text-align:center;float:none;height:200px;overflow: hidden;} .s-part3 .right img{width:100%} .s-part3 h3{font-size:18px;margin-bottom: 10px;} .s-part3-1 .left{display: none;} .s-part3-1 .right{width:100%;text-align:center;float:none;} .s-part3-1 .right h3{font-size:24px;} .s-part3-1 .right p{display: none;} .s-part3-1-b{margin-top:0;padding-bottom: 20px} .s-part3-1-b .swiper-slide p{font-size:18px;padding:10px 0;} .s-part3-1 .s-part3-1-p{display: block;bottom:20px;} .s-part3-1 .s-part3-1-p .swiper-pagination-bullet{margin-right:10px;} .n-part1-b{padding-bottom: 0} .n-part1-b .img{float:none;width:100%;height:auto;} .n-part1-b .img img{width:100%;position:relative;top:0;left:0;transform: translate(0,0);} .n-part1-b .word{float:none;position:relative;height:auto;width:100%;top:0;padding:4% 4% 40px 4%;} .n-part1-b .word .time{font-size:18px;margin-bottom: 10px;} .n-part1-b .word .time span{font-size:12px;} .n-part1-b .word .tit{font-size:18px;line-height: 24px;height:48px;margin-bottom: 10px;} .n-part1-b span.more{display: none;} .n-part1-b .swiper-slide:hover .img img{transform: scale(1) translate(0%,0%);} .n-part1-b .n-part1-p{bottom:10px;text-align: center;left:0;} .n-part2 ul li{width:100%;float:none;margin-right:0;margin-bottom: 20px;} .n-part2 ul li .word{padding:4%;} .n-part2 ul li .word .time{font-size:18px;margin-bottom: 10px;} .n-part2 ul li .word .time span{font-size:12px;} .n-part2 ul li .word .tit{font-size:18px;line-height: 24px;height:48px;margin-bottom: 10px;} .news-show{margin-top:80px;} .w-75{width: 92%;} .news-show .tit{font-size:24px;line-height: 30px;margin-bottom: 10px;} .news-detailed{margin-top:20px;padding-top:20px;} .show_next{padding:20px 0;} .show_next .fr{display: none;} .v-part1{} .v-part1-b{padding-bottom: 40px;} .v-part1 .tit{text-align: center;font-size:24px;margin-bottom: 20px;} .v-part1 .swiper-slide .img{float:none;height:auto;width:100%;} .v-part1 .swiper-slide .img img{width: 100%;position: relative;top:0;left: 0;transform: translate(0,0);} .v-part1 .swiper-slide:hover .img img{transform: translate(0,0);} .v-part1 .swiper-slide .word{} .v-part1 .swiper-slide .word h4{font-size:30px;} .v-part1 .swiper-slide .word{width:100%;padding:4% 2%;float:none;height:auto;} .v-part1 .swiper-slide .word .paly{margin-top:20px;font-size:14px;padding-left: 35px;line-height: 30px;} .v-part1 .swiper-slide .word .paly:before{width:30px;height:30px;background: url(../images/play-icon.png) no-repeat;background-size:100% 100%;} .v-part1 .v-part1-p{bottom:0;left:0;width:100%;text-align: center;} .v-part2 .tit{text-align: center;font-size:24px;margin-bottom: 20px;} .v-part2 li{width:100%;float:none;margin-right: 0;} .v-part2 li .word{padding:2% 4%;} .v-part2 li .word p{font-size:16px;} .v-part2 li .word span{font-size:12px;} .d-part1 .left{float:left;width:100%;height:auto;height:400px;} .d-part1 .left .img{height:375px;overflow: hidden;} .d-part1 .right ul li p{display: none;} .d-part1 .left .img img{position:relative;top:0;left:0;width:100%;transform: translate(0,0);} .d-part1 .right{width:100%;float:none;} .d-part1 .right h3{margin-bottom: 20px;margin-top:20px;font-size:24px;padding-top:20px;} .d-part1 .left .img:hover img{transform:scale(1.05) translate(0%,0%);} .d-part1 .right p.p1{font-size:18px;margin-bottom: 10px;} .d-part1 .right p.p2{margin-bottom: 20px;} .d-part1 .right ul{margin-top:30px;} .d-part2 .left{width:100%;float:none;height:auto;} .d-part2 .left img{position:relative;top:0;left:0;width:100%;transform: translate(0,0);} .d-part2 .right{width:100%;float:none;padding:6% 4%;height:auto;} .d-part2 .right h3{font-size:24px;margin-bottom: 20px} .d-part2 .right p{font-size:14px;line-height: 24px;} .d-part2 .bg{display: none;} .d-part2 .right .down{float:none;width:100%;position:relative;bottom:0;left:0;margin-top:20px;} .d-part2 .right .down a.pdf{padding-left: 28px;} .d-part2 .right .down a.pdf:before{width:20px;height:20px;background: url(../images/pdf-icon.png) no-repeat;background-size:100% 100%;top:6px;} .d-part2 .select{bottom:20px;right:4%;} .d-part3 .tit{width:100%;} .d-part3 .tit h3{font-size:24px;} .d-part3 .tit p{display: none;} .d-part3 .d-part3-p{display: block;bottom:20px;} .d-part3 .d-part3-next,.d-part3 .d-part3-prev{display: none;} .d-part3 .d-part3-b{padding:0;} .d-part3 .d-part3-b .swiper-slide .word{padding:20px;} .d-part3{padding-bottom: 60px;} .d-part4 .d-part4-b{width:100%;float:none;} .d-part4 .d-part4-b .d-part4-p{text-align: center;} .d-part4 .right{width:100%;float:none;margin-top:20px;} .d-part4 .right h4{font-size:24px;} .d-part4 .right p.p1{font-size:18px;} .a-part3 .a-part3-b1 .swiper-slide .img{padding:20px 0;} .a-part3 .a-part3-prev,.a-part3 .a-part3-next{display: none;} .fx{display: none;} .j-part1 ul{} .j-part1 li{width:100%;float:none;margin-right: 0;margin-bottom: 40px;display: inline-block;margin-right:20px;} .j-part1 li .img{top:0;left:6%;} .jobs11 .jobs11-p {position:absolute;bottom:0;left:0;z-index:5;text-align: center;display: block;} .jobs11 .jobs11-p .swiper-pagination-bullet {background:none;opacity:1;margin-right:10px;width:16px;height:16px;position:relative;} .jobs11 .jobs11-p .swiper-pagination-bullet:before {content:'';width:6px;height:6px;background:#e5e5e5;border-radius:50%;position:absolute;top:50%;margin-top:-3px;left:50%;margin-left:-3px;} .jobs11 .jobs11-p .swiper-pagination-bullet-active:before {background:#179063;} .jobs11 .jobs11-p .swiper-pagination-bullet-active {border:2px solid #179063;border-radius:50%;} .j-part2 h3{font-size:24px;} .j-part2 p{display: none;} .j-part2 img{margin-top: 30px;width:100px;margin:0 auto;} .title1{font-size:24px;} .j-part3 .j-part3-main{margin-top:20px;} .j-part3 .j-part3-main .left{width:92%;float:none;margin-left: 4%;padding-top:0;} .j-part3 .j-part3-main .left dt{font-size:20px;margin-bottom: 10px} .j-part3 .j-part3-main .left dl{padding-bottom: 20px;margin-bottom: 20px} .j-part3 .j-part3-main .right{width:100%;float:none;padding:8% 0 20% 3%;} .j-part3 .j-part3-main .right .j-part3-p{left:auto;text-align: center;width:100%;} .j-part3 .j-part3-main .right .j-part3-p .swiper-pagination-bullet{margin-right: 10px;} .j-part3 .j-part3-main .right .swiper-slide{padding:5%;} .j-part3 .j-part3-main .right .swiper-slide .word{padding:10px 0;} .j-part2 span{font-size:14px;margin-top:10px;} .c-part1{width:92%;margin:0 auto;} .c-part1 .left{width:100%;float:none;} .c-part1 .right{width:100%;float:none;} .c-part1 .right:before{display: none;} .c-part1 .right p{width:33.333%;margin-right: 0;float:left;} .c-part1 .right p img{display: block;width:100%;} .c-part2 .w-83{padding:40px 0 25px;} .c-part2 .left h3{font-size:24px;} .c-part2 .left{float:none;margin-bottom: 20px} .c-part2 .right{width:100%;float:none;} .c-part2 .right dl dd{margin-bottom: 10px;margin-right:10px;} .c-part2 .right dl dd.active{ color: #fff; background: #0F9467; } .c-part1 .left .word:before{display: none;} .c-part1 .left .word{width:100%;padding-left: 0;} #allmap{width:90%!important;height:300px!important;margin:0 auto;} .BMapLib_SearchInfoWindow .BMapLib_bubble_content{display: none;} .BMapLib_SearchInfoWindow .BMapLib_trans{display: none;} .c-part1 .left .word h4{font-size:30px;margin-bottom: 10px} .partner-show .tit{margin-bottom: 20px} .partner-show .tit h3{float:none;/* font-size:24px; */width:100%;text-align: center;line-height: 30px;} .partner-show .tit p{width:100%;float:none;margin-top:20px;height:auto;font-size:14px;line-height: 24px;} .partner-show-next,.partner-show-prev{display: none;} .i-part2 .i-part2-3 h4{bottom:-10px;} .a-part4 ul li:nth-child(5){margin-bottom: 0;} .a-part4 ul li:nth-child(5) p{height:28px;} .a-part3 .a-part3-b .swiper-slide{background:#f5f5f5;width:36%;margin-right:0;} .a-part3 .a-part3-b .swiper-slide-active{background: #179063;} .a-part1 .right li .mun span{font-size:30px;} .a-part1 .right li{width:30%;margin-right:5%;} .a-part1 .right li p{font-size:12px;} .p-part1 ul li h3{font-size:16px;margin:10px 0;} .search1{width:92%;} .a-part1 .right li:nth-child(4), .a-part1 .right li:nth-child(5){width:48%;} .a-part1 .right li:nth-child(4){margin-right:4%} .j-part1 li .ms p{white-space: break-spaces;} .d-part3 .d-part3-b .swiper-slide .word h3{font-size:20px;line-height: 20px;margin-bottom: 14px;} .s-part3-1{padding-top:0;} .j-part1 .jobs11{padding-top:0;} .news-detailed img{width:90%;} /*.p-part2-1 .right ul li.active{padding:4% 5%;width:100%;height:20%!important;left:0%;top:0%;} .p-part2-1 .right ul li.active:before{display: block;} .p-part2-1 .right ul li.active:after{width:0%;} .p-part2-1 .right ul li.active h3{display: block;} .p-part2-1 .right ul li.active p{color: #808080;} .p-part2-1 .right ul li.active p.yes{font-size:14px;margin-bottom: 0;max-width: 100%;z-index:3;} .p-part2-1 .right ul li.active p.no{display: none;max-width: 100%;z-index:3;} .p-part2-1 .right ul li.active span{color: rgba(0,0,0,0.4);bottom: -30px;top:0;margin-top:0;z-index:3;}*/ .a-part6-b{width:100%;} .a-part6-b1{display: none;} .a-part6 .tit{padding-top:20px;} .a-part6 .tit h3{font-size:20px;margin-bottom: 20px;} .a-part6-b .col-left{width:100%;float:none;} .a-part6-b .col-right{width:100%;float:none;margin-left:0;padding:20px 0;} .a-part6-b .col-right .tit2{padding-bottom: 20px;} .a-part6-b .col-right .ms{margin-top:20px;height:300px;overflow-y: auto;} } @media (max-width: 1280px) { .header2 .h-right a.lang { position: relative; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; display: inline-block; font-size: 14px; /* line-height: 100px; */ color: black; position: relative; position: relative; /* margin-right: 46px; */ padding-right: 15px; padding-left: 15px; order: 1; } .header2 .h-right a.lang:after { content: ""; width: 8px; height: 5px; background: url(../images/down-icon.png) no-repeat; position: absolute; right: 0; top: 50%; margin-top: -3px; display: none; } .header2 .h-right a.lang dl { box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.13); background: #fff; position: absolute; width: 120px; text-align: center; top: 70px; left: 50%; margin-left: -60px; display: none; } .header2 .h-right a.lang dl a { display: block; width: 100%; height: 100%; color: #333; font-size: 12px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; } .header2 .h-right a.lang dl a:after { display: none !important; } .header2 .h-right a.search { display: inline-block; width: 24px; height: 24px; background: url(../images/search-icon.png) no-repeat; margin-right: 22px; position: relative; /* top: 5px; */ top: -2px; } .header2 .h-right a.tel { display: inline-block; width: 18px; height: 26px; background: url(../images/tel-icon.png) no-repeat; position: relative; margin-right: 10px; /* top: 5px; */ top: -3px; } .header2 .h-right .search-tc, .header2 .h-right .tel-tc { display: none; } .i-part2 .i-part2-2 ul li h4 { font-size: 14px; } /*.h-right {*/ /* display: flex;*/ /* float: right;*/ /* flex-direction: row;*/ /* margin-top: 18px;*/ /*}*/ .header2 .h-right .tel-tc { width: 100%; height: 60px; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 13%); background: #fff; position: absolute; top: 55px; /* right: 0; */ display: none; line-height: 60px; } .header2 .h-right .tel-tc p { font-family: "DIN-P-B"; color: #179063; font-size: 24px; position: relative; padding-left: 44px; } .header2 .h-right .tel-tc p::before { content: ""; display: block; width: 18px; height: 26px; background: url(../images/tel-icon1.png) no-repeat; position: absolute; left: 15px; top: 50%; margin-top: -11px; } .header2 .h-right .search-tc { display: none; position: absolute; width: 100%; height: 60px; box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 13%); background: #fff; position: absolute; top: 55px; } .header2 .h-right .search-tc form { display: flex; flex-direction: row; } .header2 .h-right .search-tc input { display: inline-block; height: 60px; box-sizing: border-box; padding-left: 20px; } .header2 .h-right .search-tc button { display: block; width: 18px; height: 18px; position: relative; margin-top: 20px; border: none; outline: none; background: url(../images/search-icon.png) no-repeat; background-size: 100% 100%; cursor: pointer; } .header2 .h-right .lang-tc { padding-right: 20px; order: 2; } .h-right .lang-tc a:first-child { padding-right: 15px; } .a-part5x .tit h3{text-align: center;} .a-part5x .conx{display: block;} .a-part5x .conx .left{width: 100%;border-right: none;margin-bottom:30px} .a-part5x .conx .right{width: 100%;} .a-part5x .conx .right .pic{width: 150px;} .a-part5x .conx .left .item{margin-bottom: 12px;} .a-part5x .conx .left .item .icon{width: 22px;} } @media (min-width: 320px) and (max-width: 450px) { .h-right { display: flex; float: right; flex-direction: row; margin-top: 18px; } .header2 .h-right a.search { margin-right: 10px; background-size: contain; width: 15px; height: 15px; top: 0; } .header2 .h-right a.tel { margin-right: 5px; background-size: contain; width: 12px; height: 20px; top: 0; } .header2 .h-right a.lang { padding-left: 5px; padding-right: 5px; } .header2 .h-right .lang-tc { padding-right: 5px; } .h-right .lang-tc a:first-child { padding-right: 0; } }