@font-face
{
    font-family: myFirstFont1;
    src: url(../fonts/SOURCEHANSANSCN-LIGHT.OTF);
}
{
    font-family: myFirstFont;
    src: url(../fonts/SOURCEHANSANSCN-LIGHT.OTF);
}
*{ margin:0; padding:0; box-sizing: border-box; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{   font-family: "microsoft yahei"; color:#666; font-size:1rem; background: #FFFFFF; line-height: 24px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #666;}
a:focus { outline: 0 }
a:hover{ color: #1a77d6;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
.auto1280{ width:80%;  margin: 0 auto;}
.auto_1280{ width:80%;  margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap;}
.flex-center { display: flex; align-items: center; justify-content: space-between;}
.flex-center1 { display: flex; align-items: center; justify-content: center;}
.flex-center2{ display: flex; align-items: center; justify-content: flex-end;}
.flex-center3 { display: flex; align-items: center; justify-content: flex-start;}
.flex-center-contain { justify-content: space-between;}
.flex-center-contain1 { justify-content: space-between; align-items: center; }
.flex-center-contain2 { align-items: center; }
.flex-center-contain3 {   align-items: flex-start; justify-content: center;}
h1,h2,h3,h4,b,strong{ color: #666;}
em,i{ font-style: normal;}


::-webkit-scrollbar {
  width: 6px;
  height:5px;
}


::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 10px;
}


::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}


::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}



input,button,select,textarea{ outline:none; font-family: "arial, helvetica, sans-serif";}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}
input[type="button"], input[type="submit"], input[type="reset"]{ cursor: pointer;}
button,a{ cursor: pointer;}
#warp{ width:100%; height:auto; }
#warp-box{ width:100%; height:auto; overflow:hidden;}

/* 缓慢左右大幅度移动 */
@keyframes float-slow {
  0%   { transform: scale(1.05) translateX(0); }
  50%  { transform: scale(1.05) translateX(50px); }
  100% { transform: scale(1.05) translateX(0); }
}
.banner img.pc{ display:block;}
.banner img.mo{ display:none;}
.banner .banner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: float-slow 20s ease-in-out infinite; /* 20秒循环 */
}


/* 轮播容器 */
.banner {
  width: 100%;
  height: 100vh; /* 高度占满一屏 */
  overflow: hidden; /* 超出隐藏，避免拉伸 */
  position: relative;
}

.banner .banner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: opacity 2s ease; /* 过渡时间2秒，可调整 */
}

.banner .banner-item.active {
  opacity: 1;
  z-index: 1;
}

/* 图片样式 */
.banner .banner-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持比例，自动裁切多余部分 */
}

/* 文本信息层 */
.banner .banner-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFFFFF;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .banner-infotxt {
  text-align: center;
  width: 100%;
}

.banner .banner-infotxt h2 {
  color: #FFFFFF;
  font-size: 1.8rem;
  text-transform: uppercase;
  letter-spacing:2px;
  font-weight:normal;
  line-height: 42px;
  font-family: myFirstFont1;
}

.banner .banner-infotxt h3 {
  color: #FFFFFF;
  font-size: 2.6rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 52px;
  margin-top: 10px;
  letter-spacing: 1px;
}


.bannerslide {
  position: absolute; cursor: pointer;
  bottom: 50px;
  left: 50%;
  width: 28px;
  height: 32px;
  margin-left: -14px;
  background: url(../images/bannerslide.png) no-repeat center center;
  z-index: 999;
  opacity: 0;
  animation: slideFade 2s ease-in-out infinite;
}

/* 动画：向下滑 + 渐隐渐现 */
@keyframes slideFade {
  0%   { transform: translateY(0); opacity: 0; }
  20%  { transform: translateY(5px); opacity: 1; }
  50%  { transform: translateY(15px); opacity: 0.6; }
  80%  { transform: translateY(20px); opacity: 0.3; }
  100% { transform: translateY(25px); opacity: 0; }
}

header{ width: 100%; padding: 30px 0; position: fixed; left: 0; top: 0; z-index: 999;  transition: background 0.4s ease, padding 0.4s ease;}

