@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-weight: normal;
}
*{margin: 0;padding: 0;}
li{ list-style:none;}
body,input,select,textarea,button{font-size: 14px; font-family:"HarmonyOS Sans", "微软雅黑";}
body{ background:#fff; color: #333; line-height: 180%; padding-top: 82px;}
div{margin: 0 auto;}
img{border: 0;vertical-align: middle;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration: none;color:#019877;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
:focus{outline: none;}
::-moz-focus-inner{ border: 0;}
input[type="button"], input[type="submit"], input[type="reset"] , input[type="disabled"]{-webkit-appearance: none;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important;}
.red{ color: #f00;}
.fl{float: left;}
.fr{float: right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tc{text-align:center;}
.w{ width:1200px;}
.none{ display:none;}
.ico{ display:inline-block; vertical-align:middle; background-size:100%;}
.ico-contact{ background-image:url(../images/ico-contact.png); width: 200px; height: 128px; position: fixed; right: 20px; bottom: 80px; display: none;}
.btn{ height:40px; line-height:40px; background:#ab8159; width:150px; display: inline-block; text-align:center; vertical-align:middle; border-radius:25px; color:#fff; font-size:15px;}
.btn:hover{ opacity:.9;}
.maodian{ display: block; padding-top:82px; margin-top:-82px;}
.transform-img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.solution-list li:hover .transform-img{-webkit-transform: scale(1.01); -moz-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); }

/*头部*/
.header-box{ position: fixed; left: 0; top: 0; z-index: 99999; width: 90%; padding: 0 5%; height:82px; display: flex; flex-direction: row; justify-content: center; border-bottom:1px solid #c4cac0; background: #fff;}
.header-box .logo{ padding-top:11px; width: 20%;}
.header-box .logo img{ width:151px; height: 61px; display:inline-block; vertical-align:middle;}
.slogan-words{ padding-top:20px; width: 18%; margin-left: 2%;}
.slogan-words a{ display: none;}
.search-box{ width: 100%; height: 36px; border: 3px solid #333; border-radius: 40px; position: relative; display: none;}
.search-box .keywords{ width: 100%; height: 100%; border: none; padding: 0 20px; background: none;}
.search-box .submit{ position: absolute; right: 8px; top: 4px; width:28px; height:29px;  background-color: #fff; background-image:url(../images/ico-search.png); border: none;}
/*菜单*/
.menu-box{ padding-top: 21px; width: 70%; font-size:18px;}
.menu-box li{ display: inline-block; width: 16.66%; float: left; text-align: center;}
.menu-box a{ color:#333; display: inline-block; font-weight:500; height: 40px; line-height: 40px;}
.menu-box li:hover a{ color:#019877;}
.menu-box li.active a{ color:#019877; font-weight: 600; font-size: 23px;}

/*底部*/
.footer-box{ background:#fff; padding:80px 10% 120px 10%; color:#333; display: flex; flex-direction: row; justify-content: center; border-top: 1px solid #c7c7c7;}
.footer-box a{ color:#333;}
.footer-box .help-links{ display: flex; flex-direction: row; justify-content: center; width:100%;}
.footer-box .help-links dl{ padding:0 0; width:25%;}
.footer-box .help-links dt{ font-size: 30px; padding-bottom: 70px; position: relative;}
.footer-box .help-links dt::after{ content: ""; width: 24px; height: 3px; display: block; position: absolute; left: 0; top: 50px; background: #333;}
.footer-box .help-links dd{ font-size: 20px; padding: 0 0 18px 0;}
.footer-box .help-links a:hover{ color: #009977;}
.footer-box .qrcode{ width: 180px; height: 180px;}
.footer-box .qrcode img{ width:100%;}
.copyright{ height: 40px; line-height: 40px; font-size:15px; color:#333; text-align: center; background: #f0f0f0;}
.copyright p a{ color:#333;}

/*轮换大图*/
#bannerSwiper{ width: 100%; height:100%; position:relative;}
#bannerSwiper a{ display:block; height:100%; width:100%; background-position:center center; background-repeat:no-repeat; background-size:100% 100% ;}
#bannerPagination{ bottom:80px;}
#bannerPagination .swiper-pagination-bullet{ background:#c4c4c4; width:30px; height:8px; margin:0 5px; border-radius:0; opacity:1;}
#bannerPagination .swiper-pagination-bullet-active{ background:#b91e00;}

.home-about{ height: 100%; background:url(../images/bg-about.jpg); background-position: left center; background-size: cover;}
.home-about .con{ color: #333; width: 510px; margin: 0 0 0 10%; height: 100%; display: flex; flex-direction: column; text-align: left; justify-content: center;}
.home-about .con h2{ font-size: 50px;}
.home-about .con p{ font-size: 20px; padding: 40px 0 80px 0; line-height: 180%;}
.home-about .links a{ display: inline-block; margin-bottom: 42px; width: 240px; height: 116px; line-height: 116px; text-align: center; background: rgba(0, 153, 119, .8); color: #fff; font-size: 30px;}
.home-about .links a:nth-child(even){ margin-left: 28px;}
.home-about .links a:hover{ color: #333; background-color: rgba(0, 153, 119, .5)}

.home-solution{ height: 100%; padding: 0 8%; background:#fff;  display: flex; flex-direction: column; justify-content: center;}
.home-solution h2{ font-size: 50px; text-align: center; padding-bottom: 80px;}
#swiper-move{ width: 100%;}
#movePagination{ display: none;}
.hall-item{ text-align:center; background:#efefef; position: relative;}
.hall-item::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  z-index: 999; background: rgba(23, 152, 121, .75);}
.hall-item .img{ height:100%; overflow:hidden;}
.hall-item .img img{ height:100%; width:100%;}
.hall-item .name{ height: 102px; line-height: 102px; color: #333; background: rgba(255, 255, 255, .5); font-size: 30px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1000;}
.hall-item:hover::after{ display: none;}

.home-product{ position: relative; height: 100%; background:url(../images/bg-product-v2.jpg); background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.home-product h2{ font-size: 50px; color: #333; margin: 0 10% 0 60%;  padding-bottom: 40px;}
.home-product .con{ color: #333; width: 510px; color: #333; font-size: 20px; line-height: 180%; margin: 0 10% 200px 60%;}
.home-product .cat{ width: 80%; padding: 0 10%; background: rgba(255, 255, 255, .7); position: absolute; left: 0; bottom: 0; height: 200px; display: flex; flex-direction: row; justify-content: center;}
.home-product .cat li{ width: 33.33%; text-align: center; border-left: 2px solid #6bc795;}
.home-product .cat li.p3{border-right: 2px solid #6bc795;}
.home-product .cat li a{ color: #009977; font-size: 30px;}
.home-product .cat li a .ico{ width: 63px; height: 63px; display: block; margin: 40px auto 30px auto}
.home-product .cat li.p1 a .ico{ background-image:url(../images/ico-p-1.png);}
.home-product .cat li:hover{ background: rgba(0, 153, 119, .8);}
.home-product .cat li:hover a{ color: #fff;}
.home-product .cat li.p1:hover a .ico{ background-image:url(../images/ico-p-1-hover.png);}
.home-product .cat li.p2:hover a .ico{ background-image:url(../images/ico-p-2-hover.png);}
.home-product .cat li.p3:hover a .ico{ background-image:url(../images/ico-p-3-hover.png);}
.home-product .cat li.p2 a .ico{ background-image:url(../images/ico-p-2.png);}
.home-product .cat li.p3 a .ico{ background-image:url(../images/ico-p-3.png);}

.home-honor{ height: 100%; background:url(../images/bg-honor.jpg); background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.home-honor h2{ font-size: 50px; color: #fff; margin: 0 0 0 10%;  padding-bottom: 80px; vertical-align: top;}
.home-honor .con{ color: #333; width: 510px; color: #fff; font-size: 20px; line-height: 180%; margin: 0 0 0 10%;}

.about-box{ height: 100%; margin-top: 82px; background:url(../images/about-banner.jpg); color: #333; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.about-box .about{ width: 65%;}
.about-box .about h2{ font-size: 50px; height: 100px;}
.about-box .about h2 img{ margin-top: -30px;}
.about-box .about .con{ font-size: 20px; padding-bottom: 40px;}
.about-box .about .con p{ padding-bottom: 30px; line-height: 160%;}
.about-box .data{ width: 100%; display: flex; flex-direction: row; justify-content: center;}
.about-box .data li{ width: 25%; font-size: 30px; padding: 18px 0 18px 50px; border-right: 1px solid #fff; font-weight: 300;}
.about-box .data li:last-child{ border: none;}
.about-box .data li:first-child{ padding-left: 0;}
.about-box .data li b{ font-size: 50px; color: #009977; font-weight: 600;}
.about-box .data li .name{ font-size: 30px; padding-top: 15px; font-weight: 500;}

.history-box{ height: 100%; margin-top: 82px; background:url(../images/bg-history.jpg); color: #fff; background-position: center center; background-size: cover;}
.history-box .img{ text-align: center;}
.history-box img{ max-width: 100%;}

.RD-srength{ height: 100%; margin-top: 82px;} 
.RD-srength p{ font-size: 18px; text-align: center; margin-top: -50px;}
.RD-srength .tab{ width: 100%; background: rgba(255, 255, 255, .7); position: absolute; left: 0; bottom: 0; height: 150px;line-height: 150px; display: flex; flex-direction: row; justify-content: center;}
.RD-srength .tab li{ width: 25%; text-align: center; height: 150px; line-height: 150px; font-weight: 600; border-left: 2px solid #fff;  color: #333; font-size: 30px; cursor: pointer;}
.RD-srength .tab li.active, .RD-srength .tab li:hover{ background: #009977; color: #fff;}
.RD-srength .tab-con{ height:100%;}
.RD-srength .item{ background-position: center bottom; background-repeat: no-repeat; height:100%;}
.RD-srength .item:nth-child(1){ background-image:url(../images/srength1.jpg);}
.RD-srength .item:nth-child(2){ background-image:url(../images/srength2.jpg);}
.RD-srength .item:nth-child(3){ background-image:url(../images/srength3.jpg);}
.RD-srength .item:nth-child(4){ background-image:url(../images/srength4.jpg);}
.history-box h2,.RD-srength h2{ text-align: center; font-size: 50px; text-align: center; color: #333; padding: 130px 0 80px 0;}

.honor-box{ height: 100%; margin-top: 82px; background:url(../images/about-honor.jpg); color: #fff; background-position: center center; background-size: cover; position: relative;}
.honor-box .data{ position: absolute; left: 100px; bottom: 50px; color: #333; font-size: 15px;}
.honor-box .data ul{ float: left; margin-right: 50px;}
.honor-box h2{ position: absolute; top: 130px; left: 0; width: 100%; text-align: center; font-size: 50px; text-align: center; color: #333;}

.solution-list li{ display: flex; flex-direction: row; align-items: center; justify-content: center; background: #f6f6f6; overflow: hidden;}
.solution-list li .img{ width: 50%;}
.solution-list li .img img{ width: 100%; height: 100%;}
.solution-list li .info{ width: 50%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.solution-list li .info dl{ padding-left: 18%; width: 60%;}
.solution-list li .info dt{ padding-bottom: 30px;}
.solution-list li .info dt h2{ font-size: 50px;}
.solution-list li .info dt p{ font-size: 22px; padding: 25px 0 5px 0; font-weight: 600;}
.solution-list li .info dd{ font-size: 27px; line-height: 160%;}
.solution-list li .info .bar{ width: 21px; height: 334px; background-image:url(../images/s1bar.jpg);}
.solution-list li.s-even .info dl{ padding-right: 18%; width: 60%; padding-left: 0; text-align: right;}
.solution-list li.s2 .info .bar{ background-image:url(../images/s2bar.jpg);}
.solution-list li.s3 .info .bar{ background-image:url(../images/s3bar.jpg);}
.solution-list li.s4 .info .bar{ background-image:url(../images/s4bar.jpg);}
.solution-list li.s5 .info .bar{ background-image:url(../images/s5bar.jpg);}

.banner{ height: 299px; padding: 0 0 0 16%; color: #fff; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.banner h2{ padding-left: 0; font-size: 50px;}
.bar-color{ padding:0 10%; width: 80%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.bar-color .colorbar{ background-image:url(../images/colorbar.jpg); width: 4%; height: 334px; display: block; background-position: left center; background-repeat: no-repeat; background-size: auto 100%;}

.banner-contact{ background:url(../images/banner-contact.jpg);}
.banner-join{ background:url(../images/banner-join.jpg);}
.company-list{ background:url(../images/contact-map.jpg); height: 562px;}
.company-list dl{ width: 44%; padding: 0 0 0 4%; font-size: 20px;}
.company-list dt{ font-size: 30px; padding-bottom: 40px; font-weight: 600;}
.job-list{ background:#f4f4f4; min-height: 564px;}
.job-list .job{ width: 92%; padding: 0 0 0 6%; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}
.job-list .job-item{ width: 17%; margin: 15px 1.5% 15px 1.5%; background: #fff; padding: 30px; border-radius: 10px; font-size: 20px;}
.job-list .job-item p{ padding: 0 0 25px 0;}
.job-list .job-item a{ display: block; background: #009977; border-radius: 10px; color: #fff; text-align: center; padding: 8px 0;}

.job-detail{ background:#f4f4f4;}
.job-detail .colorbar{ background-size: auto 100%; width: 21px; padding: 0;}
.job-detail .con{ width: 92%; padding: 100px 0 100px 6%;}
.job-detail .con h2{ font-size: 35px; padding-bottom: 50px;}
.job-detail .con dl{ padding-bottom: 40px;}
.job-detail .con dt{ font-size: 25px; font-weight: 600; padding-bottom: 15px;}
.job-detail .con dd{ line-height: 1.8;}

.banner-support{ background:url(../images/banner-support.jpg);}
.banner-faq{ background:url(../images/banner-faq.jpg);}
.banner-feedback{ background:url(../images/banner-feedback.jpg);}
.support-list{ background:url(../images/contact-map.jpg); height: 562px;}
.support-list dl{ width: 44%; padding: 0 0 0 4%; font-size: 20px;}
.support-list dt h2{ font-size: 30px; line-height: 180%;}
.support-list dl.contactinfo{ text-align: center; font-size: 20px; line-height: 180%;}
.support-list dl.contactinfo dt{ text-align: center;}
.support-list dl.contactinfo dt .ico-tel{ width: 66px; height: 60px; background-image:url(../images/ico-tel.png);}
.support-list dl.contactinfo .phone{ font-size: 58px; color: #009977; font-weight: 600; padding: 30px 0;}
.support-list a{ display: inline-block; width: 156px; background: #009977; border-radius: 10px; color: #fff; text-align: center; padding: 8px 0;}

.faq{ background: #f4f4f4; height: 562px;}
.faq-item{ padding-left: 4%; width: 72%; padding-right: 20%;}
.faq-item h2{ font-size: 30px; line-height: 180%;}
.faq-item p{ font-size: 18px; padding: 40px 0 0 0; line-height: 150%;}

.feedback{ background: #f4f4f4; height: 562px;}
.feedback-desc{ font-weight: 600; font-size: 30px; line-height: 180%; width: 44%; padding: 0 0 0 4%;}
.feedback-form{ font-size: 20px; line-height: 180%; width: 44%; padding: 0 0 0 4%;}
.feedback-form li{ padding-bottom: 25px; width: 46%; padding: 0 2% 20px 2%; float: left;}
.feedback-form li label{ display: block;}
.feedback-form li .txt{ border: 1px solid #d2d2d2; border-radius: 10px; padding: 10px 0; width: 100%; font-size: 20px; color: #333; text-indent: 20px;}
.feedback-form li.last{ float: none; width: 100%; padding-bottom: 0;}
.feedback-form li textarea.txt{ width: 96%; height: 100px;}
.feedback-form .submit{ background:#009977; display:block; font-size: 16px; cursor: pointer; border: none; width:150px; text-align: center; padding: 10px 0; color: #fff; margin:5px 0 0 0 ; border-radius: 10px; resize: none;}

.pbanner{ height: 299px; color: #fff; background-position: center center; background-size: cover; display: flex; flex-direction: column; justify-content: center; text-align: center;}
.pbanner h2{ font-size: 50px; padding-bottom: 40px;}
.pbanner p{ font-size: 18px;}
.p1-banner{ background-image:url(../images/p1-banner.jpg);}
.p2-banner{ background-image:url(../images/p2-banner.jpg);}
.pw{ width: 72%;}
.p1-box .con{ padding: 150px 0 90px 0; display: flex; flex-direction: row;}
.p1-box .con .desc{ width: 45%; font-size: 18px; line-height: 160%;}
.p1-box .con .desc p{ padding-bottom: 25px;}
.p1-box .con .img{ width: 55%; padding-left: 5%; text-align: right;}
.p1-box .con .img img{ display: inline-block; max-width: 100%; margin: 0 0 0 35px;}
.p1-box .list{ display: flex; flex-direction: row; justify-content: center; text-align: center; border-right: 1px solid #009977; margin-bottom: 125px;}
.p1-box .list li{ width: 25%; padding: 12px 0; border-left: 1px solid #009977; color: #009977; font-size:18px; font-weight: 600; flex-direction: column; justify-content: center; text-align: center;}
.p1-box .list li .ico{ width: 71px; height: 71px; margin-bottom: 15px;}
.p1-box .list li:nth-child(1) .ico{ background-image:url(../images/p1ico1.png);}
.p1-box .list li:nth-child(2) .ico{ background-image:url(../images/p1ico2.png);}
.p1-box .list li:nth-child(3) .ico{ background-image:url(../images/p1ico3.png);}
.p1-box .list li:nth-child(4) .ico{ background-image:url(../images/p1ico4.png);}
.pdata{ width: 100%; border-collapse: collapse; margin-bottom: 150px;}
.pdata th,.pdata td{ border: 1px solid #fff; text-align: center; background: #f9f9f9;}
.pdata th{ background: #009977; color: #fff; height: 60px; line-height: 60px; font-size: 25px;}
.pdata tr:nth-child(even) td{ background: #efefef;}
.pdata td{ font-size: 20px; padding: 10px 0;}

.p2-box{ padding-bottom: 122px;}
.p2-box .con{height: 476px; display: flex; flex-direction: row;}
.p2-box .con .desc{ width: 58%; font-size: 18px; line-height: 160%; display: flex; flex-direction: column; justify-content: center;}
.p2-box .con .desc p{ padding-bottom: 25px;}
.p2-box .con .img{ width: 42%; text-align: right;}
.p2-box .con .img img{ display: inline-block; max-width: 100%; margin: 0 0 0 35px;}
.p2-box .list{ display: flex; flex-direction: row; justify-content: center; text-align: center; border-right: 1px solid #009977; margin-bottom: 125px;}
.p2-box .list li{ width: 25%; padding: 12px 0; border-left: 1px solid #009977; color: #009977; font-size:18px; font-weight: 600; flex-direction: column; justify-content: center; text-align: center;}
.p2-box .list li .ico{ width: 71px; height: 71px; margin-bottom: 15px;}
.p2-box .list li:nth-child(1) .ico{ background-image:url(../images/p2ico1.png);}
.p2-box .list li:nth-child(2) .ico{ background-image:url(../images/p2ico2.png);}
.p2-box .list li:nth-child(3) .ico{ background-image:url(../images/p2ico3.png);}
.p2-box .list li:nth-child(4) .ico{ background-image:url(../images/p2ico4.png);}
.p2-scene h2{ font-size: 30px; text-align: center; padding: 0 0 30px 0;}
.scene-list{ display: flex; flex-direction: row; justify-content: center;}
.scene-item{ width: 25%; height: 570px; overflow: hidden;}
.scene-item:nth-child(2) ul,.scene-item:nth-child(2) li{ height: 100%;}
.scene-item li{ position: relative;}
.scene-item dl{ position: absolute; z-index:10; left: 30px; top: 30px; font-size: 13px; color: #333;}
.scene-item li:hover dl{ position: absolute; z-index:10; left: 30px; top: 30px; font-size: 13px; color: #fff;}
.scene-item li img{ width: 100%; height: 100%;}
.scene-item dt{ font-size: 19px; padding-bottom: 20px;}
.scene-item li::after{ content: ""; position: absolute; top:0px; left: 0px; z-index: 2; overflow: hidden; display: block;width:100%;height:100%; background-color: rgba(225, 225, 225, .9);}
.scene-item li:hover::after{ content:"";  background-color: rgba(23, 152, 121, .75);transition: all 0.5s ease-in-out;}

@media screen and (max-width: 1500px){
    .footer-box{ padding:80px 10% 100px 10%;}
    .footer-box .help-links dt{ font-size: 25px; padding-bottom: 50px;}
    .footer-box .help-links dd{ font-size: 16px;}
    .footer-box .qrcode{ width: 180px; height: 180px;}
    .copyright{ height: 36px; line-height: 36px; font-size:14px;}

    .home-about .con h2{ padding-top: 25px; font-size: 40px;}
    .home-about .con p{ font-size: 18px;  padding: 25px 0 0 0;}
    .home-about .links a{ margin: 30px 0 0 0; width: 240px; height: 68px; line-height: 68px;}

    .home-solution h2{ padding-top: 40px; font-size: 40px; padding-bottom: 40px;}
    .hall-item{ margin-top: 20px;}
    .home-product h2{ padding-top: 40px; font-size: 40px;}
    .home-product .con{ font-size: 18px;}
    .home-product .cat{ height: 150px;}
    .home-product .cat li a .ico{ width: 50px; height: 50px; margin: 30px auto 20px auto}

    .home-honor h2{ padding-top: 40px; font-size: 40px;}
    .home-honor .con{ font-size: 18px;}

    .about-box .about{ width: 80%;}
    .about-box .about h2{ font-size: 40px; height: 60px;}
    .about-box .about h2 img{ height: 80%; width: auto; margin-top: 0;}
    .about-box .about .con{ font-size: 16px; padding-bottom: 20px;}
    .about-box .about .con p{ padding-bottom: 10px; line-height: 145%;}
    .about-box .data li{ font-size: 21px; padding: 12px 0 12px 25px;}
    .about-box .data li b{ font-size: 40px;}
    .about-box .data li .name{ font-size: 22px; padding-top: 8px;}

    .history-box h2,.RD-srength h2{ font-size: 40px; padding: 90px 0 50px 0;}
    .history-box img{ max-width: 80%;}

    .RD-srength{ height: 100%; margin-top: 82px;} 
    .RD-srength p{ font-size: 17px; margin-top: -20px;}
    .RD-srength .tab{ height: 100px;line-height: 100px;}
    .RD-srength .tab li{ height: 100px; line-height: 100px;  font-size: 25px;}
    .RD-srength .item{ background-position: center top;}

    .honor-box{ background-position: center bottom;}
    .honor-box .data{ font-size: 15px;}
    .honor-box h2{ top: 90px; font-size: 40px;}


    .solution-list li .info dt{ padding-bottom: 30px;}
    .solution-list li .info dt h2{ font-size: 40px;}
    .solution-list li .info dt p{ font-size: 18px; padding: 25px 0 5px 0; font-weight: 600;}
    .solution-list li .info dd{ font-size: 20px; }
    .solution-list li .info .bar{ width: 18px; height: 280px;}

    .banner{ height: 250px;}
    .banner h2{ font-size: 40px;}
    .bar-color .colorbar{ height: 300px;}

    .company-list{ height: 520px;}
    .company-list dl{ font-size: 18px;}
    .company-list dt{ font-size: 25px; padding-bottom: 35px;}
    .job-list{ height: 520px;}
    .job-list .job-item{ padding: 25px; font-size: 18px;}
    .job-list .job-item p{ padding: 0 0 20px 0;}

    .job-detail{ background:#f4f4f4;}
    .job-detail .colorbar{ background-size: auto 100%; width: 21px; padding: 0;}
    .job-detail .con{padding: 80px 0 80px 6%;}
    .job-detail .con h2{ font-size: 32px; padding: 30px 0 40px 0;}
    .job-detail .con dl{ padding-bottom: 35px;}
    .job-detail .con dt{ font-size: 23px;}

    .support-list{height: 520px;}
    .support-list dl.contactinfo .phone{ font-size: 45px; padding: 25px 0;}

    .faq{ height: 520px;}
    .faq-item h2{ font-size: 30px; line-height: 160%;}
    .faq-item p{ padding: 22px 0 0 0; font-size: 17px;}

    .feedback{ background: #f4f4f4; height: 520px;}
    .feedback-form{ font-size: 18px;}
    .feedback-form li{ padding-bottom: 18px;}
    .feedback-form li .txt{ padding: 6px 0; font-size: 18px;}
    .feedback-form li textarea.txt{ height: 60px;}

    .pbanner{ height: 250px;}
    .pbanner h2{ font-size: 40px; padding-bottom: 30px;}
    .pbanner p{ font-size: 18px;}
    .pw{ width: 80%;}
    .p1-box .con{ padding: 120px 0 70px 0;}
    .p1-box .con .desc{ width: 40%; font-size: 18px;;}
    .p1-box .con .img{ width: 60%; height: auto; padding-left: 0; text-align: right;}
    .p1-box .con .img img{ width: 240px; margin: 0 0 0 5px;}
    .p1-box .list{ margin-bottom: 120px;}
    .p1-box .list li{ font-size:17px; }
    .p1-box .list li .ico{ width: 66px; height: 66px; margin-bottom: 12px;}
    .pdata{ margin-bottom: 130px;}
    .pdata th{ height: 55px; line-height: 55px; font-size: 23px;}
    .pdata td{ font-size: 18px; padding: 8px 0;}

    .p2-box{ padding-bottom: 122px;}
    .p2-box .con{height: 476px;}
    .p2-box .con .desc{ width: 58%; font-size: 18px; line-height: 160%; display: flex; flex-direction: column; justify-content: center;}
    .p2-box .con .desc p{ padding-bottom: 25px;}
    .p2-box .con .img{ width: 42%;;}
    .p2-box .con .img img{  max-width: 100%; margin: 0 0 0 35px;}
    .p2-box .list{margin-bottom: 120px;}
    .p2-box .list li{  font-size:17px;}
    .p2-box .list li .ico{ width: 66px; height: 66px; margin-bottom: 12px;}
    .scene-item{height: 450px;}
}


@media screen and (max-width: 1024px){
	
    body{ padding: 0;}
    .header-box{ position: static; width: auto; z-index: 999999; padding: 0 12px 0 15px; height:60px;}
    .header-box .logo{ padding-top:10px; width: 50%;}
    .header-box .logo img{ width:auto; height: 40px;}
    .menu-box{ display: none;}
    .slogan-words{ text-align: center; width: 50%; padding: 10px 0 0 0;}
    .slogan-words a{ display: block;}
	.header-box .mmenu a
	{
        float: right;
		background: center center no-repeat;
        background-image: url(data:image/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTU5QkM0Nzk1NTM0MTFFRTlEOTJBMjVDNTI1NjdBNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTU5QkM0N0E1NTM0MTFFRTlEOTJBMjVDNTI1NjdBNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTlCQzQ3NzU1MzQxMUVFOUQ5MkEyNUM1MjU2N0E3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNTlCQzQ3ODU1MzQxMUVFOUQ5MkEyNUM1MjU2N0E3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmuLS6EAAABMSURBVHjaYvr//z8DrTETAx0AXSxhgTFcXFz+08KCPXv2MA6f4KJvnAAB42hwkRJc/2lkx2gSHk3Co0l4RMUJI6iiHw2uQWUJQIABADbuU/BHMf2AAAAAAElFTkSuQmCC);
        display: block;
		width: 40px;
		height: 40px;
	}

    /*底部*/
    .footer-box{ padding:40px 15px 30px 15px; display: block;}
    .footer-box .help-links{ display: block;}
    .footer-box .help-links dl{ width:100%; margin-bottom: 20px;}
    .footer-box .help-links dt{ font-size: 22px; font-weight: 600; padding-bottom: 20px;}
    .footer-box .help-links dt::after{ content: ""; width: 24px; height: 3px; display: block; position: absolute; left: 0; top: 35px; background: #333;}
    .footer-box .help-links dd{ font-size: 16px; padding: 0 0 6px 0;}
    .footer-box .help-links a:hover{ color: #009977;}
    .footer-box .qrcode{ margin: 0; width: 120px; height: 120px;}
    .footer-box .qrcode img{ width:100%;}
    .copyright{ height: 40px; line-height: 40px; font-size:12px;}

    /*轮换大图*/
    #bannerSwiper{ height:200px;}
    #bannerPagination{ bottom: 20px;}

    .home-about{ padding: 50px 15px 80px 15px;}
    .home-about .con{ width: auto; margin: 0;}
    .home-about .con h2{ font-size: 30px;}
    .home-about .con p{ font-size:16px; padding: 40px 0 0 0;}
    .home-about .links a{ margin: 30px 0 0 0; width: 150px; height: 60px; line-height: 60px; font-size: 20px;}
    .home-about .links a:nth-child(even){ margin-left: 20px;}

    .home-solution{ padding: 30px 15px 0 15px;}
    .home-solution h2{ font-size: 30px; padding-bottom: 40px;}
    #movePagination{ bottom:0; display: block;}
    #movePagination .swiper-pagination-bullet{ background:#fff; width:30px; height:8px; margin:0 5px; border-radius:0; opacity:1;}
    #movePagination .swiper-pagination-bullet-active{ background:#009977;}
    .hall-item .name{ height: 80px; line-height: 60px; font-size: 25px;}

    .home-product{ height: 500px;  padding: 0 15px 80px 15px;}
    .home-product h2{ font-size: 30px; margin: 0;  padding-bottom: 40px;}
    .home-product .con{ color: #333; width: 100%; font-size: 16x; margin: 0;}
    .home-product .cat{ width: 90%; padding: 0 5%; height: 80px;}
    .home-product .cat li{ border-left: 1px solid #6bc795;}
    .home-product .cat li.p3{border-right: 1px solid #6bc795;}
    .home-product .cat li a{ font-size: 16px;}
    .home-product .cat li a .ico{ width: 30px; height: 30px; margin: 10px auto 8px auto}

    .home-honor{ height: 500px; padding: 50px 15px 80px 15px;  background:url(../images/wap-bg-honor.jpg); align-items: inherit; background-position: center bottom; background-size: cover;}
    .home-honor h2{ font-size: 30px; margin: -400px 0 0 0; color: #fff; padding-bottom: 20px;}
    .home-honor .con{ width: 100%; color: #fff; font-size: 16px; line-height: 180%; margin: 0;}

    .about-box{ height: auto; margin-top: 0; padding: 30px 15px 60px 15px; display: block;}
    .about-box .about{ width: 100%;}
    .about-box .about h2{ font-size: 30px; height: 50px;}
    .about-box .about h2 img{ margin-top: 0; height: 30px; vertical-align: auto;}
    .about-box .about .con{ font-size: 16px; padding-bottom: 20px;}
    .about-box .about .con p{ padding-bottom: 15px;}
    .about-box .data{ width: 100%; flex-wrap: wrap;}
    .about-box .data li{ width: 50%; font-size: 16px; padding: 15px 0; border-right: none;}
    .about-box .data li:last-child{ border: none;}
    .about-box .data li:first-child{ padding-left: 0;}
    .about-box .data li b{ font-size: 35px; }
    .about-box .data li .name{ font-size: 18px; padding-top: 5px;}

    .history-box{ height:350px;  padding: 50px 15px 0 15px; margin-top: 0;}
    .history-box .img{ text-align: center; padding-top: 30px;}
    .history-box img{ max-width: 100%;}

    .RD-srength{ height:360px; margin-top: 0; padding: 30px 15px 0 15px;  position: relative;}
    .RD-srength p{ font-size: 16px; margin-top: -30px; line-height: 145%;}
    .RD-srength .tab{height: 80px;line-height: 80px;}
    .RD-srength .tab li{height: 80px; line-height: 80px; border-left: 1px solid #fff; font-size: 15px;}
    .RD-srength .item{ background-size: 160% auto; background-position: center bottom;}
    .history-box h2,.RD-srength h2{ font-size: 30px; padding: 0 0 50px 0;}

    .honor-box{ height: 690px; width: 100%; margin-top: 0; display: block; background-repeat: no-repeat; background-color: #d4d9dc; background-size: 100% auto; background-position: center top; background-image:url(../images/wap-about-honor.jpg);}
    .honor-box .data{left: 15px; bottom: 10px; font-size: 13px;}
    .honor-box .data ul{ margin-right: 15px;}
    .honor-box .data ul li{ margin-bottom: 0; padding-bottom: 2px; line-height: 160%;}
    .honor-box h2{ top: 30px; font-size: 30px;}

    .solution-list li{ display: block; border-bottom: 1px solid #009977;}
    .solution-list li .img{ width: 100%;}
    .solution-list li .img img{ width: 100%; height: 100%;}
    .solution-list li .info{ width: 100%; display: block;}
    .solution-list li .info dl{ padding: 15px 15px 15px 15px; width: 100%;}
    .solution-list li .info dt{ padding-bottom: 0;}
    .solution-list li .info dt h2{ font-size: 30px;}
    .solution-list li .info dt p{ font-size: 16px; padding: 10px 0 15px 0;}
    .solution-list li .info dd{ font-size: 18px;}
    .solution-list li .info .bar{ display: none;}
    .solution-list li.s-even .info dl{ padding-right: 15px; width: 100%; padding-left: 0;}
    .solution-list li.s2,.solution-list li.s4{ margin-bottom: 25px; padding-bottom: 25px;}
    .solution-list li.s5{ border: none;}

    .banner{ height: 120px; padding: 0 0 0 40px;}
    .banner h2{ padding-left: 0; font-size: 30px;}
    .bar-color{ display: block; width: auto; padding: 30px 15px 0 15px; }
    .bar-color .colorbar{ display: none;}

    .company-list{ height: auto;}
    .company-list dl{ width: 100%; padding: 10px 0 30px 0; font-size: 16px;}
    .company-list dt{ font-size: 22px; padding-bottom: 15px;}

    .job-list{ background:#f4f4f4; height: auto;}
    .job-list .job{ width:auto; padding: 0 0 30px 0; margin: 0 15px; display: block;}
    .job-list .job-item{ width: auto; margin: 0 auto 15px auto; background: #fff; padding: 15px 2.5%; border-radius: 10px; font-size: 16px;}
    .job-list .job-item p{ padding: 0 0 15px 0;}
    .job-list .job-item a{ display: block; background: #009977; border-radius: 10px; color: #fff; text-align: center; padding: 8px 0;}

    .job-detail{ background:#f4f4f4;}
    .job-detail .colorbar{ background-size: auto 100%; width: 21px; padding: 0;}
    .job-detail .con{ width: 92%; padding: 100px 0 100px 6%;}
    .job-detail .con h2{ font-size: 35px; padding-bottom: 50px;}
    .job-detail .con dl{ padding-bottom: 40px;}
    .job-detail .con dt{ font-size: 23px; font-weight: 600; padding-bottom: 15px;}
    .job-detail .con dd{ line-height: 1.8;}

    .support-list{ height: auto;}
    .support-list dl{ width: 100%; padding: 0 0 50px 0; font-size: 16px;}
    .support-list dt h2{ font-size: 25px;}
    .support-list dt h2 br{ display: none;}
    .support-list dl.contactinfo{ font-size: 16px;}
    .support-list dl.contactinfo dt .ico-tel{ width: 50px; height: 45px;}
    .support-list dl.contactinfo .phone{ font-size: 40px; padding: 25px 0;}
    .support-list a{ width: 150px;}

    .faq{ height: auto;}
    .faq-item{ padding:0 15px 50px 15px; width: auto;}
    .faq-item h2{ font-size: 25px; line-height: 180%;}
    .faq-item p{ font-size: 16px; padding: 20px 0 0 0;}

    .feedback{ padding:30px 15px 50px 15px; height: auto;}
    .feedback-desc{ font-size: 25px; width: auto; padding: 0 0 30px 0;}
    .feedback-form{ font-size: 16px; width: auto; padding: 0 0 50px 0;}
    .feedback-form li{ padding-bottom: 10px; width: 96%; padding: 0 2% 20px 2%; float: left;}
    .feedback-form li label{ display: block;}
    .feedback-form li .txt{ padding: 8px 0;font-size: 16px;}
    .feedback-form li textarea.txt{height: 80px;}

    .pbanner{ height: 150px; padding: 0 50px;}
    .pbanner h2{ font-size: 30px; padding: 10px 0 15px 0;}
    .pbanner p{ font-size: 16px;}
    .pw{ width: auto; padding: 0 15px;}
    .p1-box .con{ padding: 30px 0 50px 0; display: block;}
    .p1-box .con .desc{ width: 100%; font-size: 16px;}
    .p1-box .con .desc p{ padding-bottom: 15px;}
    .p1-box .con .img{ width: 100%; padding-left:0; text-align: center;}
    .p1-box .con .img img{ display: inline-block; max-width: 100%; width: 45%; margin: 20px 0 0 0;}
    .p1-box .list{ margin-bottom: 50px;}
    .p1-box .list li{ width: 25%; padding: 12px 0; font-size:16px;}
    .p1-box .list li .ico{ width: 50px; height: 50px; margin-bottom: 10px;}
    .pdata{ margin-bottom: 100px;}
    .pdata th{ height: 50px; line-height: 50px; font-size: 18px;}
    .pdata td{ font-size: 15px; padding: 10px 0;}

    .p2-box{ padding-bottom: 80px;}
    .p2-box .con{height: auto; padding: 30px 0 50px 0; display: block;}
    .p2-box .con .desc{ width: 100%; font-size: 16px; display: block;}
    .p2-box .con .desc p{ padding-bottom: 15px;}
    .p2-box .con .img{ width: 100%; text-align: center;}
    .p2-box .con .img img{ display: block; max-width: 100%; margin: 20px 0 0 0;}
    .p2-box .list{ margin-bottom: 50px;}
    .p2-box .list li{ width: 25%; padding: 12px 0; font-size:16px;}
    .p2-box .list li .ico{ width: 50px; height: 50px; margin-bottom: 10px;}

    .p2-scene h2{ font-size: 30px;padding: 30px 0 50px 0;}
    .scene-list{ display: block;}
    .scene-item{ width: 100%; height: 100%; overflow: hidden;}
    .scene-item dl{ position: absolute; z-index:10; left: 80px; top: 80px; font-size: 18px; color: #333;}
    .scene-item li:hover dl{ position: absolute; z-index:10; left: 30px; top: 30px; font-size: 18px; color: #fff;}
    .scene-item li img{ width: 100%; height: 100%;}
    .scene-item dt{ font-size: 25px; padding-bottom: 30px;}
    .scene-item dd{ line-height: 180%;}
}