@charset "utf-8";
@import url("base.css");

  .kong{width:100%;height:4rem;}
  .flex{display:flex;display:-webkit-flex;}
/*手机导航*/
  .mobile-inner-header-icon{display: none}
  .mobile-inner-header-icon{color: #444444;height: 4rem;font-size:25px;text-align: center;float:right;width: 4rem;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;z-index: 99999999}
  .mobile-inner-header-icon:hover{cursor: pointer;}
  .mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px; background-color: rgba(68,68,68,1);}
  .mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
  .mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
  .mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}   
  .mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
  @keyframes clickfirst {0% {transform: translateY(4px) rotate(0deg);}100% {transform: translateY(0) rotate(45deg);}} 
  @keyframes clicksecond {0% {transform: translateY(-4px) rotate(0deg);}100% {transform: translateY(0) rotate(-45deg);}} 
  .mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}   
  .mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
  @keyframes outfirst {0% {transform: translateY(0) rotate(-45deg);}100% {transform: translateY(-4px) rotate(0deg);}} 
  @keyframes outsecond {0% {transform: translateY(0) rotate(45deg);}100% {transform: translateY(4px) rotate(0deg);}}
/*头部样式*/
  .top{height:4rem;line-height: 4rem;align-items:center;position:fixed;top:0;left:0;width:100%;background-color: #fff;z-index: 9999}
  .top>div{justify-content:space-between;font-size: 0.8rem}
  .log{display: flex;-webkit-display:flex;align-items:center}
  .log a{display: flex;-webkit-display:flex;align-items:center;height:100%;}
  .log img{vertical-align: bottom;width:16rem;}
  .nav_box>ul>li{position:relative;}
  .nav_box>ul>li>a{display:block;padding:0 1rem;color:#212121;box-sizing: border-box; font-size:15px;}
  .nav_box>ul>li:hover>a,.nav_box>ul>li.active>a{color:#e50012;}
  .nav-twe{max-height:0;overflow:hidden;position: absolute;top:4rem;left:0;z-index: 9999;background-color:#fff;-webkit-transition: all 0.4s;transition: all 0.4s }
  .nav_box>ul>li:hover .nav-twe{max-height:30rem;-webkit-transition: all 1s;transition: all 1s}
  .nav-twe>ul{padding:1rem;border-top:2px solid #e50012;flex:none;width: max-content;}
  .nav-twe>div{padding:1.5rem;flex:none;width:14rem;box-sizing: border-box;}
  .nav-twe>div a{display: block;overflow:hidden;-webkit-transition: all 0.8s;transition: all 0.8s }
  .nav-twe>div a img{vertical-align: bottom;width:100%;-webkit-transition: all 0.2s;transition: all 0.2s}
  .nav-twe>div a:hover img{transform: scale(1.1);-webkit-transition: all 0.5s;transition: all 0.5s} 
  .nav-twe>div p{line-height: 1rem;font-size:0.6rem;line-height: 1.25rem;color:#757575;}
  .nav-twe ul li{line-height:1.5rem;font-size: 0.7rem}
  .nav-twe ul li a:hover,  .nav-twe ul li.active a {color:#e50012;}
/*banner*/
  .sybanner{position: relative;}
  .sybanner .swiper-container{height:100%;height:24rem;}
  .sybanner .swiper-slide{height:100%;}
  .sybanner .swiper-container-horizontal>.swiper-pagination-bullets,.sybanner  .swiper-pagination-custom,.sybanner  .swiper-pagination-fraction{bottom:5.5rem;}
  .sybanner .swiper-pagination-bullet{background-color:#fff;opacity: 0.7}
  .sybanner .swiper-pagination-bullet-active{background-color:#e50012;}
  .sybanner .swiper-slide a{display: block;width:100%;height:100%;background-repeat: no-repeat;background-position: center;background-size:cover}
  .sybanner .banner-cp{position: absolute;left:0;bottom:0;width:100%;z-index: 4;}
  .banner-cp{height:5.25rem;background-color:rgba(0,0,0,0.7);}
  .banner-cp>div,.banner-cpxm{height:100%;}
  .banner-cp>div,.banner-cp>div>div{display:flex;-webkit-display:flex;}
  .banner-cpxm{flex:1;width:8.16665rem;overflow:hidden;position: relative;z-index: 5}
  .banner-cpxm>div:first-child{width:100%;flex:none;text-align: center;display: flex;-webkit-display:flex;justify-content: center;align-items: center;font-size: 0.7rem;}
  .banner-cpxm>div:first-child img{vertical-align: bottom;margin-bottom: 0.5rem;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
  .banner-cpxm>div:first-child a{color:#fff;}
  .banner-cpxm>div:last-child{width:50%;overflow: hidden;}
  .banner-cpxm>div:last-child img{height:100%;vertical-align:bottom;-webkit-transition: all 0.2s;transition: all 0.2s}
  .banner-cpxm.active{width:18.1665rem;flex:none;}
  .banner-cpxm.active>div:first-child{width:45%;background-color:#e50012;}
  .banner-cpxm.active>div:last-child{width:55%;display:block;-webkit-transition: all ease-out 0.2s;transition: all ease-out 0.2s}
  .banner-cpxm.active>div:first-child:hover img{transform:rotate(25deg);-ms-transform:rotate(25deg);-moz-transform:rotate(25deg);-webkit-transform:rotate(25deg);-o-transform:rotate(25deg);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out}
  .banner-cpxm.active>div:last-child:hover img{transform: scale(1.1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
/*楼层01*/
  .lc01-box>div{flex:1;}
  .lc01-left{background-color:#e50012;box-sizing: border-box;padding:0.75rem;position: relative;height:100%;}
  .lc01-left:after{content: "";display: block;position: absolute;width:50%;height:50%;left:-1px;top:-1px;background-color: #fff;}
  .lc01-left:before{content: "";display: block;position: absolute;width:50%;height:50%;right:-1px;bottom:-1px;background-color: #fff;}
  .lc01-left a{position:relative;top:0;left:0;width:100%;height:100%;z-index: 3;overflow: hidden;display: block}
  .lc01-left a img{vertical-align: bottom;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width:100%;}
  .lc01-left a:hover img{vertical-align: bottom;transform: scale(1.1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .lc01-right{padding-left: 3rem;box-sizing: border-box;} 
  .lc01-right ul li{position: relative;padding:0.66rem 2rem 0.75rem 0.75rem;box-sizing: border-box;}
  .lc01-right ul li h2{font-size: 1.3rem;color:#212121;margin-bottom: 0.25rem;font-weight: 500}
  .lc01-right ul li p{font-size: 0.7rem;color:#757575;}
  .lc01-right ul li .mask{position: absolute;top:0;left:0;height:100%;width:0;z-index: -1;opacity: 0;background-color:#fff;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;background-image: url("../images/jt.png");background-size:1.5rem 1rem;background-repeat: no-repeat;background-position:calc(100% - 0.5rem) center;}
  .lc01-right ul li:hover .mask{width:100%;opacity: 1;background-color:#e50012;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
  .lc01-right ul li:hover h2,  .lc01-right ul li:hover p{color:#fff;}
  .lc01>div>p{padding-top: 1rem;padding-bottom: 1rem;font-size:1.25rem;color:#212121;}
  .lc01>div>p img{float: left;margin:0.25rem 0.25rem 0 0 ;}
/*楼层02*/
  .lc02{background-color:#e50012;color:#fff;position: relative;}
  .lc02 a{color:#fff;}
  .lc02-title{margin-bottom: 2rem;font-size: 1.25rem}
  .lc02-title img{float: left;margin:0.25rem 0.25rem 0 0 ;}
  .syxw .xwxm{margin-left: 1rem;flex:1;height:20rem;}
  .syxw .xwxm:first-child{margin-left:0}
  .xwxm div{overflow:hidden;height:5.85rem;}
  .xwxm div img{vertical-align: bottom;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
  .xwxm div+p{font-size:0.7rem;height:0.7rem;line-height: 0.7rem;color:#fff;margin-top:1rem;}
  .xwxm div+p+h2{font-size: 2.5rem;line-height: 2.5rem;height:2.5rem;margin-top: 0.5rem;margin-bottom: 1.5rem}
  .xwxm span{display: block;width:0.5rem;height:0.5rem;border:1px solid #ccc;background-color: #fff;border-radius: 50%;margin-bottom: 2rem}
  .xwxm span+p{font-size: 0.7rem;line-height: 1.25rem;margin-bottom: 1.25rem}
  .xwxm span+p+a{overflow:hidden;display: block;width:4rem;height:0rem;line-height:0rem;text-align: center;background-color:#ff9600;border:1px solid #ff9600;font-size: 0.7rem;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}  
  .xian{position: absolute;top:18rem;left:0;width:100%;border-bottom: 1px solid #fff}
  .xwxm div:hover img{transform: scale(1.1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .lc02 .xwxm:hover a{color:#ff9600;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
  .lc02 .xwxm:hover>a{color:#fff;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
  .xwxm:hover span{border:1px solid #ff9600;}
  .xwxm:hover span+p{font-size: 0.7rem;line-height: 1.25rem;margin-bottom: 1.25rem;height: 2.2rem;overflow:hidden;}
  .xwxm:hover span+p+a{color:#fff;height:1.5rem;line-height:1.5rem;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}  
/*楼层03*/
  .lc03-box{position: relative;padding:0 4rem;box-sizing: border-box;}
  .lc03-box .swiper-container1{position:relative;width:100%;overflow: hidden;}
  .lc03-box .swiper-button-prev1,.lc03-box .swiper-button-next1{cursor: pointer;position: absolute;top:50%;right:0;margin-top:-1rem;width:2rem;height:2rem;background-repeat: no-repeat;background-position: center;background-size: 2rem;}
  .lc03-box .swiper-button-prev1{left:0;background-image: url("../images/left03.png");}
  .lc03-box .swiper-button-next1{right:0;background-image: url("../images/right03.png");}
  .lc03-box .swiper-button-prev1:hover{left:0;background-image: url("../images/left04.png");}
  .lc03-box .swiper-button-next1:hover{right:0;background-image: url("../images/right04.png");}
  .lc03-box .swiper-slide img{vertical-align: bottom}
  .lc03-box .swiper-slide{height:2.25rem;display:flex;-webkit-display:flex;justify-content: center;align-items: center}
  .lc03-title{margin-bottom: 2rem;font-size: 1.25rem}
  .lc03-title img{float: left;margin:0.25rem 0.25rem 0 0 ;}
/*尾部样式*/
  .footer{background-color:#d4d4d4;}
  .bjqc{background-color:#fff;}
  .footer>div{justify-content:space-between;}
  .footer-left p{font-size: 0.9rem;color:#212121;margin-bottom: 1rem}
  .footer-left div dl{margin-right: 2.25rem}
  .footer-left div dl dd{font-size: 0.6rem;margin-bottom: 0.5rem;line-height: 1rem}
  .footer-right p{font-size: 0.7rem;color:#212121;}
  .footer-right{flex:1;}
  .footer-right>div{float:right;text-align: center;padding:0.5rem;background-color: #fff; margin-right:10px;}
/*二级页面*/
  /*banner样式通用*/
    .sjbanner{position: relative;width:100%;height:20rem;}
    .sjbanner>div:first-child{position: absolute;left:0;right:0;width:100%;height:100%;z-index: 2;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .sjbanner-nr{position: absolute;left:0;right:0;width:100%;height:100%;z-index: 9;}
    .sjbanner-nr>div{flex-direction: column;justify-content: center;height: 100%}
    .sjbanner-nr>div h2{color:#d23024;font-size: 2.5rem;margin-bottom: 0.5rem}
    .sjbanner-nr>div p{color:#d23024;font-size: 1.25rem}
  /*面包屑*/
    .mbx{font-size: 0.6rem;color:#757575;height:3rem;line-height:3rem}  
    .mbx a{color:#757575;}
    .mbx img{margin-right: 0.5rem}     
/*二级页面左右结构*/
  .ejym{padding-bottom: 4rem}
  .ejym-left{width:17rem;box-sizing: border-box;padding-right: 3rem;display: flex;-webkit-display:flex;}
  .ejym-left-kg{display: none}
  .ejym-right{flex:1;}
  /*左面导航样式*/
  .ejym-left-top{width:100%;height:7.5rem;margin-bottom:1.25rem}
  .ejym-left-bottom{position: relative;}
  .ejym-left-xian{position: absolute;z-index:-1;height:calc(100% - 1rem);top:0.6rem;left:0.25rem;border-left: 1px solid #cccccc;}
  .ejym-left-title{font-size:1.25rem;line-height: 1.25rem;margin-bottom: 1.5rem}
  .ejym-left-title{color:#d23024;}
  .ejym-left-title span{display: block;height:0.5rem;width:0.5rem;margin-top: 0.4rem;background-color:#d23024;border-radius: 50%;float: left;margin-right: 1.5rem}
  .ejym-left-nav>li{margin-bottom: 1rem}
  .ejym-left-nav>li>a{display: block;font-size: 0.7rem;color:#212121;}
  .ejym-left-nav>li>a span{height:0.5rem;width:0.5rem;margin-top: 0.2rem;background-color:#cccccc;border-radius: 50%;float: left;margin-right: 1.5rem}
  .ejym-left-nav>li>a:hover span,.ejym-left-nav>li.active>a span{background-color:#d23024;}
  .ejym-left-nav>li>a:hover,.ejym-left-nav>li.active>a{color:#d23024;}
  .ejym-left-nav-box{padding-left: 2rem;padding-top: 0.5rem;display: none}
  .ejym-left-nav-box li{font-size:0.7rem;line-height: 1.25rem}
  .ejym-left-nav-box li a{color:#757575;}
  /*右面内容样式*/
  .ejym-right-title{padding-bottom:1rem}
  .ejym-right-title h2{font-size: 1rem;line-height: 1rem;font-weight: 500;padding-left: 0.75rem;border-left: 3px solid #d23024}
  .cpzs-right-nr ul{margin:-0.5rem;flex-wrap: wrap}
  .cpzs-right-nr ul li{flex: none;width:33.33%;box-sizing: border-box;padding:0.5rem;}
  .cp-lb>div{width:100%;height:13.25rem;border:1px solid #ccc;margin-bottom:0.75rem;overflow: hidden;}
  .cp-lb>div a{display:flex;-webkit-display:flex;justify-content: center;align-items:center;width:100%;height:100%;}
  .cp-lb>div img{vertical-align: bottom}
  .cp-lb>h2{font-size:0.8rem;color:#212121;font-weight: 500;line-height: 1rem;margin-bottom: 0.25rem}
  .cp-lb>p{font-size: 0.6rem;color:#757575;line-height: 1rem}
  .cp-lb:hover>div{border:1px solid #d23024;}
  .cp-lb:hover>div img{transform: scale(1.1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .cp-lb:hover>h2 a{color:#d23024;}
  /*企业文化*/
  .qywh-nr-top{margin-bottom:2rem}
  .qywh-nr-top img{width:100%;}
  .qywh-nr-bottom ul{flex-wrap:wrap;margin:-0.5rem;box-sizing: border-box}
  .qywh-nr-bottom ul li{flex:none;width:50%;box-sizing: border-box;padding:0.5rem;}
  .qywh-nr-bottom ul li div{background-color:#f4f4f4;height:120px;width: 100%;display: flex;-webkit-display:flex;justify-content: center;align-items: center}
  .qywh-nr-bottom ul li div:hover{background-color:#d23024;}
  .qywh-nr-bottom ul li div a{display: block;text-align: center;max-width: }
  .qywh-nr-bottom ul li div h2{color:#212121;font-size:1rem;margin-bottom: 0.5rem}
  .qywh-nr-bottom ul li div p{font-size: 0.7rem;color:#757575}
  .qywh-nr-bottom ul li div:hover{background-color:#d23024;}
  .qywh-nr-bottom ul li div:hover h2{color:#fff;}
  .qywh-nr-bottom ul li div:hover p{color:#fff;}
  /*关于我们*/
  .qywm-nr-top{margin-bottom:2rem}
  .qywm-nr-top img{width:100%;}
  .qywm-nr-bottom ul{flex-wrap:wrap;margin:-0.5rem;box-sizing: border-box}
  .qywm-nr-bottom ul li{flex:none;width:33.33%;box-sizing: border-box;padding:0.5rem;}
  .qywm-nr-bottom ul li .boxnr{background-color:#f4f4f4;width: 100%;display: flex;-webkit-display:flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
  .qywm-nr-bottom ul li .boxnr img{margin:0 auto;}
  .qywm-nr-bottom ul li .boxnr .mask{transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-moz-transform:scale(0);
-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;position: absolute;left: 0;top:0%;background-color:rgba(206,50,37,0.9);width:100%;height:100%;justify-content: center;align-items: center;display: flex;-webkit-display:flex;}
  .qywm-nr-bottom ul li .boxnr .mask img{width:30%;max-width: 1.8rem}
  .qywm-nr-bottom ul li:hover .boxnr .mask{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  .qywm-nr-bottom ul li .boxnr .xqtu{position: fixed;top:0;left:0;width:100%;height:100%;z-index: 9999;opacity: 0;transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);-moz-transform:scale(0);
-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;background-color: rgba(0,0,0,0.9);}
  .qywm-nr-bottom ul li .boxnr.active .xqtu{opacity: 1;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  .xqtu div{width:90%;height:90%;margin:5% auto;display: flex;-webkit-display:flex;}
  /*发展历程*/
  .fzlc-nr-top{height:1.5rem;}
  .fzlc-nr-top>div{flex:1;}
  .fzlc-nr-top-conter{flex:none;width:2rem;display: flex;-webkit-display:flex;justify-content:center;align-items: flex-start;background-image: url("../images/xian.png");background-repeat: no-repeat;background-position: center top}
  .fzlc-nr-top-conter span{display: block;width:0.25rem;height:0.25rem;border-radius: 50%;background-color:#d23024;}

  .fzlc-nr-conter>ul>li>div{flex:none;width:calc(50% - 1rem);padding:1rem 0;}
  .fzlc-nr-conter li div.licheng02{flex:none;width:2rem;display: flex;-webkit-display:flex;justify-content:center;align-items:center;background-image: url("../images/xian.png");background-repeat: no-repeat;background-position: center top}
  .fzlc-nr-conter li div.licheng02 div{flex:none;width:1rem;height:1rem;box-sizing: border-box;border-radius: 50%;border:1px solid #757575;display: flex;-webkit-display:flex;justify-content:center;align-items:center;background-color: #fff}
  .fzlc-nr-conter li div.licheng02 div span{width:0.5rem;height: 0.5rem;border-radius: 50%;background-color: #757575;}
  .fzlc-nr-conter li div.licheng01>div{cursor:pointer;box-sizing: border-box;padding:1.25rem;background-color:#fafafa}
  .fzlc-nr-conter li div.licheng01 h2{font-size: 1.5rem;color:#212121;margin-bottom: 0.5rem}
  .fzlc-nr-conter li div.licheng01 h2 span{font-size: 0.6rem}
  .fzlc-nr-conter li div.licheng01 p{font-size:0.6rem;color:#757575;line-height: 1rem}

  .fzlc-nr-conter li div.licheng01:hover>div{background-color:#d23024}
  .fzlc-nr-conter li div.licheng01:hover h2{color:#fff;}
  .fzlc-nr-conter li div.licheng01:hover h2 span{color:#fff;}
  .fzlc-nr-conter li div.licheng01:hover p{color:#fff;}


  .fzlc-nr-bottom{height:1.5rem;}
  .fzlc-nr-bottom>div{flex:1;}
  .fzlc-nr-bottom-conter{flex:none;width:2rem;display: flex;-webkit-display:flex;justify-content:center;align-items: flex-end;background-image: url("../images/xian.png");background-repeat: no-repeat;background-position: center top}
  .fzlc-nr-bottom-conter span{display: block;width:0.25rem;height:0.25rem;border-radius: 50%;background-color:#d23024;}
 
  .fzlc-nr-conter li.on div.licheng01{order:2;}
  .fzlc-nr-conter li.on div.licheng02{order:1;}
  .fzlc-nr-conter li.on div.licheng03{order:0;}
  /*新闻中心*/
  .news>h2{font-size: 1rem;line-height: 1rem;font-weight: 500;padding-left: 0.75rem;border-left: 3px solid #d23024;}
  .news>ul{border-top:1px solid #ccc;}
  .news>ul li{margin-top: 1rem}
  .news>ul li div:first-child{flex:none;width:270px;overflow: hidden;}
  .news>ul li div:first-child a{display: block}
  .news>ul li div:first-child img{vertical-align: bottom;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .news>ul li div:first-child:hover img{transform: scale(1.1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .news>ul li div:first-child+div{padding-left: 1rem;flex:1;}
  .news>ul li div:first-child+div h2{font-size: 0.9rem;color:#212121;margin-bottom: 0.5rem}
  .news>ul li div:first-child+div p{font-size: 0.7rem;color:#757575;line-height: 1rem}  
  .news>ul li div:first-child+div span{font-size: 0.6rem}
/*新闻中心-文章*/
  .news-xqy>h2{font-size: 1.25rem;color:#212121;text-align:center;}
  .news-xqy>p{font-size: 1rem;color:#757575;text-align:center;text-align: center; line-height:30px;}
  .news-xqy .mt4{line-height:35px;}
  .news-xqy>div{border-top:1px solid #ccc;font-size:15px; line-height:30px;}
  .news-xqy>div.flex{justify-content:space-between}
  .news-xqy>div.flex a{color:#212121;font-size:0.8rem;padding:1rem 0;margin-bottom:4rem}
  .news-xqy>div.flex a:hover{color:#e50012}

/*合作品牌*/
  .hzpp{width:100%;}
  .hzpp ul{flex-wrap: wrap}
  .hzpp li{flex:none;width:20%;box-sizing: border-box;padding:0.25rem;position:relative; }
  .hzpp li a{display:flex;-webkit-display:block;justify-content: center;align-items: center;background-color:#fff;height:4rem;width:100%;}
  .hzpp li a img{-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .hzpp li a:hover img{transform: scale(1.1);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}

  .hzpp li>div{position: absolute;width: 96%;max-height:0;z-index: 9999;opacity: 1;top: 95%;left: 6px;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;overflow: hidden;box-sizing: border-box;}
  .hzpp li>div>div{font-size: 0.7rem;box-sizing: border-box;padding: 0.5rem;box-sizing: border-box;background-color: #fafafa;border: 1px solid #eee;}
  .hzpp li:hover>div{top:calc(100% - 3px);opacity: 1;max-height:180px;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;visibility:visible;}
/*联系我们*/
  .lxwm{flex:none;width:100%;}
  .lxwm .ditu{width:100%;}
  .lxwm .ditu img{width:100%;vertical-align: bottom}
  .lxwm .dizhi{padding:1.5rem 0;border-bottom:1px solid #ccc;}
  .lxwm .dizhi h2{font-size: 1rem;color:#212121;margin-bottom: 0.5rem;font-weight: 500}
  .lxwm .dizhi p{font-size: 0.7rem;color:#757575;}

  .lxwm .xinxi{padding:2.5rem 0;}
  .lxwm .xinxi div:first-child{margin-right: 5rem}
  .lxwm .xinxi div h2{color:#212121;font-size:1rem;margin-bottom: 0.5rem;font-weight:500;}
  .lxwm .xinxi div ul li{font-size: 0.7rem;color:#757575;line-height: 1.25rem}

/******************************响应式**************************************/

@media screen and (max-width: 1180px) {
html,body{font-size: 18px}

/*头部样式*/

  .top{border-bottom: 1px solid #ccc;box-sizing: border-box;}
  .nav_box{display:none;position:fixed;left:0;top:4rem;height:calc(100% - 4rem); padding:2rem 0;background-color:rgba(0,0,0,0.9);width:100%;z-index: 999999;overflow-y: auto}
  .mobile-inner-header-icon{display: block}
  .nav_box>ul{width:760px;margin:0 auto;flex-direction: column}
  .nav_box>ul>li{background-color: #fff;margin-bottom: 0.5rem;line-height: 2.5rem;}
  .nav_box>ul>li.on a{width:60%;}
  .nav_box>ul>li.on{background-image: url("../images/jh.png");background-repeat: no-repeat;background-position: calc(100% - 1rem) 0.475rem;background-size:1.65rem;}
  .nav_box>ul>li.on:hover{background-image: url("../images/jh01.png");}
  .nav_box>ul>li:hover .nav-twe{width:100% !important;}
  .nav_box>ul>li .nav-twe{width:100% !important;position:relative;top:0;max-height: 0rem;background-color: #f1f1f1;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
  .nav-twe>ul{flex:1;border-top: 0;height:100%;box-sizing: border-box;padding-left:2rem;}
  .nav-twe>div{flex:1;height:100%;}
/*banner*/
  .sybanner .swiper-container-horizontal>.swiper-pagination-bullets,.sybanner  .swiper-pagination-custom,.sybanner  .swiper-pagination-fraction{bottom:1rem;}
  .sybanner .swiper-container{height:20rem;}
  .sybanner .banner-cp{position:inherit;}
  .banner-cpxm.active{width:33.33%;}
  .banner-cp{height:auto;background-color:rgba(0,0,0,0.9);}
  .banner-cp>div,.banner-cpxm{height:100%;}
  .banner-cp>div{display:flex;-webkit-display:flex;flex-wrap: wrap}
  .banner-cpxm{flex:none;width:33.33%;overflow:hidden;position: relative;z-index: 5}
  .banner-cpxm.active>div:first-child{width:100%;background-color:transparent;}
/*楼层01*/
  .lc01-right ul li {padding: 0.8rem 2rem 0.8rem 0.8rem;}
  .lc01-right ul li h2{margin-bottom: 0}
  .lc01-right {padding-left: 2rem;}
/*楼层02*/
  .xwxm span{display: none}
  .xian{display: none}
  .xwxm span+p+a {height: 1.5rem;line-height: 1.5rem;}
/*二级页面左右结构*/
  .ejym-left{width:100%;padding-right:0rem;position: fixed;top:4rem;left:calc(-100% + 4rem);height:calc(100% - 4rem);z-index: 999;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .ejym-left.active{left:0;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  .ejym-left-clnr{background-color:#fff;border-right: 1px solid #ccc;flex:1;}
  .ejym-left-kg{display: block;width:4rem;height:2rem;line-height:2rem;text-align: center;font-size: 0.8rem;color:#fff;background-color:#d23024;}
  .ejym-left-clnr{box-sizing: border-bottom;padding:1rem;overflow-y: auto}
  .ejym-left-top{margin-bottom: 2rem}
  .ejym-left-title span{display: none}
  .ejym-left-nav>li>a span{display: none}
  .ejym-left-nav>li>a{font-size: 0.9rem}
  .ejym-left-nav-box{display: block;margin-top:0.5rem;}
  .ejym-left-nav-box ul{display: flex;-webkit-display:flex;flex-wrap: wrap}
  .ejym-left-nav-box ul li{margin-right: 1rem;margin-bottom: 1rem}
  .ejym-left-nav-box ul li a{padding: 0.25rem 1rem;border:1px solid #ccc; }
}
@media screen and (max-width: 768px) { 
  html,body{font-size: 20px}
/*头部样式*/
  .nav_box>ul {width: 90%;}
  .log img {width: 13rem;}
/*banner样式*/
  .sybanner .swiper-container{height:16rem;}
  .sybanner .swiper-button-next,.sybanner .swiper-button-prev {width: 30px;height: 30px;margin-top: -10px;background-size: 30px 30px;}
/*一楼样式*/
  .lc01-right ul li p {font-size: 0.8rem;}
  .lc01-box{flex-wrap: wrap;flex-direction: column}
  .lc01-left{width:100%;flex:none;}
  .lc01-right{width:100%;flex:none;padding:0;margin-top:1rem}
/*二楼样式*/
  .syxw{flex-wrap: wrap;margin:-0.25rem;}
  .syxw .xwxm{flex:none;width:50%;margin:0;padding:0.25rem;box-sizing: border-box;}
  .xwxm div+p { margin-top: 0.5rem;}
  .xwxm div+p+h2 {font-size: 2rem;line-height: 2rem;height: 2rem;margin-top: 0.5rem;margin-bottom: 0.75rem;}
  .syxw .xwxm {height: 18rem;}
  .lc03-box {padding: 0 3rem;}
  .footer-left div dl {margin-right: 1rem;}
  .footer-left>div{flex-direction:column;}
  .lc03-box .swiper-slide img{width:80%}
/*尾部样式*/
  .footer-left p{font-size: 1rem;}
  .footer-left div dl dd{font-size: 0.8rem;}
/*二级页面banner*/
.sjbanner-nr>div h2{text-align: center;}
.sjbanner-nr>div p{text-align: center;}
/*二级页面产品列表*/
.cpzs-right-nr ul li {flex: none;width: 50%;}
.fzlc-nr-top{display: none}
.fzlc-nr-bottom{display: none}
.fzlc-nr-conter>ul>li>div{padding:0.5rem 0;}
.fzlc-nr-conter li div.licheng02{display: none}
.fzlc-nr-conter li div.licheng01{order:0;width:100%;}
.fzlc-nr-conter li div.licheng03{display: none}
.fzlc-nr-conter li div.licheng01 p{font-size: 0.8rem;line-height: 1.2rem}
.hzpp li{flex:none;width:33.33%;}

.news>ul{display: flex;-webkit-display:flex;flex-wrap: wrap;box-sizing: border-box;padding:0.25rem;}
.news>ul li{flex-direction:column;flex:none;width:50%;box-sizing: border-box;padding:0.25rem;}
.news>ul li div:first-child {flex: none;width: 100%;}
.news>ul li div:first-child  img{flex: none;width: 100%;}
.news>ul li div:first-child+div {padding-left: 0rem;}
.news>ul li div:first-child+div h2 {font-size: 0.8rem; color: #212121;margin-top:0.5rem;}
}
@media screen and (max-width: 568px) { 
  html,body{font-size: 18px}
.news>ul li{width:100%;}
}
@media screen and (max-width: 420px) { 
  html,body{font-size: 16px}

  }
@media screen and (max-width: 340px) { 
  html,body{font-size: 14px}

  }

#content {FONT-SIZE: 14px; MARGIN: 20px auto; WIDTH:100%; LINE-HEIGHT: 2; FONT-FAMILY: tahoma,微软雅黑; color:#666666;}
#content p {FONT-SIZE: 14px; LINE-HEIGHT: 2.8; FONT-FAMILY: 微软雅黑,宋体;text-indent:2em;color:#666666;}


/*public.css 3.2版*/
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* —————————————————————————————————————————————— */
/* CMS系统样式定义 */
/* —————————————————————————————————————————————— */

/*public.css 3.2版*/
.list_page{text-align:center;margin:30px 0px;display:block; font-size:14px;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}