header .logo{ display: block; width: 124px; height: 88px;}
header .logo a{ display: block; width: 160px; height: 88px; background: url(../images/logo.svg) no-repeat; transition: background 0.4s ease;}
header .logo a h1{ display: none;}

header .headerright{}
nav.active{ opacity: 0;
  transform: translateX(100%);
  transition: transform 0.4s ease, opacity 0.4s ease;}
nav {
 
}

nav.show {
  opacity: 1;
  transform: translateX(0);
}

nav ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

nav li {
  padding: 0 35px;
}

nav li a {
  color: #fff;
  font-size: 1.1rem;
  text-decoration: none;
}

.headerrightbtn {
  width: 110px;
  height: 50px;
  line-height: 48px;
  margin-left: 30px;
  text-align: center;
  border: 1px solid rgba(255,255,255,0.5);
  cursor: pointer;
  border-radius: 30px;
  position: relative;
  z-index: 999;
}

.headerrightbtn i {
  color: #fff;
  font-size: 1.4rem;
  line-height: 48px;
}


header.current{ background: rgba(255,255,255,1.0); padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,0.1); }
header.current .logo a{ background: url(../images/logo1.svg) no-repeat;}
header.current .headerrightbtn {  border: 1px solid rgba(0,0,0,0.7);}
header.current .headerrightbtn i{ color: #333333;}
header.current nav li a {color: #333;}


.home-about{ padding:120px 0;}
.home-about-title{ }
.home-about-title h2{font-family: myFirstFont1; font-size: 2.6rem; color: #111; line-height: 160px; text-transform: uppercase;  }
.home-about-title h2 span{ font-size:1.8rem; line-height:40px;  transform: translateY(-12px); display:inline-block;}
.home-about-title em{ display: block; width: 120px; height: 1px; background: #111111;}


.home-about-box{ margin-top: 25px;}
.home-about-box-left{ width: 45%; padding-right: 120px; line-height: 36px; font-size: 1.1rem;}
.home-about-box-right{ width: 55%; overflow: hidden;}
.home-about-box-right img{ width: 100%; height: auto;  animation: zoomInOut 5s infinite alternate; /* 无限循环 */} 

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05); /* 轻微放大 */
  }
  100% {
    transform: scale(0.95); /* 轻微缩小 */
  }
}

.home-advan{ width: 100%; text-align: center; padding: 80px 0;  font-size: 1.6rem; color: #111;  line-height: 42px; border-bottom:1px solid #111111;  border-top:1px solid #111111; text-transform: uppercase; font-family: myFirstFont;}

.home-desi{ width: 100%; padding-top: 80px;}
.home-desi-left{ width: 65%; overflow: hidden;}
.home-desi-left img{ width: 100%; height: auto; animation: zoomInOut 5s infinite alternate; /* 无限循环 */}
.home-desi-right{ width: 35%; padding:30px 60px;  line-height: 34px; font-size: 1.1rem;}
.home-desi-right h2{ font-weight: normal; margin-bottom: 25px; font-size: 1.2rem;}


.home-desi-info{  width: 100%; text-align: center; padding: 80px 0;  font-size: 1.6rem; color: #111;  line-height: 42px; text-transform: uppercase; font-family: myFirstFont;}

.home-design{ width: 100%; height: auto; margin-top:30px;}
.home-design img{ width: 100%; height: auto; animation: float-slow 20s ease-in-out infinite; /* 20秒循环 */}

.home-scope{ padding: 150px 0; text-align: center; width:50%; margin: 0 auto;}
.home-scope h2{font-size: 4rem; color: #111;  line-height: 42px; text-transform: uppercase; font-family: myFirstFont1;}
.home-scope h3{  font-size: 1.4rem; line-height: 32px; padding: 15px 0; font-family: myFirstFont; font-weight: normal;}
.home-scope p{ font-size: 1.2rem; line-height: 35px; margin-top:30px;}


.home-case-title{ line-height: 52px; padding: 30px 0; color: #333333;}
.home-case-title h2{ font-size: 1.2rem; font-family: myFirstFont; font-weight: normal;}
.home-case-title h3{ font-size: 1.1rem;}


.home-case-list{}
.home-case-list li{ width: 24%; height: auto; overflow: hidden;}
.home-case-list li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-case-list li img{ width: 100%; height: 100%;  object-fit: cover;}

.home-case-more{ padding: 60px 0; width: 40%; margin: 0 auto; text-align: center;}
.home-case-more p{ font-size: 1.2rem; line-height: 35px;}
.home-case-more a{ display: inline-block; margin-top: 30px; transition: background 0.4s ease; background: #e7e3dc; font-size: 1.1rem; height: 52px; line-height: 52px; border-radius:30px; padding: 0 80px;}
.home-case-more a:hover{ background: #484b53; color: #FFFFFF;}

footer{ width: 100%; background: #efebe4; padding: 70px 0;}

footer .footer-left{ max-width: 235px;}
footer .footer-left .flogo{ width: 102px; height: 59px; margin-bottom: 20px;}
footer .footer-left .flogo img{ width: 102px; height: 59px;}

footer .footer-left-company{  font-size: 0.9rem; line-height: 24px;}
footer .footer-left p{ color: #666; margin-top: 10px; font-size:0.9rem;}

footer .footer-menu{}
footer .footer-menu dl{ padding: 0 25px;}
footer .footer-menu dl dt{font-size: 1.1rem; line-height: 42px; margin-bottom: 15px; color: #333333;}
footer .footer-menu dl dd a{ display: block; line-height: 30px;}
footer .footer-menu dl dd a:hover{ color: #333333;}
footer .footer-right{ max-width: 200px; text-align: right; font-size:0.9rem;}
footer .footer-right h2{ font-weight: normal; font-size: 1.1rem; line-height: 42px; margin-bottom: 15px;}
footer .footermo{ display:none;}


.HeaderM{ display: none;}
#mmenu {
display:none;
}

.fposi{ display: none;}


.about-box{ padding: 80px 0; margin-top: 120px;}
.about-title{ }
.about-title h2{font-family: myFirstFont1; font-size: 4rem; color: #111; line-height: 160px; text-transform: uppercase; }
.about-title em{ display: block; width: 120px; height: 1px; background: #111111;}


.about-box1{ padding:0 0 80px 0; }
.about-box1-left{ width: 30%; overflow: hidden;}
.about-box1-left img{ width: 100%; height: auto;  animation: zoomInOut 5s infinite alternate; /* 无限循环 */} 
.about-box1-leftmo{ display:none;}
.about-box1-leftmo1{ display:none;}

.about-box1-right{ width:70%; overflow: hidden; padding-left: 100px; padding-top: 50px;}
.about-box1-right h3{ color: #333; font-weight: normal; font-size: 1.2rem; line-height: 42px;}
.about-box1-right h2{ color: #333; font-weight: normal; font-family: myFirstFont; font-size: 1.4rem; line-height: 42px;}


.about-box1-right-list{ padding-top: 200px;}
.about-box1-right-list dl{ width: 32.3%; overflow: hidden; margin-left: 20px; text-align: center;}
.about-box1-right-list dt{ width: 100%; height: auto; overflow: hidden;}
.about-box1-right-list dt img{ width: 100%; height: auto; animation: zoomInOut 5s infinite alternate; /* 无限循环 */}
.about-box1-right-list dd{ width: 100%; height: 70px; line-height: 70px; font-size: 1.1rem;}


.about-box2{ padding: 100px 0; text-align: center;}
.about-box2 h2{ font-weight: normal; margin-bottom: 25px; font-size: 1.2rem;}
.about-box2 p{ font-size: 1.1rem; line-height: 28px; }


.about-title-box{ width: 100%; height: 100px; line-height: 100px; background: #e7e3dc; text-align: center; font-family: myFirstFont; font-size: 2.4rem; color: #111;  text-transform: uppercase; }

.about-honor-pic{ padding: 70px 0;}
.about-honor-pic li{ width: 23%; border:1px solid #111; padding: 20px; margin: 1%;}
.about-honor-pic li img{ width: 100%; height: auto;}
.about-honor-pic li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.about-honor-list{ padding-bottom: 70px;}
.about-honor-list table {
    border: 1px solid #111;
    border-left: 0px;
    border-top: 0px;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0; text-align: center;
}

.about-honor-list table td {
        border: 1px solid #111;
        border-right: 0px;
        border-bottom: 0px;
        padding: 10px;
    }
.about-honor-list table tr {
        background: #fff;
    }
    
    
.news-menu{ width: 100%; height: 90px; line-height: 90px; text-align: center; margin-top: 120px; border-bottom: 1px solid #EEEEEE;}   
.news-menu a{ display: inline-block; font-size: 1.1rem; padding:0 25px;}   
#lm_hover{ color: #575551; font-weight:bold;}
    
.news-warp{ width: 100%; height: auto; background: #f4f4f4; padding: 45px 0;}   
.news-list{}    
.news-list dl{ width: 23%; background: #FFFFFF; border-radius:8px; margin: 1%;}
.news-list dl dt{ width: 100%; height: auto; border-radius:8px 8px 0 0; overflow: hidden;}    
.news-list dl dt img{border-radius:8px 8px 0 0; width: 100%; height: auto;}
.news-list dl dt:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-list dl dd{ width: 100%; padding: 25px;}
.news-list dl dd a{ display: block; font-size: 1rem; line-height: 28px; height: 56px; overflow: hidden; color: #333333;}
.news-list dl dd a:hover{color: #575551;}
.news-list dl dd p{ color: #999; line-height: 28px; margin-top: 15px;}


.news-show{padding: 45px 0;}   
.news-show-left{ width: 67%;}
.news-show-left h1{ font-size: 1.4rem; font-weight: normal; color: #111111; line-height: 32px; margin-bottom: 10px;}
.news-show-left-admin{ width: 100%; height: auto; color: #999999; line-height: 26px;}
.news-show-left-info{ width: 100%; height: auto; line-height: 26px; padding: 45px 0;}
.news-show-left-info img{ width: 100%; height: auto;}
.news-show-left-info table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.news-show-left-info table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
.news-show-left-info table tr {
        background: #fff;
    }
.news-show-left-info video{width:80%; margin:0 auto;}
.news-show-left-info h2{ color:#454441; font-size:1.4rem; margin:10px 0;}
.news-show-left-info h3{ color:#454441; font-size:1.2rem;   margin:10px 0;}
.news-show-left-info a{ color:#454441; text-decoration:underline;}
.news-show-left-info ul{ padding-left:15px; list-style:disc !important;}
.news-show-left-info ul li{ list-style:disc !important;}

.pagIng{ margin-top:20px;}
.pagIng li{ width:100%; margin-bottom:8px; height:38px; line-height:38px; font-size:1rem; overflow:hidden;}
.pagIng li span{ display:inline-block; width:80px; height:38px; text-align:center;}
.pagIng li em{ display:inline-block; line-height:38px; width: calc(100% - 80px); padding:0 15px;}
.pagIng li:hover{ background:#efebe4}
.pagIng li:hover a{ color:#333;}

.news-show-right{ width: 27%; padding-top:115px;}
.news-show-right dl{ width: 100%; background: #FFFFFF; border-radius:8px;  margin-bottom: 20px;  border-bottom:1px solid #EEEEEE;}
.news-show-right dl dt{ width: 100%; height: auto; border-radius:8px 8px 0 0; overflow: hidden;}    
.news-show-right dl dt img{border-radius:8px 8px 0 0; width:100%; height:250px; object-fit: cover;}
.news-show-right dl dt:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-show-right dl dd{ width: 100%; padding: 25px 0;}
.news-show-right dl dd a{ display: block; font-size: 1rem; line-height: 28px; height: 56px; overflow: hidden; color: #333333;}
.news-show-right dl dd a:hover{color: #575551;}
.news-show-right dl dd p{ color: #999; line-height: 28px; margin-top: 15px;}


.contact-box{ margin: 45px auto;}
.contact-box dl{ width:48%; background:#fff; padding:30px; border-radius:10px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.contact-box dl dt{ padding-right:30px; width: calc(100% - 150px); }
.contact-box dl dt h2{ font-size:1.4rem; color:#333; line-height:32px; margin-bottom:15px;}
.contact-box dl dd{ width:150px; height:auto;}
.contact-box dl dd img{ width:100%; height:auto;}

.contact-box-left{ width: 30%; padding: 30px;}

.contact-box-right{ width: 70%; height: auto;}
.contact-box-right img{ width: 100%; height: auto;}



.job-warp{ padding: 45px 0;}
    
    .job-warp ul li{height: auto;width: 100%;border-bottom: 1px solid #e9ebed}
    .job-warp li .title{height: 52px; text-align: left; margin-top: 0; color: #666666; line-height: 52px;padding: 0 40px; box-sizing: border-box; color: #4b4b4b;background-color: #ffffff;cursor:pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp li.on .title{background-color:#4a4d55;color: #fff;}
    .job-warp li .title span{float: right;padding-right: 30px;background: url(../images/job-icon1.png) right center no-repeat;}
    .job-warp li.on .title span{background: url(../images/job-icon2.png) right center no-repeat}
    .job-warp li .warp{padding: 20px 40px;background-color: #fff;display: none; width: 100%; box-sizing: border-box; display:none;}
    .job-warp .warp .tbl{width:100%;margin-bottom: 25px;padding:10px 0 20px 0;border-bottom: 1px solid #4a4d55}
    .job-warp .warp .tbl p{width: 25%;float: left;font-size: 14px;color: #222;line-height: 26px;}
    .job-warp .warp .tbl p span{color: #565656;padding-left: 15px;}
    .job-warp .warp .cont h2{font-size: 1.3rem;color: #222;line-height: 30px;margin-bottom: 15px; text-align: left;}
    .job-warp .warp .cont .cent,.job-warp .warp .cont .cent p{font-size: 14px;line-height: 28px;color: #666}
    .job-warp .warp .btns{font-size:14px;line-height: 20px;color: #4a4d55;cursor: pointer;transition: all 0.5s;-webkit-transition: all 0.5s;}
    .job-warp .warp .btns:hover{color: #222;}

.f-cb{
    zoom: 1;
}
.f-cb:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}

.products-list{}
.products-list dl{ width: 23%; background: #FFFFFF; border-radius:8px; margin: 1%;}
.products-list dl dt{ width: 100%; height: auto; border-radius:8px 8px 0 0; overflow: hidden;}    
.products-list dl dt img{border-radius:8px 8px 0 0; width: 100%; height: auto;}
.products-list dl dt:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.products-list dl dd{ width: 100%; height: 52px; line-height: 52px; overflow: hidden; padding: 0 10px; text-align: center;}


.products-show{ position:relative;}
.products-show-right{ width:27%; padding-top:90px; position:relative;}
.products-show-right-info{ width:100%;  position:sticky; top:175px; right:0;}
.products-show-right-info h2{ font-weight:normal; font-size: 1.2rem; color: #111111; line-height: 32px; margin-bottom: 10px;}
.products-show-right-info p{ font-size:0.9rem; line-height:36px; height:36px; border-bottom:1px solid #ccc;}
.products-show-right-info li b{ display:block; width:35%; color:#333;}
.products-show-right-info li span{ display:block; width:65%;}


.products-show-right-prev{ position:absolute; bottom:30px; right:0; width:100%;background: #f4f4f4; z-index: 333;}
.products-show-right-prev p{ margin-bottom:5px;}
.products-show-right-prev a{ color:#111; line-height:32px;}
.products-show-right-prev a i{ margin-left:10px;}
.products-show-right-prev a:hover{ color:#ccc;}

.products-show-left{ width:67%;}
.products-show h1{ font-size: 1.4rem; font-weight: normal; color: #111111; line-height: 22px; padding:20px 0; margin-bottom: 10px; position:sticky; left:0; top:119px; background:#f4f4f4}
.products-show-info{ width: 100%; height: auto; line-height: 26px; padding: 25px 0;}
.products-show-info img{ width: 100%; height: auto; margin:0; display:block; margin-bottom:5px;}
.products-show-info table {
    border: 1px solid #eee;
    border-left: 0px;
    border-top: 0px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.products-show-info table td {
        border: 1px solid #eee;
        border-right: 0px;
        border-bottom: 0px;
        padding: 6px;
    }
.products-show-info table tr {
        background: #fff;
    }
.products-show-info video{width:80%; margin:0 auto;}
.products-show-info h2{ color:#454441; font-size:1.4rem; margin:10px 0;}
.products-show-info h3{ color:#454441; font-size:1.2rem;   margin:10px 0;}
.products-show-info a{ color:#454441; text-decoration:underline;}
.products-show-info ul{ padding-left:15px; list-style:disc !important;}
.products-show-info ul li{ list-style:disc !important;}

.mar120{ margin-top: 120px;}
.services-title{ padding: 45px 0; text-align: center;}
.services-title em{ display: block; font-family: myFirstFont1; font-size: 1.3rem; text-transform: uppercase; line-height: 36px;}
.services-title h2{ color: #111111; font-size: 2rem; line-height: 40px;}

.services-list{ margin-top:20px;}
.services-item{ width: 25%; height: auto; position: relative;}
.services-item img{ width: 100%; height: 100%;}
.services-item a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;  z-index: 333; text-align: center;}
.services-item a div{ width: 100%; height: auto;}
.services-item a em{ display: block; color: #999; line-height: 30px;}
.services-item a h3{ color: #FFFFFF; font-size: 1.6rem; line-height: 36px;}
.services-item a:hover{ background: #efebe4;}
.services-item a:hover h3{ color: #111111;}

.services-info{ margin-top:70px; text-align:center; border-top:1px solid #111; }
.services-info h2{ color:#111; font-size:1.6rem; font-weight:400; margin-bottom:15px; line-height:36px;}
.services-info li{ border-bottom:1px solid #111; padding:70px 0; }
.services-info li span{ padding:0 4px;}
.services-info li p{ line-height:32px;}

.services-rewbg{ padding-bottom:60px; background: #F5F5F5; margin-top:50px;}
.services-rewlist{}
.services-rewlist dl{ width: 32.3%; background: #FFFFFF; padding: 25px;}
.services-rewlist dl dt{ width: 100%; height: auto; overflow: hidden;}
.services-rewlist dl dt img{width: 100%; height: auto;}
.services-rewlist dl dd{ width: 100%; height: auto; overflow: hidden; padding-top: 25px; line-height: 28px;}



@media (max-width: 1440px) {

}


@media (max-width: 1200px) {


}

@media (max-width: 767px) {
.banner { height:420px;}
.banner img.pc{ display:none;}
.banner img.mo{ display:block;}
.auto1280{ width: 94%; height: auto; }
header{display: none;}
.HeaderM{ display: block ;  background: #FFFFFF; overflow: hidden; position: fixed; left: 0; top: 0; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; z-index: 9999; width: 100%; padding: 0 3%;}
.HeaderM .logo{ float: left; width: auto; height:50px; overflow: hidden; padding-top:10px;}
.HeaderM .logo a{ display: block; overflow: hidden;   width: auto; height:40px;}
.HeaderM .logo a img{width: auto; height:40px;}
.HeaderM .mlang{ float: right; margin-right: 30px;}
.HeaderM .mlang img{ padding-right: 10px;}
.HeaderM .phone-nav{ color:#111; font-size:1.6rem;}
.m-menu{float: right;width: 30px; height:60px; line-height:60px; }
.m-menu .icon{line-height: 1;font-size: 0;display: inline-block;vertical-align: middle;cursor: pointer;}
.m-menu .icon a{ display: block; width: 30px;}
.m-menu .icon>span{display: inline-block;width: 30px;height: 1px;background: #333;margin: 4px 0;display: inline-block;}
.client-2{ display: none;}
#mmenu {
	z-index:9999;   position:fixed; left:0; top:60px;  background:#fff; width:100%;  height: calc(100% - 60px);
}
#mmenu ul{ display:block;}
#mmenu ul li{ display:block; width:100%; height:62px; line-height:62px; border-bottom:1px solid #eee;}
#mmenu ul li a{ color:#111; display:block; padding:0 25px; }
#mmenu ul li a span{ padding-left:10px; font-size:0.9rem; color:#666;}


.banner .banner-infotxt h2 {
  font-size: 1.1rem;
  line-height:28px;
}

.banner .banner-infotxt h3 {
  font-size: 1.4rem;
  line-height: 32px;

}

/* 缓慢左右大幅度移动 */
@keyframes float-slow {
  0%   { transform: scale(1.05) translateX(0); }
  50%  { transform: scale(1.05) translateX(10px); }
  100% { transform: scale(1.05) translateX(0); }
}

.home-about{ padding:30px 0;}
.home-about-title{ text-align:center;}
.home-about-title h2{font-size: 1.4rem; line-height: 60px; margin-bottom:25px;  }
.home-about-title h2 span{ font-size:1rem; transform: translateY(-6px);}
.home-about-title em{ margin:30px auto;}
.home-about-box{ margin-top: 15px;}
.home-about-box-left{ width: 90%; margin:0 auto; padding-right: 0; line-height: 28px; font-size: 1rem;}
.home-about-box-right{ width: 100%; overflow: hidden; margin-top: 50px;}


.home-advan{ padding: 30px 5%;  font-size: 1rem;  line-height: 24px;  }
.home-advan em{ display:block;}

.home-desi{  padding-top:30px;}
.home-desi-left{ width: 100%; }
.home-desi-right{ width:86%; padding:50px 0; margin:0 auto;  line-height: 28px; font-size: 1rem;}
.home-desi-right h2{ font-weight: normal; margin-bottom: 15px; font-size: 1rem;}


.home-desi-info{ padding: 50px 4%;  font-size: 1rem;  line-height: 24px; border-bottom: 1px solid #111111;border-top: 1px solid #111111;}


.home-scope{ padding:60px 0; width: 86%;}
.home-scope h2{font-size: 1.8rem; line-height: 32px;}
.home-scope h3{  font-size: 1.1rem; line-height: 32px; padding: 10px 0; }
.home-scope p{ font-size: 1rem; line-height:28px;}


.home-case-title{ line-height: 32px; padding: 10px 0; }
.home-case-title h2{ font-size: 1.1rem; }
.home-case-title h3{ font-size: 1rem;}



.home-case-list li{ width: 49%; margin-bottom:2%;}


.home-case-more{ padding: 30px 0; width: 86%; margin-bottom: 50px;}
.home-case-more p{ font-size: 1rem; line-height: 28px;}
.home-case-more a{  margin-top: 15px; font-size: 1rem; height: 42px; line-height: 42px;  padding: 0 40px;}

footer{ padding:35px 0; }
.footer-left{ display:none;}
.footer-menu{ display:none;}
.footer-right{ display:none; }
footer .footermo{ display:block; text-align:center; width:90%; margin:0 auto;}
footer .footermo p{ line-height:24px;} 
footer .footermo span{ margin-bottom:10px; display:block;}
footer .footermo a{ display:inline-block; width:30px; height:30px; margin:0 2px;}
footer .footermo a img{ display:inline-block; width:30px; height:30px;}


.fposi{ width:100%; height:70px; background:#484b53; position:fixed; left:0; bottom:0; display:block; z-index:999; }
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #EEEEEE;  box-sizing: border-box; }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}



.about-box{ padding:60px 0 30px 0; margin-top: 0;}
.about-box em{ margin:30px 0;}
.about-box1{ padding:0 0 50px 0; }
.about-box1-left{ width: 100%; text-align:center; padding:40px 0;}

.about-box1-left img{ width:80%;}

.about-box1-leftmo{ display:block; padding-bottom:25px;}
.about-box1-leftmo h3{ font-size: 1rem; line-height: 32px; display:block;     font-family: myFirstFont1;}
.about-box1-leftmo h2{ font-size: 1rem; line-height: 32px; display:block;     font-family: myFirstFont1;}

.about-box1-leftmo1{ display:block; padding-top:25px;}
.about-box1-leftmo1 h2{ font-size: 1rem; line-height: 20px; display:block;     font-family: myFirstFont1;}

.about-box1-right{ width:100%; padding-left: 0; padding-top: 20px;}
.about-box1-right h3{ font-size: 1rem; line-height: 32px; display:none;}
.about-box1-right h2{ font-size: 1.2rem; line-height: 32px; display:none;}


.about-box1-right-list{ padding-top: 20px; justify-content: space-between;}
.about-box1-right-list dl{ width: 49%; overflow: hidden; margin-left: 0; text-align: center;}
.about-box1-right-list dd{ width: 100%; height: 50px; line-height: 50px; font-size: 1rem;}

.about-box2{ padding: 50px 3%; text-align: left;}
.about-box2 h2{ margin-bottom: 15px; font-size: 1.1rem;}
.about-box2 p{ font-size: 1rem; line-height: 26px; }


.about-title-box{ height: 60px; line-height: 60px;  font-size: 1.4rem;  }

.about-honor-pic{ padding:30px 0; }
.about-honor-pic ul{justify-content:space-between;}
.about-honor-pic li{  padding: 10px;  width: 49%; margin:1% 0;}
.about-honor-list table{ font-size:0.8rem;}

.about-honor-list{ padding-bottom:30px;}

.news-menu{ width: 100%; height: 50px; line-height: 50px; margin-top: 60px;}   
.news-menu a{ font-size: 1rem; padding:0 10px;}   

    

.news-warp{ padding: 25px 0; margin-bottom: 70px;}     
.news-list dl{ width: 100%;  margin: 0; margin-bottom: 15px;}

.news-show{padding: 25px 0;  margin-bottom: 70px;}   
.news-show-left{ width: 100%;}
.news-show-left h1{ font-size: 1.2rem; }



.news-show-right{ display:none;}

.contact-box{ margin: 25px auto;}
.contact-box dl{ width:100%; background:#fff; padding:20px; margin-bottom:15px; border-radius:10px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.contact-box dl dt{ width:60%; margin-bottom:0; padding-right:15px; font-size:0.8rem;}
.contact-box dl dt h2{ font-size:1.1rem; color:#333; line-height:32px; margin-bottom:15px;}
.contact-box dl dd{ width:40%; height:auto;}
.contact-box dl dd img{ width:100%; height:auto;}


.contact-box-left{ width: 100%; padding: 20px;}

.contact-box-right{ width: 100%; height: auto;}


.job-warp{ padding: 25px 0; margin-bottom: 70px;}
.job-warp li .title{padding: 0 20px; }
   
   

.products-list dl{ width: 100%;  margin-bottom: 15px;}


.products-show h1{ font-size: 1.2rem;}



.mar120{ margin-top: 60px;}
.services-title{ padding: 25px 0; }
.services-title em{  font-size: 1.2rem;  line-height: 32px;}
.services-title h2{ font-size: 1.4rem; line-height: 32px;}


.services-item{ width: 49%; margin-bottom:2%; height: auto; position: relative;}
.services-item a em{ font-size:0.8rem;}
.services-item a h3{ font-size:1.1rem; line-height:22px;}

.services-rewbg{ padding-bottom:30px;margin-bottom: 70px;}
.services-rewlist dl{ width:100%; margin-bottom: 15px;}

.services-info{ padding-top:20px; max-width:94%;}
.services-info h2{ font-size:1.2rem; margin:20px 0 10px 0; line-height:32px;}
.services-info li{ padding:40px 0;}
.services-info li p{ font-size:0.8rem; line-height:26px;}
.services-info li em{ display:block;}
.services-info li span{ display:none;}

.products-show h1{ font-size:1.2rem; top:60px;}
.products-show-left{ width:100%;}
.products-show-right{ width:100%;}
.products-show-right{ padding-top:20px;}
.products-show-right-info{ top:inherit; position:inherit; right:inherit;}
.products-show-right-info h2{ font-size: 1.1rem;}
.products-show-right-info li{ font-size:0.9rem; line-height:36px; height:auto; border-bottom:1px solid #ccc;}
.products-show-right-info li b{ display:block; width:100%; color:#333;}
.products-show-right-info li span{ display:block; width:100%;}

.products-show-right-prev{ position:inherit; bottom:inherit; right:inherit; padding-top:50px;}


}