/*@import url('webFont.css'); @font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg'); }*/ ::-webkit-scrollbar{width:8px; height:8px;} ::-webkit-scrollbar-track{background:#fff;} ::-webkit-scrollbar-thumb{background:#1b1b1b;} ::-webkit-scrollbar-thumb:vertical:hover{background:#a1ca46;} body,td,th,input,textarea,select{font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color:#777177; outline:none; letter-spacing:0.05rem;} html{font-size:62.5%;} html,body{background:#fff; height:100%;} html,body,form{margin:0;} img{border:0px none; vertical-align:middle; outline:none; max-width:100%; width:auto; height:auto;} ul,dl{display:block; margin:0; padding:0;} dd{margin:0; padding:0;} li{list-style:none;} p{display:block; margin:0; padding:0;} a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} a{text-decoration:none; color:#777177; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;} a:active{color:#a1ca46;} *:after{content:''; display:block; height:0; clear:both;} mark{display:inline-block;} /*#banner{position:relative; width:100%; height:100%; z-index:2; overflow:hidden;} #banner .indextop{ position:absolute;z-index:12; left:0;top:0; width:100%;height:100%;background:url('../image/cambodia_factory.jpg') no-repeat center center; background-size:auto 100%;} #banner .indextop>.box{position:absolute;z-index:20; left:50%;top:50%; width:900px;height:300px; margin-left:-450px; margin-top:-150px; text-align:center; } #banner .indextop>.box>.text{margin:0 auto;padding:10px 0; line-height:60px;} #banner .indextop>.box>.text>h3{ font-size:36px; color:#fff; margin:0 auto;} #banner .indextop>.box>.text>h4{ font-size:24px; color:#fff; margin:0 auto;} #banner .indextop>.box>a{display:block; margin:0 auto; width:90px;height:90px; background:url('../image/ico_play.png') no-repeat center center; background-size:auto 100%;} #banner .indextop>.box>a:hover{background:url('../image/ico_play_A.png') no-repeat center center; background-size:auto 100%;} #banner .indextop>.mes{position:absolute;z-index:1;right:15px; bottom:15px; color:#f4cf00; font-size:16px;} #banner video{position:absolute; z-index:1; left:0px;} #banner .mask{width:100%; height:100%; position:absolute; z-index:2; background:url('../image/banner_mask.png') repeat-x center center; background-size:auto 100%;} #banner .vimg{display:none; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:url('../image/v.jpg') no-repeat 25% bottom; background-size:cover;} #banner .con{position:absolute; z-index:4; width:100%; left:0; top:33.5%; color:#fff; line-height:1.1; text-align:center;} #banner .tit{font-size:13rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';} #banner .desc{font-size:6.7rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; color:#a0cb46;} #banner .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; border:1px solid #fff; color:#fff; margin:60px auto; border-radius:3px; padding-right:30px; position:relative; transition:all .3s;} #banner .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#fff; right:50px; top:20px; transition:all .3s;} #banner .more:hover{background:#fff; color:#a0cb46;} #banner .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#fff; right:56px; top:14px;transition:all .3s;} #banner .more:hover:before, #banner .more:hover:after{transform:rotate(180deg); background:#a0cb46;}*/ #banner .mouse, #bans .mouse{border:1px solid rgba(255,255,255,.7); width:20px; height:32px; position:absolute; z-index:4; left:50%; bottom:50px; margin-left:-10px; border-radius:20px;} #banner .mouse:after, #bans .mouse:after{content:''; display:block; width:2px; height:4px; background:rgba(255,255,255,.8); position:absolute; left:50%; top:5px; margin-left:-1px; animation:mouse-middle .86s ease infinite;} @keyframes mouse-middle{ 0% {opacity:.8;} 50% {opacity:1; top:15px; height:7px;} 100% {opacity:0; top:28px; height:4px;} } .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;} .img-block {display: block;width: 100%;height: auto;} .img-inline {display: inline-block;width: auto;height: auto;} .font12 {font-size: 12px;} .font13 {font-size: 13px;} .font14 {font-size: 14px;} /* index */ .index-banner-swiper {width: 100%;position: relative;} .index-banner-item {position: relative;overflow: hidden;} .index-banner-item .text {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;} .index-banner-item .title-1{font-family: 'Manrope-Bold';line-height: 70px;} .index-banner-item .title-2 { margin-top: 1%;} .index-banner-swiper .swiper-slide .title-1, .index-banner-swiper .swiper-slide .title-2 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);} .index-banner-swiper .swiper-slide .title-2 {transition-delay: .4s;} .index-banner-swiper .swiper-slide-active .title-1, .index-banner-swiper .swiper-slide-active .title-2 {transform: translateY(0px);opacity: 1;} .index-banner-swiper .banner-pagination {bottom: 5%;} .index-banner-swiper .banner-pagination span{width: 50px;height: 4px;border-radius: 0;background: #fff;opacity: .5;} .swiper-ctrl {position: absolute;width: 100%;left: 0;bottom: 5%;z-index: 11;font-size: 0;text-align: center;} .scroll-center {margin: auto;text-align: center;position: relative;display: inline-block;vertical-align: middle;} .scroll-center::after {content: '';width: 512%;height: 1px;position: absolute;left: 120%;top: 50%;opacity: .4;background: #fff; display:none;} .scroll-center .scroll-1 {font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;position: relative;} .scroll-center .scroll-1::before {content: '';width: 1px;height: 40px;background: #fff;position: absolute;left: 50%;top: -55px;opacity: .5; display:none;} .scroll-center .scroll-1::after {content: '';width: 1px;height: 20px;background: #fff;position: absolute;left: 50%;top: -55px;opacity: 1;z-index: 11;} .number-prevnext {text-align: center;position: absolute;font-size: 0;right: 9%;top: 50%;margin-top: -8.5px;} .number-prevnext::before {content: '';width: 200%;height: 1px;position: absolute;left: 110%;top: 50%;opacity: .4;} .number-prevnext .number-1 {display: inline-block;vertical-align: middle;font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;margin-right: 10px;} .swiper-banner-prev,.swiper-banner-next {width: 10px;height: 17px;display: inline-block;vertical-align: middle;margin-left: 28px;cursor: pointer;} .swiper-banner-prev:hover ,.swiper-banner-next:hover {opacity: .5;} .swiper-banner-prev {background: url('../image/l1.png') center no-repeat;background-size: 100%;} .swiper-banner-next {background: url('../image/r1.png') center no-repeat;background-size: 100%;} .left-pagination {position: absolute;left: 9%;top: 50%;transform: translateY(-50%);z-index: 11;} .left-pagination::before {content: '';width: 250%;height: 1px;position: absolute;right: 105%;top: 50%;opacity: .4;background: #fff; display:none;} .left-pagination .rline {height: 1px;position: absolute;left: 105%;top: 50%;opacity: .4;background: #fff;width: 0;transition:all .4s ease; display: none;} .index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative} .index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;} .index-banner-swiper .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;} .index-banner-swiper .banner-pagination span::after {content: '';width:27px;height:27px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;} .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;} .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;} .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;} .index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;} .index-banner-swiper .banner-pagination span .left {left: 0;} .index-banner-swiper .banner-pagination span .right {right: 0;} .index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 32px;height: 32px;border-radius: 50%;border: 2px solid transparent;transform: rotate(135deg);box-sizing: border-box;} .index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;} .index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;} .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 4s linear forwards;} .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 4s linear forwards;} @keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}} @keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}} #head{position:fixed; z-index:99; width:100%; height:80px; left:0; top:0; transition:all .25s 0s;} #head:after{position:absolute; z-index:1; width:100%; height:0; background:#fff; transition:all .25s 0s; box-shadow:0 10px 20px rgba(0,0,0,.07);} #head.sm{height:60px; transition:all .3s .1s;} #head.sm:after{height:100%; transition:all .2s .15s;} #head .logo{display:block; width:230px; height:80px; float:left; background:#a1ca46; text-align:center; margin-top:50px; transition:all .2s; position:relative; z-index:999;} #head .logo img{height:40px; transition:all .2s; position:absolute; left:50%; top:50%; margin:-22px auto auto -78px;} #head .logo img:first-child{display:block;} #head .logo img:last-child{display:none;} #head.sm .logo{width:200px; height:60px; margin-top:0; background:#fff;} #head.sm .logo img{height:35px; margin:-20px auto auto -68px;} #head.sm .logo img:first-child{display:none;} #head.sm .logo img:last-child{display:block;} #head .stock{float:left; position:relative; z-index:2; font-size:1.5rem; opacity:0; margin:0 auto auto 20px; transition:all .35s;} #head .stock span{font-family:'Montserrat', sans-serif; font-weight:400;} #head.sm .stock{opacity:1; margin:18px auto auto 20px;} @media (max-width:1280px){ #head.sm .logo{width:195px;} #head.sm .logo img{margin:-20px auto auto -72px;} } @media (max-width:1080px){ #head .stock{font-size:1.4rem;} /* #banner .indextop>.box>.text{line-height:50px;} #banner .indextop>.box>.text>h3{ font-size:30px;} #banner .indextop>.box>.text>h4{ font-size:20px;}*/ } @media (max-width:920px){ /* #video{display:none;} #banner .vimg{display:block;} #banner .tit{font-size:6.8rem;} #banner .desc{font-size:3.8rem; letter-spacing:0; margin-top:5px;} #banner .indextop>.box{width:80%;margin-left:-40%;} #banner .indextop>.box>.text{line-height:45px;} #banner .indextop>.box>.text>h3{ font-size:28px;} #banner .indextop>.box>.text>h4{ font-size:18px;} #banner .indextop>.box>a{width:76px;height:76px;}*/ #head{height:70px;} #head .logo{width:180px; margin-top:0; height:70px;} #head .logo img{height:32px; margin:-18px auto auto -60px;} #head.sm .logo{width:150px; height:60px;} #head.sm .logo img{height:25px; margin:-20px auto auto -50px;} #head .stock{position:absolute; font-size:1.0rem; top:20px; z-index:999; color:#999;} #head.sm .stock{margin-left:24px;} } @media (max-width:640px){ #head{height:50px;} #head .logo{width:180px; margin-top:0; height:50px;} } /*@media (max-width:760px){ #banner .indextop>.box>.text{line-height:40px;} #banner .indextop>.box>.text>h3{ font-size:24px;} #banner .indextop>.box>.text>h4{ font-size:16px;} #banner .indextop>.box>a{width:70px;height:70px;} } @media (max-width:640px){ #banner .indextop>.box>.text{line-height:30px;} #banner .indextop>.box>.text>h3{ font-size:22px;} #banner .indextop>.box>.text>h4{ font-size:12px;} #banner .indextop>.box>a{width:50px;height:50px;} }*/ #nav{width:80px; height:80px; float:left; background:#fff; margin-top:50px; text-align:center; position:relative; font-size:0; transition:all .2s; z-index:999;} #nav:hover{background:#eee;} #nav>span{display:block; width:30px; height:3px; background:#a1ca46; position:absolute; left:50%; top:50%; margin:-2px auto auto -15px; transition:background .3s;} #nav>span:before{content:''; display:block; position:absolute; left:0; top:-9px; width:100%; height:3px; background:#a1ca46; transition:top .3s .3s, transform .3s;} #nav>span:after{content:''; display:block; position:absolute; left:0; top:9px; width:100%; height:3px; background:#a1ca46; transition:top .3s .3s, transform .3s;} #nav.active{background:#c8e18f;} #nav.active>span{background:none; transition:background 0s;} #nav.active>span:before{top:0; transform:rotate(45deg); transition:top .3s 0s, transform .3s .3s; background:#fff;} #nav.active>span:after{top:0; transform:rotate(-45deg); transition:top .3s 0s, transform .3s .3s; background:#fff;} #head.sm #nav{width:70px; height:60px; margin-top:0; background:#a1ca46;} #head.sm #nav>span, #head.sm #nav>span:after, #head.sm #nav>span:before{background:#fff;} #head.sm #nav>span{transition:background .3s;} #head.sm #nav.active>span{background:none; transition:background .3s;} #nav-box{position:fixed; z-index:998; background:url('../image/navbg.jpg') no-repeat center; background-size:cover; width:100%; height:100%; left:0; top:0; display:none;} #nav-box .item{width:16.666666%; height:100%; background:#fff; border-right:1px solid #eaeaea; box-sizing:border-box; float:left; position:relative; transition:all .15s;} #nav-box .item:hover{background:rgba(255,255,255,.0); border-right:0px none;} #nav-box .item:last-child{border-right:0px none;} #nav-box .item .line{width:1px; height:0px; background:#fff; position:absolute; left:50%; top:20%; margin-top:30px; transition:all .35s;} #nav-box .item:hover .line{height:60px; margin-top:0;} #nav-box .item .num{position:absolute; top:32%; width:100%; left:0; text-align:center; font-family:'Montserrat', sans-serif; font-weight:600; color:#eee; font-size:7.6rem; transition:all .3s ease;} #nav-box .item:hover .num{margin-top:-35px; color:#a1ca46;} #nav-box .item .en{position:absolute; top:42%; width:100%; left:0; text-align:center; font-family:'Montserrat', sans-serif; font-weight:400; color:#fff; font-size:1.4rem; transition:all .3s; opacity:0;} #nav-box .item:hover .en{color:#fff; opacity:.3;} #nav-box .item dl{position:absolute; top:42%; width:100%; left:0; text-align:center;} #nav-box .item dl a{display:block; transition:all .25s;} #nav-box .item dt a{font-size:2.2rem; color:#464646; padding:35px 0;} #nav-box .item dd a{font-size:1.6rem; padding:8px 0; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';} #nav-box .item:hover a{color:#fff;} #nav-box .item:hover a:hover{color:#a1ca46;} #menu{width:480px; float:right; margin-top:70px; transition:all .25s; position:relative; z-index:2;} #menu>li{float:left;} #menu>li a{display:block; font-size:2rem; color:#fff; padding:0 25px; height:40px; line-height:40px; letter-spacing:0.1rem; position:relative; transition:all .25s;} #menu>li a:after{content:''; display:block; width:0px; height:2px; background:#fff; position:absolute; bottom:-2px; left:50%; margin-left:0px; transition:all .3s;} #menu>li a:hover{color:#a0cb46 !important;} #menu>li a:hover:after{width:40px; margin-left:-20px; background:#a0cb46;} #head.sm #menu{margin-top:8px; width:460px;} #head.sm #menu>li a{font-size:1.7rem; color:#464646;} @media (max-width:1080px){ #menu{width:430px; margin-top:50px;} #menu>li a{font-size:1.8rem; padding:0 20px;} #head.sm #menu{width:400px; display:none;} #head.sm #menu>li a{font-size:1.6rem;} #nav-box .item dd a{font-size:1.4rem;} } @media (max-width:920px){ #menu{display:none;} #nav{width:70px; height:70px; margin-top:0;} #head.sm #nav{width:60px; height:60px;} #nav-box{height:auto; min-height:100%; padding-top:80px; box-sizing:border-box; top:0; bottom:0; overflow:auto;} #nav-box .item{width:100%; height:auto; background:none; float:none; border:0px none; border-bottom:1px solid rgba(255,255,255,.08);} #nav-box .item:last-child{border-bottom:0px none;} #nav-box .item .line{display:none;} #nav-box .item .num{display:none;} #nav-box .item .en{display:none;} #nav-box .item dl{position:relative; top:0; width:100%; left:0; text-align:left;} #nav-box .item dl:after{content:''; display:block; position:absolute; left:30px; top:24px; width:2px; height:18px; background:#fff;} #nav-box .item dt{position:relative;} #nav-box .item dt>span{display:block; position:absolute; right:15px; top:0; width:50px; height:100%;} #nav-box .item dt>span:after{content:''; display:block; position:absolute; right:18px; top:31px; width:14px; height:2px; background:#fff;} #nav-box .item dt>span:before{content:''; display:block; position:absolute; right:24px; top:25px; width:2px; height:14px; background:#fff; transition:all .3s;} #nav-box .item dt>span.active:before{height:2px; top:32px;} #nav-box .item dt a{font-size:2rem; color:#fff; padding:18px 50px; font-weight:bold; display:inline-block;} #nav-box .item dd{padding-left:50px; padding-bottom:25px; display:none;} #nav-box .item dd a{color:rgba(255,255,255,.6) !important;} } @media (max-width:640px){ #nav{width:50px; height:50px; margin-top:0;} } #lan{width:230px; float:right; margin-top:70px; margin-right:20px; position:relative; transition:all .25s; z-index:2;} #lan .tit{font-size:1.5rem; color:#fff; height:40px; line-height:40px; transition:all .25s;} #lan .tit i{display:inline-block; height:32px; margin:0 10px auto auto; font-family:"iconfont" !important; font-size:27px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; line-height:1; transition:all .25s;} #lan>div{position:absolute; left:-10px; top:60px; width:140px; transition:all .45s; height:0; overflow:hidden; transition:height .45s;} #lan>div.active{height:180px;} #lan>div>a{display:block; height:42px; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; background:#a1ca46; font-size:1.5rem; line-height:40px; border-bottom:1px solid rgba(255,255,255,.16); position:relative; transition:all .2s; padding-left:20px;} #lan>div>a img{height:19px; margin:-2px 8px auto auto;} #lan>div>a span{position:relative; display:block; z-index:2;} #lan>div>a:hover{background:#eee; color:#464646;} #lan>div>a:last-child{border-bottom:0px none;} /*#lan>div>a:first-child:before{content:''; display:block; width:17px; height:17px; position:absolute; right:35px; top:5px; background:#a1ca46; transform:rotate(45deg); z-index:1; transition:top .25s;} #lan>div>a:hover:before{background:#eee;} #lan>div.active>a:first-child:before{top:-9px; transition:top .25s;}*/ #head.sm #lan{margin-top:8px;} #head.sm #lan .tit{font-size:1.5rem; color:#464646;} #head.sm #lan .tit i{color:#464646;} #head.sm #lan>div{top:52px;} @media (max-width:1080px){ #lan{margin-top:68px;} #lan .tit{font-size:1.3rem;} #head.sm #lan .tit{font-size:1.3rem;} } @media (max-width:920px){ #lan{margin-top:16px; margin-right:0;} #lan>div>a{transition:none;} #lan>div>a img{margin-top:0 !important;} #head.sm #lan{margin-top:11px;} #head.sm #lan>div{top:49px;} } @media (max-width:640px){ #lan{display:none;} } .main{max-width:1600px; width:88%; margin:0 auto;} .homeNav{position:relative; overflow:hidden;} .ourTxt { width: 100%; position: relative; text-align: center; margin: 5vw auto 2vw; color: #333333;} .homeNav .ourImgItem{width:100%;flex-shrink:0;position:relative} .homeNav .centerTxt{width:26%;position:absolute;top:20px;right:18%} .homeNav .nyTit{font-size:40px;color:#333333;} .centerTxt p:first-child{word-break:break-all} .homeNav .nyTit a{color:#333333;overflow:hidden} .homeNav .nyTit a:hover{color:#a0cb46} .homeNav .nyLine{width:100px;height:2px;background-color:#a0cb46;margin-top:28px} .homeNav .nyTip,.centerTxt p strong{margin-top:29px;margin-bottom:50px;font-size:16px;color:#333333;display:block} .homeNav .nyTip a{color:#333333} .homeNav .nyTip a:hover{color:#a0cb46} .homeNav .nyItem,.centerTxt p{margin-top:15px;font-size:14px; line-height:1.8; color:#666} .homeNav .nyItem a{color:#333333} .homeNav .nyItem a:hover{color:#a0cb46} .homeNav .nyBtn{padding:7px 18px;margin-top:26px;background-color:#a0cb46 !important;font-size:18px;color:#ffffff;display:inline-block} .homeNav .nyBtn:hover{background-color:#333333 !important} .homeNav .centerImg{width:100%} /*.homeNav .yuanJt{width:44px;height:44px;background-color:#a0cb46;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;position:absolute;top:50%;left:0;margin-top:-22px} .homeNav .yuanriJt{width:44px;height:44px;background-color:#a0cb46;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;position:absolute;top:50%;right:0;margin-top:-22px} .homeNav .leftJt img{width:14px} .homeNav .yuanriJt img{width:14px}*/ .homeNav .swiper-button-next, .homeNav .swiper-button-prev{width:44px;height:44px;background-color:#a0cb46; border-radius:50%; display:flex;align-items:center;justify-content:center;} .homeNav .swiper-button-next:after, .homeNav .swiper-button-prev:after{font-size:18px; font-weight:bold; color:#fff;margin-top: -15px;} .homeNav .progressBox { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-top: 60px; position:relative; overflow:visible; text-align:center;} .homeNav .progressBox .line{ width:100%; height:1px; background:#ccc; position:absolute; top:0px; left:0px; } .homeNav .progressBox .yuan{width:2vw; height:2vw; background:#fff; border-radius:50%; border:1px solid #ccc; margin-top:-1vw;margin-left: calc(50% - 1vw);} .homeNav .progressBox .tit{display:inline-block; padding-top:10px;} .homeNav .progressBox .swiper-slide-thumb-active .yuan{background:#a0cb46} .index-section-bg {background: #f2f7f5;background-size: 100% 100%; margin-top: 5%; padding-bottom:5%;} .index-corporate-mission {position: relative;} .index-corporate-mission .index-content {position: relative;z-index: 10;} .index-corporate-mission::after {content: '';width: 100%;height: 50%;position: absolute;left: 0;top: 0;z-index: 1;background: #a1ca46;} .index-corporate-mission .index-content-left .title-1,.index-whatwedo .title .title-1 {padding-left: 25px;color: #fff;} .index-corporate-mission .index-content-left .title .text-1 h3,.index-corporate-mission .index-content-left .title .text-2 {color: #fff;} .index-corporate-mission .index-content-left .title-1::after,.index-whatwedo .title .title-1::after {content: '';width: 10px;height: 14px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -7px;} .index-corporate-mission .index-content-left .title-1::before,.index-whatwedo .title .title-1::before {background: #4d3a93;left: 10px;width: 5px;} .index-whatwedo .title .title-1::after {background: #a1ca46;} .index-content .title-1 h3{font-weight:normal;} .learnmore-1 {margin-top: 6%;} .learnmore-1 a{display: inline-block;border: 1px solid #00a66e;border-radius: 100px;padding: 2px;overflow: hidden;} .learnmore-1 i{display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: #00a66e;position: relative;border-radius: 100%;} .learnmore-1 i::after {content: '';width: 14px;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;} .learnmore-1 i::before {content: '';width: 2px;height: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;} .learnmore-1 span{display: inline-block;vertical-align: middle;color: #00a66e;margin: 0 30px;} .learnmore-1 a:hover {border: 1px solid #a1ca46;background: #a1ca46;} .learnmore-1 a:hover i {background: #fff;} .learnmore-1 a:hover i::after,.learnmore-1 a:hover i::before {background: #a1ca46;} .learnmore-1 a:hover span {color: #fff;} .learnmore-1.style1 a{border: 1px solid #a1ca46;background: #a1ca46;} .learnmore-1.style1 i {background: #fff;} .learnmore-1.style1 i::after,.learnmore-1.style1 i::before {background: #a1ca46;} .learnmore-1.style1 span {color: #fff;} .learnmore-1 a {border: 1px solid #a1ca46;} .learnmore-1 span,.date strong,.date sup {color: #a1ca46;} .learnmore-1 i {background: #a1ca46;} .learnmore-1.style1 a {background: #a1ca46;border: 1px solid #a1ca46;} .learnmore-1.style1 i::after, .learnmore-1.style1 i::before {background: #a1ca46;} .learnmore-3 span {color: #473889;} .learnmore-3 i { background: #473889 url('../images/r1.png') center no-repeat;} .date li::after {background: #000;opacity: 1;} .index-corporate-mission {padding: 4% 0 0;overflow: hidden;} .index-corporate-mission .index-content-left{float: left;width: 46%;margin-top: 4%;} .index-corporate-mission .index-content-left .title-1{position: relative;padding-left: 15px;} .index-corporate-mission .index-content-left .title-1::before {content: '';width: 4px;height: 14px;background: #72a306;position: absolute;left: 0;top: 50%;margin-top: -7px; z-index:2} .index-corporate-mission .index-content-left .title .text-1{margin-top: 4%;} .index-corporate-mission .index-content-left .title .text-2{margin-top: 6%;} .index-corporate-mission .index-content-left .learnmore-1 {margin-top: 15%;} .date{margin-top: 13%; display:flex; justify-content:space-between;} .date li {list-style: none;margin: 0;padding: 0;float: left;position: relative;} /*.date li::after {content: '';width: 1px;height: 100%;position: absolute;right:0;top: 0;background: #ccc;opacity: .3;} */ .date li:last-child {margin-right: 0;padding-right: 0;} .date li:last-child::after {display: none;} .date span{display: block;color: #232323;} .date strong{display: block;color: #72a306;font-weight: normal;} .date sup {position: absolute;right: -20px;top: 40%;font-size: 18px;color: #72a306;font-weight: bold;} .index-corporate-mission .index-content-right{float: right;width: 48%;position: relative;} .index-corporate-mission .index-content-right .img{display: block;position: relative;} .yuan1 {width: 178px;height: 194px;position: absolute;right: -70px;bottom: -80px;z-index: 11;background: url('../images/yu2.png') center no-repeat;display: none;} .homeNav .cusBox { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;margin-top: 60px; flex-wrap: wrap;} .homeNav .cusItem{width:32%;box-shadow:0px 0px 8px -4px #a0cb46;height:300px;display:flex;align-items:center;flex-direction:column;justify-content:start;padding-top:49px;box-sizing:border-box; } .homeNav .cusItem:hover{box-shadow:0px 0px 10px 1px #a0cb46} .homeNav .itemTop{width:120px;height:120px;border:solid 2px #e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center} .homeNav .itemTip{margin-top:23px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Arial;font-size:24px;color:#333333} .homeNav .itemTip a{color:#333333} .homeNav .itemTip a:hover{color:#a0cb46} .homeNav .itemTxt{width:74%;margin-top:16px;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:Arial;font-size:16px;color:#999999;line-height:24px} .homeNav .itemTxt a{color:#999999;display:block} .homeNav .itemTxt a:hover{color:#a0cb46} .aksb-title .english-1 {line-height: 60px;font-family: 'Montserrat-Bold';} .aksb-title .title-3 {line-height: 30px;position: relative;margin-top: 3%;padding-left: 3%;} .aksb-title .title-3::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: #a0cb46;} .index-news {width: 100%; padding-bottom:5%; position: relative;overflow: hidden;/*background: url('../image/nbg1.jpg') center no-repeat;background-size: cover;*/} .index-news-content {height: 100%;margin: auto;} .index-news-content-top {margin-top: 5%;position: relative;} .index-news-content-top .aksb-title .title-3{margin-top: 1%;padding-left: 1%;} .index-news-content-top-right {position: absolute;right: 0;bottom: 0;} .index-news-nav {display: inline-block;vertical-align: middle;} .index-news-nav li{display: inline-block;vertical-align: middle;padding: 0;margin: 0;position: relative;list-style: none;} .index-news-nav a{font-size: 16px;display: inline-block;color: #999999;padding: 5px 20px;position: relative;} .index-news-nav a::before {content: '';width: 1px;height:16px;background: #ccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .5;} .index-news-nav li:last-child a::before {display: none;} .index-news-nav li.cur a {color: #a0cb46;} .index-news-nav li.cur a::after {content: '';width: 70%;height:2px;background: #a0cb46;position: absolute;right: 15%;bottom:0;} .index-news-more {display: inline-block;vertical-align: middle;margin-left: 40px;} .index-news-more a{display: block;} .index-news-more span{font-size: 16px;display: inline-block;vertical-align: middle;color: #999999;margin-right: 10px;} .index-news-more i{position: relative;width: 22px;height: 22px;border: 2px solid #999;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;} .index-news-more i::before,.index-news-more i::after {content: '';position: absolute;left:50%;top:50%;background: #999;} .index-news-more i::before {width: 2px;height: 10px;margin: -5px 0 0 -1px;} .index-news-more i::after {width: 10px;height: 2px;margin: -1px 0 0 -5px;} .index-news-more a:hover span{color: #a0cb46;} .index-news-more a:hover i{border: 2px solid #a0cb46;transform: rotate(180deg);} .index-news-more a:hover i::before,.index-news-more a:hover i::after {background: #a0cb46;} .index-news-content-bottom {margin-top: 4%;} .index-news-content-bottom-left {float: left;width: 41%;position: relative;box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.08);} .index-news-content-bottom-item {background: #fff;border-radius: 12px;overflow: hidden;} .index-news-content-bottom-item a {display: block;} .index-news-content-bottom-item .date-1 {font-size: 18px;font-family: 'Montserrat-Bold';background: #a0cb46;color: #fff;text-align: center;position: absolute;right: 0;bottom: 0;z-index: 1;padding: 13px 20px;border-radius: 12px 0 0 0;} .index-news-content-bottom-item .text {padding: 5% 6%;overflow: hidden;} .index-news-content-bottom-item .title-1 {font-size: 18px;font-weight: 900;margin-bottom: 2%;} .index-news-content-bottom-item .text-2 {font-size: 14px;line-height: 24px;color: #666;overflow: hidden;} .viewdetail-3 {margin-top: 3%;} .viewdetail-3 span{color: #a0cb46;position: relative;padding-right: 20px;display:inline-block;} .viewdetail-3 span::after {content: '';width: 14px;height: 14px;position: absolute;right: 0;top: 54%;transform: translateY(-50%);background: url('../image/r3.png') center no-repeat;} .index-news-content-bottom-item a:hover .pic{transform: scale(1.05);} .index-news-content-bottom-item a:hover .title-1 {color: #a0cb46;} .index-news-content-bottom-right {float: right;width: 51%;} .index-news-content-bottom-list {overflow: hidden;} .index-news-content-bottom-list li{list-style: none;margin: 0;padding: 0;} .index-news-content-bottom-list li a{display: block;overflow: hidden;position: relative;border-bottom: 1px solid #e5e6e9;padding: 3.5% 0;} .index-news-content-bottom-list li span{display: block;font-size: 12px;color: #b2b2b2;padding-bottom: 7px;} .index-news-content-bottom-list li strong{display: block;font-size: 16px;font-weight: normal;margin: 0;padding: 0;} .index-news-content-bottom-list li i{width: 19px;height: 12px;background: url('../image/r2.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-20%);opacity: .2;} .index-news-content-bottom-list li:last-child a {border-bottom:none;} .index-news-content-bottom-list li a:hover {border-bottom: 1px solid #a0cb46} .index-news-content-bottom-list li a:hover strong {color: #a0cb46;} .index-news-content-bottom-list li a:hover i {opacity: 1;} /*.index-news-content-bottom-swiper .swiper-slide {opacity: 0;} .index-news-content-bottom-swiper .swiper-slide-active {opacity: 1;}*/ #foot{background:#161616; position:relative; z-index:6;} #foot .menu{padding:50px 35px 120px 35px; position:relative;} #foot .menu dl{float:left; margin-right:100px; padding-left:25px; position:relative;} /*#foot .menu dl:before{content:''; display:block; width:3px; height:20px; background:#fff; left:0; top:14px; position:absolute;}*/ #foot .menu dl dt{margin-bottom:10px;} #foot .menu dl dt>a{display:block; font-size:2rem; color:#fff; padding:10px 0;} #foot .menu dl dd>a{display:block; font-size:1.5rem; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; padding:6px 0; color:#ccc;} #foot .menu dd.plus{display:none;} #foot .menu dl a:hover{color:#a0cb46;} #foot .qr{width:320px; float:right; margin-top:10px; margin-right:-10px;} #foot .qr .tit{font-size:1.8rem; text-transform:uppercase; color:#fff; font-family:'Montserrat', sans-serif; font-weight:200;} #foot .qr .qrcode{margin-top:20px;} #foot .qr .qrcode img{width:129px; height:129px; background:#fff; padding:2px; margin-left:10px;} #foot .top{display:block; width:45px; height:45px; position:absolute; left:50%; bottom:35px; font-family:'iconfont' !important; font-size:45px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:35px; transition:all .25s; margin-left:-22.5px; color:#555;background: #a0cb46; text-align: center; border-radius: 50%;} #foot .top:hover{color:#5b7f0e;} #foot .btm{border-top:1px solid rgba(255,255,255,.16); height:50px; padding:0 35px; line-height:48px; font-size:1.4rem; color:#666;} #foot .btm .left>span{display:inline-block;} #foot .btm .left{width:60%; float:left;} #foot .btm .right{width:40%; float:left; text-align:right;} #foot .btm .right a{display:inline-block;} #foot .btm .right a.dark{color:#333;} .footer-contact-item {margin-top: 5%;} .footer-contact-item .title-1{color: #8b8b8b;} .footer-contact-item .tel-1{font-family: 'Manrope-Bold'; color:#fff; margin-top:1%;} .footer-contact-item .add-1{margin-top: 2%;} @media (max-width:1440px){ #foot .menu dl{margin-right:90px;} #foot .menu dl dt>a{font-size:1.9rem;} #foot .top{width:42px; height:42px; margin-left:-21px; font-size:42px;} } @media (max-width:1366px){ #foot .menu dl{margin-right:80px;} } @media (max-width:1280px){ #foot .menu dl:before{height:18px;} #foot .menu dl dt>a{font-size:1.8rem;} #foot .menu dl dd>a{font-size:1.4rem;} #foot .top{width:40px; height:40px; margin-left:-20px; font-size:40px;} .homeNav .nyTit{font-size:30px;} } @media (max-width:1080px){ #foot .menu dl{margin-right:50px;} #foot .menu dl dt>a{font-size:1.6rem;} #foot .menu dl dd>a{font-size:1.3rem;} #foot .btm{font-size:1.3rem;} #foot .top{width:36px; height:36px; margin-left:-18px; font-size:36px;} } @media (max-width:920px){ #foot .menu{padding:45px 0 106px 0;} #foot .menu dl{float:none; } #foot .menu dl:before{height:18px; top:15px;} #foot .menu dl dt>a{display:inline-block; padding-top:11px; font-size:1.7rem;} #foot .menu dl dd{display:none; padding-bottom:20px;} #foot .menu dl dd>a{font-size:1.4rem;} #foot .menu dd.plus{display:block; padding-bottom:0; width:40px; height:100%; position:absolute; right:-15px; top:0;} #foot .menu dd.plus:after{content:''; display:block; position:absolute; right:13px; top:25px; background:#fff; width:12px; height:2px;} #foot .menu dd.plus:before{content:''; display:block; position:absolute; right:18px; top:20px; background:#fff; width:2px; height:12px; transition:all .3s;} #foot .menu dd.plus.active:before{height:0px; top:26px;} #foot .menu dl:first-child dd{display:block !important; margin-top:-12%;} #foot .qr{width:100%; float:none; margin-top:40px; margin-right:0; border-top:1px solid rgba(255,255,255,.16); padding-top:40px; text-align:center;} #foot .qr .tit{font-size:2.6rem;} #foot .top{width:42px; height:42px; margin-left:-21px; font-size:42px;} #foot .btm{padding:25px 15px 30px 15px; text-align:center; height:auto; line-height:1;} #foot .btm .left{width:100%; float:none;} #foot .btm .left>span.space{display:none;} #foot .btm .left>span.copyright{display:block; padding:8px 0;} #foot .btm .right{width:100%; float:none; text-align:center; margin-top:8px;} } @media (max-width:640px){ .homeNav .nyBtn{display:none;} .homeNav .nyTit{font-size: 20px;} .homeNav .nyLine{display: none;} .main{width:92%;} .homeNav .swiper-button-next, .homeNav .swiper-button-prev{width:30px; height: 30px;top: 40%;} .homeNav .swiper-button-next:after, .homeNav .swiper-button-prev:after{font-size:16px;} .homeNav .progressBox{margin-top:30px;} .index-corporate-mission .index-content-left{width: 100%;} .index-corporate-mission .index-content-right{width:100%;} .index-corporate-mission .index-content-left .learnmore-1{ margin-bottom:20px; margin-top:20px;} .index-corporate-mission .index-content-left .learnmore-1 a{background:#fff;} .homeNav .cusItem{width: 100%; margin-bottom:20px;} .index-news-content-bottom-left{width: 100%;} .index-news-content-bottom-right{width: 100%;} } #bans{position:relative; width:100%; height:70%; z-index:2; background-repeat:no-repeat; background-position:center; background-size:cover;} #bans.fix{background-attachment: fixed;} #bans .con{position:absolute; z-index:4; width:100%; left:0; top:36%; color:#fff; line-height:1.1; text-align:center;} #bans .tit{font-size:6.8rem; margin-bottom:80px; position:relative;} #bans .tit.contact{font-family:'Montserrat', sans-serif; font-weight:600;} #bans .tit:after{content:''; display:block; position:absolute; left:50%; width:72px; height:1px; margin-left:-36px; bottom:-40px; background:#fff;} #bans .nav{font-size:5.2rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; color:#a0cb46;} #bans .mouse{bottom:120px;} #bans .menu-sub, #banssm .menu-sub{height:70px; position:absolute; width:100%; left:0; bottom:0;} #bans .menu-sub p, #banssm .menu-sub p{display:none;} #bans .menu-sub a, #banssm .menu-sub a{display:block; float:left; background:rgba(0,0,0,.5); height:100%; line-height:70px; font-size:2rem; text-align:center; color:#fff; border-right:1px solid rgba(255,255,255,.2); box-sizing:border-box; transition:all .2s;} #bans .menu-sub a:hover, #banssm .menu-sub a:hover{color:#a0cb46; background:rgba(0,0,0,.7);} #bans .menu-sub a.active, #banssm .menu-sub a.active{background:#a0cb46; color:#fff; border-right:0px none;} #bans .menu-sub a:last-child, #banssm .menu-sub a:last-child{border-right:0px none;} #bans .menu-sub.about a, #banssm .menu-sub.about a{width:25%;} #bans .menu-sub.product a, #banssm .menu-sub.product a{width:50%;} #bans .menu-sub.media a, #banssm .menu-sub.media a{width:33.33333%;} #bans .menu-sub.market a, #banssm .menu-sub.market a{width:25%;} #banssm{height:120px; background:#161616; position:relative; z-index:8;} #banssm .menu-sub{height:60px;} #banssm .menu-sub a{line-height:60px; font-size:1.8rem;} .main-box{max-width:1400px; padding:0 50px; box-sizing:border-box; margin:50px auto; overflow:hidden;} @media (max-width:1440px){ #bans .tit{font-size:6rem;} #bans .nav{font-size:4.8rem;} #bans .menu-sub, #banssm .menu-sub{height:62px;} #bans .menu-sub a, #banssm .menu-sub a{line-height:62px; font-size:1.8rem;} } @media (max-width:1366px){ #bans .tit{font-size:5.8rem;} #bans .nav{font-size:4.6rem;} .main-box{max-width:100%;} } @media (max-width:1280px){ #bans .tit{font-size:5.6rem;} #bans .nav{font-size:4.4rem;} #bans .menu-sub, #banssm .menu-sub{height:58px;} #banssm{height:118px;} #bans .menu-sub a, #banssm .menu-sub a{line-height:58px; font-size:1.7rem;} } @media (max-width:1080px){ } @media (max-width:920px){ #bans .tit{font-size:4rem; margin-bottom:50px;} #bans .tit:after{bottom:-25px;} #bans .nav{font-size:3.8rem;} #bans .menu-sub, #banssm .menu-sub{height:56px;} #bans .menu-sub p{height:56px;} #bans .menu-sub p, #banssm .menu-sub p{display:block; height:56px; line-height:54px; background:#161616; color:#fff; font-size:1.6rem; padding-left:25px; position:relative; border-bottom:1px solid rgba(255,255,255,.1);} #bans .menu-sub p img, #banssm .menu-sub p img{position:absolute; right:23px; top:17px; height:20px; transition:all .25s;} #bans .menu-sub p.active img, #banssm .menu-sub p.active img{transform:rotate(180deg);} #bans .menu-sub div, #banssm .menu-sub div{display:none;} #bans .menu-sub a, #banssm .menu-sub a{width:100% !important; text-align:left; height:52px; line-height:52px; padding-left:35px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.1); font-size:1.5rem; background:#161616;} .main-box{padding: 15px; margin: 0 auto;} .homeNav .nyItem, .centerTxt p{display: none;} } .about-box{height:400px; padding:30px 0;} .about-box .left{width:450px; float:left; border-right:1px solid #eaeaea; height:100%; box-sizing:border-box;} .about-box .left .top{height:200px; border-bottom:1px solid #eaeaea; padding-right:35px; position:relative;} .about-box .left .btm{padding-top:35px; position:relative;} .about-box .left .top .img{position:absolute; right:30px; top:0px; height:128px;} .about-box .left .btm .img{position:absolute; right:40px; top:30px; height:100px;} .about-box .center{width:470px; float:left; border-right:1px solid #eaeaea; height:100%; box-sizing:border-box; padding:0 35px;} .about-box .right{width:380px; float:right; box-sizing:border-box; padding-left:35px;} .about-box .tit{font-size:3.2rem; color:#464646;} .about-box .val{font-size:1.8rem; line-height:1; margin-top:30px;} .about-box .left .num{font-size:5.8rem; text-transform:uppercase; color:#a0cb46; font-family:'Montserrat', sans-serif; font-weight:600; display:inline-block; vertical-align:baseline; line-height:1; margin-right:3px;} .about-box .desc{margin-top:10px; font-size:1.5rem;} .about-box .left .btm .desc{margin-top:30px;} .about-box .left .btm .desc .stress{color:#a0cb46; font-size:2.6rem;} .about-box .left .btm .desc p{margin-bottom:8px;} .about-box .center .desc{line-height:1.9; margin-top:25px;} .about-box .center .img{display:block; margin:35px auto; height:256px;} .about-box .right .desc{line-height:1.9; margin-top:25px;} .about-box .right .img{display:block; margin:35px auto; height:158px;} #am1{background:url('../image/am1.jpg') no-repeat center; background-size:cover; background-attachment:fixed; color:#fff; padding:60px 0 50px 0;} #am1 .tit{font-size:3.2rem; position:relative;} #am1 .tit:after{content:''; display:block; height:1px; width:64px; left:0; bottom:-30px; background:rgba(255,255,255,.3); position:absolute;} #am1 .con{font-size:1.7rem; margin-top:60px; line-height:1.8; letter-spacing:.08rem;} #am1 .con p{margin-bottom:15px; font-weight:300;} .about-l{width:45%; float:left;} .about-r{width:45%; float:right;} #am2{background:#fff; padding:30px 0; position:relative; z-index:1;} #am2 .tit{font-size:4.5rem; color:#a0cb46;} #am2 .line{height:1px; background:rgba(255,255,255,.1); width:100%; margin-top:80px;} #am2 .swiper-container{margin-top:-35px;} #am2 .swiper-slide{min-height:200px;} #am2 .swiper-slide .tit{font-size:2rem; font-family:'Montserrat', sans-serif; font-weight:600; position:relative; padding-top:70px; padding-bottom:20px;} #am2 .swiper-slide .tit:before{background:#a0cb46; content:''; display:block; width:1px; height:70px; position:absolute; left:8px; top:0; transform:rotate(40deg);} #am2 .swiper-slide .con{font-size:1.6rem; color:#a0cb46; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';} #am2 .swiper-slide .con ul{padding-left:20px;} #am2 .swiper-slide .con ul>li{position:relative; margin:25px 0; line-height:1.7; padding-right:30px;} #am2 .swiper-slide .con ul>li:after{content:''; display:block; background:#a0cb46; width:8px; height:8px; position:absolute; left:-20px; top:10px; border-radius:100%;} #am2 .np{padding:60px 0 30px 0; text-align:center; position:relative;} #am2 .np>div{position:relative; display:inline-block; padding:0 40px; outline:none;} .pointBox { width: unset !important; margin: 40px auto; text-align: center;} .pointBox .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; cursor: pointer; margin: 0 10px !important;} .pointBox .swiper-pagination-bullet-active { background-color: #bfee5b;} #am3{min-height:600px; padding:30px 0 60px 0; background:url('../image/am3.jpg') no-repeat right bottom; background-size:cover;} #am3 .tit{font-size:4.5rem; color:#464646;} #vL{width:800px; height:450px; background:#222; cursor:pointer; margin:50px auto 90px auto; position:relative;} #vL>p{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:#000; filter:alpha(opacity=70); opacity:.5; display:block;} #vL>span{width:66px; height:66px; position:absolute; left:50%; top:50%; z-index:3; background:url(../image/play-1.png) no-repeat; background-size:100% 100%; margin:-38px 0 0 -33px; transition:all .3s; display:block;} #vL:hover>span{filter:alpha(opacity=60); opacity:.6;} #vL>div{position:absolute; left:0; top:0; width:100%; height:100%;} #am3 .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light'; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;} #am3 .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:50px; top:20px; transition:all .3s;} #am3 .more:hover{color:#a0cb46; border:1px solid #a0cb46;} #am3 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:56px; top:14px;transition:all .3s;} #am3 .more:hover:before, #am3 .more:hover:after{transform:rotate(180deg); background:#a0cb46;} @media (max-width:1440px){ #am1 .con{font-size:1.6rem;} #am2 .tit{font-size:4.2rem;} #am2 .swiper-slide .tit{font-size:4.6rem;} #am2 .swiper-slide .con{font-size:1.5rem;} #am3 .tit{font-size:4.2rem;} } @media (max-width:1366px){ .about-box .left{width:430px;} .about-box .center{width:460px;} .about-box .right{width:360px;} .about-box .tit{font-size:3rem;} .about-box .left .num{font-size:5.3rem;} } @media (max-width:1280px){ .about-box .left{width:400px;} .about-box .center{width:430px;} .about-box .right{width:330px;} .about-box .desc{font-size:1.4rem;} .about-box .left .btm .desc .stress{font-size:2.2rem;} .about-l, .about-r{width:48%;} #am1 .tit{font-size:3rem; position:relative;} #am1 .con{font-size:1.5rem;} #am2{padding:20px 0 15px 0;} #am2 .tit{font-size:4rem;} #am2 .swiper-slide .tit{font-size:4.2rem;} #am2 .swiper-slide .con{font-size:1.4rem;} #am3 .tit{font-size:4rem;} #am3 .more{width:120px; height:42px; line-height:40px; font-size:1.7rem; padding-right:25px;} #am3 .more:before{width:12px; right:45px; top:19px;} #am3 .more:after{height:12px; right:50px; top:14px;} } @media (max-width:1080px){ .about-box{height:auto; padding:15px 0;} .about-box .left{width:100%; float:none; border-right:0 none; height:auto;} .about-box .left .top{width:50%; float:left; height:200px; border-bottom:0 none; border-right:1px solid #eaeaea; padding-right:0; box-sizing:border-box;} .about-box .left .btm{width:50%; float:right; padding-top:0; padding-left:35px; box-sizing:border-box;} .about-box .left .btm .img{right:0;} .about-box .center{width:50%; height:200px; padding:0 35px 0 0; border-top:1px solid #eaeaea; padding-top:35px; position:relative;} .about-box .center .desc{padding-right:100px;} .about-box .center .img{margin:auto; height:110px; position:absolute; right:35px; top:30px;} .about-box .right{width:50%; padding-left:35px; border-top:1px solid #eaeaea; padding-top:30px; position:relative;} .about-box .right .desc{padding-right:110px;} .about-box .right .img{margin:auto; height:100px; position:absolute; right:-12px; top:33px;} .index-corporate-mission::after{height: 63%;} #am1{padding:25px 0 25px 0;} #am2{padding:10px 0 10px 0;} #am2 .tit{font-size:3.6rem;} #am2 .swiper-slide .tit{font-size:3.8rem;} #am2 .swiper-slide .con{font-size:1.4rem;} #am3{min-height:auto; padding:20px 0;} #am3 .tit{font-size:3.6rem;} #am3 .more{width:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;} #am3 .more:before{width:12px; right:36px; top:18px;} #am3 .more:after{height:12px; right:41px; top:13px;} } @media (max-width:920px){ .about-box{padding:0; margin-top:-5px;} .about-box .left .top{width:100%; float:none; height:200px; border-bottom:1px solid #eaeaea; border-right:0 none; padding:0 25px;} .about-box .left .top .img{right:25px;} .about-box .left .btm{width:100%; float:none; padding:30px 25px; border-bottom:1px solid #eaeaea;} .about-box .left .btm .img{right:25px;} .about-box .left .btm .desc .stress{font-size:2rem;} .about-box .center{width:100%; height:220px; padding:30px 25px; border-top:0 none; border-bottom:1px solid #eaeaea;} .about-box .center .desc{padding-right:110px;} .about-box .center .img{height:100px; right:25px;} .about-box .right{width:100%; padding:30px 25px; border-top:0px none; } .about-box .right .desc{padding-right:110px;} .about-box .right .img{right:25px;} .index-corporate-mission{padding: 4% 0 15%;} .date { margin-top: 13%; position: absolute; z-index: 1; left: 0; bottom: -78px; width: 100%;} #am1{padding:10px 25px; background:#1b1b1b;} .about-l{width:100%; float:none;} .about-r{width:100%; float:none; margin-top:60px;} #am2{padding:5px 25px 1px 25px;} #am2 .tit{font-size:3rem;} #am2 .swiper-slide .con{font-size:1.6rem;} #am2 .line{margin-top:60px;} #am2 .swiper-slide .tit{padding-top:60px;} #am2 .swiper-slide .tit:before{height:50px; top:10px;} #am2 .swiper-slide .con ul>li{margin:13px 0;} #am2 .swiper-slide .con ul>li:after{width:7px; height:7px; top:10px;} #am3{padding:5px 25px 25px 25px;} #am3 .tit{font-size:3rem;} #vL{width:100%; height:auto; margin:50px auto 60px auto;} } @media (max-width:640px){ .index-corporate-mission { padding: 4% 0 20%; } } #history .main-box{margin:80px auto; position:relative; min-height:600px; z-index:1;} #history .left{width:40%; height:100%; background:url('../image/history.jpg') no-repeat center; background-size:cover; position:absolute; left:0; top:0; padding:80px 60px; box-sizing:border-box;} #history .left .tit{font-size:5rem; color:#fff;} #history .left .con{font-size:1.7rem; color:#fff; padding-left:43px; margin-top:35px;} #history .left .con p{margin:15px 0;} #history .right{width:50%; float:right; border-left:1px solid #eaeaea; min-height:600px; position:relative;} #history .right dl{padding:45px 0 15px 40px;} #history .right dl dt{position:relative; color:#fff; background:#a0cb46; display:inline-block; font-size:1.8rem; padding:12px 32px;} #history .right dl dt:before{content:''; display:block; width:12px; height:12px; background:#ccc; border-radius:100%; position:absolute; left:-46px; top:18px;} #history .right dl dt:after{content:''; display:block; width:12px; height:12px; background:#a0cb46; left:-6px; top:19px; transform:rotate(-45deg); position:absolute;} #history .right dl dd{font-size:1.5rem; padding:20px 0 0 0;} @media (max-width:1440px){ #history .main-box{margin:70px auto;} #history .left{left:20px;} } @media (max-width:1366px){ #history .main-box{margin:60px auto;} #history .left{left:30px;} } @media (max-width:1280px){ } @media (max-width:1080px){ #history .left{padding:70px 40px;} #history .left .tit{font-size:4rem;} } @media (max-width:920px){ #history .main-box{margin:0 auto 0 auto;} #history .left{width:100%; height:auto; position:unset; padding:80px 60px;} #history .right{width:100%; float:none; padding:25px 50px 55px 0; box-sizing:border-box; margin-left:25px;} #history .right dl{padding:25px 0 15px 40px;} } #culture{padding:30px 0;} #culture .line{position:relative; z-index:1;} #culture .line .left{width:400px; height:100%; position:absolute; left:0; top:0;} #culture .line .left .img1{width:100%; height:60%; background:url('../image/culture2.jpg') no-repeat center; background-size:cover;} #culture .line .left .img2{width:100%; height:40%; border-top:1px solid #fff; box-sizing:border-box; background:url('../image/culture.jpg') no-repeat center; background-size:cover;} #culture .line .right{width:850px; height:auto; float:right; margin-left:30px; padding:50px; box-sizing:border-box; border:1px solid #eaeaea; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; font-size:1.5rem; font-weight:300; line-height:1.9;} #culture .line .right .tit{font-size:4.8rem; line-height:1; color:#464646; margin-bottom:30px;} #culture .line .right p{margin-bottom:20px;} #amc1{min-height:600px; background:url('../image/acm1.jpg') no-repeat center; background-size:cover;} #amc1 .main-box{min-height:600px; position:relative; padding:0; margin:auto; z-index:2;} #amc1 .main-box .box{height:100%; position:absolute; right:50px; top:0; width:500px; background:rgba(255,255,255,.9); padding:70px 80px; box-sizing:border-box;} #amc1 .main-box .box .tit{font-size:5.6rem; color:#464646;} #amc1 .main-box .box .con{font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; font-size:1.7rem; font-weight:300; line-height:2; margin-top:35px;} @media (max-width:1440px){ } @media (max-width:1366px){ #culture .line .right{width:805px;} } @media (max-width:1280px){ #culture .line .right{width:730px;} } @media (max-width:1080px){ #culture .line .right{width:530px;} } @media (max-width:920px){ #culture{padding:0 0 30px 0;} #culture .main-box{padding:0; margin:0;} #culture .line .left{width:100%; height:400px; position:unset;} #culture .line .right{width:100%; float:none; margin-left:0; padding:25px; border:0 none; margin-top:20px;} #amc1 .main-box .box{right:0; width:100%; padding:60px 25px 0px 25px;} } #honor{min-height:850px; background:url('../image/honor.jpg') no-repeat center; background-size:cover;} #honor .tit{margin-left:8%; font-size:5.6rem; color:#464646; padding-top:80px;} #honor .tit-sub{margin-left:8%; font-size:2rem; margin-top:20px; color:#999;} #honor .box{min-height:500px; width:100%; margin-top:30px; padding-bottom:80px; position:relative;} #honor .box .line{background:#a0cb46; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;} #honor .box .wrap{padding:0 8%; position:relative; z-index:2;} #honor .box .wrap .swiper-container{margin:0 130px; padding:0 0 20px 20px; z-index:1;} #honor .box .wrap .swiper-slide{height:258px; padding-bottom:7px; overflow:visible;} #honor .box .wrap .swiper-slide:before{content:''; display:block; width:12px; height:12px; background:#a0cb46; border-radius:100%; position:absolute; left:-5px; bottom:-42px;} #honor .box .wrap .swiper-slide:after{content:''; display:block; width:2px; height:215px; background:#a0cb46; position:absolute; left:0; bottom:-36px;} #honor .box .wrap .swiper-slide .tit{font-size:4.6rem; font-family:'Montserrat', sans-serif; font-weight:600; position:relative; padding-top:48px; box-sizing:border-box; position:relative; color:#464646; padding-left:10px;} #honor .box .wrap .swiper-slide .tit:before{content:''; display:block; width:14px; height:14px; border:1px solid #a0cb46; border-radius:100%; position:absolute; left:-28px; top:71px;} #honor .box .wrap .swiper-slide .con{margin-top:15px; font-size:1.5rem; line-height:1.3; padding-left:30px; padding-right:10px; width:130%;} #honor .box .wrap .swiper-slide .con li{margin-bottom:8px; color:#464646; position:relative; padding-left:20px;} #honor .box .wrap .swiper-slide .con li:before{content:''; display:block; width:8px; height:8px; background:#555; border-radius:100%; left:2px; top:6px; position:absolute;} #honor .box .wrap .swiper-slide:nth-child(even){padding-top:308px;} #honor .box .wrap .swiper-slide:nth-child(even):before{content:''; display:block; width:12px; height:12px; background:#a0cb46; border-radius:100%; position:absolute; left:-5px; bottom:0; top:295px;} #honor .box .wrap .swiper-slide:nth-child(even):after{content:''; display:block; width:2px; height:215px; background:#a0cb46; position:absolute; left:0; bottom:0; top:295px;} #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{content:''; display:block; width:14px; height:14px; border:1px solid #a0cb46; border-radius:100%; position:absolute; left:-27px; top:201px;} #honor .np{position:absolute; width:100%; left:0; top:50%; margin-top:40px;} #honor .swiper-button-prev{width:64px; height:64px; background:url('../image/ico.arr.left.png') no-repeat center; background-size:30px; left:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; background-color:#a0cb46; border-radius:100%; transition:all .2s;} #honor .swiper-button-next{width:64px; height:64px; background:url('../image/ico.arr.left.png') no-repeat center; background-size:30px; right:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; transform:rotate(180deg); background-color:#a0cb46; border-radius:100%; transition:all .2s;} #honor .swiper-button-prev:hover, #honor .swiper-button-next:hover{background-color:#3779ff;} @media (max-width:1440px){ #honor{min-height:750px;} #honor .box .wrap .swiper-slide .tit{font-size:4.2rem;} #honor .box .wrap .swiper-slide .tit:before{left:-24px;} #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{left:-25px;} #honor .box .wrap .swiper-slide .con{font-size:1.4rem;} } @media (max-width:1366px){ #honor{min-height:650px;} #honor .tit{font-size:5.2rem; padding-top:60px; margin-left:35px;} #honor .tit-sub{font-size:1.8rem; margin-top:16px; margin-left:35px;} #honor .box{min-height:200px; margin-top:0px;} #honor .box .line{background:#a0cb46; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;} #honor .box .wrap{padding:0 35px;} #honor .box .wrap .swiper-slide{height:188px;} #honor .box .wrap .swiper-slide:before{bottom:-77px;} #honor .box .wrap .swiper-slide:after{height:180px; bottom:-72px;} #honor .box .wrap .swiper-slide .tit{font-size:4rem;} #honor .box .wrap .swiper-slide .tit:before{left:-42px;} #honor .box .wrap .swiper-slide:nth-child(even):before{top:260px;} #honor .box .wrap .swiper-slide:nth-child(even):after{height:188px; top:265px;} #honor .box .wrap .swiper-slide:nth-child(even) .tit{padding-top:18px; } #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{left:-42px; top:145px;} #honor .swiper-button-prev{left:35px;} #honor .swiper-button-next{right:35px;} } @media (max-width:1280px){ } @media (max-width:1080px){ } @media (max-width:920px){ #honor{min-height:auto;} #honor .tit{font-size:3.6rem; padding-top:50px; margin-left:25px;} #honor .tit-sub{font-size:1.5rem; margin-top:6px; margin-left:25px;} #honor .box{min-height:auto; padding-top:30px;} #honor .box .line{display:none;} #honor .box .wrap{padding:0 25px;} #honor .box .wrap .swiper-container{margin:0 0; padding:0 0 0 0;} #honor .box .wrap .swiper-slide{height:auto; padding:0 50px; box-sizing:border-box;} #honor .box .wrap .swiper-slide:before{display:none;} #honor .box .wrap .swiper-slide:after{display:none;} #honor .box .wrap .swiper-slide .tit{font-size:3.2rem; padding-top:0 !important; padding-left:0px; margin-left:0;} #honor .box .wrap .swiper-slide .tit:before{display:none;} #honor .box .wrap .swiper-slide .con{padding-left:0px; padding-right:10px;} #honor .box .wrap .swiper-slide .con li{margin-bottom:8px; color:#464646; position:relative; padding-left:20px;} #honor .box .wrap .swiper-slide:nth-child(even){padding:0 50px;} #honor .box .wrap .swiper-slide:nth-child(even):before{display:none;} #honor .box .wrap .swiper-slide:nth-child(even):after{display:none;} #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{display:none;} #honor .np{position:absolute; width:100%; left:0; top:50%; margin-top:0;} #honor .swiper-button-prev{width:36px; height:36px; background-size:16px; left:20px; margin-top:0;} #honor .swiper-button-next{width:36px; height:36px; background-size:16px; right:20px; margin-top:0;} } #product{min-height:840px;} #product .item{min-height:400px; position:relative;} #product .item>.img{width:50%; min-height:400px; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; right:0; top:0;} #product .item:nth-child(even)>.img{left:0;} #product .item .con{width:50%; min-height:400px; height:100%; float:left; padding:75px 85px; box-sizing:border-box; position:relative;} #product .item .con:before{position:absolute; right:-18px; top:50%; margin-top:-20px; background:#fff; display:block; content:''; width:36px; height:36px; transform:rotate(45deg);} #product .item:nth-child(even) .con{float:right;} #product .item:nth-child(even) .con:before{left:-18px;} #product .item .con .tit{font-size:4.6rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';} #product .item .con .tit-sub{font-size:1.6rem; color:#999; margin-top:10px;} #product .item ul{margin-top:50px;} #product .item ul li{display:inline-block; width:135px; margin:0 50px 25px 0; vertical-align:top;} #product .item ul li>a{display:block; width:135px;} #product .item ul li>a .img{display:block; width:135px; height:135px; background:#eee; border-radius:100%; padding:5px; box-sizing:border-box; overflow:hidden; transition:all .35s ease; position:relative;} #product .item ul li>a .img img{width:100%; height:100%; transition:all .3s; max-width:none;} #product .item ul li>a .name{font-size:1.5rem; text-align:center; padding:12px 0; text-align:center; color:#464646;} #product .item ul li>a:hover .img{background:#a0cb46;} #product .item ul li>a:hover .img img{width:116%; height:116%; margin:-8%;} #product .item ul li>a:hover .name{color:#a0cb46;} @media (max-width:1440px){ #product{min-height:auto;} #product .item{min-height:auto;} #product .item>.img{min-height:auto;} #product .item .con{min-height:auto; padding:45px 55px;} #product .item ul li{width:120px; margin:0 25px 15px 0;} #product .item ul li>a{width:120px;} #product .item ul li>a .img{width:120px; height:120px;} #product .item .con .tit{font-size:3.6rem;} } @media (max-width:1366px){ #product .item .con .tit{font-size:3.2rem;} #product .item .con .tit-sub{font-size:1.5rem;} #product .item .con{padding:35px 45px;} #product .item ul li{width:120px; margin:0 20px 15px 0;} #product .item ul li>a .name{font-size:1.4rem;} } @media (max-width:1280px){ #product .item .con{padding:35px 40px;} #product .item ul li{width:116px; margin:0 19px 15px 0;} #product .item ul li>a{width:116px;} #product .item ul li>a .img{width:116px; height:116px;} } @media (max-width:1080px){ #product .item>.img{width:100%; height:300px; position:relative;} #product .item:nth-child(even)>.img{left:unset;} #product .item .con{width:100%; float:none; padding:35px 50px;} #product .item .con:before{display:none;} #product .item ul{margin-top:40px;} #product .item ul li{width:125px; margin:0 30px 20px 0;} #product .item ul li>a{width:125px;} #product .item ul li>a .img{width:125px; height:125px;} } @media (max-width:920px){ #product .item>.img{height:200px;} #product .item .con .tit{font-size:2.8rem;} #product .item .con .tit-sub{font-size:1.4rem;} #product .item .con{margin:25px 20px; text-align:center; padding:0; width:auto;} #product .item ul li{width:45%; margin:0 0 15px 0;} #product .item ul li>a{width:100%;} #product .item ul li>a .img{margin:auto; width:136px; height:136px;} #product .item ul li>a .name{font-size:1.5rem; text-align:center; padding:12px 0; text-align:center; color:#464646;} } #search{height:52px; background:#fff; border-bottom:1px solid #eaeaea;} #search .main-box{padding:14px 50px; margin:0 auto; height:52px;} #search .main-box i{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#464646; display:inline-block; vertical-align:middle;} #search input{border:0px none; font-size:1.4rem; vertical-align:middle; margin-top:-1px; margin-left:5px; color:#464646; width:90%;} #search input::-webkit-input-placeholder{color:#464646;} .downlist{border:1px solid #e8e8e8;} .downt01 { float:left; font-size:17px; height:80px; line-height:80px; padding-right:15px; color:#333333; background:url(../image/pdf2.png) no-repeat 10px center; background-size: 5%; padding-left:50px; font-weight:bold;overflow: hidden; text-overflow: ellipsis; width:50%;} .downt02 { border-left:1px solid #E8E8E8; float:left; height:100%; text-align:center; padding-left:1%;padding-right:1%;} .downt02 a { font-size:17px; font-weight:bold; color:#333333; display:inline-block; background:url(../image/read.png) no-repeat left; padding-left:46px; line-height:80px;} .downt02 a:hover { color:var(--primary-color);} .downt03 { border-left:1px solid #E8E8E8; float:left; height:100%; text-align:center; padding-left:1%;} .downt03 a { font-size:17px; font-weight:bold; color:#333333;display:inline-block; background:url(../image/down2.png) no-repeat left; padding-left:44px; line-height:80px;} .downt02 a:hover,.downt03 a:hover { color:var(--primary-color);} .page-nav-wrap{ margin-bottom:5%; } .page-culture {padding: 7% 0 6% 0;overflow: hidden;} .page-culture img{width:100%;} .culture-content {overflow: hidden;} .culture-content-item {position: relative;overflow: hidden;float: left;width: 25%;} .culture-content-item.cci1 {width: 50%;} .culture-content-item.cci1 .parameter-content-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .culture-content-item.cci1 .img {background: none;background-size: cover;} .culture-content-item.cci1 .img img {width: 100%;} .culture-content-item.cci3 .img {background-color: #f5f6f7;} .culture-content-item:nth-child(2) {border-radius: 12px 0 0 0;} .culture-content-item:nth-child(3) {border-radius: 0 12px 0 0;} .culture-content-item:nth-child(4) {border-radius: 12px 0 0 12px;} .culture-content-item:nth-child(5) {color: #fff;} .culture-content-item:nth-child(5) .img {background-color: #a0cb46;} .culture-content-item:nth-child(5) .english-0 {color: #fff;opacity: .2;} .culture-content-item:nth-child(6) {border-radius: 0 0 12px 0 ;} .culture-content-item .text{position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 1;} .culture-content-item .english-0{font-size: 30px;color: #e5e5e5;font-family: 'Montserrat-Light';} .culture-content-item .title-1{font-size: 24px;font-weight:bold;margin-top: 2%;} .culture-content-item .icon-3{width: 40px;height: 40px;position: absolute;right: 5%;top: 12%;} .culture-content-item .text-4{font-size: 24px;position: absolute;left: 0;bottom: 10%;} .culture-content-item .img{overflow: hidden;} .page-corevalues {padding: 1% 0 7% 0;overflow: hidden;position: relative;} .corevaluesbg {background: url('../image/bg2.jpg') center bottom no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;} .corevalues-content {padding: 4% 0;overflow: hidden;position: relative;z-index: 11;} .corevalues-content-list {text-align: center;font-size: 0;} .corevalues-item {padding: 4% 0;display: inline-block;vertical-align: middle;} .corevalues-item a{display: block;} .corevalues-item .icon-1 {margin: auto;position: relative;z-index: 5;} .corevalues-item .icon-1 i{display: block;width: 74px;height: 74px;margin: auto;background: #fff;border-radius: 100%;z-index: 11;position: relative;box-shadow: 0px 8px 40px 0px rgb(0,0,0,.1);} .corevalues-item a:hover .icon-1 i img {filter: invert(100%);} .corevalues-item .icon-1::after {content: '';width: 0px;height: 0px;border-radius: 100%;background: #a0cb46;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;transition:all .4s ease;opacity: 0;} .corevalues-item .title-1 {font-size: 20px;font-weight: bold;padding-top: 30px; z-index:2} .corevalues-item a:hover .icon-1 i {background: #a0cb46;} .corevalues-item a:hover .icon-1::after {width: 104px;height: 104px;opacity: .2;} .corevalues-item a:hover .title-1 {color: #a0cb46;} .fengex {display: inline-block;vertical-align: middle;position: relative;margin: 0 1% 4% 1%; z-index:2} .fengex i {display: block;position: relative;border: 1px dashed #ccc;padding: 0 5px;width: 140px;} .fengex i::before {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);background: #fff;} .fengex i::after {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);background: #fff;} .img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;} .parameter-content-title {overflow: hidden;} .parameter-content-title .english-1{font-size: 60px;font-family: 'Montserrat-Bold';padding-bottom: 10px;overflow: hidden;} .parameter-content-title .title-2{font-size: 30px;line-height: 30px;position: relative;display: inline-block;padding-left: 20px;} .parameter-content-title .title-2::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: #a0cb46;} .features-content-title {text-align: center;} .features-content-title .english-1{font-size: 60px;font-family: 'Montserrat-Bold';padding-bottom: 10px;overflow: hidden;} .features-content-title .title-2{font-size: 30px;line-height: 30px;position: relative;display: inline-block;padding: 0 10px;} .features-content-title .title-2::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: #a0cb46;} .features-content-title .title-2::after {content: '';width: 2px;height: 100%;position: absolute;right: 0;top: 55%;transform: translateY(-50%);background: #a0cb46;} .flogo-item2{width:23.5%;margin:1% 0;background-color:#fff; float:left; margin-right:2%;} .flogo-item2:nth-child(4n+4){margin-right:0px;} .flogo-item2 .img{width:100%;margin-bottom:0.2rem} .flogo-item2 a{margin:0px auto;padding:0px;text-align:center} .flogo-item2 .img img{max-width:98%;max-height:100%} .flogo-item2 p{font-size:1.8rem;font-weight:normal;font-stretch:normal;line-height:3.6rem; text-align:center; color:#000000} #pro-list{min-height:840px; padding:15px 0;} #pro-list .main-box .root{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; text-align:center;} #pro-list .main-box .sibling{margin:26px auto; text-align:center;} #pro-list .main-box .sibling>a{display:inline-block; font-size:1.5rem; color:#464646; padding:10px 5px; margin:0 20px; position:relative;} #pro-list .main-box .sibling>a:hover{color:#777177;} #pro-list .main-box .sibling>a.active:after{content:''; display:block; width:100%; height:2px; background:#464646; left:0; bottom:0; position:absolute;} #pro-list .list{margin-top:50px; width:1330px; margin-left:-2px;} #pro-list .list a{display:block; width:418px; height:418px; float:left; margin-right:25px; margin-bottom:30px;border:1px solid #eaeaea;} #pro-list .list a .img{width:418px; height:280px; position:relative; overflow:hidden; background:#eee; /*border:1px solid #eaeaea; box-sizing:border-box;*/} #pro-list .list a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all .45s; z-index:1;} #pro-list .list a .img>div{display:table; position:absolute; z-index:2; left:0; top:0; color:#fff; width:100%; height:100%; table-layout:fixed;} #pro-list .list a .img>div>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:1.4rem; transition:all .45s; opacity:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;box-sizing:border-box; padding:0 20px;} #pro-list .list a .img>div:before{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:120px; background:#fff; opacity:0; transition:all .55s ease;} #pro-list .list a .img>div:after{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:160px; background:#fff; opacity:0; transition:all .55s ease;} #pro-list .list a .img>img{max-width:none; width:100%; height:100%; transition:all .35s ease;} #pro-list .list a .con{ height:138px; box-sizing:border-box; border-top:0px none; padding:30px;} #pro-list .list a .con .name{font-size:1.6rem; color:#464646; height:60px;} #pro-list .list a .con .more{border-top:1px solid #eaeaea; padding-top:13px; position:relative; color:#999;} #pro-list .list a .con .more>span{display:block; position:absolute; right:0; top:22px; height:1px; width:30px; background:#ccc; transition:all .3s;} #pro-list .list a .con .more>span:before{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(45deg); right:0; top:-3px; position:absolute;} #pro-list .list a .con .more>span:after{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(135deg); right:0; top:3px; position:absolute;} #pro-list .list a:hover .img:before{background:rgba(0,0,0,.5);} #pro-list .list a:hover .img>img{width:110%; height:110%; margin:-5%;} #pro-list .list a:hover .img>div>span{opacity:1;} #pro-list .list a:hover .img>div:before{width:10px; left:50%; margin-left:-5px; opacity:.6;} #pro-list .list a:hover .img>div:after{width:10px; left:50%; margin-left:-5px; opacity:.6;} .last-num{margin:20px 0 40px 0; text-align:center; color:#999; font-size:1.4rem;} .last-num>span{display:inline-block; padding:0 1px; font-family:'Montserrat', sans-serif; font-size:2rem; font-weight:600; color:#a0cb46;} .more-box{margin:0px 0 100px 0; height:47px;} .more-box>.more{display:block; width:130px; height:45px; line-height:44px; font-size:1.6rem; font-weight:300; font-family:'Microsoft YaHei Light'; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;} .more-box>.more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:35px; top:20px; transition:all .3s;} .more-box>.more:hover{color:#a0cb46; border:1px solid #a0cb46;} .more-box>.more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:41px; top:14px;transition:all .3s;} .more-box>.more:hover:before, .more-box>.more:hover:after{transform:rotate(180deg); background:#a0cb46;} .loading-box{margin:0px 0 100px 0; height:47px; text-align:center; line-height:47px; display:none;} .loading-box>div{width:12px; height:12px; background-color:#67CF22; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;} .loading-box .bounce1{animation-delay:-0.32s;} .loading-box .bounce2 {animation-delay:-0.16s;} @keyframes bouncedelay{ 0%,80%,100%{transform:scale(0.0);} 40%{transform:scale(1.0);} } @media (max-width:1440px){ #pro-list{min-height:auto;} } @media (max-width:1366px){ #search .main-box{padding:14px 35px;} #search input{width:1190px;} #pro-list{padding:0;} #pro-list .main-box{padding:0 35px;} #pro-list .list{margin-top:40px; width:1330px; margin-left:0;} #pro-list .main-box .sibling{margin:20px auto;} #pro-list .list a{width:415px; height:415px;} #pro-list .list a .img{width:415px; height:278px;} .more-box{margin:0px 0 80px 0;} .loading-box{margin:0px 0 80px 0;} } @media (max-width:1280px){ #search .main-box{padding:14px 35px;} #search input{width:1130px;} #pro-list .list{margin-top:40px; width:1240px;} #pro-list .list a{width:386px; height:386px;} #pro-list .list a .img{width:386px; height:260px;} #pro-list .list a .img>div:before{top:110px;} #pro-list .list a .img>div:after{top:150px;} #pro-list .list a .con{height:128px; padding:25px;} #pro-list .list a .con .name{height:56px;} .more-box{margin:0px 0 60px 0;} .loading-box{margin:0px 0 60px 0;} } @media (max-width:1080px){ #search .main-box{padding:14px 32px;} #search input{width:850px;} #pro-list .main-box .root{font-size:3.6rem;} #pro-list .main-box .sibling{margin:16px auto;} #pro-list .main-box .sibling>a{font-size:1.4rem; padding:5px; margin:0 13px;} #pro-list .list{margin-top:40px; width:1040px;} #pro-list .list a{width:320px; height:320px;} #pro-list .list a .img{width:320px; height:215px;} #pro-list .list a .img>div:before{top:88px;} #pro-list .list a .img>div:after{top:128px;} #pro-list .list a .con{height:110px; padding:15px;} #pro-list .list a .con .name{height:50px; font-size:1.4rem;} .more-box{margin:0px 0 50px 0;} .loading-box{margin:0px 0 50px 0;} } @media (max-width:920px){ #search .main-box{padding:14px 25px;} #search input{width:88%; font-size:1.6rem; box-sizing:border-box; vertical-align:middle;} #search i{margin-top:-3px;} #pro-list{margin-top:-15px;} #pro-list .main-box{padding:0 25px;} #pro-list .main-box .sibling{text-align:left; line-height:1.8;} #pro-list .main-box .sibling>a{font-size:1.5rem; padding:3px 0; margin:0 15px 0 0; position:relative; letter-spacing:0;} #pro-list .main-box .sibling>a.active:after{bottom:4px;} #pro-list .list{width:100%;} #pro-list .list a{width:100%; height:auto; margin-bottom:25px;} #pro-list .list a .img{width:100%; height:auto; padding-top:68%; position:relative;} #pro-list .list a .img img{position:absolute; width:100%; height:100%; left:0; top:0;} #pro-list .list a .con{height:110px; padding:15px;} #pro-list .list a .con .name{height:50px; font-size:1.4rem;} #pro-list .list a .img>div>span{display:none;} #pro-list .list a .img>div:before{display:none;} #pro-list .list a .img>div:after{display:none;} .culture-content-item.cci1{width:100%;} .culture-content-item {width: 50%;} .culture-content-item .english-0 {font-size: 20px;} .culture-content-item:nth-child(4) {border-radius: 0px;} .flogo-item2{width:48%; margin-right:4%;} .flogo-item2:nth-child(2n+2){margin-right:0px;} } @media (max-width:640px){ .culture-content-item .text-4{font-size:14px;} .parameter-content-title .english-1{font-size:40px;} .features-content-title .english-1{font-size:40px;} .fengex i{width:40px;} .downt01{width:calc(100% - 64px); border-bottom:1px solid #E8E8E8;} .downt02{border-left:0px;} } .g-page{display: flex;justify-content: center;align-items: center;} .g-page a{height: 3.4rem;min-width: 5.4rem;display: flex;justify-content: center;align-items: center;margin: 0 4px;-webkit-transition: all .6s;transition: all .6s;background: #fff;border-radius: 4px;border: 1px solid #ccc;font-size: 14px;color: #999;cursor: pointer;} .g-page img{width: 7px;height: auto;} .g-page a .img2{display: none;} .g-page a:first-child{width: 0.9rem;} .g-page a:first-child img{margin-right: 5px;} .g-page a:last-child{width: 0.9rem;} .g-page a:last-child img{margin-left: 5px;} .g-page a:hover,.g-page .on{color: #a0cb46;border-color: #a0cb46;} .g-page a:hover p,.g-page .on p{color: #fff;} .g-page a:hover .img1,.g-page .on .img1{display: none;} .g-page a:hover .img2,.g-page .on .img2{display: block;} .serveivrWrap{} .serveivrWrap .customBox{margin-top:110px;margin-bottom:71px} .serveivrWrap .custoTit{text-align:center;font-family:PoppinsMedium,Arial,Helvetica,sans-serif;font-size:50px;color:#1d1d1d} .serveivrWrap .custLine{width:75px;height:3px;background-color:#a1cc49;margin:0 auto;margin-top:30px;margin-bottom:24px} .serveivrWrap .custCont{text-align:center;font-family:PoppinsLight,Arial,Helvetica,sans-serif;font-size:16px;color:#666666;line-height:36px} .serveivrWrap .serveItem{display:flex;align-items:stretch;margin-bottom:63px} .serveivrWrap .serveLeft{width:55.5%} .serveivrWrap .serveRight{background-color:#2f2f2f;flex:1;padding-left:146px;box-sizing:border-box} .serveivrWrap .servNum{width:28%;margin-top:124px} .serveivrWrap .cusTit{font-family:PoppinsMedium,Arial,Helvetica,sans-serif;font-size:30px;color:#ffffff;margin-top:-16px} .serveivrWrap .cusLine{width:45%;margin-top:19px} .serveivrWrap .cusCont{font-family:PoppinsLight,Arial,Helvetica,sans-serif;font-size:16px;color:#e3e3e3;padding-right:164px;line-height:30px;margin-top:31px;box-sizing:border-box;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden} .serveivrWrap .threeCus{padding-right:136px} .serveivrWrap .reverse{flex-direction:row-reverse} .serveivrWrap .serceAct{background-color:#efefef} .serveivrWrap .blackColor{color:#1d1d1d} .serveivrWrap .grayColor{color:#6a6a6a;padding-right:100px} .serveivrWrap .advanBox{margin-top:92px} .serveivrWrap .advanTit{font-size:50px;font-family:PoppinsMedium,Arial,Helvetica,sans-serif;text-align:center;margin-bottom:82px} .serveivrWrap .advanList{display:flex;align-items:stretch;justify-content:space-between} .serveivrWrap .advaItem{width:23.5%;border:solid 2px #cecece;position:relative;padding-left:28px;padding-right:21px;box-sizing:border-box;padding-bottom:33px} .serveivrWrap .advaNum{width:60px;height:60px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:absolute;background-color:#ffffff;top:-30px;left:31px} .serveivrWrap .advaNum span{width:41px;height:41px;line-height:41px;border-radius:50%;background-color:#a0cb46;font-size:30px;color:#ffffff;display:block;text-align:center;box-sizing:border-box;font-family:PoppinsMedium,Arial,Helvetica,sans-serif} .serveivrWrap .advaImg{width:43%;margin-top:53px} .serveivrWrap .advaTip{font-family:PoppinsMedium,Arial,Helvetica,sans-serif;font-size:26px;color:#2d2d2d;margin-top:18px} .serveivrWrap .advaCont{font-family:PoppinsLight,Arial,Helvetica,sans-serif;font-size:16px;color:#4e4e4e;margin-top:10px;line-height:30px} @media (max-width:1460px){.serveivrWrap .toggleBox a{padding:20px 0;font-size:24px} .serveivrWrap .serveRight{padding-left:70px} .serveivrWrap .custoTit{font-size:40px} .serveivrWrap .customBox{margin:50px auto} .serveivrWrap .servNum{width:24%;margin-top:64px} .serveivrWrap .cusTit{font-size:28px} .serveivrWrap .cusLine{margin-top:10px} .serveivrWrap .cusCont{margin-top:20px;padding-right:70px} .serveivrWrap .serveItem{margin-bottom:50px} .serveivrWrap .advanTit{font-size:40px;margin-bottom:50px} .serveivrWrap .advanBox{margin-top:60px} .serveivrWrap .advaNum{width:50px;height:50px;top:-25px} .serveivrWrap .advaNum span{width:35px;height:35px} .serveivrWrap .advaImg{width:40%;margin-top:40px} .serveivrWrap .advaTip{font-size:20px;margin-top:15px} .serveivrWrap .advaCont{font-size:14px;line-height:26px} .serveivrWrap .advaItem{padding-bottom:20px;padding-left:15px;padding-right:15px} } @media (max-width:1240px){.serveivrWrap .toggleBox a{padding:10px 0;font-size:16px} .serveivrWrap .navBottom{bottom:50px} .serveivrWrap .advaItem{width:24.5%} } @media (max-width:1100px){.serveivrWrap .custoTit{font-size:30px} .serveivrWrap .customBox{margin:30px 0} .serveivrWrap .custLine{margin-top:15px;margin-bottom:20px} .serveivrWrap .serveLeft{width:45%} .serveivrWrap .servNum{width:20%;margin-top:25px} .serveivrWrap .cusTit{font-size:24px} .serveivrWrap .cusCont{font-size:14px;padding-right:10px;margin-top:20px} .serveivrWrap .serveRight{padding-left:20px} .serveivrWrap .advanTit{font-size:30px;margin-bottom:40px} .serveivrWrap .advanBox{margin-top:50px} .serveivrWrap .advanList{flex-wrap:wrap} .serveivrWrap .advaItem{width:48%;margin-bottom:30px} } @media (max-width:900px){.serveivrWrap .custoTit{font-size:24px} .serveivrWrap .custLine{margin-top:10px;margin-bottom:15px} .serveivrWrap .custCont{font-size:14px;line-height:30px} .serveivrWrap .serveItem{align-items:center;flex-direction:column} .serveivrWrap .serveLeft{width:90%} .serveivrWrap .serveRight{flex:unset;width:90%;padding-bottom:20px} .serveivrWrap .servNum{width:10%;margin:0} .serveivrWrap .numTop{display:flex;align-items:center;margin-top:20px} .serveivrWrap .cusTit{margin:0;margin-left:20px;font-size:20px} .serveivrWrap .advanTit{font-size:24px;margin-bottom:30px} .serveivrWrap .advanBox{width:90%;margin:0 auto} } @media (max-width:750px){.serveivrWrap .toggleBox a{padding:10px 0;font-size:14px} .serveivrWrap .custoTit,.serveivrWrap .advanTit{font-size:20px} .serveivrWrap .serveLeft{width:100%} .serveivrWrap .serveRight{width:100%} .serveivrWrap .serveItem{margin-bottom:30px} .serveivrWrap .advaNum{width:36px;height:36px;top:-18px} .serveivrWrap .advaNum span{font-size:20px;width:30px;height:30px;line-height:30px} .serveivrWrap .advanBox{width:95%} .serveivrWrap .advaItem{width:100%} .serveivrWrap .advaImg{width:14%;margin-top:30px} .serveivrWrap .advaTop{display:flex;align-items:center} .serveivrWrap .advaTip{margin-top:30px;margin-left:20px} } @media (max-width:500px){.serveivrWrap .navBottom{bottom:30px} .serveivrWrap .toggleBox{top:100%;height:20px;align-items:center} .serveivrWrap .toggleBox a{padding:6px 0;font-size:12px} .serveivrWrap .cusTit,.serveivrWrap .advaTip{font-size:16px} } @media (max-width:400px){.serveivrWrap .navBottom{bottom:20px} } @media (max-width:366px){.serveivrWrap .toggleBox{flex-direction:column} .serveivrWrap .toggleBox a{width:90%;margin-top:10px} .serveivrWrap .cusTit,.serveivrWrap .advaTip{font-size:14px} .serveivrWrap .customBox{margin-top:130px} } .enrollment-process {padding: 3% 0 5% 0;overflow: hidden;} .enrollment-process-top {text-align: center;} .enrollment-process-top .class-1{text-align: center;} .enrollment-process-bottom{margin-top: 5%;padding-bottom:4%;overflow: hidden;} .enrollment-process-list {overflow: hidden;text-align: center;} .enrollment-process-item {display: inline-block;vertical-align: middle;width: 12%;position: relative;} .enrollment-process-item .absolute {width: 100%;border: 2px dashed #c6dd97;height: 100px;position: relative;margin:40px auto;} .enrollment-process-item .absolute.opacity1 {opacity: 1;} .enrollment-process-item .absolute.opacity0 {opacity: 0;} .enrollment-process-item .text{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;z-index: 1;} .enrollment-process-item .icon-1{position: relative;height: 40px;} .enrollment-process-item .title-1{margin-bottom: 5%;color: #a0cb46;} .enrollment-process-item .yuan-1 {position: relative;margin: auto;} .enrollment-process-item .yuan-1 span{display: block;border: 2px solid #a0cb46;border-radius: 100%;width: 22px;height: 22px;line-height: 22px;text-align: center;font-family: 'Manrope-Bold';color: #a0cb46;margin: auto;position: relative;z-index: 11;} .enrollment-process-item .yuan-1 span::before {content: '';width: 2px;height: 15px;position: absolute;left: 50%;top: -15px;background: #a0cb46;margin-left: -1px;} .enrollment-process-item .yuan-1::after {content: '';width: 88%;height: 2px;position: absolute;left: 58%;top: 50%;margin-top: -1px;background: #a0cb46;opacity: .2;} .enrollment-process-item:hover .absolute {border: 2px dashed transparent;background: #fff;box-shadow: 0px 10px 80px 0px rgba(0, 24, 77, 0.12);} .enrollment-process-item:nth-child(2) .yuan-1 span::before,.enrollment-process-item:nth-child(4) .yuan-1 span::before, .enrollment-process-item:nth-child(6) .yuan-1 span::before,.enrollment-process-item:nth-child(8) .yuan-1 span::before{top: auto;bottom: -15px;opacity: 1;} .enrollment-process-item:last-child .yuan-1::after{display: none;} .x-sugg1 { background-color: #f5f5f5; padding: 11rem 0 13.5rem 0; } @media (max-width: 767px) { .x-sugg1 { padding: 12rem 0 10rem 0; } } .x-sugg1 .container { display: flex; justify-content: space-between; flex-wrap: wrap; } .x-sugg1 .container .x-left { width: 43.57%; } @media (max-width: 971px) { .x-sugg1 .container .x-left { width: 100%; } } .x-sugg1 .container .x-left .public-img { border-radius: 10px; } .x-sugg1 .container .x-left .public-img img{width: 100%;} .x-sugg1 .container .x-left .public-img::before { padding-top: 97.11%; } @media (max-width: 1580px) { .x-sugg1 .container .x-left .public-img::before { padding-top: 84.11%; } } @media (max-width: 1281px) { .x-sugg1 .container .x-left .public-img::before { padding-top: 101.11%; } } @media (max-width: 971px) { .x-sugg1 .container .x-left .public-img::before { padding-top: 60.11%; } } .x-sugg1 .container .x-right { width: 50%; } @media (max-width: 971px) { .x-sugg1 .container .x-right { width: 100%; margin-top: 5rem; } } .x-sugg1 .container .x-right .x-title { font-size: 4rem; line-height: 1; } @media (max-width: 767px) { .x-sugg1 .container .x-right .x-title { font-size: 4rem; } } .x-sugg1 .container .x-right .x-p { font-size: 18px; color: #666666; margin: 1rem 0 2.5rem 0; } @media (max-width: 1580px) { .x-sugg1 .container .x-right .x-p { font-size: 16px; } } @media (max-width: 767px) { .x-sugg1 .container .x-right .x-p { font-size: 14px; } } .x-sugg1 .container .x-right .x-form { display: flex; justify-content: space-between; flex-wrap: wrap; } .x-sugg1 .container .x-right .x-form input { width: 46.5%; height: 45px; background-color: #fff; margin-bottom: 2rem; padding: 0 1%; color: #999999; border: 1px solid transparent; border-radius: 3px; transition: 0.3s all; border: 1px solid #ccc; } @media (max-width: 1260px) { .x-sugg1 .container .x-right .x-form input { height: 40px; } } @media (max-width: 767px) { .x-sugg1 .container .x-right .x-form input { width: 100%; margin-bottom: 3rem; } } .x-sugg1 .container .x-right .x-form input::placeholder { color: #999999; transition: 0.3s all; } .x-sugg1 .container .x-right .x-form input:hover { color: #a0cb46; border: 1px solid #a0cb46; } .x-sugg1 .container .x-right .x-form input:hover::placeholder { color: #a0cb46; } .x-sugg1 .container .x-right .x-form .x-inp { width: 48.5%; height: 45px; line-height: 45px; background-color: #fff; position: relative; color: #999999; padding: 0 2.25rem; border-radius: 3px; } @media (max-width: 1260px) { .x-sugg1 .container .x-right .x-form .x-inp { height: 40px; line-height: 40px; } } @media (max-width: 767px) { .x-sugg1 .container .x-right .x-form .x-inp { width: 100%; margin-bottom: 3rem; } .enrollment-process-item{width:20%;} } .x-sugg1 .container .x-right .x-form .x-inp input { opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; margin-bottom: 0; padding: 0; width: 100%; height: 100%; border: 0; cursor: pointer; } .x-sugg1 .container .x-right .x-form .x-inp p { color: #999999; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .x-sugg1 .container .x-right .x-form .x-inp img { width: 22px; height: 20px; object-fit: contain; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .x-sugg1 .container .x-right .x-form .x-inp img { width: 18px; height: 18px; right: 2.25rem; } } .x-sugg1 .container .x-right .x-form textarea { width: 100%; height: 8rem; background-color: #fff; color: #999999; padding: 1%; border-radius: 3px; border: 1px solid #ccc; } .x-sugg1 .container .x-right .x-form textarea:hover { color: #a0cb46; border: 1px solid #a0cb46; } .x-sugg1 .container .x-right .x-form textarea::placeholder { color: #999999; } .x-sugg1 .container .x-right .x-form .x-xz { width: 100%; margin: 1.15rem 0 2.25rem 0; } .x-sugg1 .container .x-right .x-form .x-xz.on i { background: url("../image/x-xzdg.png") no-repeat center; background-size: 14px 10px; } .x-sugg1 .container .x-right .x-form .x-xz i { display: none; width: 12px; height: 12px; border: 1px solid #999999; display: inline-block; cursor: pointer; } .x-sugg1 .container .x-right .x-form .x-xz p { font-size: 14px; color: #999999; display: inline-block; } .x-sugg1 .container .x-right .x-form .x-xz p a { color: #a0cb46; border-bottom: 1px solid #a0cb46; } .x-sugg1 .container .x-right .x-form .x-but-box.on button { pointer-events: none; } .x-sugg1 .container .x-right .x-form .x-but-box button { width: 14rem; background-color: #a0cb46; color: #fff; height: 4.6rem; border-radius: 3px; transition: 0.3s all; } .x-sugg1 .container .x-right .x-form .x-but-box button:hover { opacity: 0.8; } @media (max-width: 1260px) { .x-sugg1 .container .x-right .x-form .x-but-box button { width: 18rem; height: 5.6rem; } } @media (max-width: 767px) { .x-sugg1 .container .x-right .x-form .x-but-box button { width: 22rem; height: 8rem; } } .x-sugg1 .container .x-right .x-form .x-but-box button:nth-of-type(2) { margin-left: 1.5rem; background-color: #333333; } #pro-view .main-box{padding:20px 50px; position:relative; z-index:1; overflow:unset;} #pro-view .pn{position:absolute; left:0; top:50%; width:100%; height:0; background:#ccc; z-index:9; margin-top:-80px;} #pro-view .pn .prev{font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:48px; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; border-radius:100%; display:block; position:absolute; left:-50px; top:0; transition:all .2s;} #pro-view .pn .next{font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:48px; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; border-radius:100%; display:block; position:absolute; right:-50px; top:0; /*transform:rotate(180deg);*/ transition:all .2s;} #pro-view .pn .prev:hover, #pro-view .pn .next:hover{background:#a0cb46; color:#fff; border:1px solid #a0cb46;} #pro-view .pro-move{margin:0 auto 0 auto; min-height:400px; position:relative; z-index:1; width:50%; float:left; border: 1px solid #e8e8e8;} #pro-view .bx-wrapper img{display:block; margin:auto; height:auto;} #pro-view .pro-move .bx-wrapper{box-shadow:none; margin:0 0 20px 0; min-height:400px;} #pro-view .pro-move .bx-wrapper .bx-viewport{border:0px none; box-shadow:none; left:0;} #pro-view .pro-move .bx-pager{font-size:0; text-align:center; background:#f6f6f6; padding:10px 10px 5px 10px; text-align:left;} #pro-view .pro-move .bx-pager a{display:inline-block; width:64px; height:64px; vertical-align:middle; margin-right:6px; margin-bottom:6px; background:#fff; box-sizing:border-box; text-align:center; transition:all .2s;} #pro-view .pro-move .bx-pager a>img{max-width:64px; max-height:64px; vertical-align:middle;} #pro-view .pro-move .bx-pager a:after{content:''; display:inline-block; height:100%; vertical-align:middle; width:0; font-size:0;} #pro-view .pro-move .bx-pager a.active{box-shadow:0 0 0 0; background:#a0cb46; position:relative;} #pro-view .pro-move .bx-pager a.active>img{-webkit-filter:brightness(116%); filter:brightness(116%);} #pro-view .pro-move .bx-prev{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;} #pro-view .pro-move .bx-prev:after{content:''; display:block; width:30px; height:30px; background:url('../image/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; left:14px; top:15px;} #pro-view .pro-move .bx-next{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;} #pro-view .pro-move .bx-next:after{content:''; display:block; width:30px; height:30px; background:url('../image/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; right:13px; top:15px; transform:rotate(180deg);} #pro-view .pro-move .bx-wrapper .bx-controls-direction a{opacity:0;} /* #pro-view .pro-move .bx-wrapper:hover .bx-controls-direction a{opacity:1;} #pro-view .pro-move .bx-prev:hover,#pro-view .pro-move .bx-next:hover{background:rgba(0,0,0,.3);} */ #pro-view .pro-info{width:45%; float:right;} #pro-view .pro-info h1{font-weight:bold; font-size:3.2rem; color:#464646; display:block; margin:0;} #pro-view .pro-info .path{font-size:1.5rem; margin:10px 0; border-bottom:1px solid #eaeaea; padding-bottom:25px;} #pro-view .pro-info .path a{display:inline-block;} #pro-view .pro-info .label{margin-top:25px; font-size:1.5rem; background:url('../image/ico.label.png') no-repeat left 5px; padding-left:26px; background-size:20px;} #pro-view .pro-info .label .tit{color:#999;} #pro-view .pro-info .label a{display:inline-block; color:#464646; padding:0; margin:0 12px 8px 0; border:1px solid transparent;} #pro-view .pro-info .label a:hover{color:#a0cb46; border-bottom:1px solid #a0cb46;} #pro-view .ctrl{margin-top:40px;} #pro-view .ctrl .quiry{display:inline-block; font-size:1.5rem; color:#fff; background:#a0cb46; width:200px; height:50px; text-align:center; line-height:48px;} #pro-view .ctrl .quiry img{height:16px; margin-right:10px; transition:all .25s ease;} #pro-view .ctrl .quiry:hover img{margin-right:24px;} #pro-detail{margin-top:50px; min-height:300px;} #pro-detail .tag-tit{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:86px; position:relative;} #pro-detail .tag-tit .back{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:0; top:0; display:block; width:70px; height:86px; line-height:85px; border-right:1px solid #eaeaea; text-align:center; transition:all .2s;} #pro-detail .tag-tit .back:hover{background:#a0cb46; color:#fff;} #pro-detail .tag-tit .main-box{margin:0 auto; overflow:unset;} #pro-detail .tag-tit .main-box>a{display:inline-block; height:100%; line-height:85px; font-size:2rem; padding:0 50px; position:relative;} #pro-detail .tag-tit .main-box>a:after{content:''; display:block; width:0; height:2px; background:#a0cb46; left:50%; bottom:-3px; position:absolute; transition:all .3s;} #pro-detail .tag-tit .main-box>a:hover{color:#a0cb46;} #pro-detail .tag-tit .main-box>a:hover:after, #pro-detail .tag-tit .main-box>a.active:after{width:100%; left:0;} #pro-detail .tag-tit .main-box>a.active{color:#464646;} #pro-detail .tag-con .main-box{padding-bottom:100px;} #pro-detail .tag-con .item{} #pro-detail .tag-con .item .tit{display:inline-block; background:#6793ff; padding:10px 20px; color:#fff; font-size:18px; font-weight:300;} #pro-detail .tag-con .item table td .small{transform:scale(0.8,0.8);} #pro-detail .tag-con #all-close{display:none;} @media (max-width:1440px){ #pro-view .main-box{padding:20px 76px;} #pro-view .pn .prev{left:0;} #pro-view .pn .next{right:0;} #pro-detail .tag-tit .main-box{margin-left:40px;} } @media (max-width:1366px){ #pro-view .pn .prev{font-size:20px; width:42px; height:42px; line-height:42px; left:15px;} #pro-view .pn .next{font-size:20px; width:42px; height:42px; line-height:42px; right:15px;} #pro-detail .tag-tit{height:76px;} #pro-detail .tag-tit .back{height:76px; line-height:76px;} #pro-detail .tag-tit .main-box>a{line-height:75px; font-size:1.8rem;} } @media (max-width:1280px){ #pro-view .pro-move{min-height:auto;} #pro-view .pro-move .bx-wrapper{min-height:auto;} } @media (max-width:1080px){ #pro-view .pn .prev{display:none;} #pro-view .pn .next{display:none;} #pro-view .main-box{padding:0px 32px;} #pro-detail{margin-top:0px; min-height:auto;} #pro-detail .tag-tit{height:70px;} #pro-detail .tag-tit .back{width:70px; height:70px; line-height:70px;} #pro-detail .tag-tit .main-box>a{line-height:70px; font-size:1.8rem; padding:0 35px;} } @media (max-width:920px){ #pro-view{margin-top:-10px;} #pro-view .main-box{padding:0 15px;} #pro-view .pro-info{width:100%; float:none;} #pro-view .ctrl{margin-top:20px; margin-bottom:30px;} #pro-view .ctrl .quiry{width:100%;} #pro-view .pro-move{width:100%; float:none;} #pro-view .pro-move img{width:100%;} #pro-view .pro-move .bx-pager a{width:64px; height:64px; vertical-align:middle; margin-right:5px; margin-bottom:5px;} #pro-view .pro-move .bx-pager a:nth-child(5n+0){margin-right:0;} #pro-detail .tag-tit{display:none;} #pro-detail .main-box{overflow:unset;} #pro-detail .tag-con .main-box{padding:0; margin:0; margin-bottom:80px;} #pro-detail .tag-con .item{display:block; margin:0; margin-top:-1px;width: 100%;} #pro-detail .tag-con .item .con{display:none; margin:15px; padding-bottom:25px; margin-bottom:0; overflow-x:auto;} #pro-detail .tag-con .item .con::-webkit-scrollbar{width:2px; height:2px;} #pro-detail .tag-con .item .con::-webkit-scrollbar-track{background:#fff;} #pro-detail .tag-con .item .con::-webkit-scrollbar-thumb{background:#ccc;} #pro-detail .tag-con .item .con::-webkit-scrollbar-thumb:vertical:hover{background:#a0cb46;} #pro-detail .tag-con .item .tit{display:block; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:0; padding:15px 25px; position:relative; font-size:1.7rem; background:#fff; transition:all .2s; color:#464646;} #pro-detail .tag-con .item .tit:after{content:''; display:block; position:absolute; right:25px; top:15px; width:28px; height:28px; background:url('../image/ico.down.png') no-repeat center center; background-size:16px; background-color:#a0cb46; border-radius:100%; transition:all .3s;} #pro-detail .tag-con .item.active .tit{color:#464646; background:#eaeaea;} #pro-detail .tag-con .item.active .tit:after{transform:rotate(180deg);} #pro-detail .tag-con .item.active .con{display:block;} #pro-detail .tag-con .item table{width:auto !important; min-width:100%;} #pro-detail .tag-con .item table td{white-space:nowrap;} #pro-detail .tag-con #all-close{display:block; text-align:center; margin-bottom:80px; margin-top:-20px;} #pro-detail .tag-con #all-close>a{display:inline-block; padding:13px 25px 15px 25px; font-size:1.7rem; color:#464646; border:1px solid #eaeaea; border-radius:3px;} #pro-detail .tag-con #all-close>a:hover{background:#eee;} #pro-detail .tag-con #all-close>a>img{width:20px; margin:-2px 8px auto auto;} } .text-content{font-size:1.5rem; line-height:1.8;} .text-content img{max-width:100%; height:auto;} .text-content p, .text-content div{margin-bottom:30px;} .text-content img{max-width:100%; height:auto;} .text-content span{display:inline-block;} .text-content table{width:100% !important; border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;} .text-content table tr{height:auto !important;} .text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:1.4rem;} .text-content table td p{display:block; margin:0;} .text-content table td span{display:inline-block; margin:0;} .text-content table tr{transition:all .2s;} .text-content table tr:hover{background:#e7f1fc;} .g-proInfo-ove{width:60%; float:left;} .g-proInfo-ove-l{width:30%; float:right;} .g-proInfo-ove-l .x-form-box{border-radius:0.1rem;overflow:hidden;background-color:#f8f8f8;padding: 0 10px 20px;} .g-proInfo-ove-l .x-form-box .x-form .x-tit{font-size:24px;color:#fff;text-align:center;background-color:#a0cb46;font-weight:bold;padding:0.15rem 0} @media (max-width:1580px){.g-proInfo-ove-l .x-form-box .x-form .x-tit{font-size:20px} }@media (max-width:767px){.g-proInfo-ove-l .x-form-box .x-form .x-tit{font-size:0.32rem} }.g-proInfo-ove-l .x-form-box .x-form ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0.3rem 0.4rem 0.4rem 0.4rem} .g-proInfo-ove-l .x-form-box .x-form ul li{width:48.6%;height:44px;margin-bottom:20px;border-radius:0.05rem;overflow:hidden} @media (max-width:1580px){.g-proInfo-ove-l .x-form-box .x-form ul li{height:40px} }@media (max-width:767px){.g-proInfo-ove-l .x-form-box .x-form ul li{width:100%;margin-bottom:15px} }.g-proInfo-ove-l .x-form-box .x-form ul li:nth-of-type(1),.g-proInfo-ove-l .x-form-box .x-form ul li:nth-of-type(2){width:48.6%} @media (max-width:767px){.g-proInfo-ove-l .x-form-box .x-form ul li:nth-of-type(1),.g-proInfo-ove-l .x-form-box .x-form ul li:nth-of-type(2){width:100%} }.g-proInfo-ove-l .x-form-box .x-form ul li:last-child{width:auto;margin:0 auto;color:#fff;text-align:center;line-height:44px} @media (max-width:1580px){.g-proInfo-ove-l .x-form-box .x-form ul li:last-child{line-height:40px} }.g-proInfo-ove-l .x-form-box .x-form ul li.x-texta{width:100%;height:100%} .g-proInfo-ove-l .x-form-box .x-form ul li button{padding:0 1.5rem;height:44px;line-height:44px;margin:0 auto;font-size:18px; background: #a0cb46; color: #fff; border-radius: 5px;} @media (max-width:1580px){.g-proInfo-ove-l .x-form-box .x-form ul li button{height:40px;line-height:40px;font-size:16px} }@media (max-width:767px){.g-proInfo-ove-l .x-form-box .x-form ul li button{padding:0 0.6rem} }.g-proInfo-ove-l .x-form-box .x-form ul li input{background-color:#fff;padding:0 0.2rem;height:100%;width:100%;color:#999999;border-radius:0.05rem;transition:0.3s all} .g-proInfo-ove-l .x-form-box .x-form ul li input:hover{color:#a0cb46;border:1px solid #a0cb46} .g-proInfo-ove-l .x-form-box .x-form ul li input:hover::placeholder{color:#a0cb46} .g-proInfo-ove-l .x-form-box .x-form ul li input::placeholder{color:#999999} .g-proInfo-ove-l .x-form-box .x-form ul li textarea{width:98%;height:10rem;border-radius:0.05rem;color:#999999;background-color:#fff;padding:0.14rem 0.2rem;transition:0.3s all; border:0px;} .g-proInfo-ove-l .x-form-box .x-form ul li textarea:hover{color:#a0cb46;border:1px solid #a0cb46} .g-proInfo-ove-l .x-form-box .x-form ul li textarea:hover::placeholder{color:#a0cb46} .g-proInfo-ove-l .x-form-box .x-form ul li textarea::placeholder{color:#999999} .x-solu-info2 .x-form-box{border-radius:0.1rem;overflow:hidden;margin:0.3rem 0 0.4rem 0;background-color:#f8f8f8} .x-solu-info2 .x-form-box .x-form .x-tit{font-size:24px;color:#fff;text-align:center;background-color:#a0cb46;font-weight:bold;padding:0.15rem 0} @media (max-width:1580px){.x-solu-info2 .x-form-box .x-form .x-tit{font-size:20px} }@media (max-width:767px){.x-solu-info2 .x-form-box .x-form .x-tit{font-size:0.32rem} }.x-solu-info2 .x-form-box .x-form ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0.3rem 0.4rem 0.4rem 0.4rem} .x-solu-info2 .x-form-box .x-form ul li{width:31.5%;height:44px;margin-bottom:20px;border-radius:0.05rem;overflow:hidden} @media (max-width:1580px){.x-solu-info2 .x-form-box .x-form ul li{height:40px} }@media (max-width:767px){.x-solu-info2 .x-form-box .x-form ul li{width:100%;margin-bottom:15px} }.x-solu-info2 .x-form-box .x-form ul li:nth-of-type(1),.x-solu-info2 .x-form-box .x-form ul li:nth-of-type(2){width:48.6%} @media (max-width:767px){.x-solu-info2 .x-form-box .x-form ul li:nth-of-type(1),.x-solu-info2 .x-form-box .x-form ul li:nth-of-type(2){width:100%} }.x-solu-info2 .x-form-box .x-form ul li:last-child{width:auto;margin:0 auto;background-color:#a0cb46;color:#fff;text-align:center;line-height:44px} @media (max-width:1580px){.x-solu-info2 .x-form-box .x-form ul li:last-child{line-height:40px} }.x-solu-info2 .x-form-box .x-form ul li.x-texta{width:100%;height:100%} .x-solu-info2 .x-form-box .x-form ul li button{padding:0 0.5rem;height:44px;line-height:44px;margin:0 auto;font-size:18px} @media (max-width:1580px){.x-solu-info2 .x-form-box .x-form ul li button{height:40px;line-height:40px;font-size:16px} }@media (max-width:767px){.x-solu-info2 .x-form-box .x-form ul li button{padding:0 0.6rem} }.x-solu-info2 .x-form-box .x-form ul li input{background-color:#fff;padding:0 0.2rem;height:100%;width:100%;color:#999999;border:1px solid #e6e6e6;border-radius:0.05rem;transition:0.3s all} .x-solu-info2 .x-form-box .x-form ul li input:hover{color:#a0cb46;border:1px solid #a0cb46} .x-solu-info2 .x-form-box .x-form ul li input:hover::placeholder{color:#a0cb46} .x-solu-info2 .x-form-box .x-form ul li input::placeholder{color:#999999} .x-solu-info2 .x-form-box .x-form ul li textarea{width:100%;height:2.2rem;border:1px solid #e6e6e6;border-radius:0.05rem;color:#999999;background-color:#fff;padding:0.14rem 0.2rem;transition:0.3s all} .x-solu-info2 .x-form-box .x-form ul li textarea:hover{color:#a0cb46;border:1px solid #a0cb46} .x-solu-info2 .x-form-box .x-form ul li textarea:hover::placeholder{color:#a0cb46} .x-solu-info2 .x-form-box .x-form ul li textarea::placeholder{color:#999999} .g-proInfo-ove-r-con{margin-bottom: 0.2rem;display: flex;justify-content: flex-start;cursor: pointer;} .g-proInfo-ove-r-box{padding-top:0.2rem} .g-proInfo-ove-r-img::before{padding-top:64.59%} .g-proInfo-ove-r-img{width:38.33%;margin-right:1.18rem;flex-shrink:0;border:1px solid #e6e6e6} .g-proInfo-ove-r-txt{display:flex;justify-content:center;flex-direction:column} .g-proInfo-ove-r-txt h3{margin-bottom:0.06rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333} .g-proInfo-ove-r-txt p{color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .g-proInfo-swi{height:100%} .g-proInfo-con{height:100%} @media screen and (max-width:1260px){.g-proInfo-ove-r-txt h3{font-size:16px} .g-proInfo-ove-fh img{width:10px} .g-proInfo-swi .swiper-pagination-bullet{width:8px;height:8px} }@media screen and (max-width:971px){.g-proInfo-box{flex-direction:column} .g-proInfo-l{width:80%;margin-bottom:0.5rem} .g-proInfo-r{width:100%} .g-proInfo-ove-box{flex-direction:column} .g-proInfo-ove-l{width:100%;margin-bottom:0.8rem} .g-proInfo-ove-r{width: 92%; float: none; margin: 0 auto;} .g-proInfo-ove-h2{font-size:0.32rem} .g-proInfo-ove-r-con{margin-bottom:0.4rem} .g-proInfo-ove-txt{width:100%;overflow-x:auto} }@media screen and (max-width:767px){.g-proInfo-l{width:100%} .g-proInfo-r>p{line-height:1.5} .ins_det_fxr_box>p{font-size:12px} .g-proInfo-ove-fh{font-size:12px} .g-proInfo-icon-box{height:0.68rem} } #exhibition, #exhibition-view, #news, #news-view, #videocenter, #download{min-height:750px;} #exhibition .main-box, #news .main-box, #exhibition-view .main-box, #videocenter .main-box, #download .main-box{padding:15px 50px;} #exhibition .main-box>.tit, #news .main-box>.tit, #videocenter .main-box>.tit, #download .main-box>.tit{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;} #exhibition .main-box>.tit:after, #news .main-box>.tit:after, #videocenter .main-box>.tit:after, #download .main-box>.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;} #exhibition .list, #news .list, #videocenter .list{margin-top:80px; margin-bottom:50px;} #exhibition .list>a{display:block; height:325px; position:relative; z-index:1; margin-bottom:40px;} #exhibition .list>a:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; transition:all .3s;} #exhibition .list>a .img{width:50%; height:100%; float:right; background:#f5f5f5; overflow:hidden; position:relative;} #exhibition .list>a .img:after{content:''; display:block; background:rgba(0,0,0,0); left:0; top:0; width:100%; height:100%; position:absolute; transition:all .3s; z-index:1;} #exhibition .list>a .img p{color:#fff; position:absolute; font-size:1.5rem; left:50%; top:50%; z-index:2; margin:-15px 0 0 -15px; opacity:0; transition:all .35s;} #exhibition .list>a .img p:before{width:200px; height:1px; background:rgba(255,255,255,.0); left:50%; top:-6px; margin-left:-100px; position:absolute; content:''; display:block; transition:all .35s;} #exhibition .list>a .img p:after{width:200px; height:1px; background:rgba(255,255,255,.0); left:50%; bottom:-6px; margin-left:-100px; position:absolute; content:''; display:block; transition:all .35s;} #exhibition .list>a .img img{width:100%; height:100%; max-width:none; transition:all .3s;} #exhibition .list>a .con{width:50%; float:left; height:100%; display:table; table-layout:fixed;} #exhibition .list>a .date{display:table-cell; width:50%; height:100%; background:#f5f5f5; text-align:center; vertical-align:middle; color:#464646; transition:all .3s;} #exhibition .list>a .date .year{font-size:8.6rem; font-weight:600; line-height:1; display:block; margin-top:-8px; font-family:'Montserrat', sans-serif;} #exhibition .list>a .date .num{line-height:1; display:block; font-size:1.6rem; font-weight:400; margin-top:5px;} #exhibition .list>a .tit{display:table-cell; width:50%; height:100%; text-align:center; vertical-align:middle; color:#464646; line-height:1.5; font-size:1.6rem; padding:30px; box-sizing:border-box;} #exhibition .list>a .tit .update{font-size:1.3rem; color:#999;} #exhibition .list>a:nth-child(even) .img{float:left;} #exhibition .list>a:nth-child(even) .con{float:right;} #exhibition .list>a:nth-child(even) .con .date{background:#333; color:#fff;} #exhibition .list>a:hover .img>img{width:110%; height:110%; margin:-5%;} #exhibition .list>a:hover .img:after{background:rgba(0,0,0,.6);} #exhibition .list>a:hover .img p{opacity:1;} #exhibition .list>a:hover .img p:before{width:10px; background:rgba(255,255,255,.5); margin-left:-5px;} #exhibition .list>a:hover .img p:after{width:10px; background:rgba(255,255,255,.5); margin-left:-5px;} #exhibition .list>a:hover:after{box-shadow:0 0 0 10px #a0cb46 inset;} #exhibition .list>a:hover .con .date{background:#a0cb46; color:#fff;} #exhibition-view, #news-view{margin-top:150px;} #exhibition-view h1, #news-view h1{font-size:4.6rem; font-weight:normal; color:#464646; display:block; padding:0; margin:0;} #exhibition-view .info, #news-view .info{margin-top:30px; font-size:1.6rem; position:relative;} #exhibition-view .info .split, #news-view .info .split{width:1px; height:16px; display:inline-block; vertical-align:middle; background:#ddd;} #exhibition-view .info .wx, #news-view .info .wx{font-family:"iconfont" !important; font-size:24px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; margin-left:15px; color:#4fce2a;} #exhibition-view .info .wx:hover, #news-view .info .wx:hover{color:#56dd2f;} #exhibition-view .info .clicks, #news-view .info .clicks{position:absolute; right:0; top:3px; text-align:right; font-size:1.5rem; color:#ccc;} #exhibition-view .info .clicks img, #news-view .info .clicks img{height:22px; margin-top:-3px; margin-right:5px;} #exhibition-view .con, #news-view .con{padding:20px 0;} #exhibition-view .con table td, #exhibition-view .con table td *, #news-view .con table td, #news-view .con table td *{} #exhibition-view .btm, #news-view .btm{margin:80px auto; border-top:1px solid #eaeaea; padding:35px 0 15px 0;} #exhibition-view .btm .left, #news-view .btm .left{width:70%; float:left;} #exhibition-view .btm .left div, #news-view .btm .left div{padding:5px 0; font-size:1.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #exhibition-view .btm .left div a, #news-view .btm .left div a{color:#999; transition:all .2s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #exhibition-view .btm .left div a:hover, #news-view .btm .left div a:hover{color:#666;} #exhibition-view .btm .right, #news-view .btm .right{width:30%; float:right; position:relative;} #exhibition-view .btm .right .back, #news-view .btm .right .back{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; right:0; top:0; display:block; width:60px; height:60px; line-height:60px; background:#333; color:#fff; text-align:center; transition:all .2s;} #exhibition-view .btm .right .back:hover, #news-view .btm .right .back:hover{background:#a0cb46;} @media (max-width:1440px){ } @media (max-width:1366px){ } @media (max-width:1280px){ #exhibition .main-box, #news .main-box, #exhibition-view .main-box, #news-view .main-box, #videocenter .main-box, #download .main-box{padding:0 15px;} #exhibition .list>a .date .year{font-size:7.8rem;} #exhibition-view, #news-view{margin-top:130px;} #exhibition-view h1, #news-view h1{font-size:4.2rem;} .text-content, .text-content *{font-size:1.4rem;} } @media (max-width:1080px){ #exhibition .list, #news .list, #videocenter .list{margin-top:70px; margin-bottom:40px;} #exhibition .list>a{height:280px; margin-bottom:25px;} #exhibition .list>a .date .year{font-size:6.8rem;} } @media (max-width:920px){ #exhibition, #news, #videocenter, #download{margin:20px auto;} #exhibition .main-box>.tit, #news .main-box>.tit, #videocenter .main-box>.tit, #download .main-box>.tit{font-size:3.6rem;} #exhibition .main-box>.tit:after, #news .main-box>.tit:after, #videocenter .main-box>.tit:after, #download .main-box>.tit:after{bottom:-15px;} #exhibition .list, #news .list, #videocenter .list{margin-top:60px; margin-bottom:40px;} #exhibition .list>a{height:auto; margin-bottom:25px;} #exhibition .list>a .img{width:100%; height:auto; float:none;} #exhibition .list>a .img p, #exhibition .list>a .img p:after, #exhibition .list>a .img p:before{display:none;} #exhibition .list>a:hover .img>img{width:100%; height:auto; margin:0;} #exhibition .list>a .con{width:100%; float:none; height:200px;} #exhibition .list>a .date .year{font-size:3.6rem;} #exhibition .list>a .date .num{font-size:1.4rem;} #exhibition .list>a .tit{line-height:1.4; font-size:1.5rem; padding:20px;} #exhibition .list>a .tit .update{display:none;} #exhibition .list>a:nth-child(even) .img{float:none;} #exhibition .list>a:nth-child(even) .con{float:none;} #exhibition-view, #news-view{margin-top:100px;} #exhibition-view h1, #news-view h1{font-size:3.2rem;} #exhibition-view .info, #news-view .info{margin-bottom:20px;} #exhibition-view .btm, #news-view .btm{margin:30px auto; padding:25px 0;} } .contact-us-page{padding-top:1.9rem} .contact-us-title{margin-bottom:2.4rem} .contact-us-title h2{font-size:3.6rem;font-weight:normal;font-stretch:normal;line-height:4rem;color:#333333;margin-bottom:2rem} .contact-us-title p{font-size:1.8rem;font-weight:normal;letter-spacing:0.018rem;color:#333333} .contact-list{display:flex;justify-content:space-between} .contact-list .item{flex:1;padding-top:4rem;text-align:center;background-color:#f6f6f6;padding-bottom:3rem;margin-bottom:3.6rem} .contact-list .icon{width:6rem;height:6rem; line-height: 5rem; border-radius:1rem;border:solid 0.2rem #a0cb46;margin:0 auto;margin-bottom:2rem} .contact-list .icon img{width:3.1rem;height:3.1rem;object-fit:contain} .contact-list h3{ width: 68%; margin: 0 auto;font-size:2rem;font-weight:700;font-stretch:normal;line-height:4rem;letter-spacing:0rem;color:#a0cb46} .contact-list p{font-size:1.8rem;font-weight:normal;letter-spacing:0rem;color:#333333;line-height:3.5rem} .contact-list .item{margin-right:0.2rem} .contact-list .item-code img{width:15.9rem;height:15.9rem;margin-bottom:1.1rem} @media (max-width:1024px){ .contact-list{flex-wrap:wrap;justify-content:space-between} .contact-list .item{width:49%;flex:auto;margin-right:0} } @media (max-width:640px){ .contact-list{flex-wrap:wrap;justify-content:space-between} .contact-list .item{width:100%;flex:auto;margin-right:0} } .g-susT{background: #F5F5F5;padding: 1.3rem 0 1.4rem; line-height:2} .g-susT-box{text-align: center;} .g-h2{font-size: 3.4rem;line-height: 1.6;} .g-susT-box p{color: #3a3a3a;margin-top: 0.3rem;padding: 0 1.45rem;} .g-susComm{padding: 1.1rem 0;overflow: hidden;} .g-h2-box{text-align: center;margin-bottom: 4rem;} .g-h2-box h2{font-size: 3.4rem;margin-bottom: 1rem;} .g-h2-box p{color: #717171;padding: 0 2.8rem;line-height: 1.55;} .g-susComm-con{display: flex;justify-content: space-between;} .g-susComm-nr{width: calc((100% - 6rem)/3); text-align:center;} .g-susComm-img::before{padding-top: 68.56%;} .g-susComm-img{margin-bottom: 0.24rem;border-radius: 5px;} .g-susComm-txt h3{line-height: 1.6;margin-bottom: 1.4rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .g-susComm-txt p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height:2} .g-susComm-nr:hover .g-img-hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .g-susAct{background:#f5f5f5;padding-top:1rem} .g-susAct-box{width:100%} .g-susAct-con{display:flex;justify-content:space-between;height:3.4rem} .g-susAct-nr{position:relative;height:100%} .g-susAct-nr:first-child{width:65.62%} .g-susAct-nr:last-child{width:34.38%} .g-susAct-img{width:100%;height:100%} .g-susAct-img img{width:100%;height:100%;object-fit:cover} .g-susAct-txt{position:absolute;width:100%;height:100%;padding:0.6rem 1rem 0;top:0;left:0} .g-susAct-txt h3{font-size:0.36rem;color:#fff;margin-bottom:0.2rem;line-height:1} .g-susAct-txt p{color:#fff;max-height:6em;overflow-y:auto} .g-susAct-con:nth-child(2) .g-susAct-nr:first-child{width:34.38%} .g-susAct-con:nth-child(2) .g-susAct-nr:last-child{width:65.62%} .g-susDev-box{display:flex;justify-content:space-between} .g-susDev-con{width:calc((100% - 6rem)/3);border-radius:5px;position:relative} .g-susDev-img::before{padding-top:120.7%} .g-susDev-txt{position:absolute;top:0;left:0;width:90%;height:92%;z-index:5;padding:0 5% 0px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center} .g-susDev-txt h3{color:#fff;font-size:3rem;margin: 10px auto;} .g-susDev-txt p{color:#fff;line-height:1.55;min-height:1.4rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical} .g-susDev-con:hover .g-img-hover img{transform:scale(1.05);-webkit-transform:scale(1.05)} .g-susDev{padding:1rem 0;background:#F5F5F5;overflow:hidden} .g-susAct-txt p::-webkit-scrollbar{width:2px} .g-susAct-txt p::-webkit-scrollbar-track{background:#ddd;border-radius:2px} .g-susAct-txt p::-webkit-scrollbar-thumb{background:#18da46;border-radius:25px} .g-susAct-txt p::-webkit-scrollbar-corner{background:#179a16} @media screen and (max-width:1580px){.g-susDev-txt p{min-height:1.6rem} }@media screen and (max-width:1260px){.g-susAct-txt{padding:0.6rem 0.5rem 0} }@media screen and (max-width:971px){.g-susT-box p{padding:0} .g-h2-box p{padding:0} }@media screen and (max-width:767px){.g-susT{padding:1.2rem 0} .g-h2 br{display:none} .g-h2{font-size:2.48rem} .g-susT-box p{font-size:14px} .g-h2-box h2{font-size:0.48rem} .g-susComm-con{flex-wrap:wrap} .g-susComm-nr{width:100%;margin-bottom:0.5rem} .g-susComm-img{margin-bottom:0.3rem} .g-susAct-con{height:auto;flex-direction:column} .g-susAct-nr{width:100% !important} .g-susAct-txt{padding:0.6rem 0.5rem;position:relative} .g-susAct-img{position:absolute;top:0} .g-susAct-txt h3{font-size:0.4rem} .g-susAct-txt p{font-size:0.28rem} .g-susDev-box{flex-direction:column} .g-susDev-con{width:100%;margin-bottom:0.5rem} .g-susDev .g-h2-box{margin-bottom:0.5rem} .g-susDev-txt{} .g-susDev-txt h3{font-size:2.4rem;margin-bottom:1.2rem} .g-susDev-txt p{line-height:1.5;font-size:1.28rem;line-height:initial} .g-bread{height:auto;padding:0.2rem 0} .g-bread .x-bread .container{overflow:hidden} .g-bread .x-bread .container .x-img{width:18px;height:21px} } #news .list>a{display:block; height:100%; width:100%; border:1px solid #eaeaea; box-sizing:border-box; padding:30px; position:relative; height:260px; margin-bottom:40px; transition:all .3s; overflow:hidden;} #news .list>a:after{background:#a0cb46; width:60px; height:100%; position:absolute; right:-70px; top:0; z-index:1; transition:all .3s;} #news .list>a .img{width:300px; height:100%; background:#f5f5f5; float:left;} #news .list>a .img>img{width:100%; height:100%;} #news .list>a .box{width:820px; height:100%; float:left; margin-left:30px; position:relative;} #news .list>a.nopic .box{width:1160px; margin-left:0;} #news .list>a .box h3{font-size:2.6rem; font-weight:normal; color:#464646; margin:0; padding:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:5px; box-sizing:border-box;} #news .list>a .box .con{font-size:1.4rem; line-height:1.8; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} #news .list>a .box .date{position:absolute; left:0; bottom:5px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';} #news .list>a .box .date>i{font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:8px;} #news .list>a .arr{position:absolute; right:0; top:0; width:70px; height:100%; z-index:2; transition:all .15s ease;} #news .list>a .arr>i{font-family:"iconfont" !important; font-size:32px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; /*transform:rotate(180deg);*/ position:absolute; top:50%; margin-top:-16px; right:50%; margin-right:-16px; transition:all .3s;} #news .list>a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);} #news .list>a:hover:after{right:0;} #news .list>a:hover .arr{right:-5px;} #news .list>a:hover .arr>i{color:#fff;} @media (max-width:1440px){ } @media (max-width:1366px){ #news .list>a .box{width:780px;} #news .list>a.nopic .box{width:1120px;} } @media (max-width:1280px){ #news .list>a .box{width:740px;} #news .list>a.nopic .box{width:1080px;} } @media (max-width:1080px){ #news .list>a .box{width:560px;} #news .list>a.nopic .box{width:calc(100% - 50px);} } @media (max-width:920px){ #news .list>a{height:auto; border:1px solid #eaeaea; padding:0; margin-bottom:25px;} #news .list>a:after{display:none;} #news .list>a .img{width:102%; height:auto; float:none;} #news .list>a .img>img{width:100%; height:auto;} #news .list>a .box{width:100%; height:auto; float:none; margin-left:0; padding:15px; box-sizing:border-box;} #news .list>a.nopic .box{width:100%;} #news .list>a .box h3{font-size:2rem; white-space:unset; overflow:unset; text-overflow:unset; padding-top:unset;} #news .list>a .box .con{font-size:1.4rem; line-height:1.6;} #news .list>a .box .date{position:unset; left:unset; bottom:unset; margin-top:15px; display:block;} #news .list>a .arr{display:none;} } #videocenter .list{width:1330px;} #videocenter .list a{display:block; width:635px; height:610px; float:left; margin-right:25px; margin-bottom:30px;} #videocenter .list a .img{width:635px; height:425px; position:relative; overflow:hidden; background:#eee;} #videocenter .list a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all .45s; z-index:1;} #videocenter .list a .img>div{display:table; position:absolute; z-index:2; left:0; top:0; color:#fff; width:100%; height:100%;} #videocenter .list a .img>div>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:1.6rem; transition:all .45s; opacity:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} #videocenter .list a .img>div:before{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:195px; background:#fff; opacity:0; transition:all .55s ease;} #videocenter .list a .img>div:after{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:230px; background:#fff; opacity:0; transition:all .55s ease;} #videocenter .list a .img>img{max-width:none; width:100%; height:100%; transition:all .35s ease;} #videocenter .list a .con{border:1px solid #eaeaea; height:185px; box-sizing:border-box; border-top:0px none; padding:30px;} #videocenter .list a .con .name{color:#464646; height:35px; font-size:1.8rem;} #videocenter .list a .con .desc{font-size:1.4rem; line-height:1.5; height:70px;} #videocenter .list a .con .more{border-top:1px solid #eaeaea; padding-top:13px; position:relative; color:#999;} #videocenter .list a .con .more>span{display:block; position:absolute; right:0; top:22px; height:1px; width:30px; background:#ccc; transition:all .3s;} #videocenter .list a .con .more>span:before{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(45deg); right:0; top:-3px; position:absolute;} #videocenter .list a .con .more>span:after{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(135deg); right:0; top:3px; position:absolute;} #videocenter .list a:hover .img:before{background:rgba(0,0,0,.5);} #videocenter .list a:hover .img>img{width:110%; height:110%; margin:-5%;} #videocenter .list a:hover .img>div>span{opacity:1;} #videocenter .list a:hover .img>div:before{width:10px; left:50%; margin-left:-5px; opacity:.6;} #videocenter .list a:hover .img>div:after{width:10px; left:50%; margin-left:-5px; opacity:.6;} @media (max-width:1440px){ } @media (max-width:1366px){ #videocenter .list{width:1265px;} #videocenter .list a{width:607px; height:600px;} #videocenter .list a .img{width:607px; height:406px;} #videocenter .list a .img>div:before{top:185px;} #videocenter .list a .img>div:after{top:220px;} } @media (max-width:1280px){ #videocenter .list{width:1255px;} #videocenter .list a{width:600px; height:596px;} #videocenter .list a .img{width:600px; height:400px;} #videocenter .list a .img>div:before{top:182px;} #videocenter .list a .img>div:after{top:217px;} } @media (max-width:1080px){ #videocenter .list{width:1055px;} #videocenter .list a{width:502px; height:526px;} #videocenter .list a .img{width:502px; height:336px;} #videocenter .list a .img>div:before{top:150px;} #videocenter .list a .img>div:after{top:185px;} #videocenter .list a .con .desc{font-size:1.3rem; line-height:1.4; height:60px;} #videocenter .list a .con{height:175px;} } @media (max-width:920px){ #videocenter .list{width:100%;} #videocenter .list a{width:100%; height:auto; float:none; margin-right:0; margin-bottom:25px;} #videocenter .list a .img{width:100%; height:auto;} #videocenter .list a .img>div>span{display:none;} #videocenter .list a .img>div:before{display:none;} #videocenter .list a .img>div:after{display:none;} #videocenter .list a:hover .img>img{width:100%; height:auto; margin:0;} } #network{position:relative; height:100%; z-index:1; padding-top:60px; box-sizing:border-box; overflow:hidden;} #network .left{height:100%; width:400px; background:#fff; position:absolute; left:0; top:0; z-index:2; padding-top:60px; box-sizing:border-box;} #network .search{padding:30px; background:#222;} #network .search .layui-input-inline{width:167px;} #network .search .layui-form-select dl dd.layui-this{background:#a0cb46;} #network .search input{background:#fff; border:0px none;} #network .search .layui-form-select dl{border:0px none;} #network .search .key{margin-top:5px;} #network .search .key input{width:292px;} #network .search .layui-input{display:inline-block; vertical-align:middle;} #network .search .key button{display:inline-block; vertical-align:middle; background:#a0cb46; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-left:0; padding-right:0; text-align:center; width:42px;} #network .list{overflow-y:auto; position:absolute; width:100%; left:0; top:201px; bottom:0;} #network .list::-webkit-scrollbar{width:8px; height:8px;} #network .list::-webkit-scrollbar-track{background:#eee;} #network .list::-webkit-scrollbar-thumb{background:#ccc;} #network .list::-webkit-scrollbar-thumb:vertical:hover{background:#a0cb46;} #network .list a{display:block; padding:30px; border-bottom:1px solid #eaeaea; transition:all .3s;} #network .list a:hover{background:#a0cb46;} #network .list a dt{font-size:1.8rem; margin-bottom:10px; color:#464646; transition:all .3s;} #network .list a dt>i{font-family: "iconfont" !important; font-size:1.7rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:6px; color:#a0cb46; transition:all .3s;} #network .list a dd{font-size:1.5rem; transition:all .3s;} #network .list a:hover dt{color:#fff;} #network .list a:hover dt>i{color:#fff;} #network .list a:hover dd{color:#fff;} #network .list a dd p{padding:4px 0 3px 0;} #network .list a dd p.nav{display:none;} #allmap{height:100%; position:relative; z-index:1; margin-left:400px; background: url('../image/network.jpg') no-repeat center; background-size:cover;} #allmap .anchorBL, #allmap .BMap_cpyCtrl{display:none;} #allmap img{max-width:none;} #allmap .map-box{padding:5px 8px;} #allmap .title{font-size:1.8rem; color:#464646; padding-bottom:12px;} #allmap .detail{border-top:2px solid #464646; padding-top:12px; color:#464646; font-size:1.3rem; letter-spacing:0;} #allmap .detail p{margin-bottom:4px;} #allmap .map-box .detail a{display:inline-block; padding-left:23px; background:url('../image/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#a0cb46; min-height:18px;} #allmap .map-box .detail a:hover{color:#597dd3;} @media (max-width:1440px){ } @media (max-width:1366px){ } @media (max-width:1280px){ #network .left{width:350px;} #network .search .layui-input-inline{width:142px;} #network .search .key input{width:242px;} #network .list a dt{font-size:1.6rem;} #network .list a dt>i{font-size:1.5rem;} #network .list a dd{font-size:1.4rem; letter-spacing:0;} #allmap{margin-left:350px; height:109%;} } @media (max-width:1080px){ #network{height:auto; overflow:unset; padding:0;} #network .left{width:100%; position:relative; padding-top:0;} #network .left .search #form1>div{display:inline-block;} #network .search .layui-input-inline{width:188px;} #network .list{overflow-y:unset; position:unset; height:auto; min-height:auto; top:unset; bottom:unset;} #allmap{margin-left:0; height:768px;} } @media (max-width:920px){ #network .left{margin-top:60px;} #network .search{padding:25px;} #network .search .layui-input-inline{width:48%;} #network .search .key{display:block; width:100%;} #network .search .key input{width:calc(100% - 56px);} #network .list a dt{font-size:1.8rem;} #network .list a:hover, #network .list a:active{background:#eee;} #network .list a:hover dt{color:#464646;} #network .list a:hover dt>i{color:#a0cb46;} #network .list a:hover dd{color:#777177;} #network .list a dt>i{font-size:1.7rem;} #network .list a dd{font-size:1.5rem; letter-spacing:0;} #network .list a dd p.nav{display:block; margin-top:3px;} #network .list a dd p.nav span{display:inline-block; padding-left:23px; background:url('../image/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#a0cb46; min-height:18px;} #allmap{display:none;} } #global{margin:80px 0;} #global .main-box, #service .main-box{min-height:500px; position:relative; z-index:1;} #global .main-box .right, #service .main-box .right{background:url('../image/global.jpg') no-repeat center center; background-size:cover; width:48%; right:50px; top:0; position:absolute; height:100%;} #global .main-box .left, #service .main-box .left{width:52%; box-sizing:border-box; padding-right:100px;} #global .main-box .tit, #service .main-box .tit{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;} #global .main-box .tit:after, #service .main-box .tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;} #global .main-box .con, #service .main-box .con{font-size:1.6rem; margin-top:55px; color:#464646;} #global .main-box .desc, #service .main-box .desc{font-size:1.4rem; margin-top:25px; line-height:1.9;} #global .main-box .customer{margin-top:120px;} #global .main-box .customer>a{display:inline-block; font-size:1.3rem; height:26px; line-height:26px; background:#999; color:#fff; border-radius:20px; padding:0 9px; margin:auto 6px 10px auto; vertical-align:middle; transition:all .3s;} #global .main-box .customer>a:hover{background:#a0cb46;} @media (max-width:1440px){ } @media (max-width:1366px){ #global .main-box, #service .main-box{padding:0 35px;} } @media (max-width:1280px){ #global, #service{margin-top:60px;} #global .main-box, #service .main-box{padding:0 25px;} } @media (max-width:1080px){ #global, #service{margin-top:-5px;} #global .main-box .right, #service .main-box .right{width:100%; height:300px; position:relative; right:0;} #global .main-box .left, #service .main-box .left{width:100%; padding-right:0; margin-bottom:40px;} #global .main-box .customer{margin-top:50px;} } @media (max-width:920px){ #global, #service{margin-top:-10px;} #global .main-box .right, #service .main-box .right{height:250px;} } #service{margin:80px 0 0 0;} #service .main-box{min-height:400px; margin:0 auto;} #service .main-box .right{background:url('../image/service_1.jpg') no-repeat center center; background-size:cover;} #sm1{margin-top:16px; margin-bottom:80px;} #sm1 .main-box{margin:0 auto; min-height:500px; position:relative;} #sm1 .main-box .left{position:absolute; left:50px; top:0; width:810px; height:100%; background:url('../image/service_2.jpg') no-repeat center; background-size:cover;} #sm1 .main-box .right{min-height:500px; width:490px; background:#2f2f2f; float:right; padding:50px; color:#fff; box-sizing:border-box;} #sm1 .main-box .tit{font-size:3.8rem; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;} #sm1 .main-box .tit:after{content:''; display:block; width:16px; height:2px; background:rgba(255,255,255,.7); position:absolute; left:0; bottom:-20px;} #sm1 .main-box .con{font-size:1.4rem; margin-top:55px; color:rgba(255,255,255,.7); line-height:1.9;} #sm1 .main-box .desc{padding-left:20px; margin-top:30px; font-size:1.4rem; color:rgba(255,255,255,.7); line-height:1.6;} #sm1 .main-box .desc li{list-style:disc; margin:8px 0;} @media (max-width:1440px){ } @media (max-width:1366px){ #sm1 .main-box{min-height:460px;} #sm1 .main-box .left{width:770px;} #sm1 .main-box .right{min-height:460px;} } @media (max-width:1280px){ #service{margin:60px 0 0 0;} #sm1 .main-box{min-height:420px;} #sm1 .main-box .left{width:685px;} #sm1 .main-box .right{min-height:420px;} } @media (max-width:1080px){ #service{margin:50px 0 0 0;} #sm1 .main-box{padding:0 25px;} #sm1 .main-box .left{position:relative;; left:0; width:100%; height:350px;} #sm1 .main-box .right{width:100%; float:none; padding:35px; min-height:350px;} } @media (max-width:920px){ #sm1 .main-box .left{height:200px;} #sm1 .main-box .right{padding:0; background:#fff; padding:30px 0 0 0; min-height:unset;} #sm1 .main-box .tit{color:#464646;} #sm1 .main-box .tit:after{background:#464646;} #sm1 .main-box .con{color:#777177;} } #download .list{margin-top:80px;} #download .list a{display:block; padding:35px; height:130px; border:1px solid #eaeaea; margin-bottom:40px; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1);} #download .list a .img{width:180px; height:130px; float:left; background:#f3f3f3;} #download .list a .img>img{width:100%; height:100%;} #download .list a .box{width:750px; float:left; margin-left:35px;} #download .list a .box .title{color:#464646; font-size:2.6rem;} #download .list a .box .sharecode{font-size:1.4rem; color:#a0cb46; padding-left:20px; background:url('../image/ico.pwd.png') no-repeat left center; background-size:15px; margin-top:10px;} #download .list a .box .size{font-size:1.4rem; color:#aaa; padding-left:20px; background:url('../image/ico.annex.png') no-repeat left center; background-size:14px; margin-top:25px; font-family:'Montserrat', sans-serif; font-weight:600;} #download .list a .info{width:150px; height:100px; float:right; background:#f3f3f3; overflow:hidden; color:#b0b0b0; font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.4rem; text-align:center; position:relative; z-index:1;} #download .list a .info .date{width:100px; border-bottom:1px solid #dcdcdc; margin:auto; padding:25px 0 6px 0; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;} #download .list a .info .count{padding-top:6px; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;} #download .list a .info:after{content:''; display:block; width:5px; height:5px; background:#f3f3f3; position:absolute; left:53px; top:63px; z-index:1; border-radius:100%; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);} #download .list a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);} #download .list a .count i{font-family:"iconfont" !important; font-size:1.2rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;display:inline-block; margin-right:5px;} #download .list a:hover .info:after{width:150%; height:180%; left:-20%; top:-40%; background:#a0cb46;} #download .list a:hover .info{color:#fff;} #download .list a:hover .info .date{border-bottom:1px solid rgba(255,255,255,.3);} @media (max-width:1440px){ } @media (max-width:1366px){ #download .list{margin-top:70px;} } @media (max-width:1280px){ } @media (max-width:1080px){ #download{margin-top:-10px;} #download .list{margin-top:60px;} #download .list a .box{width:560px;} } @media (max-width:920px){ #download .list a{padding:20px; height:auto;} #download .list a .img{width:100%; height:auto; float:none;} #download .list a .box{width:100%; float:none; margin-left:0; margin-top:15px;} #download .list a .box .title{font-size:2.2rem;} #download .list a .info{width:100%; height:100px; float:none; text-align:center; margin-top:25px;} } #contact .main-box{padding-top:20px; padding-bottom:20px;} #contact .main-box>.tit{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;} #contact .main-box>.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;} #contact .box{margin-top:70px;} #contact .item{width:630px; border:1px solid #eaeaea; padding:35px; box-sizing:border-box; display:block; position:relative; overflow:hidden;} #contact .item:before{content:''; display:block; width:80px; height:80px; background:#a0cb46; position:absolute; left:40px; top:60px; border-radius:100%; z-index:1; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);} #contact .item:hover:before{background:#a0cb46; width:1000px; height:1000px; left:-25%; top:-100%;} #contact .wall{position:relative; width:1330px;} #contact .wall-column{display:block; position:relative; width:630px; float:left; padding:0; margin:0 30px 30px 0; box-sizing:border-box;} #contact .wall-item{margin-bottom:30px;} #contact .item .left{width:90px; float:left; background:#a0cb46; height:90px; border-radius:100%; margin-top:20px; position:relative; z-index:2; text-align:center; line-height:82px;} #contact .item .left img{width:64px; height:64px;} #contact .item .right{width:445px; float:right; position:relative; z-index:2;} #contact .item .right .tit{font-size:2.6rem; color:#a0cb46; transition:all .35s .3s;} #contact .item .right .desc{color:#a0cb46; font-size:1.5rem; margin-top:8px; transition:all .35s .3s;} #contact .item .right .con{margin-top:30px; font-size:1.5rem; line-height:1.6; letter-spacing:0; transition:all .35s .3s;} #contact .item .right .con p{margin:10px 0;} #contact .item .right .con a{transition:all .35s .3s;} #contact .item .right .con a.unline{text-decoration:underline; color:#a0cb46;} #contact .item:hover .right .tit{color:#fff;} #contact .item:hover .right .desc{color:rgba(255,255,255,.6);} #contact .item:hover .right .con{color:#fff;} #contact .item:hover .right .con a{color:#fff;} @media (max-width:1440px){ } @media (max-width:1366px){ #contact .main-box{padding-top:0px;} #contact .item{width:615px;} #contact .item:before{width:70px; height:70px;} #contact .wall{width:1300px;} #contact .wall-column{width:615px;} #contact .item .left{width:80px; height:80px;} #contact .item .left img{width:48px; height:48px; margin-top:-5px;} #contact .item .right{width:420px;} } @media (max-width:1280px){ #contact .main-box{padding-left:35px; padding-right:35px;} #contact .item{width:590px;} #contact .wall-column{width:590px;} } @media (max-width:1080px){ #contact{margin-top:-10px;} #contact .item{width:100%;} #contact .item:hover:before{width:2000px; height:2000px; left:-45%; top:-150%;} #contact .item .left{width:90px; float:none; height:90px; position:absolute; left:30px; top:30px;} #contact .item .left img{width:64px; height:64px;} #contact .item .right{margin-left:120px; float:none; width:auto;} #contact .wall{width:100%;} #contact .wall-column{width:100%;} } @media (max-width:920px){ #contact .main-box{padding-left:25px; padding-right:25px;} #bans .tit.contact{font-size:3.2rem;} #contact .main-box>.tit{font-size:2rem;} #contact .item{border:0px none; padding:0 0 25px 0; border-bottom:1px solid #eaeaea;} #contact .item:before{display:none;} #contact .item .left{width:48px; height:48px; left:0px; top:0px; line-height:48px; margin:0;} #contact .item .left img{width:32px; height:32px;} #contact .item .right{margin-left:70px; width:auto;} #contact .item .right .desc{font-size:1.4rem; margin-top:8px;} #contact .item .right .con{margin-top:20px; font-size:1.4rem;} #contact .item:hover .right .tit{color:unset;} #contact .item:hover .right .desc{color:unset;} #contact .item:hover .right .con{color:unset;} } #pro-catalog{position:fixed; z-index:5; right:0; bottom:73px; transition:all .5s;} #pro-catalog .catalog{display:block;} #pro-catalog .catalog>p{border:1px solid #ddd; border-bottom:0px none;} #pro-catalog .catalog>span{width:100px; background:#0a0a0a; color:#fff; display:block; text-align:center; font-size:1.5rem; line-height:1.3; padding-top:16px; padding-bottom:18px; transition:all .3s; position:relative; z-index:2;} #pro-catalog .catalog:hover>span{background:#a0cb46;} #pro-catalog .close{display:block; width:100%; height:20px; background:#ddd; position:relative; transition:all .2s; z-index:2;} #pro-catalog .close:before{content:''; display:block; position:absolute; left:50%; top:4px; width:1px; height:12px; background:#777177; transform:rotate(45deg); transition:all .2s;} #pro-catalog .close:after{content:''; display:block; position:absolute; left:50%; top:4px; width:1px; height:12px; background:#777177; transform:rotate(-45deg); transition:all .2s;} #pro-catalog .close:hover{background:#a0cb46;} #pro-catalog .close:hover:before, #pro-catalog .close:hover:after{background:#fff;} #pro-catalog.hide{right:-100px;} #pro-catalog .open{width:20px; height:20px; background:#fff; border:1px solid #ddd; position:absolute; left:0; bottom:0; z-index:1; transition:all .3s;} #pro-catalog .open:before{content:''; display:block; position:absolute; width:10px; height:1px; top:8px; left:5px; background:#777177;} #pro-catalog .open:after{content:''; display:block; position:absolute; width:10px; height:1px; top:12px; left:5px; background:#777177;} #pro-catalog .open:hover{background:#eee;} #pro-catalog.hide .open{left:-22px; transition:left .3s .5s, backgroun .2s;} @media (max-width:1366px){ #pro-catalog .catalog>p>img{width:78px;} #pro-catalog .catalog>span{width:80px; font-size:1.3rem; padding-top:13px; padding-bottom:15px;} } @media (max-width:1080px){ #pro-catalog .catalog>p>img{width:74px;} #pro-catalog .catalog>span{width:76px; font-size:1.2rem; padding-top:11px; padding-bottom:13px;} } @media (max-width:920px){ #pro-catalog{display:none;} }