/*!
 * 正午设计2022 v0.1
 * Author 飞云网络 Jeffrey.
 * Copyright 2011-2022 592591.com.
 */
@import "fonts.css";
html{font-size: 62.5%;}
body{font-family:"HarmonyOS_Sans_SC_Regular"; color:#221815;}
a{color:#221815;}
a:hover{color:#000; text-decoration:none;}
ul,li,p,h1,h2,h3,h4,h5,h6{list-style:none; padding:0; margin:0;}
.linetop{border-top:1px solid #898989;}

/*分页*/
.listpage{clear: both; text-align:left; width:1041px; float:right;}
.listpage a{ background:#898989;color:#fff; display: inline-block; width:32px; height: 32px; line-height: 32px; margin: 5px 2px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-size:14px;}
.listpage a:hover,.listpage a.current{background:#d6000f; color:#fff;}
.listpage li{display:inline-block;}
.listpage span{color:#000; display: inline-block; height: 22px; line-height: 22px; margin: 5px 2px; padding-left: 10px; padding-right: 10px;}

/*渐显  自定义动画延时*/
.hid---- {opacity: 0;visibility: hidden;}
.delay1 {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.delay2 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.delay3 {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.delay4 {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.delay5 {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.delay6 {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.delay7 {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.delay8 {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.delay9 {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}
.delay10 {-webkit-animation-delay: 1s;animation-delay: 1s;}
.delay11 {-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.delay12 {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.delay13 {-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}
.delay14 {-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.delay15 {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.delay20 {-webkit-animation-delay: 2.0s;animation-delay: 2.0s;}
.delay43 {-webkit-animation-delay: 4.3s;animation-delay: 4.3s;}
.hid{opacity:0.0!important;-webkit-transform:translateY(40px)!important;transform:translateY(40px)!important;-webkit-transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;-webkit-transition-property:opacity,-webkit-transform!important;transition-property:opacity,transform!important;-webkit-transition-duration:.44s!important;transition-duration:.44s!important}
.hid.lz{opacity:1.0!important;-webkit-transform:translateY(0) translateZ(0)!important;transform:translateY(0) translateZ(0)!important}
.shid{opacity:0.0!important;-webkit-transform:translateY(120px)!important;transform:translateY(120px)!important;-webkit-transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;transition-timing-function:cubic-bezier(.41,.2,.38,.8)!important;-webkit-transition-property:opacity,-webkit-transform!important;transition-property:opacity,transform!important;-webkit-transition-duration:.88s!important;transition-duration:.88s!important}
.am-animation-lz01{opacity:1.0!important;-webkit-transform:translateY(0) translateZ(0)!important;transform:translateY(0) translateZ(0)!important}
.sblock-pc{display: block;}

/*放大图片动画*/
.fdimg{display:block; overflow:hidden;}
.fdimg img.big-bg{transition: all 0.6s;}
.fdimg:hover img.big-bg,.home-service a:hover img.big-bg{transform: scale(1.05);}
/*按钮 == 共用部分*/
.more{color:#e60012; font-size:clamp(1.4rem,2vw,3.5rem); height:4.5rem; line-height:4.5rem; font-family: "HarmonyOS_Sans_SC_Bold"; font-weight: bold;}
.more:hover{background-size: 10.5rem auto;color:#e60012;}
.am-container{max-width:1650px;}
.zw-container{max-width:1500px; margin:0 auto;}
.titlebox .title{font-size:38px; color:#3e3a39; font-family:"FZLanTingHei"; font-weight:normal; background:url(../images/title-line-bg.png) center bottom no-repeat; padding-bottom:40px; margin-bottom:40px;}
.titlebox .title small{display:block; font-size:18px;}
.titlebox p{color:#595757; font-size:18px; margin-bottom:80px;}
.overlay{z-index:99;position:fixed;width:100%;height:100%;visibility:hidden;background:url(../images/overlay_black_60.png) repeat;opacity:0.0;-webkit-transition:.24s cubic-bezier(.8,0,.1,.81) .1s;transition:.24s cubic-bezier(.8,0,.1,.81) .1s; left:0; top:80px; right:0; bottom:0;}
.show{-webkit-transition-delay:0.0s;transition-delay:0.0s;opacity:1.0;visibility:visible}
.gray-bg{background-color: #f0f0ef;}
.red-bg{background-color: #ff0000;}
.red-bg-1{background-color: #ef0007;}
.black-bg{background-color: #000;}

/*header*/
.whitebg{background:rgba(255,255,255,1);}
.whitebg #headerhome img.mdlogo-black{display: block!important;}
.notopfixed{position:fixed; z-index:999;}
.notopfixed img.smlogo,.notopfixed img.smlogo-1,.notopfixed img.logo-white,#headerhome img.mdlogo-black,.whitebg #headerhome img.mdlogo{display:none;}
.topfixed{position:fixed; top:0; left:0; right:0; z-index:999;}
.topfixed img.mdlogo,.topfixed img.mdlogo-1{display:none;}
.topfixed img.smlogo{display:block;}
.topfixed img.logo-red{display: none;}
.topfixed #headerhome .logo,.topfixed #header .logo{top: 0;left:0;}
.topfixed #headerhome .nav,.topfixed #header .nav{display: none!important;}

#header,#headerhome{padding-right: 4.7rem;}
#header .logo,#headerhome .logo{position:fixed; left:4.7rem; top:1rem; z-index:999; max-width: 20%;}
#header .logo img.mdlogo-1,#headerhome .logo img.mdlogo,#headerhome img.mdlogo-black{max-height:5rem; max-width: 100%;}
#header .logo img.smlogo,#headerhome .logo img.smlogo{max-width:10rem;}
/* header home */
#headerhome .nav1{display:none;}
#headerhome .nav{color: #fff; font-size: clamp(1.8rem,1.8vw,2.1rem);}
#headerhome .nav a{font-size:clamp(1.8rem,1.8vw,2.1rem); color:#fff; height:clamp(3rem,5vw,7rem); line-height:clamp(3rem,5vw,7rem); margin-left:clamp(1.5rem,2vw,3.7rem);margin-right:clamp(1.5rem,2vw,3.7rem);}
#headerhome .nav a:hover span,#header .nav a.curr span{padding-bottom:10px; border-bottom: 1px solid #fff;}
#headerhome .nav span.tel{border: 1px solid #fff; padding: 0.7rem 1.7rem 0.7rem 4rem; border-radius:5rem; margin-left: 3.7rem; font-family: "HarmonyOS_Sans_SC_Medium"; background: url(../img/tel-red.png) 1.2rem center no-repeat;background-size:auto 50%;}
#headerhome .nav span.am-icon-phone:before,#header .nav span.am-icon-phone:before{margin-right: 1rem;}
/* header for page */
#header .nav1{display:none;}
#header .nav{color: #000; font-size: clamp(1.8rem,1.8vw,2.1rem);}
#header .nav a,.whitebg #headerhome .nav a{font-size:clamp(1.8rem,1.8vw,2.1rem); color:#000; height:clamp(3rem,5vw,7rem); line-height:clamp(3rem,5vw,7rem); margin-left:clamp(1.5rem,2vw,3.7rem);margin-right:clamp(1.5rem,2vw,3.7rem);}
#header .nav a:hover span,#header .nav a.curr span,.whitebg #headerhome .nav a:hover span,.whitebg #headerhome .nav a.curr span{padding-bottom:10px; border-bottom: 1px solid #fff;}
#header .nav span.tel,.whitebg #headerhome .nav span.tel{border: 1px solid #000!important; padding: 0.7rem 1.7rem 0.7rem 4rem; border-radius:5rem; margin-left: 3.7rem; font-family: "HarmonyOS_Sans_SC_Medium"; background: url(../img/tel-red.png) 1.2rem center no-repeat;background-size:auto 50%; color: #000!important;}
#header .nav span.am-icon-phone:before,.whitebg #headerhome .nav span.am-icon-phone:before{color: #fd0010;}

/*home banner*/
.mbanner .swiper-pagination{bottom: 30px!important;}
.mbanner .swiper-pagination-bullet{background-color: #fff; opacity:1;border-radius:0; margin: 0 5px!important;}
.banner .swiper-pagination{right: 47px!important;}
.banner .swiper-pagination-bullet{background-color: #fff; width: clamp(0.5rem,1vw,1.2rem); height: clamp(0.5rem,1vw,1.2rem);border-radius:0;opacity:1;margin: 17px 0!important;}
.banner .swiper-pagination-bullet-active,.mbanner .swiper-pagination-bullet-active{border-radius:50%;}
.banner .swiper-pagination-bullet-active,.mbanner .swiper-pagination-bullet-active{opacity:1;}
.videobanner{ position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.videobanner .home-text{text-align:center;width:100%; margin-top:50%;}
.scroll{position:absolute; bottom:0; text-align:center; height:70px; cursor:pointer;}
.scroll span{background:url(../img/scroll-1.png) center center no-repeat; height:30px; display:block;}

/* page banner */
.page{padding-bottom: 6%;}
.pagebanner .text{font-family: 'HarmonyOS_Sans_SC_Medium'; font-size:clamp(3.3rem,4vw,7rem); padding-top:clamp(9rem,10vw,24rem); padding-bottom: clamp(9rem,10vw,20rem); font-weight: bold; line-height: 125%;}

/*home about*/
.home-about{font-size:clamp(2.2rem,3.5vw,5.86rem); margin:clamp(7rem,9vw,18rem) auto clamp(4rem,9vw,18rem) auto;}
.home-about div.title{ color:#000; padding-bottom:0.8rem; line-height:120%;font-family:"HarmonyOS_Sans_SC_Thin"; font-weight: 600;}
.home-about div.title span.t1{display:block;}
.home-about div.title span.t2{display:block; margin-top:0.5rem;}
.home-about .info{color:#000; font-family:"HarmonyOS_Sans_SC_Light"; line-height: 125%;}
.home-about .num{margin-top: 13%; max-width: 65%;}
.home-about .num .num-text{border-right:1px solid #c4c4c4;}
.home-about .num .num-text span.fuhao{display: inline-block;}
.home-about .num li:last-child .num-text{border: none;}
.home-about .num span{display: block;}
.home-about .num span i{font-style: normal;}
.home-about .num span.text1{color: #e60011; font-family:"DIN-Medium"; font-size:clamp(5rem,5.1vw,9rem); line-height: 75%;}
.home-about .num span.text2{font-family:"HarmonyOS_Sans_SC_Light"; font-size:clamp(1.6rem,2.2vw,2.2rem); margin-top: 8%;}

/*home service*/
.home-service-bg,.service-page-bg{background: #000;}
.home-service{padding-top: clamp(7.2rem,7.2vw,14rem); }
.home-service .title,.page-service .title1,.page-service .info{max-width: 90%;}
.home-service .info{color: #fff; font-size:clamp(1.6rem,2vw,2.93rem); margin: 3.5% auto -13.5% auto; font-family:"HarmonyOS_Sans_SC_Light"; line-height: 165%; text-align: center; max-width: 70%; }
.home-service-bg .thumb{margin:0 auto -13% auto; max-width: 80%;}

/*service list*/
.line{background: url(../img/line-1.png) left center repeat-x; height: 1px;}
.servicelist{color: #fff; text-align: center; margin-bottom: 11.8rem; z-index: 99; margin-top: -20rem; }
.servicelist-box{padding-top: 4rem; padding-bottom: 3.8rem;}
.servicelist .hid{background: url(../img/line-2.png) right top repeat-y;}
.servicelist .hid:last-child{background: none;}
.servicelist h3{font-family:"HarmonyOS_Sans_SC_Medium"; font-size:clamp(1.8rem,2.4vw,4.8rem); font-weight: normal; }
.servicelist h5{font-family:"HarmonyOS_Sans_SC_Medium"; font-size:clamp(1.4rem,1.5vw,2.9rem); margin-bottom: clamp(1rem,1.5vw,3rem); font-weight: normal; }
.servicelist .text{font-family:"HarmonyOS_Sans_SC_Light"; font-size:clamp(1.4rem,1.4vw,2.6rem); line-height: 160%; }
.servicelist .ico1{background:url(../img/about-ico1.png) center center no-repeat;}
.servicelist .ico2{background:url(../img/about-ico2.png) center center no-repeat;}
.servicelist .ico3{background:url(../img/about-ico3.png) center center no-repeat;}
.servicelist .ico{opacity:1;filter:alpha(opacity=0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 1000ms cubic-bezier(.19,1,.22,1) 0s,-webkit-transform 1000ms cubic-bezier(.19,1,.22,1) 0s;transition:opacity 1000ms cubic-bezier(.19,1,.22,1) 0s,transform 1000ms cubic-bezier(.19,1,.22,1) 0s;-webkit-transform:translateY(0);transform:translateY(0);width:100%; height:clamp(1.2rem,2.2vw,3rem); display:block; background-size: auto 100%; margin: 1rem 0;}
.servicelist:hover .ico1{opacity:1.0;filter:alpha(opacity=100);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.servicelist:hover .ico2{opacity:1.0;filter:alpha(opacity=100);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg);}
.servicelist:hover .ico3{opacity:1.0;filter:alpha(opacity=100);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg);}

/*page service*/
.service-page-bg{background: #000 url(../img/home-service-bg.png) 95% 15rem no-repeat; background-size: auto 75%;}
.page-service{padding-top: clamp(7rem,7.2vw,14rem);padding-bottom: clamp(7rem,7.2vw,14rem);}
.page-service--{background: url(../img/home-service-bg.png) 140% -5rem no-repeat; background-size: auto 122%;padding-top: clamp(7rem,7.2vw,14rem);padding-bottom: clamp(7rem,7.2vw,14rem);}
.page-service .info{color: #fff; font-size:clamp(1.4rem,1.5vw,1.8rem); font-family:"HarmonyOS_Sans_SC_Light"; line-height: 165%; margin-top: 2%; }

/*page service list*/
.pageservicelist{color: #fff; text-align: left; z-index: 99; margin-top: 1rem; padding-right: 20%; }
.pageservicelist-box{padding-top: 4rem; padding-bottom: 3.8rem;}
.pageservicelist h3{font-family:"HarmonyOS_Sans_SC_Medium"; font-size:clamp(2rem,2.2vw,3rem); font-weight: normal; }
.pageservicelist h5{font-family:"HarmonyOS_Sans_SC_Medium"; font-size:clamp(1.6rem,1.7vw,1.8rem); /* margin-bottom: clamp(1rem,1.5vw,3rem); */ font-weight: normal; }
.pageservicelist .text{font-family:"HarmonyOS_Sans_SC_Light"; font-size:clamp(1.4rem,1.5vw,1.6rem); line-height: 200%; }
.pageservicelist .ico1{background:url(../img/about-ico1-gray.png) center center no-repeat;}
.pageservicelist .ico2{background:url(../img/about-ico2-gray.png) center center no-repeat;}
.pageservicelist .ico3{background:url(../img/about-ico3-gray.png) center center no-repeat;}
.pageservicelist .ico{opacity:1;filter:alpha(opacity=0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 1000ms cubic-bezier(.19,1,.22,1) 0s,-webkit-transform 1000ms cubic-bezier(.19,1,.22,1) 0s;transition:opacity 1000ms cubic-bezier(.19,1,.22,1) 0s,transform 1000ms cubic-bezier(.19,1,.22,1) 0s;-webkit-transform:translateY(0);transform:translateY(0);width:20px; height:20px; display:inline-block; background-size: auto 100%; margin: 1rem 0 0 0;}
.pageservicelist:hover .ico1{opacity:1.0;filter:alpha(opacity=100);-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.pageservicelist:hover .ico2{opacity:1.0;filter:alpha(opacity=100);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg);}
.pageservicelist:hover .ico3{opacity:1.0;filter:alpha(opacity=100);-webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg);}

/* block */
.block{margin-top: clamp(6.5rem,6vw,12rem); margin-bottom: clamp(5rem,6vw,12rem);}
.block-servicelist{margin-top: 10%;}
.block-servicelist h3{height: clamp(7rem,10vw,16.4rem); line-height: clamp(9rem,10vw,17rem); font-size:clamp(1.6rem,2vw,3rem); background-size: auto 100%; background-repeat: no-repeat; margin-bottom: 20%;}
.block-servicelist h3.s1{background-image: url(../img/s1.png);}
.block-servicelist h3.s2{background-image: url(../img/s2.png);}
.block-servicelist h3.s3{background-image: url(../img/s3.png);}
.block-servicelist h3.s4{background-image: url(../img/s4.png);}
.block-servicelist h3.s5{background-image: url(../img/s5.png);}
.block-servicelist h3.s6{background-image: url(../img/s6.png);}
.block-servicelist div.hid:hover h3.s1{background-image: url(../img/s1-red.png);}
.block-servicelist div.hid:hover h3.s2{background-image: url(../img/s2-red.png);}
.block-servicelist div.hid:hover h3.s3{background-image: url(../img/s3-red.png);}
.block-servicelist div.hid:hover h3.s4{background-image: url(../img/s4-red.png);}
.block-servicelist div.hid:hover h3.s5{background-image: url(../img/s5-red.png);}
.block-servicelist div.hid:hover h3.s6{background-image: url(../img/s6-red.png);}
.block-servicelist p{font-family:"HarmonyOS_Sans_SC_Light"; font-size:clamp(1.4rem,1.5vw,2rem); line-height: 200%;}

/* page */
.pagecontent{padding-top:clamp(9rem,10.1vw,25.5rem); padding-bottom:clamp(5rem,5.1vw,16.1rem);}
.pagecontent h1.title{font-family:"HarmonyOS_Sans_SC_Medium"; font-size: clamp(3.3rem,3.4vw,5rem); font-weight: 600; margin-bottom: clamp(10rem,3.1vw,11.3rem); line-height: 120%; }
.pagecontent .content{font-family:"HarmonyOS_Sans_SC_Light"; font-size: clamp(1.4rem,1.5vw,1.8rem); line-height: 200%;}

.anli .content p{margin: 0!important;}
.anli .content img{max-width: 100%; height: auto;display: inline-block;}
.prev-next{text-align: center; margin-top: 20.5rem;}
.prev-next a{ display: inline-block; max-width: 17rem;}
.prev-next a.close img{max-height: 5.3rem;}

/* faq */
.faq dl{margin-top: 0; margin-bottom: clamp(4rem,4vw,8rem);}
.faq dl dt{color: #e60012; font-size:clamp(1.8rem,2vw,3rem); font-weight: normal;}
.faq dl dd{line-height: 170%; font-size:clamp(1.4rem,1.5vw,2rem); color: #000; font-family:"HarmonyOS_Sans_SC_Light"; margin-top: 2rem;}
.faq dl dd span{color: #696969;font-family:"HarmonyOS_Sans_SC_Medium";}

/*home-case caselist*/
.gray-bg .homecase{margin-top: 10%; margin-bottom: 0;}
.homecase{margin-top: clamp(9rem,9.2vw,14rem); margin-bottom: clamp(9rem,9.2vw,19.7rem);}
.homecase .title h3,.block .title h3,.homenews .title h3{background: url(../img/title-logo.png) left top no-repeat; background-size: auto clamp(2rem,2.2vw,3.3rem); font-family:"HarmonyOS_Sans_SC_Bold"; padding-top: clamp(2rem,2.2vw,3.3rem); font-size: clamp(2rem,2.2vw,3.6rem); margin-bottom: clamp(2.5rem,3.6vw,5.5rem);}
.homecase .caselist{margin-bottom: 5rem; margin-left: -1rem; margin-right: -1rem;}
.caselist{margin-left: -1rem; margin-right: -1rem;}
.caselist h2{font-size:clamp(1.8rem,2vw,3.5rem); font-family:"HarmonyOS_Sans_SC_Medium"; font-weight:bold; margin-top: 1.2rem;}
.caselist li{margin-bottom: clamp(3.3rem,3.2vw,6.2rem); padding-right: 2rem; padding-left: 2rem;}
.caselist li p{font-size:clamp(1.6rem,2vw,3rem); font-family:"HarmonyOS_Sans_SC_Light"; line-height: 100%;}

/*home news*/
.homenews{margin-bottom: 6%;}
.homenews a.thumb{padding-right: clamp(0.1rem,1.5vw,4.5rem); display: block;}
.homenews .info .date,.homenews .info .cate{font-size:clamp(1.4rem,2vw,2.6rem);}
.homenews .info h3.title{font-weight: bold; font-size:clamp(1.9rem,2vw,4.5rem); margin: 8% auto 6% auto; line-height: 120%;}
.homenews .info .short{font-family: "HarmonyOS_Sans_SC_Light"; font-size:clamp(1.4rem,1.5vw,2rem); line-height: 180%; min-height: clamp(15rem,25vw,35rem); }
.homenews .info .read-more a{max-width: 10rem; display: inline-block;}
.homenews .prev-next-button{margin-top: 5rem;}
.homenews .swiper-button-prev:after,.homenews .swiper-button-next:after{content: "";}
.homenews .swiper-button-prev{left: auto; right: 10rem;}
.homenews .swiper-button-next{width: 10rem; right: 0; }
.news .item{margin-bottom: clamp(8rem,9vw,14.6rem);}

/* about */
.about{padding-top: 10%; padding-bottom: 10%; color: #fff; background: #ef0007 url(../img/about-bg.jpg) center center no-repeat; background-size: 100% auto;}
.about h2.title{font-size:clamp(2rem,2.1vw,4rem);font-family:"HarmonyOS_Sans_SC_Medium"; margin-bottom: clamp(4rem,4.1vw,9rem); font-weight: 600;}
.about h2.title span{display: block;}
.about .text{font-family:"HarmonyOS_Sans_SC_Light"; font-size:clamp(1.5rem,2vw,2.6rem); line-height: 180%;}
.about .text p{margin-bottom: 2.5rem;}
.about-kehu .title h3,.page-service .title h3,.home-service .title h3{background: url(../img/title-logo-white.png) left top no-repeat; background-size: auto clamp(2rem,2.2vw,3.3rem); font-family:"HarmonyOS_Sans_SC_Bold"; padding-top: clamp(2rem,2.2vw,3.3rem); font-size: clamp(2rem,2.2vw,3.6rem); margin-bottom: 7%; color: #fff;}
.page-service .title h3,.home-service .title h3{margin-bottom: 15%;}
.about-kehu{color: #fff;}
.about-kehu .kehulist{line-height: 250%;font-family: "HarmonyOS_Sans_SC_Light"; font-size:clamp(1.4rem,1.5vw,1.8rem); color: #e0e0e0; }
.about-rongyu{padding-top: 5%; padding-bottom: 2%;}
.about-rongyu .title h3{background: url(../img/title-logo-white.png) left top no-repeat; background-size: auto clamp(2rem,2.5vw,3.3rem); font-family:"HarmonyOS_Sans_SC_Bold"; padding-top: clamp(2rem,2.5vw,3.3rem); font-size:clamp(2rem,2.5vw,3.6rem); margin-bottom: 3%; color: #fff;}
.about-rongyu-pic{width: 100%; overflow-x: scroll;}
.about-rongyu-pic img{max-height: 800px;}
.wenhua{font-size:clamp(1.6rem,1.7vw,2.2rem);font-family: "HarmonyOS_Sans_SC_Light";}
.wenhua .am-u-md-5{margin-top: clamp(1rem,1.7vw,10rem);}
.wenhua p{margin-bottom: clamp(10%,1.7vw,16%); line-height: 165%;}
.wenhua p b{color: #e60012; display: block; margin-bottom: clamp(1rem,1.1vw,1.7rem); font-size:clamp(1.6rem,1.7vw,3.5rem);}
.wenhuapic{overflow: hidden;}

/*荣誉墙*/
		.picMarquee-left{ overflow:hidden; position:relative; }
		.picMarquee-left .bd{ padding:0;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{display:block; width:778px; height: auto;}
		
		.picMarquee-left-m{ overflow:hidden; position:relative; }
		.picMarquee-left-m .bd{ padding:0;   }
		.picMarquee-left-m .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left-m .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left-m .bd ul li .pic{ text-align:center; }
		.picMarquee-left-m .bd ul li .pic img{display:block; width: 414px; height: auto;}
		
/* 我们的团队 */
.teamlist li{margin-bottom: 5%;}
.teamlist h3{font-size:clamp(2rem,2.2vw,2.8rem);font-family:"HarmonyOS_Sans_SC_Medium"; margin-top: 1rem;}
.teamlist h5{font-size:clamp(1.6rem,1.7vw,2.2rem);font-family:"HarmonyOS_Sans_SC_Medium"; margin-bottom: clamp(0.8rem,1vw,3rem);}
.teamlist p{font-size:clamp(1.4rem,1.5vw,1.8rem);font-family: "HarmonyOS_Sans_SC_Light";}

/* 动态 */
.subcat{margin-bottom: 5rem;}
.subcat a{color: #959291; font-size: 2rem; border-bottom: 1px solid #959291; margin-right: 5%;}
.subcat a.active{color: #221815; border-bottom: 1px solid #221815;}
.newspage{padding-top: 10%; padding-bottom: 10%;}
.newspage h1.title{margin-bottom: 15%; font-size:clamp(3.2rem,3.6vw,5.8rem);}
.newspage .content{font-size:clamp(1.6rem,2vw,2.6rem);font-family: "HarmonyOS_Sans_SC_Light"; line-height: 200%;}
.newspage .content img{max-width: 100%; height: auto; display: block;}
.share{border-top: 1px solid #696667; padding-top: 10%;}

/* 联系 */
.contact{margin-bottom: 7%;}
.contact h3.title{font-family:"HarmonyOS_Sans_SC_Medium"; font-size:clamp(2.2rem,2.4vw,4rem);}
.contact p{margin-top: 4%;font-family: "HarmonyOS_Sans_SC_Light"; font-size:clamp(1.6rem,1.8vw,2.2rem); line-height: 130%;}
.contact p b{display: block;font-family:"HarmonyOS_Sans_SC_Medium"; margin-bottom: 1.2rem;}
.contact p b span{color:#e60012; font-size: 1.68rem;}
.contact p .ico{font-size: 3rem; margin-right: clamp(3rem,3.3vw,5rem); margin-top: clamp(2rem,2.3vw,5rem);}
.contact p .ico img{max-height: clamp(5rem,5.3vw,7rem);}
.contact p a.morejob{color: #696969; font-size:clamp(1.4rem,1.5vw,1.9rem); padding-top: 0.5rem; }
.contact p a.morejob span{position: absolute; margin-top: -0.3rem;}
.join{padding-top: 3%; padding-bottom: 3%;}
.join h3{color: #fff; font-size: 4rem; margin-top: 8%; font-family: "HarmonyOS_Sans_SC_Bold";}
.jiazhi{font-family: "HarmonyOS_Sans_SC_Light"; line-height: 350%;padding-top: 6%; padding-bottom: 6%; color: #fff;}
.jiazhi h3.title{font-family:"HarmonyOS_Sans_SC_Light";font-size:clamp(3rem,3.3vw,7rem); font-weight: normal; margin-bottom: 5%; line-height: 140%;}
.jiazhi p{font-size:clamp(1.4rem,1.5vw,2.4rem); line-height: 220%;}
.jiazhi1{font-family: "HarmonyOS_Sans_SC_Light"; padding-bottom: 6%; color: #000; font-size:clamp(1.4rem,1.5vw,2.4rem); margin-top: 1.5%;}
.jiazhi1 h3.title{font-family:"HarmonyOS_Sans_SC_Light"; margin-bottom: 6%;font-size:clamp(3rem,3.3vw,7rem); color: #e60012; font-weight: normal; line-height: 135%;}
.jiazhilist li{ height: clamp(4rem,4.1vw,6.5rem);}
.logo3d div.am-fr{max-width: 65%; margin-top: -7.5%;}

/* 职位 */
.job{padding-top: 5%; padding-bottom: 5%; color: #fff;}
.job .title h3{background: url(../img/title-logo-red.png) left top no-repeat; background-size: auto clamp(2rem,2.2vw,3.3rem); font-family:"HarmonyOS_Sans_SC_Bold"; padding-top: clamp(2rem,2.2vw,3.3rem); font-size:clamp(2rem,2.4vw,3.6rem); margin-bottom: 7%; color: #e60012;}
.job .am-panel-group{border-bottom: 1px solid #4d4d4d; padding-bottom: clamp(6rem,6.4vw,9rem); margin-bottom: clamp(6rem,6.4vw,9rem);}
.job .am-panel{background: none; border: none;}
.job .am-panel-default>.am-panel-hd{background: none; border: none;}
.job .am-panel-group .am-panel-hd+.am-panel-collapse .am-panel-bd{border: none;font-family: "HarmonyOS_Sans_SC_Light"; line-height: 200%; padding-top: clamp(2rem,2.1vw,5rem);}
.job .am-panel-title{font-size:clamp(2.2rem,2.4vw,3.6rem); color: #fff;}
.job .am-panel-title span{display: block;color: #e60012; font-size: 1.6rem; font-weight: normal;}
.job .am-panel-title span small{border-bottom: 1px solid #e60012; font-size: 1.6rem;}
.job .am-panel-title span i{font-style: normal;}
.job .am-panel-title span i.jia{display: none;}
.job .am-collapsed span i.jia{display: inline-block;}
.job .am-collapsed span i.jian{display: none;}
.jobnotice{border: 1px solid #fff; padding: 3%; font-size: clamp(1.6rem,1.9vw,2.2rem);font-family: "HarmonyOS_Sans_SC_Light"; line-height: 180%; }
.jobnotice span{color: #e60011;}
.pingjiabox{padding-top:10%; font-size: clamp(3.6rem,3.4vw,7rem);}
.pingjiabox .text{padding-bottom: 20%;}
.huanjin{padding-top: 5%; padding-bottom: 5%; color: #fff; font-size: clamp(2.2rem,2.2vw,4.8rem); font-family: "HarmonyOS_Sans_SC_Light";}

/*footer*/
.footer{background-color: #e60012; padding-top: 13%; padding-bottom: 3%; color: #fff;}
.footer a{color: #fff;}
.footer .flogo{padding-right: 10%;}
.footer .f-contact{font-size: 2rem; font-weight: normal; font-family: "OPPOSans-R"; padding-left: 10%;}
.footer .f-contact p{background: url(../img/dian.png) left bottom no-repeat; background-size: 1rem; margin-bottom: 3rem; padding-bottom: 4rem;}
.footer .copyright{background: url(../img/footer-bottom-logo.png) left top no-repeat; background-size: auto 2.5rem; padding-top: 3rem; font-family: 'HarmonyOS_Sans_SC_Light'; margin-top: 42%;}

/* 箭头 */
.arrow {width:clamp(4rem,4.1vw,8.4rem);height:3rem;transition:all .5s cubic-bezier(.075,.82,.165,1); margin-right:1rem;}
.arrow marker {overflow: visible;}
.arrow line {stroke: #f00;stroke-width: 2.5;}
.arrow marker {fill:#f00;}
.more:hover .arrow,.read-more:hover .arrow,.swiper-button-prev:hover .arrow,.swiper-button-next:hover .arrow {width:12rem;}
.read-more .arrow line{stroke:#000;}
.read-more .arrow marker {fill:#000;}
.jiazhilist .arrow{height: 4rem; padding-top: 2rem;}
.jiazhilist .arrow line{stroke: #231815;}
.jiazhilist .arrow marker{fill: #231815;}
.jiazhilist li:hover .arrow{width: clamp(7rem,7.5vw,12rem);}
.morejob .arrow{width:7rem;height:2rem;transition:all .5s cubic-bezier(.075,.82,.165,1); margin-right:0.8rem;}
.morejob:hover .arrow{width: 10rem;}
.morejob .arrow line {stroke: #696969;stroke-width: 1.5;}
.morejob .arrow marker {fill:#696969;}
.join h3 .arrow{width:10rem;height:3rem;transition:all .5s cubic-bezier(.075,.82,.165,1); margin-right:0.8rem;}
.join h3:hover .arrow{width: 13rem;}
.join h3 .arrow line {stroke: #fff;stroke-width: 2.5;}
.join h3 .arrow marker {fill:#fff;}
.job .am-panel-hd{padding: 0.6rem 0;}
.job .am-panel-bd{padding: 0;}
.prev-next-button .arrow line {stroke: #000;}
.prev-next-button .arrow marker {fill:#000;}
.prev-next-button svg {
		margin: 0;
		position: absolute;
		cursor: pointer
	}
.prev-next-button .about-quotes--arrow-prev {
		right: 1rem;
		transform: scaleX(-1)
	}

	.prev-next-button .about-quotes--arrow-next {
		left: 1rem
	}

@media (max-width:768px){
	/*animate nav*/
	#header .navBtn,#headerhome .navBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; cursor:pointer;}
	#header .wapBtnAn,#headerhome .wapBtnAn{transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}
	#header .nav1,#headerhome .nav1{background:#000;opacity:0.0; position:fixed;top:0;width:100%;height:auto;line-height:normal; padding-top:40%;}
	#header .nav1 a,#headerhome .nav1 a{font-size: clamp(2.8rem,3vw,6rem);margin:0px;width:100%;height:70px;line-height:60px;float:none; display:block; background:none; color:#fff;}	
	#header .nav1 span.tel,#headerhome .nav1 span.tel{border: 1px solid #fff; padding:0.5rem 3rem 0.5rem 7rem; border-radius:5rem; font-family: "HarmonyOS_Sans_SC_Medium"; background: url(../img/tel-red.png) 4rem center no-repeat;background-size:auto 50%; color: #fff; font-size: 2.4rem;}
	#header .nav1 .am-block,#headerhome .nav1 .am-block{margin-top: 15%;}
	#headerhome .logo, #header .logo{left: 1rem; top: 1rem;}
	#headerhome .logo img.mdlogo,#header .logo img.mdlogo-1 {max-width:15rem}
	.topfixed img.smlogo-1,#header .logo img.smlogo, #headerhome .logo img.smlogo {max-width:4rem}
	.topfixed img.logo-white{display: block;}
	.topfixed img.logo-red{display: none;}
	.whitebg #headerhome img.mdlogo-black{display: block; max-width: 15rem;}
	.whitebg{height: 4.5rem;}
	.whitebg #headerhome img.mdlogo{display: none;}
	
	/*sm menu ico*/
	#headerhome .h_btn_border{background-color: #fff;}
	.whitebg #headerhome .h_btn_border{background-color: #e60012;}
	.redlogo #headerhome .h_btn_border{background-color: #e60012;}
	.h_btn{display:block;z-index:2102;position:absolute;top:0;right:2rem;width:60px;height:45px}
.h_btn_inner{position:absolute;top:50%;left:50%;width:28px;height:18px;margin:-11px -9px}
.h_btn_border{position:absolute;top:50%;left:0;background-color:#e60012;border-radius:1px;width:100%;height:3px}
.h_btn_border--01{margin-top:-7px;-webkit-transition:top .1s ease-in-out,.5s ease 0s;transition:top .1s ease-in-out,.5s ease 0s}
.h_btn_border--02{opacity:1.0;-webkit-transition:.4s ease;transition:.4s ease}
.h_btn_border--03{margin-top:7px;-webkit-transition:.4s ease 0s;transition:.4s ease 0s}
.active .h_link:before,.active .h_link:after{background-color:#fff}
.open.h_btn .h_btn_border--01{top:50%;margin-top:0!important;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);-webkit-transition:.4s ease;transition:.4s ease}
.open.h_btn .h_btn_border--02{top:50%;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0.0}
.open.h_btn .h_btn_border--03{top:50%;margin-top:0!important;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.open .h_btn_inner{width:30px;}
.redlogo .open .h_btn_inner{width:40px;}

/*logo变化*/
.redlogo img.mdlogo{display: none;}
.redlogo img.logo-red{display: block;}
.redlogo #headerhome img.mdlogo-black{display: none!important;}

/*荣誉墙*/
.picMarquee-left .bd ul li .pic img{height: auto; min-height: 40rem;}

.teamlist li{margin-bottom: 13%;}
.about-kehu .kehulist{margin-top: 6%;}
.homenews .swiper-button-prev{left: auto; right: 7rem;}
.homenews .swiper-button-next{width: 5rem; right: 2rem; }
.more:hover .arrow,.read-more:hover .arrow,.swiper-button-prev:hover .arrow,.swiper-button-next:hover .arrow {width:6rem;}

.more{font-size: 2rem;}
	.sblock{display: block; margin-bottom: 0.5rem;}
	.arrow{width: 4rem; height: 2rem;}
	.arrow line{stroke-width:1.5;}
	.prev-next{margin-top: 5rem;}
	.prev-next a{max-width: 8rem;}
	.prev-next a.close img{max-height: 3rem;}
	.footer{padding-top: 25%; padding-bottom: 10%;}

.home-about .num span.text1{line-height: 100%; font-weight: bold;}
	.home-about .num span.text2{margin-top: 0;}
	.home-about .num .num-text{border-bottom: 1px solid #c4c4c4; border-right: none; padding-bottom: 1.6rem; margin:0 auto 1.6rem auto; max-width: 80%;}
	.home-service .title,.home-service .info{max-width: 100%;}
	.home-service .info{text-align: left;}
	.home-service-bg .thumb{margin: -5% auto 0 auto; max-width: 100%;}
	.servicelist{margin-top: -5%; margin-bottom: 17%;}
	.block-servicelist h3{margin-bottom: 16%;}
	.block-servicelist div.hid{margin-top: 10%;}
	.homecase .caselist{margin-bottom: 0;}
	.homenews .info .date, .homenews .info .cate{display: none;}
	.about{background: #ef0007 url(../img/about-bg-m.jpg) center 90% no-repeat; background-size: 100% auto; padding-top: 15%; padding-bottom: 75%;}
	.jiazhi{padding-top: 18%; padding-bottom: 50%;}
	.jiazhi1{padding-top: 18%; padding-bottom: 30%; margin-top: 0;}
	.logo3d div.am-fr{max-width: 85%; margin-top: -25%;}
	
	.homenews .prev-next-button{margin-top: 9rem; margin-bottom: 4.5rem;}
	.page{padding-bottom: 24%;}
	.gray-bg .homecase{margin-top: 13%; margin-bottom: 6%;}
	.servicelist-box{padding-top: 2rem;padding-bottom: 2.5rem;}
	.servicelist .ico{margin: 0.7rem 0;}
	.block-servicelist p{line-height: 180%;}
	.service .title h3{margin-bottom: 0;}
	.about .text p{margin-bottom: 1.9rem;}
	.newspage{padding-top: 20%;}
	.contact{margin-bottom: 22%;}
	.contact p{margin-top: 13%;}
	.contact p .ico{font-size: 1.5rem;}
	.contact p a.morejob span{margin-top: 0;}
	.jiazhi h3.title{margin-bottom: 12%;}
	.pingjiabox{padding-top: 15%;}
	.job{padding-top: 18%; padding-bottom: 23%;}
	.job .title{margin-bottom: 4.5rem;}
	.job .am-panel-bd{font-size: 1.4rem;}
	.huanjin{padding-top: 13%; padding-bottom: 13%;}
	.about-rongyu{padding-top: 11%; padding-bottom: 13%;}
	.wenhua p{margin-bottom: 17%;}

}
@media (min-width:641px) and (max-width:1024px){
}