锘緻font-face {font-family:"youshe";src: url("fonts/youshe.woff") format("woff"),url("fonts/youshe.ttf") format("truetype"),url("fonts/youshe.eot") format("embedded-opentype"),url("fonts/youshe.svg") format("svg");font-weight: normal;font-style: normal;} @font-face {font-family: "DIN";src: url("fonts/DIN-Medium.woff") format("woff"),url("fonts/DIN-Medium.ttf") format("truetype"),url("fonts/DIN-Medium.eot") format("embedded-opentype"),url("fonts/DIN-Medium.svg") format("svg");font-weight: normal;font-style: normal;} @font-face {font-family:"Futura";src: url("fonts/Futura-Medium-01.woff") format("woff"),url("fonts/Futura-Medium-01.ttf") format("truetype"),url("fonts/Futura-Medium-01.eot") format("embedded-opentype"),url("fonts/Futura-Medium-01.svg") format("svg");font-weight: normal;font-style: normal;} html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin:0;padding:0;} em,i,cite,h1, h2, h3, h4, h5, h6,b{font-style:normal;font-size:inherit;} html, body{-webkit-text-size-adjust:none;} html.noscroll{overflow:hidden;} body{overflow-x:hidden;background:#fff;color:#333;} body,input{font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;} a, a:link, a:visited, a:hover, a:active{color: #333; outline: 0; border: 0; text-decoration: none} div{outline:0;} a:hover, a:active{background-color: transparent;} em,b,strong{font-style: normal;} /*@media (min-width: 1200px){a:hover{color: #a21f24;}}*/ small{display: block; font-size: 100%;} input, textarea, button, select, radio{outline: 0; border: 0;} select:link,select:visited{color: #666;} textarea{resize: none;} img{max-width: 100%;vertical-align:top;} ul{list-style: none;} a{text-decoration: none; outline: 0;} ::-ms-clear, ::-ms-reveal{display: none;} select::-ms-expand{ display: none; } .mt0{margin-top: 0 !important;} .mr0{margin-right: 0 !important;} .mb0{margin-bottom: 0 !important;} .ml0{margin-left: 0 !important;} .mauto{margin-left:auto;margin-right:auto;} *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .clearfix:after,.clearfix:before{display:table;content:" ";clear: both;} :after,:before {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} .lt50{position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .tv50{position:absolute;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);} .wp100{width:100%;} .header{height:100px;padding:30px 6.25vw;position:fixed;left:0;top:0;right:0;z-index:9;} .header a.logo{display:inline-block;font-size:0;vertical-align: top;} .header a.logo img{height:40px;} .header a.logo img:last-child{display:none;} .header.min{background:#fff;} .header.min .menu a{color:#333;} .header.min .menu a.crently,.header.min .menu a:hover{color:#62cd6d;} .header.min a.logo img:first-child,.header.open a.logo img:first-child{display:none;} .header.min a.logo img:last-child,.header.open a.logo img:last-child{display:block;} .header.min .menu a.crently:after,.header.min .menu a:hover:after{background:#62cd6d;} .header.min .menubtn .linebox div:before,.header.min .menubtn .linebox div:after{background:#333;} .header .menu{float:right;line-height:40px;font-size:16px;} .header .menu a{margin-left:50px;color:#fff;position:relative;display:inline-block;} .header .menu a:after{position: absolute;content:"";left:0;bottom:0;height:2px;width:0;background:#fff;} .header .menu a.crently:after,.header .menu a:hover:after{width:100%;} .header .menubtn{float:right;width:18px;height:16px;cursor:pointer;margin:12px 0 12px 0.3rem;position:relative;} .header .menubtn:before{content:"";height:2px;width:.24rem;background:#333;position: absolute;top: 50%;left: 50%;margin-left: -.12rem;transform: rotate(45deg) translateX(10px);transition: all .5s ease;opacity: 0} .header .menubtn:after{content:"";height:2px;width: .24rem;background:#333;position: absolute;top: 50%;left: 50%;margin-left: -.12rem;transform: rotate(-45deg) translateX(10px);transition: all .5s ease;opacity: 0} .header.open .menubtn{margin-right:14px;} .header.open .menubtn:before{opacity: 1;transform: rotate(45deg) translateX(0px);} .header.open .menubtn:after{opacity: 1;transform: rotate(-45deg) translateX(0px);} .header.open .menubtn .linebox{display:none;} .header.open .menu{display:none;} .header .menubtn .linebox{width:100%;height:100%;overflow: hidden;position: relative;vertical-align: middle;transition: all .5s ease;} .header .menubtn .linebox .line1{position: absolute;top: 0;left: 0;right: 0;} .header .menubtn .linebox .line2{position: absolute;top:50%;left: 0;right: 0;height: 2px;margin-top:-1px;} .header .menubtn .linebox .line3{position: absolute;bottom: 0;left: 0;right: 0;height: 2px;} .header .menubtn .linebox div:before,.header .menubtn .linebox div:after{content:"";width:18px;height: 2px;background: #fff;position: absolute;} .banner .desall{position:absolute;top:50%;left:12.5vw;right:12.5vw;font-size:.68rem;color:#fff;font-weight:bold;} .banner .desall p:last-child{margin-top:.3333rem;} .banner .swiperbtn{position: absolute;top: 50%;margin-top:-1.562vw;} .banner .swiperbtn .btn1{width:.6rem;height:.6rem;border:1px solid #fff;border-radius: 50%;position: relative;cursor: pointer;z-index:6} .banner .swiperbtn .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .2rem;} .banner .swiperbtn .btn1 img:nth-child(2){opacity:0} .banner .swiperbtn.prev{left: 1.5vw} .banner .swiperbtn.next{right: 1.5vw} .banner .swiperbtn.prev .after .swiper-page{text-align: right;} .title_u{position:relative;} .title_u span{font-family: "youshe";color: #333;text-transform: uppercase;line-height: 1;position: relative;display:inline-block;vertical-align:top;;font-style:italic;} .title_u p{color:#333;font-style:italic;} .title_u span:after{content:"";background:#62cd6d;position: absolute;transform: skew(-25deg);} .title_u.sp2 span,.title_u.sp2 p{color:#fff;} .title_u.sp2 span:after{background:#fff;} .title_u.sp2.st span:after{background:#62cd6d;} .title_u .tabmenu a{position:relative;} .title_u .tabmenu a:after{content:"";width:0;height:2px;background:#62cd6d;position:absolute;left:0;bottom:-0.08rem;} .title_u .tabmenu a.crently{color:#62cd6d;} .title_u .tabmenu a.crently:after{width:100%;} a.more1{position:relative;display:block;overflow:hidden;z-index:2} a.more1:after,a.more1:before{content:"";position:absolute;width:100%;left:0;} a.more1:after{content:"";background:#333;height:2px;bottom:0;z-index:-2;} a.more1 i{position:absolute;right:0;top:50%;background:url(../images/nexton.svg) no-repeat right center;background-size:cover;z-index:2;} a.more1:before{background:#62cd6d;z-index:-1;left:-100%;} a.more1.sp2{color:#fff;} a.more1.sp2:after{background:#fff;} a.more1.sp2 i{background:url(../images/next.svg) no-repeat right center;background-size:cover;} a.more1.sp2:before{background:#fff;} a.more1.sp2.st:before{background:#62cd6d;} .iabout_tab .item:last-child{background:url(../images/iabout_bg1.jpg) no-repeat center center;background-size:cover;} .iabout_tab .item:last-child img{display:none;} .iabout_tab .item .txt{text-align:center;width:100%;} .iabout_tab .item .txt p{display:inline-block;text-align:left;vertical-align:middle;} .iabout_tab .item .txt em{display:inline-block;background:#333;transform:rotate(45deg);vertical-align:middle;} .iabout_tab .item .txt p b{display:block;font-family:"DIN";} .iabout_tab .item{width:50%;position:relative;} .iabout_tab .item .des{color:#999;} .iservice_tab .left {position: relative;overflow: hidden;width: 50%;flex:1;background:#62cd6d;} .iservice_tab .left::before, .iservice_tab .left::after{position: absolute;display: block;content: "";background: rgba(27,176,42,.4);border-radius: 50%;} .iservice_tab .left::before{-webkit-animation: round1 10s linear infinite; animation: round1 10s linear infinite;} .iservice_tab .left::after{-webkit-animation: round2 10s linear infinite; animation: round2 10s linear infinite;} .iservice_tab .left >div,.iservice_tab .left >a{position: relative; z-index: 1;} .iservice_tab .left .des{font-family: "Futura";text-transform: uppercase;color:#fff;} .iservice_tab .left .des2{color:#fff;} .iservice_tab .right{width:50%;height:100%;float:left;position:relative;} .iservice_tab .right:before,.iservice_tab .right:after{background:#eee;position:absolute;left:50%;top:50%;content:""} .iservice_tab .right:before{left:0;width:100%;height:1px;} .iservice_tab .right:after{top:0;height:100%;width:1px;} .iservice_tab .right .item{font-size:.24rem;height:50%;width:50%;float:left;position:relative;overflow:hidden;} .iservice_tab .right .item .lt50{width:100%;text-align:center;} .iservice_tab .right .item .lt50 div{color:#999;text-transform: uppercase;} .icase_list .item{width:33.3333%;float:left;} .icase_list .item a{display:block;background:#fff;} .icase_list .item .img{overflow:hidden;} .icase_list .item img{width:100%;} .icase_list .item .tit{color:#333;} .icase_list .item .des{color:#999;} .igood_service{position: relative;overflow:hidden;} .igood_service .left .des{font-family: "Futura";text-transform: uppercase;color:#fff;} .igood_service .left .des2{color:#fff;} .igood_service .video{width:100%;} .igood_service .video:before{content:"";width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.6);} .swiper-pagination .swiper-pagination-bullet{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .igood_swiper{position:relative;} .igood_swiper .swiper-slide .igood_tab .item{width:50%;float:left;} .igood_swiper .swiper-slide .igood_tab .item .content{cursor:pointer;text-align:center;position:relative;overflow:hidden;} .igood_swiper .swiper-slide .igood_tab .item .content:before,.igood_swiper .swiper-slide .igood_tab .item .content:after{content:"";width:100%;position:absolute;left:0;z-index:-1;height:100%;} .igood_swiper .swiper-slide .igood_tab .item .content:before{background:#fff;top:0;} .igood_swiper .swiper-slide .igood_tab .item .content:after{background:#62cd6d;top:100%;} .igood_swiper .swiper-pagination,.sorks_swiper .swiper-pagination{text-align: center;z-index: 10;height:6px;width:100%;line-height:6px;position:relative;} .igood_swiper .swiper-pagination .swiper-pagination-bullet,.sorks_swiper .swiper-pagination .swiper-pagination-bullet {width:6px;height:6px;display: inline-block;border-radius:6px;background:#fff;opacity:1;margin:0 5px;vertical-align:top;} .sorks_swiper .swiper-pagination .swiper-pagination-bullet{background:#ddd;} .igood_swiper .swiper-pagination .swiper-pagination-bullet-active,.sorks_swiper .swiper-pagination .swiper-pagination-bullet-active{background:#62cd6d;width:24px;outline:none;} .igood_swiper .swiper-slide .igood_tab .item .content .num{font-family:"DIN";overflow:hidden;color:#eee;} .igood_swiper .swiper-slide .igood_tab .item .content .num b{display:block;} .igood_swiper .swiper-slide .igood_tab .item .content .tit{color:#333;} .igood_swiper .swiper-slide .igood_tab .item .content .des{color:#999;} .sorks_slider .item .content{cursor:pointer;text-align:center;position:relative;overflow:hidden;} .sorks_slider .item .content:before,.sorks_slider .item .content:after{content:"";width:100%;position:absolute;left:0;z-index:-1;height:100%;} .sorks_slider .item .content:before{background:#fff;top:0;} .sorks_slider .item .content:after{background:#62cd6d;top:100%;} .sorks_slider .item .content .dot{width:6px;height:6px;background:#ddd;position:absolute;left:50%;margin-left:-3px;font-size:0;border-radius:6px;} .sorks_slider .item .content .dot:before,.sorks_slider .item .content .dot:after{content:"";width:6px;height:6px;background:#ddd;position:absolute;top:0;border-radius:6px;} .sorks_slider .item .content .num{font-family:"DIN";overflow:hidden;color:#eee;} .sorks_slider .item .content .num b{display:block;} .sorks_slider .item .content .tit{color:#333;} .sorks_slider .item .content .des{color:#999;} .flipx,.page_more a:first-child i:before,.page_more a:first-child i:after{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;} .flipy{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV;} .banner_com{background:#62cd6d;overflow:hidden;position:relative;} .banner_com::before, .banner_com::after{position: absolute;display: block;content: "";background: rgba(27,176,42,.4);border-radius: 50%;} .banner_com::before{-webkit-animation: round1 10s linear infinite; animation: round1 10s linear infinite;} .banner_com::after{-webkit-animation: round2 10s linear infinite; animation: round2 10s linear infinite;} .banner_com div{height:100%;width:100%;left:0;top:0;position:relative;background-size:auto 1.6rem;background-position:center;background-repeat:no-repeat;z-index:1;} .banner_com p{width:100%;position:relative;z-index:2;text-align:center;color:#fff;} .banner_com p b{font-family:"youshe";display:inline-block;vertical-align:middle;font-style: italic;text-transform:uppercase;font-weight:normal;text-shadow: 0 0 0.3rem rgba(51, 51, 51, 0.2)} .banner_com p i{position:relative;display:inline-block;vertical-align:middle;} .banner_com p i:before,.banner_com p i:after{transform: skew(-20deg);content:"";width: 100%;height:100%;border:2px solid #fff;} .banner_com p i:before{border-bottom: 0;border-right: 0;position: absolute;top: 0;left: 0} .banner_com p i:after{border-top: 0;border-left: 0;position: absolute;bottom: 0;right: 0} .about_intro .item .txt .eng{font-family:"Futura";text-transform: uppercase;} .about_tab .first{background:#62cd6d;color:#fff;} .about_tab .item{position:relative;} .about_tab .item .txt{text-align:center;} .about_tab .item .txt p{display:inline-block;text-align:left;vertical-align:middle;} .about_tab .item .txt em{display:inline-block;background:#333;transform: rotate(45deg);vertical-align:middle;} .about_tab .item .txt p b{display:block;font-family:"DIN";} .about_tab .content{position:relative;} .about_tab .content .num{color:#23b932;font-family:Impact;position:absolute;left:0;top:0;z-index:-1;} .about_tab .content .eng{font-family:"youshe";font-style: italic;position:relative;text-transform: uppercase;} .about_tab .content .eng:after{content: "";background: #fff;position:absolute;transform: skew(-25deg);} .about_tab .content .des{font-style: italic;} .about_tab .item .professional .list:hover:before{width:100%;} .about_tab .team_list .it{position:relative;} .about_tab .team_list .it:before{content:"";width:100%;height:100%;position:absolute;background:rgba(0,0,0,0);z-index:1;} .about_tab .team_list .it div{color:#fff;width:100%;text-align:center;z-index:2;} .about_tab .team_list img{width:100%;} .about_tab .team_list .it h1{display:inline-block;position:relative;} .about_tab .team_list .it h1:before,.about_tab .team_list .it h1:after{position:absolute;left:50%;background:#fff;height:2px;content:"";} .about_tab .team_list .it p{height:0;overflow:hidden;} .about_tab .item .cpy .tv50{width:100%;} .about_tab .item .cpy .it .img{width:100%;} .about_tab .item .cpy .it .img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray;} .about_tab .item .cpy .it{text-align:center;overflow:hidden;} .about_tab .item .cpy .tv50 .eng{color:#999;text-transform:uppercase;} .about_join{color:#fff;} .about_join .left .des{font-family:"Futura";text-transform: uppercase;} .about_join .right .list{text-align:center;} .about_join .right .list .item{display:block;color:#fff;} .about_join .right .list .item div{border:2px solid #fff;display:inline-block;} .about_join .right .list .item div img{vertical-align:middle;margin-top: -3px;} .join_us{background:#fff;position:relative;z-index:2;} .join_us dl{position: relative;border-bottom:1px solid #eee;} .join_us dl:last-child{border-width:0;} .join_us dt,.join_us dd{position:relative;} .join_us dt{font-weight:bold;} .join_us dt i{color:#999;font-family:"DIN";position:absolute;left:0;top:0;} .join_us dd .tit{display:inline-block;color:#fff;background:#333;} .join_msg{background:#fff;position: relative;overflow:hidden;} .form_list .item{position:relative;overflow:hidden;} .form_list .item:last-child{margin-bottom:0;} .form_list .item input+i:before,.form_list .item input+i:after{content:"";width:100%;height:1px;position:absolute;bottom:0;} .form_list .item input+i:before{background:#eee;left:0;} .form_list .item input+i:after{left:-100%;background:#62cd6d;} .form_list input{width:100%;} .form_list .item input:focus+i:after{left:0;} .form_list .item input:focus+i:before{left:100%;} .form_list a{color:#fff!important;background:#333;display:block;text-align:center;border-radius:3px;} .join_msg .right{overflow:hidden;position:relative;} .join_msg .right:before{position:absolute;background:#62cd6d;content:"";border-radius:100%;} .join_msg .right .content{position:absolute;color:#fff;right:0;bottom:0;} .css_animation{height:104px; width:104px; border-radius: 50%; background: rgba(98, 205, 109, 0.75); transform: scale(0.6); -webkit-animation: myfirst 3s; animation: myfirst 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .BMap_mask+div>div:nth-of-type(4){z-index: 0 !important;} @-webkit-keyframes myfirst{ to{transform: scale(1.05); background: rgba(0, 0, 0, 0);} } @keyframes myfirst{ to{transform: scale(1.05); background: rgba(0, 0, 0, 0);} } .service_type .item{position:relative;} .service_type .item .content .tit{display:block;position:relative;} .service_type .item .content .tit i{position:absolute;font-family:"DIN"} .service_type .item .content .des{color:#999;} .service_type .item .content .link a{display:inline-block;border:1px solid #333;} .ensure{background:#333;} .ensure .list .item .content{position:relative;overflow:hidden;} .ensure .list .item .content:before{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:-2;background:#fff;} .ensure .list .item .content:after{content:"";width:100%;height:100%;position:absolute;left:0;bottom:-100%;background:#62cd6d;z-index:-1;} .ensure .list .item .des{color:#999;} .service_process{background:url(../images/service_process_bg.jpg) no-repeat center;background-size:cover;} .process_area{position:relative;} .process_area .first_line,.process_area .last_line{height:1px;background:rgba(255,255,255,0.15);position:absolute;margin-top:-1px;} .process_area .first_line{left:0;}.process_area .last_line{right:0;} .service_process .content .item{text-align:center;color:#fff;position:relative;} .service_process .content .num{display:flex;align-items:center;} .service_process .content .num b{font-family:"DIN";border:2px solid #fff;border-radius:100%;} .service_process .content .item:hover .num b{background:#62cd6d;border-color:#62cd6d} .service_process .content .num i{height:1px;background:rgba(255,255,255,0.15);flex:1; vertical-align:middle;} .sworks_head .left .eng{font-family:"Futura";text-transform: uppercase;} .sworks_head .left a.link{text-align:center;display:inline-block;border:1px solid #333;border-radius:3px;} .sworks_head .right .des{color:#999;} .sorks_slider .item .content{height:100%;} .case_type{text-align:center;} .case_type a{position:relative;display:inline-block;} .case_type a i{display:inline-block;position:relative;} .case_type a i:after{content:"";width:0;background:#62cd6d;position:absolute;left:0;bottom:0;} .case_type a.crently{color:#62cd6d;} .case_type a.crently i:after{width:100%;} .pagenav{text-align:center;overflow:hidden;font-size:0;} .pagenav a {color:#fff;text-decoration:none;} .pagenav a, .pagenav span {display:inline-block;vertical-align:top;} .pagenav a, .pagenav strong, .pagenav span {color:#999;} .pagenav a:hover, .pagenav a:active {color:#333;} .pagenav .now {color:#333;} .pagenav .none {color:#bbb;} .ceee{color:#eee;} .c999{color:#999;} a.c333,.c333{color:#333;} a.cfff,.cfff{color:#fff;} .fdin{font-family:"DIN";} .fyoushe{font-family:"youshe";text-transform:uppercase;} .tab_com .it{float:left;width:100%;position:relative;} .tab_com.sp3 .it{width:33.3333%;} .tab_com.sp2 .it{width:50%;} .bgcover{background-position:center;background-size:cover;background-repeat:no-repeat;} .bgf8f8f8{background:#f8f8f8;}.bg333{background:#333;}.bgfff{background:#fff;} .itatic{font-style:italic} .overhide{overflow:hidden;} .tabtxt{display:none;} .join_us dl:before,.iservice_tab .right .item:before,.inews_list a:before,.news_list a:before,.about_tab .item .professional .list:before,.about_tab .item .cpy .it:before,.service_type .item:before,.contact .content.sp2 .item:before{width:0;height:100%;content:"";position:absolute;left:0;top:0;background:url(../images/service_item_hbg.png) repeat 0 0;background-size:.09rem;} .client_list .item .cont{background:#fff url(../images/service_item_hbg.png) repeat 0 0;background-size:.09rem;} .banner_case .content{position:relative;color:#fff;height:100%;} .banner_case .content .tit,.banner_case .content .tit2{font-weight:bold;} .banner_case .content .link{border:1px solid #fff;display:block;position:relative;overflow:hidden;} .banner_case .content .link:before{width:100%;height:100%;position: absolute;left:0;top:0;background:url(../images/next.svg) no-repeat center;transform:rotate(90deg);content:"";animation: downico 1.5s ease-out infinite;} @keyframes downico{0%{top:0;opacity:1;}35%{top:50%;opacity:0;}65%{top:-50%;opacity:0;}100%{top:0;opacity:1;}} .case_detail p{overflow:hidden;} .banner_case.sp2{height:auto;} .case_intro .eng{font-style:italic;} .case_previe{text-align:center;} .case_previe .ewm{display:inline-block;} .case_previe .ewm .ct{display:flex;display:-webkit-flex; align-items: stretch;} .case_previe .ewm .ct p{font-size:0;} .case_previe .ewm .ct p img{display:block;width:100%;} .case_previe .ewm .ct a{font-family:"Futura";color:#fff;} .case_previe .page{text-align:center;} .case_previe .page a{color:#fff;} .case_previe .page a i{vertical-align:middle;position:relative;display:inline-block;overflow:hidden;} .case_previe .page a i:before{width:100%;height:100%;position: absolute;left:0;top:0;background:url(../images/next.svg) no-repeat center;content:"";} .case_previe .page a i:after{width:100%;height:100%;position: absolute;left:-110%;top:0;background:url(../images/nexton2.svg) no-repeat center;content:"";} .client_list .item{position:relative;overflow:hidden;cursor: pointer;float:left;} .client_list .item .content{border:1px solid #eee;border-bottom:none;height:100%;overflow:hidden;position:relative;} .client_list .item .content:before{content:"";background:#eee;height:1px;width:100%;position:absolute;left:0;bottom:0;} .client_list .item .cont{width:100%;text-align:center;height:100%;position:absolute;z-index:2;border-bottom:2px solid #62cd6d;left:-100%;top:0;right:100%;} .client_list .item .img{width:60%;height:1.1rem;} .client_list .item img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;max-height:100%;} .news_list a img{width:100%;} .news_list a .img{position:relative;} .news_list .time{position:relative;} .news_list .des{color:#999;} .news_list .tit,.news_list .time{color:#333;} .news_detail{border-top:1px solid #eee;} .news_detail .part1 .tit{font-weight:bold;} .news_detail .part1 .time{color:#999;} .news_detail .part1 .page i{color:#999;} .share .bdsharebuttonbox a{text-indent:0;font-size:0;padding:0;margin:0;float:none;background:none;position:relative;display:inline-block;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;overflow:hidden;} .share .bdsharebuttonbox a:before,.share .bdsharebuttonbox a:after{content:'';background-position:center;background-repeat:no-repeat;position:absolute;top:0;border:1px solid #eee;} .share .bdsharebuttonbox a:before{left:0;} .share .bdsharebuttonbox a:after{left:-110%;background-color:#62cd6d;z-index:2;border-color:#62cd6d;} .share .bdsharebuttonbox a:nth-child(1):before{background-image:url(../images/share_ico1.svg);} .share .bdsharebuttonbox a:nth-child(1):after{background-image:url(../images/share_ico1on.svg);} .share .bdsharebuttonbox a:nth-child(2):before{background-image:url(../images/share_ico2.svg);} .share .bdsharebuttonbox a:nth-child(2):after{background-image:url(../images/share_ico2on.svg);} .share .bdsharebuttonbox a:nth-child(3):before{background-image:url(../images/share_ico3.svg);} .share .bdsharebuttonbox a:nth-child(3):after{background-image:url(../images/share_ico3on.svg);} .share .bdsharebuttonbox a:hover{border-color:#62cd6d;opacity:1;} .share .bdsharebuttonbox a:hover:before{left:100%;} .share .bdsharebuttonbox a:hover:after{left:0;} .contact .bgfff{box-shadow: 0 0 0.5rem rgba(0,0,0,0.08);} .contact .content .item{position:relative;overflow:hidden;} .contact .content .item .num{font-family:"DIN";} .contact .content.sp2 .item .dt{position:relative;z-index:3;} .contact .content.sp2 .item:after,.contact .content.sp2 .item:before{content:"";width:100%;height:1px;position:absolute;left:0;bottom:0;} .contact .content.sp2 .item:after{background:#eee;left:0;z-index:1;} .contact .content.sp2 .item:before{left:-100%;top:0;bottom:0;width:100%;border-bottom:2px solid #62cd6d;z-index:2;height:100%;} .contact .content.sp2 .item.hover:before{left:0;} .contact .content .item .it{position:relative;height:100%;} .contact .content .item .it img{left:0;} /**閿欒鎻愮ず**/ #errormsg{position:fixed;z-index:999999999;font-size:.18rem;color:#fff;background:rgba(0,0,0,0.7);line-height:.48rem;border-radius:.06rem;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);padding:0 0.4rem;opacity:0;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb;} input:-moz-placeholder,textarea:-moz-placeholder{color:#bbb;} input::-moz-placeholder,textarea::-moz-placeholder{color:#bbb;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb;} .form_list .item:before,.form_list .item:after,#errormsg{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .pop_menu .content{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0;} .pop_menu{position:fixed;left:0;right:0;top:-100%;width:100%;height:100%;z-index:8;} .pop_menu:before{content:"";width: 120%;height: 100%;position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-color: #fff;z-index:-1} .pop_menu.show{top:0;} .pop_menu.show.active .content .menu a{animation:fadeInUp 0.5s forwards;} .pop_menu.show.active .content{opacity:1;} .pop_menu.show.active .content dl{animation: fadeInUp 0.5s forwards;-webkit-animation: fadeInUp 0.5s forwards;} .pop_menu.show:before{animation: slideBgTop 0.5s forwards;-webkit-animation: slideBgTop 0.5s forwards;} .pop_menu.show.active .content .menu a { opacity: 1; } .pop_menu.show.active .content .menu a:nth-child(1) { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s } .pop_menu.show.active .content .menu a:nth-child(2) { -webkit-animation-duration: .58s; -o-animation-duration: .58s; animation-duration: .58s } .pop_menu.show.active .content .menu a:nth-child(3) { -webkit-animation-duration: .66s; -o-animation-duration: .66s; animation-duration: .66s } .pop_menu.show.active .content .menu a:nth-child(4) { -webkit-animation-duration: .74s; -o-animation-duration: .74s; animation-duration: .74s } .pop_menu.show.active .content .menu a:nth-child(5) { -webkit-animation-duration: .82s; -o-animation-duration: .82s; animation-duration: .82s } .pop_menu.show.active .content .menu a:nth-child(6) { -webkit-animation-duration: .92s; -o-animation-duration: .92s; animation-duration: .92s } .pop_menu.show.active .content .menu a:nth-child(7) { -webkit-animation-duration: 1.02s; -o-animation-duration: 1.02s; animation-duration: 1.02s } .imghover .img{overflow:hidden;} .imghover img{background-size:cover;background-repeat: no-repeat;background-position:center;transition:all .5s cubic-bezier(.23,1,.38,1);} html{font-size: 100px;} @media (max-width: 1600px){html{font-size: 95px;}} @media (max-width: 1440px){html{font-size: 90px;}} @media (max-width: 1220px){html{font-size: 85px;}} @media (max-width: 1024px){html{font-size: 80px;}} /* @media (max-width: 1000px){html{font-size: 70px;}} */ @media (max-width: 1000px){html{font-size:70px;}} @media screen and (min-width: 899px){ a:hover{color:#62cd6d;} ::-webkit-scrollbar-track-piece{width:5px;background-color:#fff;} ::-webkit-scrollbar{width:5px;height:6px} ::-webkit-scrollbar-thumb{height:50px;background-color:#62cd6d;} ::selection {background:#62cd6d;color: #fff;} body{font-size:.16rem;} a,a:after,a:before,i:after,i:before,a.more1 i,.banner .swiperbtn .btn1,.iservice_tab .right .item:before,.igood_swiper .swiper-slide .igood_tab .item .content:before,.igood_swiper .swiper-slide .igood_tab .item .content:after,.sorks_slider .item .content:before,.sorks_slider .item .content:after,.inews_list .time i,.news_list .time i,.header,.side-bar,.side-bar .hv p i,.about_tab .team_list .it .tv50,.about_tab .team_list .it .tv50 p,.about_tab .team_list .it h1:before,.about_tab .team_list .it:before,.about_tab .item .professional .list:before,.about_tab .item .cpy .it:before,.about_join .right .list .item div,.about_tab .item .cpy .it .img,input,.ensure .list .content,.ensure .list .item .des,.ensure .list .item .ico img,.service_process .content .num b,.sorks_slider .item .content,.sorks_slider .item .content .tit,.sorks_slider .item .content .num,.sorks_slider .item .content .des,.sorks_slider .item .content .dot,.sorks_slider .item .content .dot:before,.sorks_slider .item .content .dot:after,.client_list .item .cont,.news_list a .img:before,.news_list a .img b,.news_list a .img b:before,.news_list a .img b:after,.contact .content.sp2 .item:before,.ensure .list .item .content:after,.contact .content.slit .item .time,.contact .content.slit .item .des,.contact .content.slit .item .tit{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .header .menubtn .linebox .line1:before{left:-4px;top: 0;-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: line1Before 2s infinite; animation: line1Before 2s infinite;} .header .menubtn .linebox .line2:before{left: 0;top: 0;-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: line2Before 2s infinite; animation: line2Before 2s infinite;} .header .menubtn .linebox .line3:before{left: -4px;top: 0;-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: line3Before 2s infinite; animation: line3Before 2s infinite;} .header .menubtn .linebox .line1:after{left: -28px;top: 0;-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: line1After 2s infinite; animation: line1After 2s infinite;} .header .menubtn .linebox .line2:after{left: -30px;top: 0;-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: line2After 2s infinite; animation: line2After 2s infinite;} .header .menubtn .linebox .line3:after{left: -28px;top: 0;-moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-animation: line3After 2s infinite; animation: line3After 2s infinite;} .header{height:1rem;padding:.3rem 6.25vw;} .header a.logo img{height:0.4rem;} .header .menu{line-height:0.4rem;font-size:.16rem;} .header .menubtn{margin:.12rem 0 .12rem 0.3rem} .pop_menu{padding-top:100px;} .pop_menu .content{height:100%;overflow:auto;padding:1.0rem 6.25vw;} .pop_menu .content .menu{float:left;padding:0 0.8rem;font-size:.4rem;font-weight:bold;line-height:.4rem;} .pop_menu .content .menu a{display:block;width:.8rem;margin-bottom:.35rem;color:#333;position:relative;} .pop_menu .content .menu a:last-child{margin-bottom:0;} .pop_menu .content .menu a:before{width:0;height:.2rem;position:absolute;left:0;bottom:-0.05rem;background:#62cd6d;content:"";z-index:-1;} .pop_menu .content .menu a.crently:before,.pop_menu .content .menu a:hover:before{width:.8rem;} .pop_menu .content dl{float:right;width:21.146vw;padding-right:4.167vw;} .pop_menu .content dl dt{color:#999;line-height:.16rem;} .pop_menu .content dl dd{margin-bottom:3.125vw;margin-top:.1rem;} .pop_menu .content dl dd:last-child{margin-bottom:0;} .pop_menu .content dl dd div{font-size:.18rem;line-height:.24rem;} .pop_menu .content dl dd p{font-size:.24rem;line-height:.24rem;} .pop_menu .content dl dd p img{width:1.3rem;} /**鍙宠竟鑿滃崟**/ .side-bar .hv p span,.side-bar .hv{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .side-bar{height:170px;width:50px;position:fixed;top:50%;margin-top:-85px;right:20px;text-align:center;z-index:999} .side-bar.min{height:110px;margin-top:-55px;} .side-bar.min .top{display:none} .side-bar .hv{width:50px;height:50px;margin-bottom:10px;cursor:pointer;position:relative;} .side-bar .hv a{color:inherit;} .side-bar .hv:last-child{margin-bottom:0;} .side-bar .hv p{height:100%;width:100%;overflow:hidden;position:relative;} .side-bar .hv.qrcode p span{padding:0;} .side-bar .hv p span{width:100%;height:100%;display:block;border-radius:100%;display:block;position:absolute;top:100%;left:0;z-index:1;font-size:0;} .side-bar .hv p i.s1{background:#62cd6d url(../images/slider_ico1.svg) no-repeat center;background-size:auto 16px;} .side-bar .hv p i.s2{background:#62cd6d url(../images/slider_ico2.svg) no-repeat center;background-size:auto 16px;} .side-bar .hv p i.s3{background:#62cd6d url(../images/slider_ico3.svg) no-repeat center;background-size:auto 16px;} .side-bar .hv p i{width:100%;height:100%;display:block;position:absolute;left:0;top:0;border-radius:100%;} .side-bar .hv:hover p span{top:0;} .side-bar .hv:hover p i:first-child{top:-100%;} .side-bar .hv:hover p span i:first-child{top:0;background-color:#333;} .side-bar .hv div{background:#fff;position:absolute;top:0;display:none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius:3px 0 3px 3px;} .side-bar .hv div label{width:20px;height:100%;display:block;position:absolute;top:0;right:-20px;} .side-bar .hv div em{width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color: #fff transparent transparent transparent; position:absolute;right:-10px;top:0;} .side-bar .hv.qrcode div{width:160px;height:185px;left:-357px;padding-top:15px;} .side-bar .hv.qrcode div span{display:block;margin-left:15px;width:130px;} .side-bar .hv.qrcode div span img{display:block;margin-bottom:10px;width:130px;height:130px;} .side-bar .hv.qrcode div span i{display:block;} .side-bar .hv.service div{width:172px;height:50px;line-height:50px;padding:0 14px 0;left:-230px;text-align:center;} .side-bar .hv.top div{width:102px;height:50px;line-height:50px;padding:0 14px 0;left:-230px;text-align:center;} /**鎻愮ず瀹氭椂寮圭獥 鍜ㄨ**/ .pop_msg{width:660px;height:340px;background:#fff;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.1);position:fixed;left:50%;top:50%;z-index:7;margin:-170px 0 0 -330px;text-align:center;padding:37px 0;display:none;} .pop_msg .tit{font-size:.48rem;font-weight:bold;line-height:.48rem;} .pop_msg .list{width:428px;margin:40px auto 0;font-size:18px;line-height:18px} .pop_msg .list p{float:left;width:50%;padding:0 30px 20px;box-sizing:border-box;text-align: left;} .pop_msg .list p i{display:block;} .pop_msg .list p i:before{content:"";width:6px;height:6px;background:#62cd6d;display:inline-block;vertical-align:middle;margin-right:10px;border-radius:6px;} .pop_msg .des{line-height:16px;margin-top:30px;} .pop_msg .link{margin-top:20px;} .pop_msg .link a{width:170px;height:42px;line-height:42px;margin:0 60px;border:1px solid #62cd6d;border-radius:3px;display:inline-block;color:#62cd6d} .pop_msg .link a:last-child{background:#62cd6d;color:#fff;} .banner .swiperbtn .btn1:hover{background:#62cd6d;border-color:#62cd6d;} .iabout_tab{display: flex;display:-webkit-flex; align-items: stretch;} .iabout_tab .item:first-child{padding:1.2rem 6.25vw;} .iabout_tab .item .txt em{width:.07rem;height:.15rem;margin:0 0.50rem;} .iabout_tab .item .txt p b{font-size:.7rem;} .iabout_tab .item .txt p i{font-size:.18rem;} .iabout_tab .item .tit{font-size:.48rem;line-height:.48rem;margin-top:1.2rem;} .iabout_tab .item .des{font-size:.18rem;line-height:.3rem;margin-top:.6rem} .iabout_tab .item .more1{margin-top:1.2rem} .iservice_tab{display: flex;display:-webkit-flex; align-items: stretch;} .iservice_tab{height:88vh;} .iservice_tab .left{padding:1.2rem 6.25vw;height:100%;} .iservice_tab .left::before, .iservice_tab .left::after{width: 50vw; height: 50vw;} .iservice_tab .left::before{top: -10vw; right: -15vw; } .iservice_tab .left::after{bottom: -10vw; left: -15vw;} .iservice_tab .left .des{font-size:.4rem;line-height:.48rem;margin-top:1.1rem;} .iservice_tab .left .des2{font-size:.24rem;line-height:.24rem;margin-top:.6rem;} .iservice_tab .left .more1{position:absolute;left:6.26vw;bottom:1.2rem;} .iservice_tab .right .item:hover:before{width:100%;} .iservice_tab .right .item .lt50 p{font-size:.24rem;line-height:.24rem;margin-top:.4rem;} .iservice_tab .right .item .lt50 div{font-size:.18rem;line-height:.18rem;margin-top:.2rem;} .iservice_tab .right .item .lt50 img{height:1.4rem;} .title_u{height:.78rem;} .title_u span{font-size:.6rem;line-height:.37rem;} .title_u p{font-size:.24rem;line-height:.24rem;margin-top:.2rem;} .title_u span:after{right: -0.25rem;bottom:.01rem;width:.15rem;height:.16rem;} .title_u div{position:absolute;right:0;top:0;font-size:.18rem;color:#fff;line-height:.78rem;} .title_u div a{margin-left:.6rem;} .title_u .tabmenu a:hover,.title_u div a:hover{color:#62cd6d} .title_u .tabmenu a:hover:after{width:100%;} a.more1{font-size:.16rem;width:2.0rem;height:.6rem;line-height:.6rem;} a.more1 i{width:.2rem;height:.14rem;margin-top:-0.07rem;} a.more1:before{height:.6rem;} a.more1:hover,.title_u div a.more1:hover{padding-left:.2rem;color:#fff;} a.more1:hover i{right:.2rem;background:url(../images/next.svg) no-repeat right center;background-size:cover;} a.more1:hover:before{left:0;} a.more1.sp2:hover{color:#62cd6d;} a.more1.sp2:hover i{background:url(../images/nexton2.svg) no-repeat right center;background-size:cover;} a.more1.sp2.st:hover{color:#fff;} a.more1.sp2.st:hover i{background:url(../images/next.svg) no-repeat right center;background-size:cover;} .icase{padding:1.2rem 6.26vw;background:#333 url(../images/icase_bg.png) no-repeat center 1.32rem;background-size:auto 7.135vw;} .icase .icase_list{margin-top:.3rem;} .icase_list{margin:0 -0.15rem;} .icase_list .item a{margin:.30rem 0.15rem 0;overflow:hidden;} .icase_list .item div{margin:.4rem 2.083vw;position:relative;} .icase_list .item div b{display:none;color:#333;text-transform: uppercase;} .icase_list .item div b i{width:30px;height:9px;display:inline-block;position:relative;overflow:hidden;margin-left:.1rem;} .icase_list .item div b i:before,.icase_list .item div b i:after{content:"";width:30px;height:9px;position:absolute;left:0;top:0;} .icase_list .item div b i:before{background:url(../images/arrow_right_half.svg);background-size:cover;} .icase_list .item div b i:after{background:url(../images/arrow_right_halfon.svg);left:-100%;background-size:cover;} .icase_list .item a:hover{background:#62cd6d;} .icase_list .item a:hover *{color:#fff;} .icase_list .item a:hover div b i:before{left:100%;} .icase_list .item a:hover div b i:after{left:0;} .icase_list.sp .item:nth-child(1),.icase_list.sp .item:nth-child(2){width:50%} .icase_list.sp .item:nth-child(1) div,.icase_list.sp .item:nth-child(2) div{padding-right:1.4rem;} .icase_list.sp .item:nth-child(1) div b,.icase_list.sp .item:nth-child(2) div b{position:absolute;right:0;top:50%;line-height:.16rem;margin-top:-0.08rem;display:block;} .icase_list .item .tit{font-size:.22rem;} .icase_list .item .des{font-size:.18rem;} .icase .more1{margin-top:.6rem;} .igood_service{padding:1.2rem 6.26vw;background:#333 url(../images/igood_service_bg.jpg) no-repeat center;background-size:cover;display: flex;display:-webkit-flex; align-items: stretch;} .igood_service .left{flex:1;padding-right:6.26vw;} .igood_service .right{width:43.75vw;} .igood_service .left .des{font-size:.4rem;line-height:.48rem;margin-top:1.2rem;} .igood_service .left .des2{font-size:.24rem;margin-top:.6rem} .igood_swiper{height:100%;} .igood_swiper .lt50{width:100%;} .igood_swiper .swiper-slide .igood_tab .item .content .num{height:.6rem;} .igood_swiper .swiper-slide .igood_tab .item .content .num b{font-size:1.0rem;line-height:.7rem;} .igood_swiper .swiper-slide .igood_tab .item .content .tit{margin-top:.2rem;font-size:.24rem;line-height:.24rem;} .igood_swiper .swiper-slide .igood_tab .item .content .des{line-height:.24rem;margin-top:.3rem;padding-bottom:1rem;} .igood_swiper .swiper-slide .igood_tab .item .content .des p{height:1.44rem} .igood_swiper .swiper-slide .igood_tab{margin-left:-4.167vw;} .igood_swiper .swiper-slide .igood_tab .item .content{margin-left:4.167vw;padding:.8rem 0.35rem 0;} .igood_swiper .swiper-slide .igood_tab .item .content:hover{color:#fff;} .igood_swiper .swiper-slide .igood_tab .item .content:hover:before{top:-100%;} .igood_swiper .swiper-slide .igood_tab .item .content:hover:after{top:0;} .igood_swiper .swiper-slide .igood_tab .item .content:hover,.igood_swiper .swiper-slide .igood_tab .item .content:hover .tit,.igood_swiper .swiper-slide .igood_tab .item .content:hover .des,.igood_swiper .swiper-slide .igood_tab .item .content:hover .num{color:#fff;} .igood_swiper .swiper-pagination {margin-top:3.125vw;} .inews .part1{padding:1.2rem 6.25vw 0.6rem;} .inews_list{border-top:1px solid #eee;} .inews_list dt{width:33.33%;height: 7.0rem;border-right: 1px solid #eee;border-bottom: 1px solid #eee;float:left;} .inews_list dt a{display:block;height:100%;padding:0 2.083vw;padding-top:.8rem;} .inews_list dt .img{overflow:hidden;} .inews_list dt img{width:100%;} .inews_list dt .tit{font-size: .24rem;line-height:.24rem;margin-bottom:.20rem;transition: all .3s linear;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top:.7rem} .inews_list dt .des{font-size: .16rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .inews_list .time{font-size: .16rem;line-height:.16rem;margin-top: .7rem;position:relative;} .inews_list dd{float:left;width:66.66%;} .inews_list dd .item{width: 50%;height:3.5rem;float: left;display: block;padding:0 2.083vw;padding-top: .8rem;border-right: 1px solid #eee;border-bottom: 1px solid #eee} .inews_list dd .tit{font-size: .24rem;line-height:.24rem;margin-bottom: .2rem;transition: all .3s linear;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .inews_list .des{color:#999;line-height:.3rem;height:.9rem;} .inews_list .tit,.inews_list .time{color:#333;} .inews_list .time i{background:url(../images/arrow_right_half.svg) no-repeat 0 0;width:30px;height:9px;position:absolute;right:0;bottom:0;background-size:cover;right:100px;opacity:0;} .inews_list a{position:relative;} .inews_list a:hover .time i{right:0;opacity:1;} .inews_list a:before{z-index:-1;} .inews_list a:hover:before{width:100%;} .page_more{width:42.5vw;margin:0 auto;height:.68rem;line-height:.68rem;text-align:center;} .page_more a{float:left;width:50%;position:relative;color:#999;} .page_more a:first-child:before{width:1px;height:100%;background:#eee;content:"";position:absolute;right:0;top:0;} .page_more a i{width:20px;height:14px;display:inline-block;margin:0 20px;vertical-align: middle;position:relative;overflow:hidden;} .page_more a i:before,.page_more a i:after{width:100%;height:100%;content:"";position:absolute;left:0;top:0;} .page_more a i:before{background:url(../images/page_arrow.svg) no-repeat 0 0;background-size:cover} .page_more a i:after{background:url(../images/nexton2.svg) no-repeat 0 0;left:-100%;opacity:0;background-size:cover} .page_more a:first-child i:after{left:100%;} .page_more a:hover{color:#62cd6d;} .page_more a:hover i:before{opacity:0;} .page_more a:hover i:after{left:0;opacity:1;} .page_more a.swiper-button-disabled:hover,.page_more a.swiper-button-disabled{color:#bbb;} .page_more a.swiper-button-disabled:hover i:before{opacity:1;} .page_more a.swiper-button-disabled:hover i:after{left:100;opacity:0;} .icontact{background:url(../images/icontact_bg.jpg) no-repeat center;background-size:cover;padding:0 6.25vw;display:flex;align-items:center;height:3.6rem;} .icontact .img{width:2.08rem;} .icontact .content{flex:1;margin-left:6.25vw;color:#fff;} .icontact .content .tit{font-size:.6rem;font-weight:bold;line-height:.6rem;} .icontact .content .des{font-size:.3rem;line-height:.3rem;margin-top:.4rem;} .icontact .wx{width:1.4rem;color:#fff;text-align:center;} .icontact .wx img{padding:.05rem;background:#fff;} .icontact .wx p{font-size:.17rem;line-height:.17rem;margin-top:.2rem;} .footer{margin:.4rem 6.25vw;font-size:.14rem;overflow:hidden;position:relative;min-height:.4rem;} .footer .img{height:.4rem;position: absolute;left:0;top:50%;margin-top:-.2rem;} .footer .img img{height:100%} .footer .copyright{margin-left:2.25rem;} .footer .copyright p a{margin-right:.3rem;} .footer .copyright div{margin-top:.06rem;line-height:.18rem;} .footer .adress{text-align:right;float:right;padding-left:.4rem;} .footer .adress p{font-size:.24rem;font-family:"DIN";line-height:.24rem;} .footer .adress p i{font-size:.2rem;vertical-align:middle;line-height:.24rem;display:inline-block;margin-top:-4px;} .footer .adress div{margin-top:.2rem;line-height:.14rem;} .imghover img{transform: scale(1.01);} .imghover:hover img {-webkit-transform: scale(1.2) translateZ(0);-moz-transform: scale(1.2) translateZ(0);transform: scale(1.2) translateZ(0);} .banner_com{height:5.4rem;padding-top:100px;} .banner_com.sp2{height:4.4rem;} .banner_com::before, .banner_com::after{width: 70vw; height: 70vw;} .banner_com::before{top: -40vw; right: 0vw;} .banner_com::after{bottom: -40vw; left: 0vw;} .banner_com p b{font-size:1.2rem;line-height:.76rem} .banner_com p i{position:relative;width:auto;height:.76rem;line-height:.76rem;display:inline-block;font-size:.4rem;padding:0 0.3rem;margin-left:2vw;} .banner_com p em{position:relative;width:auto;height:.76rem;line-height:.76rem;display:inline-block;font-size:.48rem;padding:0 0.3rem;font-weight:bold;} .about_intro{display: flex;display:-webkit-flex; align-items: stretch;position: relative;} .about_intro .item{width:50%;} .about_intro .item .img{margin-top:-.8rem;background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;padding-top:.8rem;box-sizing:unset;} .about_intro .item .txt{padding:1.2rem 6.25vw;} .about_intro .item .txt .eng{font-size:.4rem;margin-top:-0.1rem;line-height:.48rem;} .about_intro .item .txt .tit{font-size:.48rem;line-height:.48rem;margin-top:.4rem;} .about_intro .item .txt .des{font-size:.18rem;line-height:.3rem;margin-top:.4rem;} .about_tab{display: flex;display:-webkit-flex; align-items: stretch;position: relative;} .about_tab .item{width:50%;} .about_tab .first{padding-left:5.208vw;} .about_tab .content{height:100%;} .about_tab .content .tv50{height:1.6rem;padding-left:.5rem;} .about_tab .content .num{font-size:2rem;line-height:1.6rem;} .about_tab .content .eng{font-size:.6rem;line-height:.48rem;padding-top:.1rem;} .about_tab .content .eng:after{right: -0.3rem;bottom:.05rem;width:.15rem;height:.16rem;} .about_tab .content .des{font-size:.24rem;} .about_tab .item .txt{padding:1.6rem 0;} .about_tab .item .txt p b {font-size: 0.7rem;} .about_tab .item .txt em{width:.07rem;height:.17rem;margin:0 0.50rem;} .about_tab .item .txt p i{font-size:.18rem;} .about_tab .item .professional .list{border-top:1px solid #eee;padding:.6rem 4.167vw .6rem 9.375vw;position:relative;} .about_tab .item .professional .list:before{background-size:.09rem;z-index:-1;} .about_tab .item .professional .list .ico{width:.6rem;position:absolute;top:.6rem;left:4.167vw;} .about_tab .item .professional .list .tit{font-size:.28rem;line-height:.28rem;} .about_tab .item .professional .list .des{font-size:.18rem;color:#999;line-height:.3rem;margin-top:.18rem;} .about_tab .team_list .it h1{font-size:.28rem;height:.48rem;line-height:.48rem;} .about_tab .team_list .it h1:before{width:.2rem;top:0;margin-left:-0.1rem;} .about_tab .team_list .it h1:after{width:.2rem;bottom:0;margin-left:-0.1rem;} .about_tab .team_list .it:hover:before{background:rgba(0,0,0,0.5);} .about_tab .team_list .it:hover h1:before{opacity:0;} .about_tab .team_list .it:hover p{height:.72rem;} .about_tab .team_list .it p{font-size:.16rem;padding:0 0.28rem;margin-top:.3rem;} .about_tab .item .team_des{padding:.8rem 4.167vw;font-size:.24rem;line-height:.36rem;} .about_tab .item .cpy .tv50 img{width:.2rem;} .about_tab .item .cpy .tv50 .tit{font-size:.24rem;line-height:.24rem;} .about_tab .item .cpy .tv50 .eng{font-size:.16rem;line-height:.16rem;margin:.2rem 0 .3rem;} .about_tab .item .cpy .it:hover .img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);filter:none;} .about_tab .item .cpy .it:hover:before{width:100%;} .about_join{background:#333 url(../images/about_img5.jpg) no-repeat center;background-size:cover;display: flex;display:-webkit-flex; align-items: stretch;} .about_join .left{width:33.3333%;padding:1.2rem 0 1.2rem 6.26vw;} .about_join .left .des{font-size:.4rem;line-height:.48rem;margin-top:1.2rem;} .about_join .left .des2{font-size:.24rem;margin-top:.6rem} .about_join .right{width:66.6666%;} .about_join .right .list{border-left:1px solid rgba(255,255,255,0.15);height:100%;width:25%;float:left;padding-top:1.2rem;} .about_join .right .list:nth-child(1),.about_join .right .list:nth-child(3){padding-top:3.24rem;} .about_join .right .list .item div{border-radius:.35rem;width:.8rem;height:.8rem;line-height:.8rem;} .about_join .right .list .item div img{max-width:.45rem;max-height:.5rem;} .about_join .right .list .item p{font-size:.24rem;line-height:.24rem;margin-top:.4rem;padding-bottom:1.4rem;} .about_join .right .list .item:hover div{border-color:#62cd6d;background:#62cd6d;} .join_us{margin:0 6.25vw;margin-top:-.8rem;} .join_us dl{display:flex;display:-webkit-flex; align-items: stretch;} .join_us dl:hover:before{width:100%;} .join_us dt,.join_us dd{padding:.8rem 4.167vw .4rem 4.167vw;} .join_us dt{width:25vw;font-size:.36rem;line-height:.36rem;padding-left:5.417vw;} .join_us dt i{font-size:.18rem;line-height:.18rem;left:3.646vw;top:.8rem;} .join_us dd{border-left:1px solid #eee;flex:1;} .join_us dd .tit{height:.3rem;line-height:.3rem;padding:0 0.15rem;font-size:.16rem;} .join_us dd .des{line-height:.3rem;font-size:.16rem;margin:.1rem 0 .3rem;} .join_msg{margin:.8rem 6.25vw 0;display:flex;display:-webkit-flex; align-items: stretch;box-shadow:0 0 0.5rem rgba(0,0,0,0.08);} .join_msg .left{width:39.583vw;padding:.8rem 4.167vw;} .form_list .item{margin-bottom:.2rem;} .form_list input{height:.58rem;line-height:.58rem;} .form_list a{width:1.8rem;height:.54rem;line-height:.54rem;font-size:.18rem;margin-top:.4rem;} .join_msg .right{flex:1;padding-left:13.021vw;padding-top:.8rem;overflow:hidden;} .join_msg .right:before{right:-16.51vw;top:.8rem;width:62.5vw;height:62.5vw;} .join_msg .right.sp2:before{display:none;} .join_msg .right.sp2 .map{position:absolute;right:-16.51vw;top:.8rem;width:62.5vw;height:62.5vw;border-radius:62.5vw;} .join_msg .right .content{font-size:.2rem;width:36.458vw;margin-right:2.083vw;top:.8rem;} .join_msg .right .content .tit{font-size:.6rem;line-height:.45rem;padding-top:1rem;} .join_msg .right .content .des{font-size:.24rem;line-height:.24rem;margin-top:.2rem;} .join_msg .right .content .des2{font-size:.20rem;line-height:.20rem;margin-top:.2rem;} .join_msg .right .content .tit2{font-size:.48rem;line-height:.48rem;margin-top:.3rem;} .h80{height:.8rem;} .service_type {position:relative;} .service_type:before,.service_type:after{width:1px;height:1px;background:#eee;position:absolute;left:50%;top:50%;content:"";} .service_type:before{top:0;height:100%;} .service_type:after{left:0;width:100%;} .service_type .clearfix{display:flex;display:-webkit-flex;flex-wrap:wrap;} .service_type .item{width:50%;padding:.8rem 6.25vw;} .service_type .item:hover:before{width:100%;} .service_type .item .content{padding-left:2.448vw;} .service_type .item .content .tit{font-size:.7rem;line-height:.65rem;} .service_type .item .content .tit i{left:-0.47rem;top:0;font-size:.32rem;line-height:.32rem;} .service_type .item .content .des{font-size:.18rem;line-height:.3rem;margin-top:.1rem;} .service_type .item .content .link{margin-top:.5rem;} .service_type .item .content .link a{height:.32rem;padding:0 0.15rem;line-height:.32rem;margin-right:.1rem;margin-bottom:.1rem;border-radius:.32rem;} .service_type .item .content .link a:hover{border-color:#62cd6d;} .ensure{padding:1.2rem 6.25vw;} .ensure .list{padding-top:.2rem;margin:0 -1.042vw; /* display:flex;flex-wrap:wrap;align-items:stretch;*/} .ensure .list .item{width:50%;float:left;margin-top:.4rem;} .ensure .list .item .content{margin:0 1.042vw;padding:.6rem 18.229vw .6rem 2.083vw;box-sizing:border-box;height: 100%;} .ensure .list .item .tit{font-size:.28rem;line-height:.28rem;} .ensure .list .item .des{font-size:.18rem;line-height:.28rem;height:.56rem;margin-top:.2rem;} .ensure .list .item .ico{right:2.083vw;width:5.208vw;} .ensure .list .item:hover .content{background:#62cd6d;color:#fff;} .ensure .list .item:hover .des{color:#fff;} .ensure .list .item:hover .content:after{bottom:0;} .ensure .list .item:hover .ico img:first-child{opacity:0;} .ensure .list .item:hover .ico img:last-child{opacity:.3;} .service_process{padding:1.2rem 0;} .process_area .first_line,.process_area .last_line{width:6.25vw;top:.5rem;} .service_process .title_u{margin-left:6.25vw;} .service_process .content{margin:.6rem 6.25vw 0;} .service_process .content .item{width:16.6666%;float:left;} .service_process .content .num{display:flex;align-items:center;} .service_process .content .num b{width:1.0rem;height:1.0rem;line-height:1.0rem;font-size:.36rem;} .service_process .content .item:hover .num b{background:#62cd6d;border-color:#62cd6d} .service_process .content .tit{font-size:.24rem;line-height:.24rem;margin-top:.2rem;} .service_process .content .des{line-height:.3rem;font-size:.16rem;margin-top:.2rem;} .sworks_head{display:flex;} .sworks_head .left,.sworks_head .right{width:41.667vw;padding:.8rem 6.25vw;} .sworks_head .right{flex:1;border-left:1px solid #eee;} .sworks_head .left .eng{font-size:.6rem;line-height:.6rem;margin-top:-0.08rem;word-break: break-word;} .sworks_head .left .tit{font-size:.7rem;line-height:.7rem;margin-top:.1rem;} .sworks_head .left a.link{width:1.8rem;height:.54rem;line-height:.54rem;font-size:.18rem;margin-top:.6rem;} .sworks_head .left a.link:hover{color:#fff;border-color:#62cd6d;background:#62cd6d;} .sworks_head .right .tit{font-size:.24rem;line-height:.36rem;margin-top:-0.08rem;} .sworks_head .right .des{font-size:.18rem;line-height:.3rem;margin-top:.3rem;} .sorks_slider .swiper-wrapper{align-items: stretch;} .sorks_swiper .swiper-pagination{margin-top:.6rem;} .sorks_slider{padding:1.2rem 6.25vw;} .sorks_slider .swiper-container{margin:0 -1.042vw;} .sorks_slider .item .content{margin:0 1.042vw;padding: .8rem 0.35rem .86rem;} .sorks_slider .item .content .dot{bottom:.8rem;} .sorks_slider .item .content .dot:before{left:-20px;} .sorks_slider .item .content .dot:after{right:-20px;} .sorks_slider .item .content .num{height:.6rem;} .sorks_slider .item .content .num b{font-size:1.0rem;line-height:.7rem;} .sorks_slider .item .content .tit{margin-top:.2rem;font-size:.24rem;line-height:.24rem;} .sorks_slider .item .content .des{line-height:.24rem;margin-top:.3rem;margin-bottom:.6rem;} .sorks_slider .item .content:hover{color:#fff;} .sorks_slider .item .content:hover:before{top:-100%;} .sorks_slider .item .content:hover:after{top:0;} .sorks_slider .item .content:hover,.sorks_slider .item .content:hover .tit,.sorks_slider .item .content:hover .des,.sorks_slider .item .content:hover .num{color:#fff;} .sorks_slider .item .content:hover .dot{background:#fff;} .sorks_slider .item .content:hover .dot:before,.sorks_slider .item .content:hover .dot:after{background:#fff;} .mcase{padding:1.2rem 6.25vw;} .mcase .icase_list{margin-top:0.3rem;} .case_content{padding:.4rem 6.25vw 0;} .case_type{margin-bottom:.1rem;} .case_type a{font-size:.24rem;line-height:.24rem;margin:0 0.4rem;height:.35rem;} .case_type a i{padding-bottom:.11rem;} .case_type a i:after{height:2px;} .case_type a:hover i:after{width:100%;color:#62cd6d;} .p_sp{margin-bottom:-.8rem} .p_sp .pagenav{padding-bottom:.6rem;padding-top:.4rem;} .pagenav{padding:.1rem 0;line-height:.57rem;} .pagenav a {font-size:.18rem;} .pagenav a, .pagenav span {padding:0 0.18rem;} .pagenav a, .pagenav strong, .pagenav span {font-size:.18rem;} .pagenav span, .pagenav a {margin:0 0.02rem;} .banner_case{height:100vh;background-size:cover;background-position:center;} .banner_case .img{display:none;} .banner_case .content{margin:0 6.25vw;} .banner_case .content .tit{font-size:.6rem;line-height:.6rem;} .banner_case .content .tit2{font-size:.36rem;line-height:.36rem;} .banner_case .content .des{font-size:.24rem;line-height:.24rem;margin-top:.4rem;} .banner_case .content .link{height:.6rem;width:.6rem;border-radius:.6rem;margin-top:1rem;} .banner_case .content .link:before{background-size:.2rem auto;} .case_previe{padding:1.45rem 7.604vw;} .case_intro{display:flex;} .case_intro .item{flex:1;padding:1.2rem 5.25vw 1.1rem;} .case_intro .item:first-child{border-right:1px solid #eee;} .case_intro .eng{font-size:.6rem;line-height:.35rem;} .case_intro .tit{font-size:.28rem;line-height:.28rem;margin-top:.6rem;} .case_intro .des{font-size:.18rem;line-height:.3rem;margin-top:.2rem;} .case_intro .txt{font-size:.18rem;line-height:.36rem;margin-top:.5rem;} .case_intro .txt i{margin-right:.1rem;} .case_detail{padding:.4rem 18.75vw 1.2rem;text-align:center;} .case_detail p{margin-top:.8rem;box-shadow:0 0 0.3rem rgba(0,0,0,0.35);border-radius:.4rem;display:inline-block;} .case_detail p img{border-radius:.4rem;border:.12rem solid #333;} .case_previe .ewm{margin-top:.4rem;} .case_previe .ewm .ct p{border:.1rem solid #fff;width:1.2rem;margin:0 .1rem;} .case_previe .ewm .ct a{border:.02rem solid #fff;width:1.2rem;line-height:1.2rem;height:1.2rem;margin:0 .1rem;} .case_previe .ewm .ct a:hover{background:rgba(98, 205, 109,1);border-color:#62cd6d;} .case_previe .page{margin-top:.4rem} .case_previe .page a{margin:0 0.2rem;} .case_previe .page a i{width:.2rem;height:.14rem;margin:0 0.2rem;} .case_previe .page a i:before{background-size:.2rem auto;} .case_previe .page a i:after{background-size:.2rem auto;} .case_previe .page a:hover{color:#62cd6d;} .case_previe .page a:hover i:before{left:110%;} .case_previe .page a:hover i:after{left:0;} .client_list{padding:.8rem 5.208vw .6rem;} .client_list .item{width:25%;float:left;} .client_list .item .content{margin:0 .2rem .4rem;height:2.58rem;position:relative;} .client_list .item:hover .cont{left:0;right:0;} .client_list .item .content .txt{width:100%;padding:0 2.083vw;} .client_list .item .content .tit{font-size:.24rem;line-height:.24rem;} .client_list .item .content .des{font-size:.16rem;line-height:.24rem;color:#999;margin-top:.2rem;} .new_area{padding:.4rem 0 0;} .new_area.sp2{padding-top:0;} .new_area.sp2 .news_detail{border-top:none;margin-top:0;} .news_list{border-top:1px solid #eee;display:flex;flex-wrap: wrap;align-items:center;justify-content:left;margin-top:.4rem;margin-right:-1px;} .news_list.sp3{display:flex;align-items:center;flex-wrap:inherit;margin-top:.4rem;border-top:none;} .news_list.sp3 a{background:#fff;margin:0 .1rem;border:none;flex:1;box-sizing:border-box;} .news_list.sp3 .tit{margin-top:0;} .news_list.sp3 .des{height:.6rem;} .news_list.sp2{border:none;margin:.6rem -0.781vw 0;flex-wrap:nowrap;} .news_list.sp2 a{border:none;padding:0 0.781vw;} .news_list.sp2 a:hover:before{width:0;} .news_relative{padding:1.2rem 6.25vw;} .news_list a{width:33.3333%;border-right: 1px solid #eee;border-bottom: 1px solid #eee;position:relative;padding:.6rem 0.4rem;font-size:0;} .news_list a .img{font-size:.16rem;} .news_list a .img b{opacity:0;color:#fff;z-index:2;font-weight: normal;height:.37rem;line-height:.37rem;opacity:0;} .news_list a .img b:before,.news_list a .img b:after{content:"";width:.1rem;height:1px;background:#fff;position:absolute;left:50%;margin-left:-0.05rem;} .news_list a .img b:before{top:0;} .news_list a .img b:after{bottom:0;} .news_list a .img:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);z-index:1;} .news_list .tit{font-size: .24rem;line-height:.24rem;margin-bottom:.2rem;transition: all .3s linear;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top:.4rem} .news_list .time{font-size: .16rem;line-height:.16rem;margin-top:.6rem;position:relative;} .news_list .des{line-height:.3rem;height:.9rem;font-size: .16rem;} .news_list .time i{background:url(../images/arrow_right_half.svg) no-repeat 0 0;width:30px;height:9px;position:absolute;right:0;bottom:0;background-size:cover;right:100px;opacity:0;} .news_list a:hover .img:before{background:rgba(0,0,0,0.6);} .news_list a:hover .img b{opacity:1;} .news_list a:hover .img b:before,.news_list a:hover .img b:after{opacity:1;} .news_list a:hover .time i{right:0;opacity:1;} .news_list a:before{z-index:-1;} .news_list.sp3 a:before{background:none;} .news_list a:hover:before{width:100%;} .news_detail{margin-top:.4rem;border-top:1px solid #eee;display:flex;align-items: stretch;} .news_detail .part1{width:41.667vw;padding:1.2rem 6.25vw;border-right:1px solid #eee;position:relative;} .news_detail .part2{width:58.333vw;padding:1.2rem 3.125vw;} .news_detail .part2 .content{font-size:.18rem;line-height:.36rem;min-height:400px;} .news_detail .part2 .page{display:none;} .news_detail .part1 .tit{font-size:.4rem;line-height:.6rem;} .news_detail .part1 .time{font-size:.18rem;line-height:.18rem;margin-top:.1rem;} .news_detail .part1 .page{position:absolute;left:6.25vw;bottom:1.2rem;right:6.25vw;} .news_detail .part1 .page p{padding-top:.2rem;font-size:.18rem;} .share{margin-top:.4rem} .share .bdsharebuttonbox a{width:.44rem;height:.44rem;line-height:.44rem;margin-right:.1rem;} .share .bdsharebuttonbox a:before,.share .bdsharebuttonbox a:after{width:.44rem;height:.44rem;background-size:auto 0.16rem;border-radius:.44rem;} .share .bdsharebuttonbox a:hover{border-color:#62cd6d;opacity:1;} .share .bdsharebuttonbox a:hover:before{left:100%;} .share .bdsharebuttonbox a:hover:after{left:0;} .news_detail .part1 .link{margin-top:.5rem;} .news_detail .part1 .link a{height:.32rem;padding:0 0.15rem;line-height:.32rem;margin-right:.1rem;margin-bottom:.1rem;border-radius:.32rem;display:inline-block;border:1px solid #eee;color:#999;} .news_detail .part1 .link a:hover{border-color:#62cd6d;color:#62cd6d;} .keyword{margin:.35rem 6.25vw -.05rem;height:46px;position:relative;font-size:0;} #scrollkeyword{height:46px;overflow:hidden} .keyword li{display:inline-block;} .keyword a{padding:0 15px;height:36px;line-height:36px;border-radius:38px;display:inline-block;border:1px solid #eee;color:#999;font-size:.14rem;margin:5px 10px 5px 0;} .keyword a:hover{border-color:#62cd6d;color:#62cd6d;} .error_content{text-align:center;padding:0;height:100%;display:flex;width:100%;position:fixed;left:0;top:0;justify-content:center;align-content:center;align-items:center;} .error_content .txt{justify-content:center;align-content:center;font-size:.18rem;} .error_content img{height:2.52rem;margin-bottom:.8rem;} .error_content img.sp2{height:2.8rem;} .error_content p{line-height:.18rem;display:block;} .error_content a{width:1.8rem;height:.54rem;line-height:.54rem;background:#333;color:#fff;border-radius:3px;display:inline-block;margin-top:.6rem;} .contact{padding:.8rem 6.25vw 0;} .contact .content{display:flex;} .contact .content .item{width:50%;padding:.8rem 4.167vw;} .contact .content.sp2 .item:first-child{border-right:1px solid #eee;} .contact .content .item img{height:.3rem;} .contact .content .item .num{font-size:.48rem;line-height:.40rem;margin-top:.3rem;} .contact .content .item .des{font-size:.18rem;line-height:.18rem;} .contact .content .item .des2{font-size:.18rem;line-height:.26rem;margin-top:.1rem;} .contact .content.sp2 .item .des{margin-top:.2rem;} .contact .content.sp2 .item:hover:before{left:0;} .contact .content .item .it{padding-left:.6rem;} .contact .content .item .it img{height:.4rem;} .contact .content.slit{display:block;} .contact .content.slit .item{width:100%;padding:0;margin:.1rem 0;} .contact .content.slit .item .tit{font-size:.24rem;line-height:.24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;} .contact .content.slit .item .time{font-size:.18rem;line-height:.24rem;position:absolute;right:.4rem;top:.4rem;} .contact .content.slit .item .des{margin-top:.2rem;color:#666;line-height:.4rem} .contact .content.slit .item a{display:block;padding:.4rem;} .contact .content.slit .item a:hover{color:#fff!important;} .contact .content.slit .item a:hover .time,.contact .content.slit .item a:hover .des,.contact .content.slit .item a:hover .tit{color:#fff;} .contact .content.slit.sp2 .item:before{background:#62cd6d} #errormsg{font-size:.18rem;line-height:.48rem;border-radius:.06rem;padding:0 0.4rem;margin-top:2rem;} #errormsg.active{opacity:1;margin-top:0;} @-webkit-keyframes square-spin { 25% {-webkit-transform: perspective(1.8rem) rotateX(180deg) rotateY(0);transform: perspective(1.8rem) rotateX(180deg) rotateY(0);} 50% {-webkit-transform: perspective(1.8rem) rotateX(180deg) rotateY(180deg);transform: perspective(1.8rem) rotateX(180deg) rotateY(180deg); } 75% {-webkit-transform: perspective(1.8rem) rotateX(0) rotateY(180deg);transform: perspective(1.8rem) rotateX(0) rotateY(180deg); } 100% {-webkit-transform: perspective(1.8rem) rotateX(0) rotateY(0);transform: perspective(1.8rem) rotateX(0) rotateY(0); } } @keyframes square-spin { 25% {-webkit-transform: perspective(1.8rem) rotateX(180deg) rotateY(0);transform: perspective(1.8rem) rotateX(180deg) rotateY(0); } 50% {-webkit-transform: perspective(1.8rem) rotateX(180deg) rotateY(180deg);transform: perspective(1.8rem) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform: perspective(1.8rem) rotateX(0) rotateY(180deg);transform: perspective(1.8rem) rotateX(0) rotateY(180deg); } 100% {-webkit-transform: perspective(1.8rem) rotateX(0) rotateY(0);transform: perspective(1.8rem) rotateX(0) rotateY(0); } } .preloader p{width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem;} input{font-size:.18rem;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:.18rem;} input:-moz-placeholder,textarea:-moz-placeholder{font-size:.18rem;} input::-moz-placeholder,textarea::-moz-placeholder{font-size:.18rem;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:.18rem;} .row1,.icase_list .item .des,.news_detail .part1 .page p{text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;} .row2,.pro_list.sp2 a p b,.inews_list .des,.service_type .item .content .des,.client_list .item .txt .des,.contact .content.slit .item .des,.news_list.sp3 .des{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .news_list .des{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .row4,.iabout_tab .item .des{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} .igood_swiper .swiper-slide .igood_tab .item .content .des p{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;} .sorks_slider .item .content .des{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;} } @media screen and (max-width:900px){ html{font-size: 22px;} body{font-size:.6rem;} /* a,a:hover{color:inherit;} */ .wrapper{width:100%;overflow:hidden;} .banner .desall{font-size:.25rem;} .banner .desall{left: 1rem;right:1rem;} .banner .desall p:last-child{margin-top:.1rem;} .side-bar,.header .menu{display:none;} body:before{content:"";height:2.5rem;display:block;} .header{height:2.5rem;background:#fff;padding:.75rem;} .header a.logo img{height:1.0rem;opacity:0;display:none;} .header a.logo img:last-child{opacity:1;display:block;} .header .menubtn{width:1rem;height:.8rem;margin:.1rem 0;} .header .menubtn .linebox div:before,.header .menubtn .linebox div:after{background:#333;width:100%;} .header.open a.logo img:last-child{display:none;} .header.open .menubtn{margin-right:0;} .header .menubtn:before{content:"";height:2px;width:1.0rem;background:#333;position: absolute;top: 50%;left: 50%;margin-left: -.5rem;transform: rotate(45deg) translateX(10px);transition: all .5s ease;opacity: 0} .header .menubtn:after{content:"";height:2px;width: 1.0rem;background:#333;position: absolute;top: 50%;left: 50%;margin-left: -.5rem;transform: rotate(-45deg) translateX(10px);transition: all .5s ease;opacity: 0} /**鎻愮ず瀹氭椂寮圭獥 鍜ㄨ**/ .pop_msg{left:1.125rem;right:1.125rem;height:10.05rem;background:#fff;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,0.1);position:fixed;top:50%;z-index:7;margin-top:-5.025rem;text-align:center;padding:1rem 0;display:none;} .pop_msg .tit{font-size:1.2rem;font-weight:bold;line-height:1.2rem;} .pop_msg .list{width:13rem;margin:1rem auto 0;font-size:.6rem;line-height:.6rem;text-align:left;} .pop_msg .list p{float:left;width:50%;} .pop_msg .list p i{display:block;padding:0 0.75rem 0.75rem;} .pop_msg .list p i:before{content:"";width:6px;height:6px;background:#62cd6d;display:inline-block;vertical-align:middle;margin-right:10px;border-radius:6px;} .pop_msg .des{line-height:.6rem;margin-top:1rem;} .pop_msg .link{margin-top:.5rem;} .pop_msg .link a{width:4.5rem;height:1.5rem;line-height:1.5rem;margin:0 0.5rem;border:1px solid #62cd6d;border-radius:3px;display:inline-block;color:#62cd6d} .pop_msg .link a:last-child{background:#62cd6d;color:#fff;} .banner .swiperbtn .btn1{width:1.5rem;height:1.5rem;} .banner .swiperbtn .btn1 img{width:.5rem;height:.35rem;} .banner .swiperbtn{left:.25rem;margin-top:-0.75rem;} .banner .swiperbtn.next{right:.25rem;left:auto;} .banner .desall{left:3.05rem;right:3.05rem;font-size:.9rem;} .pop_menu{padding-top:2.5rem;} .pop_menu .content{height:100%;overflow:auto;padding:.5rem 1.5rem;} .pop_menu .content .menu{padding:0 0.8rem 0 0;font-size:1.2rem;font-weight:bold;line-height:1.2rem;} .pop_menu .content .menu a{display:block;margin:0 0 1.0rem;color:#333;position:relative;} .pop_menu .content .menu a:last-child{margin-bottom:0;} .pop_menu .content .menu a:before{width:0;height:.2rem;position:absolute;left:0;bottom:-0.05rem;background:#62cd6d;content:"";z-index:-1;} .pop_menu .content .menu a.crently:before,.pop_menu .content .menu a:hover:before{width:2.5rem;} .pop_menu .content dl{font-size:.7rem;margin-top:1.0rem;} .pop_menu .content dl dt{color:#999;line-height:.7rem;} .pop_menu .content dl dd{margin-bottom:.7rem;margin-top:.25rem;} .pop_menu .content dl dd:last-child{margin-bottom:0;} .pop_menu .content dl dd div{line-height:.9rem;} .pop_menu .content dl dd p{font-size:.9rem;line-height:.9rem;} .pop_menu .content dl dd p img{width:5.0rem;margin-top:.25rem;} .iabout_tab{padding:1.5rem 0 0;} .iabout_tab .item{width:100%;padding:0 0.75rem;} .iabout_tab .item .txt em{width:.175rem;height:.35rem;margin:0 0.75rem;} .iabout_tab .item .txt p b{font-size:1.75rem;} .iabout_tab .item .txt p i{font-size:.6rem;} .iabout_tab .item .tit{font-size:1.2rem;line-height:1.2rem;margin-top:1.5rem;} .iabout_tab .item .des{font-size:.7rem;line-height:1.0rem;margin-top:1.0rem} .iabout_tab .item .more1{margin-top:6.25vw} .iabout_tab .item:last-child{padding:0;margin-top:1.5rem;} .iabout_tab .item:last-child img{display:block;margin:-0.5rem 0;} .iservice_tab .left{padding:1.5rem 0.75rem;width:100%;} .iservice_tab .left::before, .iservice_tab .left::after{width:80vw; height: 80vw;} .iservice_tab .left::before{top: -25vw; right: -15vw; } .iservice_tab .left::after{bottom: -25vw; left: -15vw;} .iservice_tab .left .des{font-size:.9rem;line-height:.9rem;margin-top:1.5rem;} .iservice_tab .left .des2{font-size:.7rem;line-height:.7rem;margin-top:1.5rem;} .iservice_tab .left .more1{margin-top:1.5rem} .iservice_tab .right{width:100%;} .iservice_tab .right .lt50{position:relative;transform: none;left:0;top:0;padding:1.5rem 0;} .iservice_tab .right:after{width:0;} .iservice_tab .right .item:hover:before{width:100%;} .iservice_tab .right .item:nth-child(2n+1){border-right:1px solid #eee;} .iservice_tab .right .item .lt50 p{font-size:.7rem;line-height:.7rem;margin-top:1.5rem;} .iservice_tab .right .item .lt50 div{font-size:.6rem;line-height:.6rem;margin-top:.5rem;} .iservice_tab .right .item .lt50 img{height:3.5rem;} .title_u span{font-size:1.35rem;line-height:.8rem;} .title_u p{font-size:.7rem;line-height:.7rem;margin-top:.5rem;} .title_u span:after{right: -0.75rem;bottom:0;width:.375rem;height:.4rem;} .title_u div{font-size:.7rem;color:#fff;line-height:1.5rem;margin:1.125rem 0;} .title_u div a{margin-right:2.75rem;display:inline-block;} a.more1{font-size:.6rem;width:5.0rem;height:1.5rem;line-height:1.5rem;} a.more1 i{width:.725rem;height:.5rem;margin-top:-0.25rem;} .icase{padding:1.5rem 0.75rem;background:#333 url(../images/icase_bg.png) no-repeat center 5.8rem;background-size:auto 2.5rem;} .icase_list .item,.icase_list.sp .item:nth-child(1),.icase_list.sp .item:nth-child(2){width:100%;} .icase_list .item:first-child a{margin-top:0;} .icase_list .item a{margin:.75rem 0 0;overflow:hidden;} .icase_list .item div{margin:1.0rem;position:relative;} .icase_list .item div b{display:none;color:#333;text-transform: uppercase;} .icase_list .item div b i{width:.9rem;height:0.275rem;display:inline-block;position:relative;overflow:hidden;margin-left:.25rem;} .icase_list .item div b i:before,.icase_list .item div b i:after{content:"";width:0.9rem;height:0.275rem;position:absolute;left:0;top:0;} .icase_list .item div b i:before{background:url(../images/arrow_right_half.svg);background-size:cover;} .icase_list .item div b i:after{background:url(../images/arrow_right_halfon.svg);left:-100%;} .icase_list.sp .item:nth-child(1) div,.icase_list.sp .item:nth-child(2) div{padding-right:4.5rem;} .icase_list.sp .item:nth-child(1) div b,.icase_list.sp .item:nth-child(2) div b{position:absolute;right:0;top:50%;line-height:.16rem;margin-top:-0.08rem;display:block;} .icase_list .item .tit{font-size:.75rem;line-height:.75rem;} .icase_list .item .des{font-size:.6rem;line-height:.6rem;margin-top:.5rem} .icase .more1{margin-top:.5rem;} .igood_service{padding:1.5rem 0.75rem;background:#333 url(../images/igood_service_bg.jpg) no-repeat center;background-size:cover;} .igood_service video{display:none;width:0;height:0;} .igood_service .left .des{font-size:.9rem;line-height:1.2rem;margin-top:1.5rem;} .igood_service .left .des2{font-size:.7rem;margin-top:.75rem} .igood_swiper{height:100%;margin-top:1.5rem;} .igood_swiper .lt50{width:100%;position:relative;top:0;left:0;transform:none;} .igood_swiper .swiper-slide .igood_tab .item{height:100%;} .igood_swiper .swiper-slide .igood_tab .item .content .num{height:1.5rem;} .igood_swiper .swiper-slide .igood_tab .item .content .num b{font-size:2.5rem;line-height:1.75rem;} .igood_swiper .swiper-slide .igood_tab .item .content .tit{margin-top:.5rem;font-size:.7rem;line-height:.7rem;} .igood_swiper .swiper-slide .igood_tab .item .content .des{line-height:.9rem;margin-top:1.0rem;padding-bottom:1.5rem;font-size:.6rem;} .igood_swiper .swiper-slide .igood_tab{margin-left:-0.75rem;} .igood_swiper .swiper-slide .igood_tab .item .content{margin-left:.75rem;padding:1.5rem 0.5rem 0;box-sizing:border-box;height:100%;} .igood_swiper .swiper-pagination {margin-top:1.0rem;position:relative;} .inews .part1{padding:1.5rem .75rem 0.5rem;} .inews .part1 .mr{position:absolute;right:0;top:50%;margin:-0.75rem 0 0!important;height:1.5rem;} .inews .part1 .mr a{margin-right:0;} .inews_list{margin-bottom:1px;} .inews_list a{padding:1.0rem 0.75rem;display:block;border-bottom:1px solid #eee;} .inews_list .img{overflow:hidden;margin-bottom:.75rem;} .inews_list img{width:100%;} .inews_list .tit{font-size: .75rem;line-height:.75rem;transition: all .3s linear;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .inews_list .des{font-size: .6rem;line-height:.9rem;height:1.8rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:.75rem;color:#999;} .inews_list .time{font-size: .6rem;line-height:.6rem;margin-top:1rem;position:relative;} .inews_list .tit,.inews_list .time{color:#333;} .page_more{height:2.05rem;line-height:2.05rem;text-align:center;font-size:0;border-top:1px solid #eee;margin-top:-2px;overflow:hidden;} .page_more a{float:left;width:50%;position:relative;font-size:.6rem;color:#999;} .page_more a.swiper-button-disabled{color:#bbb} .page_more a:first-child:before{width:1px;background:#eee;content:"";position:absolute;right:0;top:0;bottom:0;} .page_more a i{width:.75rem;height:.5rem;display:inline-block;margin:0 .5rem;vertical-align: middle;position:relative;overflow:hidden;margin-top:-3px;} .page_more a i:before,.page_more a i:after{width:100%;height:100%;content:"";position:absolute;left:0;top:0;} .page_more a i:before{background:url(../images/page_arrow.svg) no-repeat 0 0;background-size:cover} .page_more a i:after{background:url(../images/nexton2.svg) no-repeat 0 0;left:-100%;opacity:0;background-size:cover} .page_more a:first-child i:after{left:100%;} .icontact{background:url(../images/icontact_bg.jpg) no-repeat center;background-size:cover;padding:1.5rem .75rem;} .icontact .img{width:5.2rem;float:left;} .icontact .content{margin-left:6.3rem;color:#fff;height:6.5rem;} .icontact .content .tit{font-size:1.3rem;font-weight:bold;line-height:1.75rem;} .icontact .content .des{font-size:.75rem;line-height:1rem;margin-top:.5rem;} .icontact .wx{width:100%;color:#fff;text-align:center;margin-top:1.5rem;} .icontact .wx img{padding:.25rem;width:5.5rem;background:#fff;} .icontact .wx p{font-size:.6rem;line-height:.6rem;margin-top:.5rem;} .footer{padding:1.5rem .75rem;font-size:.6rem;min-height:1.5rem;} .footer .img{height:1.5rem;display:block;} .footer .img img{height:100%} .footer .copyright{margin-top:1.25rem;} .footer .copyright p{line-height:.9rem;} .footer .copyright p a{width:50%;display:inline-block;} .footer .copyright div{margin-top:.25rem;line-height:.75rem;font-size:.5rem;} .footer .adress{text-align:left;margin-top:1rem;} .footer .adress p{font-size:.8rem;font-family:"DIN";line-height:.8rem;} .footer .adress p i{font-size:.75rem;vertical-align:middle;line-height:.24rem;display:inline-block;margin-top:-4px;} .footer .adress div{margin-top:.5rem;line-height:.75rem;color:#999;} .banner_com{height:10rem;} .banner_com.sp2{height:7.5rem} .banner_com::before, .banner_com::after{width:80vw; height:80vw;} .banner_com::before{top: -40vw; right: 0vw;} .banner_com::after{bottom: -40vw; left: 0vw;} .banner_com div{background-size:auto 2.55rem;} .banner_com p b{font-size:2rem;line-height:1.15rem} .banner_com p em{position:relative;width:auto;height:1.25rem;line-height:1.25rem;display:inline-block;font-size:1.2rem;font-weight:bold;} .banner_com p i{position:relative;width:auto;height:1.25rem;line-height:1.25rem;display:inline-block;font-size:.8rem;padding:0 0.5rem;margin-left:.5rem;} .banner_com p i:before, .banner_com p i:after{border:1px solid #fff} .about_intro .item .img{background-position:center;background-repeat:no-repeat;background-size:cover;height:12.5rem;} .about_intro .item .txt{padding:1.5rem 0.75rem;} .about_intro .item .txt .eng{font-size:1rem;line-height:1.2rem;} .about_intro .item .txt .tit{font-size:1.2rem;line-height:1.2rem;margin-top:1rem;} .about_intro .item .txt .des{font-size:.7rem;line-height:1rem;margin-top:1rem;} .about_tab .first{padding:1.5rem 0;} .about_tab .content{padding-left:2rem} .about_tab .content .tv50{position:relative;transform: none;top:0;display:inline-block;} .about_tab .content .tv50{height:3.15rem;padding-left:1.0rem;} .about_tab .content .num{font-size:4rem;line-height:3.2rem;z-index:0;font-family:"DIN";} .about_tab .content .eng{font-size:1.35rem;line-height:1.08rem;} .about_tab .content .eng:after{right: -0.7rem;bottom:.1rem;width:.4rem;height:.4rem;} .about_tab .content .des{font-size:.7rem;} .about_tab .item .txt{padding:2.5rem 0;width:100%;} .about_tab .item .txt em{width:.175rem;height:.35rem;margin:0 0.75rem;} .about_tab .item .txt p b{font-size:1.75rem;line-height:1.5rem;} .about_tab .item .txt p i{font-size:.6rem;line-height:.6rem;margin-top:.5rem;display:block;} .about_tab .item .professional .list{border-top:1px solid #eee;padding:1.5rem 0.75rem 1.25rem 3.25rem;position:relative;} .about_tab .item .professional .list:before{background-size:.09rem;} .about_tab .item .professional .list .ico{width:1.7rem;position:absolute;top:1.5rem;left:.75rem;} .about_tab .item .professional .list .tit{font-size:.75rem;line-height:.75rem;} .about_tab .item .professional .list .des{font-size:.6rem;color:#999;line-height:.9rem;margin-top:.5rem;} .about_tab .team_list .it h1{font-size:.75rem;height:1.3rem;line-height:1.3rem;} .about_tab .team_list .it h1:before{width:.5rem;top:0;margin-left:-0.25rem;} .about_tab .team_list .it h1:after{width:.5rem;bottom:0;margin-left:-0.25rem;} .about_tab .team_list .it p{display:none;} .about_tab .item .team_des{padding:1.5rem 0.75rem;font-size:.7rem;line-height:1rem;} .about_tab .item .cpy .tv50{font-size:0;} .about_tab .item .cpy .tv50 img{width:.5rem;} .about_tab .item .cpy .tv50 .tit{font-size:.75rem;line-height:.75rem;} .about_tab .item .cpy .tv50 .eng{font-size:.6rem;line-height:.6rem;margin:.5rem 0;} .about_join{background:#333 url(../images/about_img5.jpg) no-repeat center;background-size:cover;} .about_join .left{padding:1.5rem 0.75rem;} .about_join .left .des{font-size:.9rem;line-height:1.2rem;margin-top:1.5rem;} .about_join .left .des2{font-size:.7rem;margin-top:.75rem} .about_join .right{position:relative;overflow:hidden;} .about_join .right::after{width:0;} .about_join .right .list{width:100%;float:left;} .about_join .right .list .item{width:50%;float:left;border-top:1px solid rgba(255,255,255,0.15);padding:1.5rem 0;} .about_join .right .list .item:first-child{border-right:1px solid rgba(255,255,255,0.15);} .about_join .right .list .item div{border-radius:1rem;border-width:2px;width:2.25rem;height:2.25rem;line-height:2.25rem;} .about_join .right .list .item div img{max-width:1.125rem;max-height:1.25rem;} .about_join .right .list .item p{font-size:.6rem;line-height:.6rem;margin-top:.5rem;} .pswp__button.pswp__button--close{background-color:rgba(0,0,0,0)!important;} .join_us{margin:0 .75rem;margin-top:-2rem;overflow: hidden;} .join_us dt,.join_us dd{padding:1rem 1rem 0;} .join_us dt{font-size:.9rem;line-height:.9rem;padding-left:1.75rem;} .join_us dt i{font-size:.6rem;line-height:.6rem;top:1rem;left:1rem;} .join_us dd .tit{height:1rem;line-height:1rem;padding:0 0.35rem;font-size:.6rem;} .join_us dd .des{line-height:.9rem;font-size:.6rem;margin:.5rem 0 1rem;} .join_msg{margin:1rem .75rem 0;box-shadow:0 0 1.25rem rgba(0,0,0,0.08);} .join_msg .left{padding:1.5rem;} .form_list input{height:2.25rem;line-height:2.25rem;} .form_list a{width:6rem;height:1.7rem;line-height:1.7rem;font-size:.7rem;margin-top:1rem;} .join_msg .right{background:#62cd6d;} #allmap{height:11.5rem} .anchorBL{display:none!important;} .join_msg .right .content .lt50{position:relative;top:0;left:0;transform:none;-webkit-transform:none;} .join_msg .right .content{font-size:.7rem;position:relative;padding:1.5rem;} .join_msg .right .content .tit{font-size:1.6rem;line-height:1.4rem;} .join_msg .right .content .des{font-size:.7rem;line-height:.7rem;margin-top:.5rem;} .join_msg .right .content .des2{font-size:.6rem;line-height:.75rem;margin-top:.5rem;} .join_msg .right .content .tit2{font-size:1.2rem;line-height:1.2rem;margin-top:2.5rem;} .h80{height:1.0rem;} .service_type .item{padding:1.5rem 0.75rem 1.0rem;border-bottom:1px solid #eee;} .service_type .item .content{padding-left:1.175rem;} .service_type .item .content .tit{font-size:1.75rem;line-height:1.625rem;} .service_type .item .content .tit i{left:-1.175rem;top:0;font-size:.8rem;line-height:.8rem;} .service_type .item .content .des{font-size:.6rem;line-height:.9rem;margin-top:.25rem;} .service_type .item .content .link{margin-top:2.604vw;font-size:.5rem;} .service_type .item .content .link a{height:1.2rem;padding:0 0.5rem;line-height:1.2rem;margin-right:.5rem;margin-bottom:.5rem;border-radius:1.2rem;} .ensure{padding:1.5rem 0.75rem;} .ensure .title_u div{margin-bottom:0;} .ensure .list{padding-top:.5rem} .ensure .list .item{margin-top:1.0rem;} .ensure .list .item .content{position:relative;padding:1.5rem 4.5rem 1.5rem 1rem;} .ensure .list .item .tit{font-size:.8rem;line-height:.8rem;} .ensure .list .item .des{font-size:.6rem;line-height:.9rem;margin-top:.375rem;} .ensure .list .item .ico{right:1rem;width:2.5rem;} .service_process{padding:1.5rem 0 0.5rem;} .service_process .title_u{margin-left:.75rem;} .service_process .content{margin-top:1.5rem;} .service_process .content .item{width:33.3333%;float:left;margin-bottom:1.0rem;} .service_process .content .num{display:flex;align-items:center;} .service_process .content .num b{width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1.0rem;} .service_process .content .item:hover .num b{background:#62cd6d;border-color:#62cd6d} .service_process .content .tit{font-size:.75rem;line-height:.75rem;margin-top:.5rem;} .service_process .content .des{line-height:1.0rem;font-size:.6rem;margin-top:.7rem;} .sworks_head .left,.sworks_head .right{padding:1.5rem 0.75rem;} .sworks_head .right{border-top:1px solid #eee;} .sworks_head .left .eng{font-size:1.5rem;line-height:1.5rem;margin-top:-0.2rem;} .sworks_head .left .tit{font-size:1.75rem;line-height:1.75rem;margin-top:1rem;} .sworks_head .left a.link{width:4.5rem;height:1.5rem;line-height:1.5rem;font-size:.6rem;margin-top:1.5rem;} .sworks_head .right .tit{font-size:.75rem;line-height:1rem;margin-top:-0.2rem;} .sworks_head .right .des{font-size:.6rem;line-height:.9rem;margin-top:.75rem;} .sorks_swiper .swiper-pagination{margin-top:1rem;} .sorks_slider{padding:1rem 0.75rem 1.5rem;} .sorks_slider .item .content{padding:2rem 1.5rem 5rem;} .sorks_slider .item .content .dot{bottom:2.5rem;width:4px;height:4px;margin-left:-2px;} .sorks_slider .item .content .dot:before,.sorks_slider .item .content .dot:after{width:4px;height:4px;} .sorks_slider .item .content .dot:before{left:-14px;} .sorks_slider .item .content .dot:after{right:-14px;} .sorks_slider .item .content .num{height:1.5rem;} .sorks_slider .item .content .num b{font-size:2.5rem;line-height:1.75rem;} .sorks_slider .item .content .tit{margin-top:.5rem;font-size:.75rem;line-height:.75rem;} .sorks_slider .item .content .des{line-height:.9rem;margin-top:1rem;font-size:.6rem;} .mcase{padding:1.5rem 0.75rem;} .mcase .mr{position:absolute;right:0;top:50%;margin:0;margin-top:-0.75rem;} .mcase .mr a{margin-right:0;} .mcase .icase_list{margin-top:1.5rem;} .case_content{padding:1rem 0.75rem 0;} .case_type{text-align:center;margin:0 -0.75rem;padding-bottom:.25rem;overflow:hidden;} .case_type a{font-size:.7rem;line-height:.7rem;margin:0 0 0.75rem;width:33.3333%;float:left;} .case_type a i{padding-bottom:.3rem;} .case_type a i:after{height:2px;} .p_sp{margin-bottom:-1rem} .pagenav{line-height:2.55rem;} .pagenav a, .pagenav span{padding:0 0.3rem;} .pagenav a, .pagenav strong, .pagenav span {font-size:.6rem;} .banner_case{height:auto;background:transparent;background-position:center;background-size:cover; background-repeat: no-repeat;} .banner_case .img{display:block;width:100%;} .banner_case .content .tv50{left:6.25vw;right:6.25vw} .banner_case .content .tit{font-size:1.2rem;line-height:1.2rem;} .banner_case .content .tit2{font-size:1.2rem;line-height:1.2rem;} .banner_case .content .des{font-size:.6rem;line-height:.6rem;margin-top:.5rem;} .banner_case .content .link{height:1.5rem;width:1.5rem;border-radius:1.5rem;margin-top:1rem;} .banner_case .content .link:before{background-size:.5rem auto;} .case_intro .item{padding:1.5rem 0.75rem;} .case_intro .item:first-child{border-bottom:1px solid #eee;} .case_intro .eng{font-size:1.35rem;line-height:.9rem;} .case_intro .tit{font-size:.9rem;line-height:.9rem;margin-top:1rem;} .case_intro .des{font-size:.7rem;line-height:1rem;margin-top:.5rem;} .case_intro .txt{font-size:.7rem;line-height:1.2rem;margin-top:.75rem;} .case_intro .txt i{margin-right:.25rem;} .case_detail{padding:.5rem 0.75rem 1.5rem;text-align:center;} .case_detail p{margin-top:1rem;box-shadow:0 0 0.3rem rgba(0,0,0,0.35);border-radius:1rem;display:inline-block;} .case_detail p img{border-radius:1rem;border:.3rem solid #333;} .case_previe{padding:2rem 0;} .case_previe .ewm{margin-top:1rem;} .case_previe .ewm .ct p{border:.25rem solid #fff;width:4rem;margin:0 .25rem;} .case_previe .ewm .ct a{border:2px solid #fff;width:4rem;;line-height:4rem;;height:4rem;;margin:0 .25rem;} .case_previe .page{margin-top:2.083vw} .case_previe .page a{margin:0 1rem;} .case_previe .page a i{width:.5rem;height:.35rem;margin:0 0.25rem;} .case_previe .page a i:before{background-size:.5rem auto;} .case_previe .page a i:after{background-size:.5rem auto;} .client_list{padding:1rem 0.375rem 0.25rem;} .client_list .item{width:50%;} .client_list .item .img{width:60%;height:50%;} .client_list .item .content{margin:0 0.375rem .75rem;height:5.5rem;position:relative;} .new_area{padding:1rem 0 0;} .new_area.sp2{padding:0;} .new_area.sp2 .news_detail{margin-top:0;border-top:none;} .news_list{border-top:1px solid #eee;} .news_list.sp2{border:none;margin-top:0;} .news_list.sp2 a{border:none;margin:1.5rem 0 0;padding:0;} .news_list.sp2 a:hover:before{width:0;} .news_relative{padding:1.5rem .75rem;} .news_list.sp3{border-top:none;margin-top:.75rem} .news_list.sp3 a{padding:.75rem;margin:0 0 .75rem;background:#fff;border:none;} .news_list.sp3 a .tit{margin-top:0;} .news_list a{border-bottom: 1px solid #eee;position:relative;padding:1rem .75rem;display:block;} .news_list a .img{font-size:.16rem;} .news_list a .img b{display:none;} .news_list .tit{font-size: .75rem;margin-bottom:.5rem;margin-top:.75rem} .news_list .time{font-size: .6rem;line-height:.6rem;margin-top:.75rem;} .news_list .des{line-height:.9rem;font-size:.6rem;} .news_detail{margin-top:.25rem;border-top:1px solid #eee;} .news_detail .part1{padding:1.5rem .75rem 0;position:relative;} .news_detail .part2 .content{padding:1.5rem .75rem 0;font-size:.7rem;line-height:1.2rem;} .news_detail .part1 .page{display:none;} .news_detail .part1 .tit{font-size:1.1rem;line-height:1.5rem;} .news_detail .part1 .time{font-size:.6rem;line-height:.6rem;margin-top:.25rem;} .news_detail .part2 .page{padding:1.0rem .75rem 0;margin-top:1.5rem;border-top:1px solid #eee;} .news_detail .part2 .page p{padding-bottom:1rem;font-size:.6rem;} .news_detail .part2 .page p a{display:block;} .news_detail .part2 .page p i{color:#999;} .share{margin-top:.75rem;height:1.2rem;} .share .bdsharebuttonbox a{width:1.2rem;height:1.2rem;line-height:1.2rem;margin-right:.25rem;} .share .bdsharebuttonbox a:before,.share .bdsharebuttonbox a:after{width:1.2rem;height:1.2rem;background-size:auto 0.5rem;border-radius:1.2rem;} .news_detail .part1 .link{margin-top:1.25rem;} .news_detail .part1 .link a{padding:.175rem 0.375rem;margin-right:.25rem;margin-bottom:.25rem;border-radius:1rem;display:inline-block;border:1px solid #eee;color:#999;} .keyword{margin:1.5rem .75rem -5px;height:46px;position:relative;font-size:0;} #scrollkeyword{height:46px;overflow:hidden;margin-top:-5px;} .keyword li{display:inline-block;} .keyword a{padding:0 15px;height:36px;line-height:36px;border-radius:38px;display:inline-block;border:1px solid #eee;color:#999;font-size:14px;margin:5px 10px 5px 0;} .error_content{text-align:center;padding:0;height:100%;display:flex;width:100%;position:fixed;left:0;top:0;justify-content:center;align-content:center;align-items:center;} .error_content .txt{justify-content:center;align-content:center;font-size:.75rem;} .error_content img{height:6.3rem;margin-bottom:2rem;} .error_content img.sp2{height:7rem} .error_content p{line-height:.75rem;display:block;} .error_content a{width:6rem;height:2rem;line-height:2rem;background:#333;color:#fff;border-radius:3px;display:inline-block;margin-top:1.5rem;} .contact{padding:1rem .75rem 0;} .contact .content.sp2 .item{padding:1.5rem;} .contact .content .item{padding:0 1.5rem 1.5rem;} .contact .content.sp2 .item img{height:1.2rem;} .contact .content .item .num{font-size:1.2rem;line-height:1rem;margin-top:1rem;} .contact .content.sp2 .item .des{font-size:.6rem;line-height:.6rem;} .contact .content .item .des{font-size:.7rem;line-height:.7rem;} .contact .content .item .des2{font-size:.7rem;line-height:.9rem;margin-top:.1rem;} .contact .content.sp2 .item .des{margin-top:.5rem;} .contact .content.sp2 .item:before{left:0;background-size:.3rem;} .contact .content .item .it{padding-left:2.25rem;margin-top:1.5rem;} .contact .content .item:last-child .it{margin-top:0;} .contact .content .item .it img{width:1.2rem;top:0;-webkit-transform: translateY(0);transform: translateY(0);} .contact .content.slit .item:before{display:none;} .contact .content.slit .item{padding:0;margin:0 0 .75rem;} .contact .content.slit .item .tit{font-size:1rem;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;} .contact .content.slit .item .time{font-size:.6rem;line-height:.6rem;margin-top:.5rem} .contact .content.slit .item .des{margin-top:.5rem;color:#666;line-height:.9rem} .contact .content.slit .item a{display:block;padding:.75rem;} #errormsg{font-size:.8rem;line-height:2.25rem;border-radius:.15rem;padding:0 .75rem;margin-top:5rem;} #errormsg.active{opacity:1;margin-top:0;} @-webkit-keyframes square-spin { 25% {-webkit-transform: perspective(0rem) rotateX(180deg) rotateY(0);transform: perspective(0rem) rotateX(180deg) rotateY(0);} 50% {-webkit-transform: perspective(0rem) rotateX(180deg) rotateY(180deg);transform: perspective(0rem) rotateX(180deg) rotateY(180deg); } 75% {-webkit-transform: perspective(0rem) rotateX(0) rotateY(180deg);transform: perspective(0rem) rotateX(0) rotateY(180deg); } 100% {-webkit-transform: perspective(0rem) rotateX(0) rotateY(0);transform: perspective(0rem) rotateX(0) rotateY(0); } } @keyframes square-spin { 25% {-webkit-transform: perspective(0rem) rotateX(180deg) rotateY(0);transform: perspective(0rem) rotateX(180deg) rotateY(0); } 50% {-webkit-transform: perspective(0rem) rotateX(180deg) rotateY(180deg);transform: perspective(0rem) rotateX(180deg) rotateY(180deg);} 75% {-webkit-transform: perspective(0rem) rotateX(0) rotateY(180deg);transform: perspective(0rem) rotateX(0) rotateY(180deg); } 100% {-webkit-transform: perspective(0rem) rotateX(0) rotateY(0);transform: perspective(0rem) rotateX(0) rotateY(0); } } .preloader p{width:4rem;height:4rem;margin:-2rem 0 0 -2rem;} input{font-size:.7rem;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:.7rem;} input:-moz-placeholder,textarea:-moz-placeholder{font-size:.7rem;} input::-moz-placeholder,textarea::-moz-placeholder{font-size:.7rem;} input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:.7rem;} .row1,.icase_list .item .des,.news_list .tit, .news_detail .part2 .page p{text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;} .row2,.pro_list.sp2 a p b,.inews_list .des,.contact .content.slit .item .des,.news_list.sp3 a .des{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .row3,.iabout_tab .item .des,.news_list .des{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} } .preloader{width:100%;height:100%;position:fixed;top:0;left:0;background:#fff;z-index:999999;} .preloader p{display:block;position:fixed;left:50%;top:50%;} .preloader p img{-webkit-animation-fill-mode:both;animation-fill-mode:both;width:100%;height:100%;-webkit-animation: square-spin 3s infinite; animation: square-spin 3s infinite;}