@charset "utf-8";
:root {
    --body_color: #ffffff;
    --theme_color:#4c9492;
    --title_color: #585858;
    --text_color: #8d8d8d;
    --back_color: #000000;
    --sector_color: #faf7f0;
    --stripe_color: #a3a3a3;
    --inter_color: #f14e1b;
    --foot_color: #333333;
    --line_color: #ebebeb;
    --show_color: #f4f4f4;
    --h1_color: #222222;
}

*{padding:0px;margin:0px;}
*,*::before,*::after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{font-size:12px;font-family: '微软雅黑', Verdana,Arial,Tahoma;}
ul,li{list-style:none;}
a{text-decoration: none;}
a:hover{color: var(--theme_color);}
.pc{display: block;}
.wap{display: none;}

/* 公共css */
.contenter{width: 100%;max-width: 1400px;margin: 0 auto;}
.content-1500{width: 100%;max-width: 1500px;margin: 0 auto;}
.content-1400{width: 100%;max-width: 1400px;margin: 0 auto;}
.flexer{display: flex;}
.fw-w{flex-wrap: wrap;}
.ai-c{align-items: center;}
.jc-sb{justify-content: space-between;}
.mg20{margin: 0 20px;}
.pg50{padding: 50px 0;}


header{position: fixed;z-index: 99;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .2);transition: all .3s;}
header::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--back_color);filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index: -1;transition: all .3s; }
header.newcss::after,header:hover::after{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;transition: all .3s; }
.logo{flex: 1;}
nav{flex: 0 0 auto;}
nav>ul>li a{line-height: 100px;font-size: 18px;padding: 0 25px;color: var(--body_color);display: block;}
nav>ul>li ul.subnav{display: none;}
.lang,.lang a,.search i{color: var(--body_color);}
.lang{margin-left: 2vw;font-size: 14px;}
.lang a{padding: 5px;}
.search a{padding: 1vw;}
.search i{font-size: 20px;}
.contact p{font-size: 16px;color: var(--body_color);}
.contact i{font-size: 20px;}
.banner.swiper-container{width: 100%;height: 100%;}
.banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.banner .swiper-slide{text-align: center;font-size: 18px;background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
  }
.banner .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-button-next,.banner .swiper-button-prev{background-color: var(--back_color);}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{color: var(--body_color);font-size: 18px;}

.banner-box{position: absolute;text-align: left;width: 30%;color: var(--body_color);left: 20%;bottom: 20%;}
.banner-box h2{font-size: 36px;}
.banner-box p{border-top: 1px solid var(--body_color);padding-top: 20px;margin-top: 40px;}

