@charset "utf-8";
img {font-family: 'object-fit: cover';}
.conW {width:93%; }

/* 头部样式*/
.header{ background:rgba(0,0,0,.3); position: absolute; left:0; top:0;}
/*logo*/
.logo{}
.logo img {display: none;}
.logo .logowhite{ display: block;}
/*快捷按钮*/
.loginBtn span,.loginBtn a{ color: #22ac38; background: #fff;}
.loginBtn .searchbtn{ background:#fff url("/uiFramework/commonResource/zip/chinapaper/icon_search.png") no-repeat center center; background-size: 60% auto;}
.loginBtn .oa{ background:#fff url("/uiFramework/commonResource/zip/chinapaper/icon_oa.png") no-repeat center center; background-size: 60% auto;}
.navbtn em{ background:#22ac38;}
/*导航*/
.nav li:hover .onemenu{ color: #fff;}
.onemenu{color: #fff;}
.onemenu:after{border-top:1px solid #fff; background: #fff; }
.twomenu{background:rgba(0,0,0,.3);}
.twomenu a{color: #fff;}
/*banner区域*/
.bannerCon{ width: 100%; height: 100vh; overflow: hidden; position: relative;z-index: 1;}
.bannerCon .swiper-container{ height: 100vh;}
.bannerCon li{ width: 100%; height: 100%; overflow: hidden;}
.bannerCon li>img{ transform: scale(1.2); width: 100%; height: 100%; object-fit: cover; display: block;-o-transition: all 2s ease-out 0s; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s; max-width: unset;}
.bannerCon li.swiper-slide-active>img{transform: scale(1);}
.bannerCon li .video { width: 100%; height: 100%; }
.bannerCon li video{width: 100%; height: 100%; display:block; object-fit: cover;}
.bannerCon li span{ position: absolute; }
.bannerCon li span img{ width: 100%; display: block;}
    .bannerBtn{ position: absolute!important; bottom:0.575rem!important; left: 0!important;; text-align: center;z-index: 2;}
    .bannerBtn span{ display: inline-block; width: 0.1625rem!important; height: 0.1625rem!important; margin:0 0.0625rem!important; background: #fff!important; opacity: 1!important; border:1px solid #fff;}
    .bannerBtn span.on{ background: #00913a!important;}

.bannerCon .swiper-container .swiper-slide{position:relative;}
.bannerCon .swiper-container .swiper-slide .play{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;cursor:pointer;}
.bannerCon .swiper-container .swiper-slide video{object-fit:cover;mix-blend-mode: darken;}

/*内容区域*/
.title1{ padding:0.625rem 0; width: 100%;}
.title1 span,.title1 a{ display: inline-block; font-size: 0.325rem; font-family: "思源黑体","黑体"; line-height: 140%; color: #3e3a39;}
.title1 span em,.title1 a em{ font-style: normal; color: #c9caca; font-size:0.2375rem; font-weight:100; display: inline-block; margin-left: 0.1875rem; font-family: Arial;}
.title1 span em:before,.title1 a em:before{content: ""; display: inline-block;  background: #00913a; width: 0.0125rem; height:.2rem; margin-right: 0.18rem; }
/*企业介绍*/
.qyjsCon{ display: flex;flex-wrap: wrap;align-items: center; justify-content: space-between;}
.qyjsimg{ width: 34.5%;}
.qyjsimg img{ display: block; width: 100%;}
.jyjsR{ width: 62%;}
    .jyjsRC{position: relative; padding:0.125rem 0; text-align: justify;}
    .jyjsRC,.jyjsRC *{ font-size: 0.225rem; line-height: 0.475rem;}
    .jyjsRC:after,.jyjsRC:before{ content: ""; display: inline-block; width:0.8rem; height:0.5125rem; position: absolute;}
    .jyjsRC:before{ left:-0.625rem; top:0; background: url("/uiFramework/commonResource/zip/chinapaper/icon_yhl.png") no-repeat left top; background-size: 100% auto;}
    .jyjsRC:after{ right:0; bottom:0; background: url("/uiFramework/commonResource/zip/chinapaper/icon_yhr.png") no-repeat right bottom; background-size: 100% auto;}
    .jyjsRList{ margin-top:0.875rem;display: flex;flex-wrap: wrap; justify-content: space-between;}
    .jyjsRList li{float: left; font-size: 0; text-align: center;}
    .jyjsRList li p{ color: #00913a; font-size:0.45rem; line-height: 130%;}
    .jyjsRList li p em{ font-size:1.375rem; font-style: normal;font-family: "思源黑体","黑体"; font-weight: 100;color: #00913a;}
    .jyjsRList li span{ display: inline-block; font-size: 0.35rem; font-family: "思源黑体","黑体"; position: relative; line-height: 200%; padding:0 .05rem;}
    .jyjsRList li span:after{content: ""; display: inline-block; position: absolute; width: 100%; left:0; bottom:.13rem;z-index: -1; background: #cce9d8; height: 0.15rem; font-size:0;}

/*业务与产品*/
.cpyywBtn{ text-align:center;bottom:0!important;left: 0!important;width:100%; height:.6rem;}
.cpyywBtn span{ width:.2rem!important; height:.2rem!important; background:#fff!important; border:1px solid #00913a!important;opacity: 1!important;margin:.4rem 0.0625rem 0!important; }
.cpyywBtn span.on{ background:#00913a!important;}
.ywycpList{/*display: flex;flex-wrap: wrap; justify-content: space-between;*/}
.ywycpList li{ /*width: 19.66%;*/ background: #f5f6f6;border-radius:0.15rem;border-bottom:0.1rem solid #dadbdb;}
.ywycpList li a,.cpimg,.cpimg img,.cptitle{ display: block; width: 100%;}
    .cpimg,.cpimg img{ border-radius: 0.15rem 0.15rem 0 0;}
    .cpimg,.cptitle{ height:3.25rem; overflow: hidden;}
    .cpimg img { height: 100%; object-fit: cover; transition: all .5s ease-out 0s;}
    .cptitle{border-radius: 0 0 0.15rem 0.15rem; line-height:3.25rem; text-align: center; color: #231815; font-size:0.46rem; position: relative;z-index: 2;  padding:0; transition:line-height .5s ease-in;}
    .cptitle:after{content: ""; position: absolute; left:0; top:0; z-index:1; width: 100%; height: 100%; display: block; transition: all .5s ease-out 0s;}
    .cpmore{display: none; padding:0 0.225rem 0 0.4375rem; transition: all .5s ease-out 0s;background:#fff; line-height: .5rem; border-radius: 0.2rem; font-style: normal; color: #00913a; font-size: 0.225rem; overflow: hidden; float: left; white-space: nowrap;}
    .ywycpList1 .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg1.png") no-repeat center center; opacity: .1; background-size: 1.875rem auto;}
    .ywycpList2 .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg2.png") no-repeat center center; opacity: .1; background-size:1.925rem auto;}
    .ywycpList3 .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg3.png") no-repeat center center; opacity: .1; background-size:1.8rem auto;}
    .ywycpList4 .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg4.png") no-repeat center center; opacity: .1; background-size:2.175rem auto;}
    .ywycpList5 .cptitle:after{ background: url("/chinapaper/resource/cms/article/747759/751785/cpimgBg5.png") no-repeat center center; opacity: .1; background-size:2.175rem auto;}
.ywycpList li:hover{ background: #00913a;border-bottom:none; margin-bottom:.1rem; }
.ywycpList li:hover .cpimg img{ transform: scale(1.1);}
.ywycpList li:hover .cptitle{ text-align: left; padding:0 0 0 0.625rem; line-height: 1.6875rem; color:#fff;}
.ywycpList li:hover .cpmore{ display: inline-block;}
.ywycpList li:hover .cpmore:after{ content: ""; display: inline-block; background: url("/uiFramework/commonResource/zip/chinapaper/iocn_more1.png") no-repeat; width: 0.325rem; height:0.0875rem; background-size: 100% auto; margin-left:0.4375rem;}
    .ywycpList1:hover .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg1H.png") no-repeat right bottom; opacity: .1; background-size: 1.875rem auto;}
    .ywycpList2:hover .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg2H.png") no-repeat right bottom; opacity: .1; background-size:1.925rem auto;}
    .ywycpList3:hover .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg3H.png") no-repeat right bottom; opacity: .1; background-size:1.8rem auto;}
    .ywycpList4:hover .cptitle:after{ background: url("/uiFramework/commonResource/zip/chinapaper/cpimgBg4H.png") no-repeat right bottom; opacity: .1; background-size:2.175rem auto;}
    .ywycpList5:hover .cptitle:after{ background: url("/chinapaper/resource/cms/article/747759/751785/cpimgBg5H.png") no-repeat right bottom; opacity: .1; background-size:2.175rem auto;}
/*企业宣传片*/
.videoC{ height: 7.5rem; overflow: hidden; position: relative;}
.videoCfix{ position: fixed;left: 0;top: 0; z-index:111; width:100%; height:100%; display:none; background:rgba(0,0,0,.8);}
.videoCfix i{position: absolute;right:.2rem; top:.2rem; color:#fff; display: block;z-index:111;font-style: normal;font-size: .4rem;cursor: pointer;}
.videoC video{width: 100%;height: 100%; display:block;}
.videoC span{ display: block; width:55%; height: 100%; background:#fff url("/uiFramework/commonResource/zip/chinapaper/spbg.jpg") no-repeat center center; background-size: auto 100%;z-index: 2; position: absolute;  top:0; left:22.5%; cursor: pointer;}
/*公司要闻*/
.gsywList{display: flex; justify-content: space-between;}
.gsywList li{ width: 32.22%; border-bottom:1px solid #e5e5e5; margin-bottom:.4rem;}
.gsywList li a,.gsywList li span,.newimg img,.gsywList li em{ display: block; width: 100%;}
.gsywList li a:after{ transition: all .5s ease-out 0s;content: ""; height: 1px; background: #00913a; display: block; width:0; overflow: hidden;}
.gsywList li:nth-child(4){ display: none;}
    .newimg{ height:4.5rem; overflow: hidden; position: relative;border-radius: 0 .8rem 0 0;}
    .newimg img { height: 100%; object-fit: cover; transition: all .5s ease-out 0s;border-radius: 0 .8rem 0 0;}
    .newimg:after{content: ""; display:none; width: 1.075rem; height: 1.025rem; background: url("/uiFramework/commonResource/zip/chinapaper/newsRbg.png") no-repeat; background-size: 100% auto; position: absolute;  z-index: 2; top: 0; right:0; }
    .newdate{ font-size: 0.225rem; color: #000;line-height: 200%; padding-top:0.25rem;}
    .newtitle{ font-size: 0.3375rem;/* color: #00913a; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ line-height:140%;}
    .newsum{ color: #666666; font-size: 0.275rem; line-height: 0.475rem; height:.95rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
    .newmore{color: #00913a; font-size:0.225rem; font-style: normal; line-height: 200%; padding:0.25rem 0 0.25rem;}
    .newmore:after{ content: ""; display: inline-block; background: url("/uiFramework/commonResource/zip/chinapaper/iocn_more1.png") no-repeat; width: 0.325rem; height: 0.0875rem; margin-left: 0.1875rem;}
.gsywList li:hover a:after{ width: 100%;}
.gsywList li:hover .newimg img{ transform: scale(1.1);}
.gsywList li:hover .newtitle{color: #00913a;}
/*企业站群*/
.qyzqList{display: flex; justify-content:center; padding-bottom: 0.875rem;}
.qyzqList li{ margin-top:.5rem; width:16.5%; padding:0.1875rem 0; border-left:1px solid #e7e8e8;}
.qyzqList li:nth-child(1){ border-left:none;}
.qyzqList li img{display: block; margin:0 auto; max-width:60%;}

@media screen and (max-width: 1200px){
    /*banner区域*/
    .bannerCon,.bannerCon .swiper-container{ height:60vh;}
}

@media screen and (max-width: 768px){
    /*头部*/
    .nav{ top:0;border-top: none; z-index: -1;}
    .nav ul{padding-top: 1.2rem;}
    .onemenu { color: #00913a;}
    .twomenu {background: none;}
    .twomenu a{color:#333;}
    .nav li:hover .onemenu{ color: #00913a;}
    /*banner区域*/
    .bannerCon,.bannerCon .swiper-container{ height:40vh;}
    /*企业介绍*/
    .qyjsCon {align-items: flex-start;}
    .jyjsRList{ width: 160%;margin-left: -60%;}
    .jyjsRList li p{ font-size: .35rem;}
    .jyjsRList li p em {font-size:.8rem;}
    .jyjsRList li span{ font-size: .3rem;}
    /*业务与产品*/
    .ywycpList li{/* width: 49%; margin-bottom: .5rem;*/}
    .ywycpList li:hover{ margin-bottom:.6rem; }
    .cpimg{ height: 3.5rem;}
    .cptitle{ height: 3rem; line-height: 3rem; font-size: .35rem;}
    .ywycpList .cptitle::after {background-size: auto 2rem;}
    /*公司要闻*/
    .gsywList {flex-wrap: wrap;}
    .gsywList li{ width:49%;}
    .gsywList li:nth-child(4){ display: block;}
        .newimg{ height: 3rem;}
    /*企业宣传片*/
    .videoC{ height: 5rem;}
    .videoC span{ width:90%; left:5%;}
    /*企业网群*/
    .qyzqList{flex-wrap: wrap;}
    .qyzqList li{ width: 33%}
    .qyzqList li img{ max-width: 60%;}
    .qyzqList li:nth-child(4) {border-left: none;}
}


@media screen and (max-width: 500px){
    .title1 span, .title1 a{ font-size:.4rem;}
    .title1 span em, .title1 a em{ font-size: .275rem;}
    /*banner区域*/
    .bannerCon,.bannerCon .swiper-container{ height:35vh;}
    .bannerCon li>img{ transform: scale(1.1);}
    /*公司介绍*/
    .qyjsimg{ width: 0; overflow: hidden;}
    .jyjsR,.jyjsRList{ width: 100%;}
    .jyjsRList{ margin-left: 0;}
        .jyjsRC{ width: 90%; margin:0 auto;}
        .jyjsRC:after{ right:-0.625rem;}
    .jyjsRC, .jyjsRC *{ font-size: .3rem; line-height: 180%;}
    /*业务与产品*/
    .cptitle{font-size:.4rem;}
    /*公司要闻
    .gsywList li{ width:100%;}
    .newimg{ height: auto;}*/
}