.category-list .hd,.category-list .bd{width: 50%;padding: 0 60px;position: relative;z-index: 9;}
.category-list .hd{margin-top: -30px;margin-bottom: 30px;}
.category-list .hd>ul{display: flex;flex-wrap: wrap;padding: 58px 20px;position: relative;margin-left: 50px;}
.category-list .hd>ul::after{content: '';width: calc(100% + 50px);height: 100%;background-color: var(--back_color);position: absolute;top: 0;left: calc(0% - 50px);z-index: -1;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.category-list .hd>ul h2{width: 100%;margin-bottom: 60px;padding-bottom: 30px;color: var(--body_color);position: relative;text-transform: uppercase;font-weight: 300;}
.category-list .hd>ul h2::after,.category-list .hd>ul h2::before{content: '';width: 100%;height: 1px;background-color: var(--body_color);position: absolute;right: 0;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.category-list .hd>ul h2::after{bottom: 0;}
.category-list .hd>ul h2::before{bottom: 10px;}
.category-list .hd>ul>li{width: 50%;margin-bottom: 35px;position: relative;}
.category-list .hd>ul>li a{color: var(--body_color);font-size: 16px;line-height: 24px;font-weight: 300;padding: 10px 20px;display: block;}
.category-list .hd>ul>li.on a{background-color: var(--theme_color);padding: 10px 20px;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
.category-list .bd{margin-top: 120px;margin-bottom: -120px;}
.category-list .bd .bd-text{max-width: 480px;}
.category-list .bd .bd-text p{margin-left: 14%;font-size: 24px;line-height: 36px;font-family: 300;}
.category-list .bd img{max-width: 700px;max-height: 560px;width: 100%;height: 100%;}

.case{background-color: #f9f9f9;padding-top: 120px;overflow: hidden;position: relative;}
.case::before,.case::after{content: '';position: absolute;background-color: var(--theme_color);}
.case::before{width: 15px;height: 100%;left: 0;top: 120px;border-radius: 0 8px 0 0;-moz-border-radius:  0 8px 0 0;-webkit-border-radius:  0 8px 0 0;}
.case::after{height: 15px;width: 100%;left: 0;bottom: 0;}
.case .layer{width: 20px;height: 20px;background-color: var(--theme_color);position: absolute;left: 15px;bottom: 15px;z-index: 2;}
.case .layer::before{content: '';position: absolute;width: 20px;height: 20px;border-radius: 0 0 0 8px;-moz-border-radius: 0 0 0 8px;-webkit-border-radius: 0 0 0 8px;background-color: #f9f9f9;}
.case-title{padding-bottom: 30px;}
.case-item{width: 43%;margin-left: 7%;padding: 0 20px;display: flex;align-items: flex-end;}
.case-item h2{font-size: 24px;line-height: 36px;margin-bottom: 65px;}
.case-item p{text-transform: uppercase;color: var(--text_color);font-size: 14px;line-height: 30px;letter-spacing: 6px;background-color: #f9f9f9;}
.case-item .case-subtext{position: relative;z-index: 9;}
.case-item .case-subtext::before{content: '';position: absolute;top: 50%;left: 0;right: -999px;height: 1px;background-color: var(--stripe_color);z-index: -1;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.case-list>ul>li{width: 50%;padding: 0 60px;}
.case-list>ul>li .case-imgs{margin-left: -210px;height: 100%;}
.case-list>ul>li .case-imgs img{width: 740px;height: auto;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.case-list>ul>li h3{font-size: 18px;line-height: 28px;color: var(--title_color);padding-top: 22px;padding-left: 18px;font-weight: 400;margin-left: 20%;position: relative;z-index: 1;}
.case-list>ul>li h3::before{content: '';position: absolute;width: 1px;top: -70px;bottom: 4px;left: 0;/*background-color: var(--stripe_color);*/}
.case-list>ul>li:nth-child(2n) .case-boxs{max-width: 480px;margin: 128px auto 0;}
.case-list>ul>li:nth-child(2n) .case-imgs{margin-left: 0;}
.case-list>ul>li:nth-child(2n) .case-imgs img{width: 100%;}
.case-list>ul>li:nth-child(2n) h3{order: -1;padding-top: 0;padding-bottom: 22px;}
.case-list>ul>li:nth-child(2n) h3::before{top: 4px;bottom: -70px;}
.case-list>ul>li:nth-child(3n) .case-boxs{max-width: 740px;margin: 128px auto 0;}
.case-list>ul>li:nth-child(3n) .case-imgs{margin-left: 0px;height: 100%;}
.case-list>ul>li:nth-child(3n) .case-imgs img{width: 480px;height: auto;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.case-list>ul>li:nth-child(3n) h3{font-size: 18px;line-height: 28px;color: var(--title_color);padding-top: 22px;padding-left: 18px;font-weight: 400;margin-left: 20%;position: relative;z-index: 1;}
.case-list>ul>li:nth-child(3n) h3::before{content: '';position: absolute;width: 1px;top: -70px;bottom: 4px;left: 0;/*background-color: var(--stripe_color);*/}
.case-list>ul>li:nth-child(4n) .case-boxs{max-width: 740px;margin: 0px auto 0;}
.case-list>ul>li:nth-child(4n) .case-imgs{margin-left: 0;}
.case-list>ul>li:nth-child(4n) .case-imgs img{width: 740px;height: auto;}
.case-list>ul>li:nth-child(4n) h3{order: -1;padding-top: 0;padding-bottom: 22px;}
.case-list>ul>li:nth-child(4n) h3::before{top: 4px;bottom: -70px;}
.case-list>ul>li:last-child .case-imgs img{border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;}
.case-more{margin-left: 20%;height: 80px;width: 50%;}
.case-more a{font-size: 14px;text-transform: uppercase;line-height: 32px;letter-spacing: 2.3px;color: var(--text_color);position: relative;padding-bottom: 10px;}
.case-more a::before,.case-more a::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: var(--theme_color);}
.case-more a::after{bottom: -4px;}

.partner{background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative;min-height: 570px;}
.partner::before{content: '';position: absolute;width: 100%;height: 100%;background-color: var(--back_color);filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.partner-boxs{position: relative;z-index: 9;max-width: 500px;width: 100%;margin: 0 auto;font-size: 16px;text-align: center;}
.partner-boxs p{font-size: 24px;line-height: 36px;font-weight: 300;letter-spacing: .3px;color: var(--body_color);}
.partner-boxs a{color: var(--body_color);position: relative;padding: 15px 0;display: inline-block;letter-spacing: 2.3px;text-transform: uppercase;}
.partner-boxs a::before,.partner-boxs a::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: var(--theme_color);}
.partner-boxs a::after{bottom: -4px;}

.info{padding: 125px 0;}
.info-item{width: 50%;padding: 20px;}
.info-item h2{font-size: 24px;line-height: 32px;letter-spacing: .5px;padding-right: 60px;color: var(--theme_color);width: 30%;position: relative;}
.info-item h2::after{content: '>>';position: absolute;right: 0;top: 0;width: 48px;height: 48px;line-height: 48px;text-align: center;font-size: 13px;color: var(--theme_color);background-color: var(--sector_color);font-family: '宋体';border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.info-item p{flex: 1;font-size: 18px;line-height: 28px;color: var(--text_color);padding-top: 10px;padding-left: 30px;}

footer{background-color: var(--foot_color);padding: 40px 0;}
.foot-logo p{color: var(--body_color);margin-left: 15px;font-size: 13px;}
.foot-logo img{height: 25px;}
.foot-item{width: 50%;justify-content: flex-end;}
.foot-nav{margin-top: 20px;}
.foot-nav ul>li{margin-right: 15px;padding-right: 15px;position: relative;}
.foot-nav ul>li::before{content: '';position: absolute;width: 1px;height: 100%;background-color: var(--body_color);right: 0;top: 0;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.foot-nav ul>li:last-child{margin-right: 0;padding-right: 0;}
.foot-nav ul>li:last-child::before{display: none;}
.foot-nav a{color: var(--body_color);text-transform: uppercase;}
.foot-nav i{font-size: 20px;margin: 0 10px;}
@media only screen and (max-width: 1280px) {
  .logo{text-align: center;}
  .logo img{width: 80%;}
  nav > ul > li a{line-height: 80px;font-size: 16px;}
}
@media only screen and (max-width: 1024px) {
  html,body{font-size: .875rem;}
  .m-head{height: 4.125rem;width: 94%;margin: 0 auto;text-align: center;line-height: 4.125rem;color: var(--body_color);font-size: 1rem;position: relative;}
  .m-menu{position: absolute;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer;}
  .m-logo{height: 100%;padding: .2rem 0;}
  .m-menu i{color: var(--body_color);font-size: 20px;}
  #close{position: absolute;top: 0;left: calc(-20px + -1rem);background-color: #2F3C4F;padding: .5rem;cursor: pointer;}
  #close i{color: var(--body_color);font-size: 20px;}
  .case{padding-top: 4.245rem;}
  nav > ul > li a{padding: 0 10px;}

  .category-list .hd > ul > li a{font-size: 14px;}
}

@media only screen and (max-width: 640px) {

  .pc,.contenter{display: none;}
  .wap{display: block;}
  .category-list .hd{width: 100%;margin: 0;padding: 0 1.2em;}
  .category-list .hd>ul{margin: 0;}
  .category-list .bd{display: none;}

  .case-title{flex-wrap: wrap;}
  .case-item{width: 100%;}
  .case-item h2{font-size: 1.8em;}
  .case-list>ul>li{width: 100%;padding-left: calc(1.5em + 15px);padding-right: 1.5em;}
  .case-list>ul>li h3{margin-left: 0!important;width: 100%;text-align: center;padding: .5em 0 1.6em!important;order: 1!important;}
  .case-list>ul>li .case-imgs{margin-left: 0;}
  .case-list>ul>li .case-imgs img{width: 100%!important;}
  .case-list>ul>li .case-boxs{margin-top: 0!important;}
  .case-more{margin-left: 15px;width: 100%;text-align: center;}
  .partner{min-height: 30vh;}

  .bottomlist {width:100%!important;height:3.75rem!important;border-top:1px solid #e8e8e8;background:#FFFFFF;position:fixed;bottom:0;z-index:5000;}
  .bottomlist ul {width:100%!important;}
  .bottomlist ul li {width:25%!important;float:left;height:3.75rem;}
  .bottomlist ul li a {display:block!important;width:100%!important;height:100%!important;text-align:center;padding-top: .3em;}
  .bottomlist ul li img {margin-top:8px!important;max-width:1.6rem!important;}
  .bottomlist ul li span {color:#666666;font-size:1.1em;display:block;}
  .bottomlist ul li span.active {color:#017045;}
  .bottomlist ul li i{font-size: 2em;color: #151515;}
  footer{padding: 1.75rem 1rem 3.75rem;}
  .foot-nav{flex-wrap: wrap;}
  .foot-item{width: 100%;justify-content: flex-start;}
  .foot-item a{margin: .8em 0;}
  .foot-item>ul{flex-wrap: wrap;justify-content: space-between;}
  .foot-item>ul>li{margin: 0;padding: 0;width: 33.333%;text-align: center;}
  .foot-item>ul>li::before{display: none;}
  .foot-item>ul>li a{display: block;}

}