@charset "utf-8";
/* CSS Document */

/*手机分辨率*/
@media screen and (max-width: 500px) {
.about-one{ padding-top:40px; height:1020px;}
.about-one__left-overlay .title h2 span{ font-size:38px; font-weight:bold;}
.about-one__left-overlay .title .about_cn{ font-size:28px;}
.about-one__left-overlay .title .about_mone{ text-align:center;}
.about_bot{ bottom:16px;}
.about_bottom .wow{ width:50%;}
.about_bottom .about_zj{ background-color: rgba(0,164,69,0.44);}
.about_bottom .about_zl{ background-color: rgba(0,164,69,0.91);}
.services-one{ padding-top:80px; padding-bottom:10px;}
.services-one .sec-title{ margin-bottom:66px;}
.sec-title__title{ font-size:38px; text-align:center;}
.sec-title__tagline{ display:block; font-size:28px; text-align:center;}
.services-one__single-content{ padding:0 15px 15px 15px;}
.services-one__single-content p{ width:100%; font-size:15px;}
.services-one__single-content h3{ font-size:30px;}
.production{ border-left:0;}
.testimonials-one{ padding-bottom:10px;}
.sec_title{ margin-top:40px;}
.testimonials-one__single-text{ font-size:26px;}
.sec_title__title{ width:100%; text-align:center; font-size:60px;}
.sec_title__tagline{ width:100%; text-align:center;}
.testimonials-one__single{ padding:15px;}
.text_right{ margin-top:40px;}
.providing-quality-one__logo{ display:block; left:-100px; margin-top:20px;}
.providing-quality-one__logo img{ width:110%;}
.providing-quality-one__content-box{ margin-top:10px; width:100%; height:576px; padding-left:0;}
.distribution_right_top{ padding-left:0; padding-top:128px;}
.distribution_right_top_li{ padding-left:32px;}
.distribution_right_bottom{ padding-left:15px; width:100%; padding-right:15px;}
.container_fullwidth{ height:663px;}
.social_title{ padding-top:80px;}
.social_bottom ul li{ width:49%;}
.video-one{ height:820px;}
.video-one__wrpper{ padding-top:40px;}
.social_bottom{ bottom:15px; padding-top:20px;}
.blog-one{ padding-top:80px; padding-bottom:60px;}
.news_center{ padding:15px;}
.news_img{ width:100%;}
.blog-one__single-img .date-box{ padding:0 15px; left:0; bottom:15px;}
.news_img1{ width:100%; margin-bottom:0;}
.news_img2{ width:100%;}
.news_img3{ width:100%;}
.footer-one__top{ padding-top:80px; padding-bottom:20px;}
.footer-widget__news{ margin-right:0; margin-top:20px;}
.footer-widget__title{ margin-top:20px;}
.footer-one__bottom{ height:auto; background:#29543a;}
.footer-one__bottom-text{ margin-top:20px;}
.footer-one__bottom-social-links ul{ padding-top:40px;}
.footer-one__bottom-social-links ul li{ float:left; width:50%; margin-left:0; padding:0 15px; padding-bottom:20px;}
.main-header--one__bottom .main-menu--1{ margin-top:16px;}
.mobile-nav__content{ background:#00a445;}
.mobile-nav__content .main-menu__list li a button{ background:#007330;}
.main-menu .mobile-nav__toggler{ color:#ccc;}
.mobile-nav__content .main-menu__list li a.expanded{ color:#fff; font-weight:bold;}
.mobile-nav__content .main-menu__list li a:hover{ color:#fff;}
.mobile-nav__content .main-menu__list li a button.expanded{ background:#007330;}
.nav_us{ width:100%; padding-left:0; margin-left:0; border-left:0;}
.features-two{ padding-top:80px; padding-bottom:80px;}
.introduction_container{ padding:0; padding-top:40px;}
.wb47{ width:100%; padding:0 15px;}
.features-two__call-box-inner .title h2{ padding:0 15px; padding-top:112px;}
.introduction_center{ padding:0 15px;}
.introduction_one{ background: url(../images/introduction_cbgwap.jpg) center bottom no-repeat #5d6263; padding-top:60px;}
.introduction_center_left{ width:100%; padding:0;}
.introduction_center .introduction_img1{ width:100%; padding:0;}
.introduction_center .introduction_img2{ width:100%; padding:0;}
.introduction_center_right{ width:100%; padding:0;}
.blog-one__single{ margin-bottom:15px;}
.blog-one .sec-title{ margin-bottom:40px; padding-top:0;}
.introduction_speech{ padding-top:30px; padding-bottom:0;}
.introd_title{ padding-bottom:40px; margin-bottom:10px;}
.speech_pc{ display:none;}
.speech_wap{ display:block;}
.speech_center .col-xl-5{ width:100%;}
.about-one__left-img-inner{border-bottom-left-radius:0px;}
.speech_center .col-xl-7{ width:100%;}
.services-one__single{ width:100%; padding:0 15px; padding-top:40px;}
.tab-menu li{ padding:5px 14px; font-size:18px; border-radius:10px; margin-bottom:28px;}
.honor_one{background:url(../images/introduction_zbgwap.jpg) top center no-repeat; padding-bottom:25px;}
.tab-content{ padding:40px 0; width:100%;}
.wb_15{ width:50%; margin:0px; padding:0 10px;}
.zs_e{ padding-top:0;}
.zs_e .wb_15{ width:50%;}
.main-slider__title{ font-size:38px;}
.title_der{ font-size:38px;}
.main-slider .container{ padding-top:430px;}
.swiper-containerr{ margin-top:40px;}
.swiper_title_c{ margin-top:40px;}
.swiper-containerr .swiper-button-prev{ left:15px;}
.swiper-containerr .swiper-button-next{ right:15px;}
.partners_two{ padding-top:80px;}
.partners_center ul li{ width:49%; padding:15px 15px;}
.partners_center ul li img{ width:100%;}
.service_header .page-header__inner{ top:41%;}
.page-header__inner .thm-breadcrumb li{ line-height:60px; font-size:38px;}
.page-header__inner h2{ font-size:38px;}
.service_paper{ display:none;}
.bamboo_speech{ padding-top:80px;}
.bamboo_paper_title h2{ padding-top:0; padding-bottom:10px; font-size:32px;}
.bamboo_paper_title p{ padding-top:20px;}
.bamboo_pulp_center{ padding:0 15px;}
.bamboo_center_right{ width:100%;}
.odm_speech{ padding-top:80px;}
.oem_center_center{ display:block; padding-top:70px;}
.oem_center_center_left{ width:100%; font-size:28px; padding:15px 0; height:127px;}
.oem_center_center_right{ padding:0 15px; padding-top:30px; flex-wrap: wrap; justify-content:space-between;}
.oem_center_center_right dl{ padding-top:20px; width:48%; display:inline;}
.oem_center_center_right dt{ width:100%; margin-bottom:20px; padding-bottom:12px;}
.oem_center_center_right dd{ background:url(../images/oem_icon_18.png) center center no-repeat; margin-bottom:0; display:none;}
.oem_center_center_right dd img{ display:none;}
.cem_center_bottom_title{ padding-top:50px;}
.cem_center_bottom_title h2{ margin-bottom:10px;}
.cem_center_bottom_title span{ padding-left:10px; padding-right:10px; font-size:24px;}
.cem_center_bottom_center{ padding-top:60px;}
.cem_center_bottom_center ul{ padding:0 15px; flex-wrap: wrap; align-items:center;}
.cem_center_bottom_center li{ width:50%; text-align:center; padding-bottom:20px;}
.cem_center_bottom_center li img{ width:80%;}
.cem_center_bottom_bottom{ padding:0 15px; padding-top:40px; padding-bottom:60px; line-height:30px;}
.oem_center_bottom{ padding:15px 0;}
.oem_center_bottom li span{ font-size:22px;}
.oem_center_bottom ul li{ width:50%; padding-bottom:10px; padding-top:10px;}
.brand_speech{ padding-top:104px;}
.brand_title{ padding-bottom:136px;}
.brand_center_content_left{ width:100%;}
.brand_center_content_left h2{ padding-bottom:90px;}
.brand_center{ padding-bottom:40px;}
.hillside_right{ padding:0 15px; padding-top:60px;}
.hillside_li{ width:100%; padding:18px; margin-bottom:30px;}
.brand_bottom{ padding:80px 0px; padding-top:0;}
.panda_speech{ padding-top:80px;}
.sec-title{ margin-bottom:0px;}
.panda_li img{ width:100%;}
.panda_center{ padding:0 10px; padding-top:40px;}
.panda_li_title{ margin-top:-170px; padding-bottom:60px;}
.control_center{ display:block;}
.control_center .introduction_img1{ width:100%; padding:0 15px;}
.control_center_left{ width:100%; padding:0 15px;}
.control_center .introduction_img2{ width:100%; padding:0 15px;}
.process_bottom ul{ flex-wrap: wrap; padding:0 15px; justify-content:flex-start;}
.process_bottom li{ width:31%; height:31vw; margin:10px 0; border:8px solid #009d47; margin:0 1.1%; margin-bottom:18px;}
.process_bottom li .ssd_i{ padding-top:20px; width:90px; font-size:34px;}
.process_bottom li p{ font-size:20px;}
.projects-one .auto-container{ padding-top:80px; background: url(../images/social_cbj1.png) center top no-repeat; padding-bottom:80px;}
.projects-one .sec-title{ font-size:109px; margin-bottom:100px;}
.social_tit{ margin-left:0; top:-50px;}
.owl-carousel.owl-dot-type1 .owl-dots .owl-dot{ margin:0 8px;}
.owl-carousel.owl-dot-type1 .owl-dots{ margin-top:26px!important;}
.social_title_c{ padding-right:15px; padding-left:15px; font-size:25px;}
.social_li_right{ height:auto; padding-bottom:30px;}
.social_li_right h2{ padding-top:50px; padding-right:20px;}
.social_li1 .social_li_right h2{ padding-left:20px;}
.social_li1 .social_title_c{ padding-left:15px;}
.social_li3 .social_li_right h2{ padding-left:15px;}
.social_li3 .social_title_c{ padding-left:15px;}
.social_li4 .social_title_c{ padding-left:15px;}
.social_icon{ width:100px;margin-left:16px;}
.social_li1 .social_icon{ margin-left:16px;}
.social_li2 .social_icon{ margin-left:16px; margin-top:40px;}
.social_li3 .social_icon{ margin-left:16px; margin-top:40px;}
.social_li4 .social_icon{ margin-left:16px; margin-top:40px;}
.social_li{ height:auto;}
.social_m{ margin-bottom:0px;}
.social_content{ padding-bottom:40px;}
.blog_one{ padding-top:80px; padding-bottom:20px;}
.wb39{ width:100%; padding-left:15px; padding-top:50px;}
.wb55{ width:100%; padding:10px;}
.stock_sigle_btn{ padding-top:40px; padding-bottom:50px;}
.stock_single_right_top_right{ width:100%; padding:30px 0 40px 0;}
.stock_single_right_li{ padding-left:0; width:49%;}
.spanList{ font-size:26px; padding-right:40px;}
.stock_single_right_bottom{ padding-bottom:20px;}
.stock_two{ padding-top:80px; padding-bottom:80px;}
.introduction_title .sec-title__title{ font-size:38px;}
.company_center{ padding:0 15px;}
.announcements_one{ background:#0d8a2b;}
.company_title1{ margin-top:20px;}
.company_zzjg{ padding-top:0;}
.company_zzjg img{ width:100%;}
.regulations_li{ height:95px;}
.regulations_li_left{ width:auto; padding:10px 10px; height:auto;}
.regulations_li_left span{ font-size:30px;}
.regulations_li_center{ font-size:22px; padding-top:12px; padding-left:15px; width:68%; height:auto; line-height:normal;}
.regulations_li_right a img{ width:20px;}
.regulations_li_right{ width:auto; height:92px; padding:0px 8px;}
.services_li{ padding-top:0; padding-bottom:20px;}
.map_wap{ display:block; width:100%;}
.map_pc{ display:none;}
.contact_dz{ padding-top:20px;}
.contact_dz dl{ width:100%; text-align:left;}
.contact_dz dt{ padding-right: 5px;}
.gonggao_title .gonggao_title_center{ padding-top:15px; font-size:18px; padding-left:15px;}
.gonggao_center li{ padding-left:15px;}
.gonggao_center span{ padding-right:15px; font-size:20px; color:#666;}
.gonggao_center li a{ width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.details_content{ padding-left:15px; padding-right:15px;}
.distribution_title{ margin-bottom:50px;}
.what_center{ padding-top:0; margin-bottom:20px;}
.video-one__title{ font-size:38px;}
.footer-one__top-wrapper{ padding-top:40px;}
.introd_title p{ font-size:28px;}
.speech_center h2{ font-size:20px;}
.speech_center p{ font-size:18px; padding-bottom:20px;}
.process_and_title{ font-size:38px;}
.process_and_title_tagline{ font-size:28px;}

.suspension{ bottom: 2rem; top: auto; }
.footer-one__bottom-social-links{ display: none; }
.stock_single h2{ font-size: 26px;}
.stock_single p { font-size: 15px;}
.stock_single ul { font-size: 24px;}
.details_title #titleH2{ font-size: 22px; padding-left: 10px; padding-right: 10px;}
.details_fh a{font-size: 20px; padding: 10px; border-radius: 4px;}
 #attachmentsBox{ padding: 14px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
.main-header--one__bottom .auto-container{ padding:0 10px;}
.main-header--one--two .main-menu .main-menu__list>li>a {
    width: 116px;
}
.stricky-header.main-menu .stricky-one-logo{ padding-left:10px;}
.main-header--one--two .main-header--one__bottom-left {
    padding-left: 0px;
}
.main-header--one--two .main-header--one__bottom-middel {
    padding-right: 0px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a{ font-size:16px;}
.main-menu .main-menu__list li ul, .stricky-header .main-menu__list li ul{ min-width:116px;}
.en .stricky-fixed .main-menu__list>li.dropdown a, .stricky-fixed .main-menu__list>li.dropdown a {
    width: 116px;
}
.stricky-header .main-menu__list>li a {
    width: 116px;
}
.stricky-fixed .main-menu__list>li:hover > a {
    width: 116px;
}
.sec_title__title {
    font-size: 99px;
    width: 91%;
}
.sec_title {
    margin-top: 82px;
}
.sec_title__tagline {
    width: 90%;
}
.providing-quality-one__content-box {
    padding-left: 0px;
}
.services-one__single-content p{ width:101%;}
.footer-one__bottom-text p{ font-size:17px;}
.footer-one__bottom-text{ width:30%;}
.bamboo_pulp_center {
    max-width: 1132px;
}
.bamboo_center_right {
    float: right;
    width: 100%;
}
.col-xl-4 {
    width: 39.333333%;
}
.col-xl-8 {
    width: 60.666667%;
}
.bamboo_paper_title h2 {
    padding-top: 20px;
    font-size: 38.26px;
}
.oem_center_center_right dt {
    height: 136px;
    padding: 20px 20px;
    width: 129px;
}
.oem_center {
    max-width: 1158px;
}
.oem_center_center_left {
    margin-right: 40px;
    font-size: 28px;
    padding: 20px 20px;
}
.oem_center_center_left{
	height:136px;
}
.oem_center_center_right dd img{ width:28px;}
.brand_center_content {
    max-width: 1164px;
}
.hillside_right {
    padding-top: 160px;
    padding-left: 0%;
}
.brand_bottom {
    padding: 100px 0px;
}
.process_bottom {
    max-width: 1164px;
}
.oem_center_bottom ul {
    max-width: 1164px;
}
.projects-one .auto-container {
    max-width: 1348px;
    width: 100%;
    background: url(../images/social_cbj.png) center top no-repeat;
	background-size:100%;
    padding-top: 84px;
    padding-bottom: 79px;
}
.social_li{max-width: 1320px;}
.social_li:hover{max-width: 1320px;}
.col-xl-4 {
    width: 33.333333%;
}
.company_zzjg img{ width:100%;}
.contact_wap img{ width:100%;}
.details_center{max-width: 1292px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1440px) {
.main-header--one__bottom .auto-container{ padding:0 10px;}
.main-header--one--two .main-menu .main-menu__list>li>a {
    width: 130px;
}
.stricky-header.main-menu .stricky-one-logo{ padding-left:10px;}
.main-header--one--two .main-header--one__bottom-left {
    padding-left: 0px;
}
.main-header--one--two .main-header--one__bottom-middel {
    padding-right: 0px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a{ font-size:19px;}
.main-menu .main-menu__list li ul, .stricky-header .main-menu__list li ul{ min-width:130px;}
.en .stricky-fixed .main-menu__list>li.dropdown a, .stricky-fixed .main-menu__list>li.dropdown a {
    width: 130px;
}
.stricky-header .main-menu__list>li a {
    width: 130px;
}
.stricky-fixed .main-menu__list>li:hover > a {
    width: 130px;
}
.sec_title__title {
    font-size: 99px;
    width: 88%;
}
.sec_title {
    margin-top: 82px;
}
.sec_title__tagline {
    width: 87%;
}
.providing-quality-one__content-box {
    padding-left: 0px;
}
.services-one__single-content p{ width:101%;}
.footer-one__bottom-text p{ font-size:17px;}
.footer-one__bottom-text{ width:30%;}
.bamboo_pulp_center {
    max-width: 1216px;
}
.bamboo_center_right {
    float: right;
    width: 100%;
}
.col-xl-4 {
    width: 39.333333%;
}
.col-xl-8 {
    width: 66.666667%;
}
.bamboo_paper_title h2 {
    padding-top: 20px;
    font-size: 38.26px;
}
.oem_center_center_right dt {
    height: 136px;
    padding: 20px 20px;
    width: 143px;
}
.oem_center {
    max-width: 1253px;
}
.oem_center_center_left {
    margin-right: 40px;
    font-size: 28px;
    padding: 20px 20px;
}
.oem_center_center_left{
	height:136px;
}
.oem_center_center_right dd img{ width:28px;}
.brand_center_content {
    max-width: 1235px;
}
.hillside_right {
    padding-top: 160px;
    padding-left: 0%;
}
.brand_bottom {
    padding: 100px 0px;
}
.process_bottom {
    max-width: 1231px;
}
.oem_center_bottom ul {
    max-width: 1164px;
}
.projects-one .auto-container {
    max-width: 1348px;
    width: 100%;
    background: url(../images/social_cbj.png) center top no-repeat;
	background-size:100%;
    padding-top: 84px;
    padding-bottom: 79px;
}
.social_li{max-width: 1320px;}
.social_li:hover{max-width: 1320px;}
.col-xl-4 {
    width: 33.333333%;
}
.company_zzjg img{ width:100%;}
.contact_wap img{ width:100%;}
.details_center{max-width: 1292px;}
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
.main-header--one__bottom .auto-container{ padding:0 10px;}
.main-header--one--two .main-menu .main-menu__list>li>a {
    width: 150px;
}
.stricky-header.main-menu .stricky-one-logo{ padding-left:10px;}
.main-header--one--two .main-header--one__bottom-left {
    padding-left: 0px;
}
.main-header--one--two .main-header--one__bottom-middel {
    padding-right: 0px;
}
.main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a{ font-size:22px;}
.main-menu .main-menu__list li ul, .stricky-header .main-menu__list li ul{ min-width:150px;}
.en .stricky-fixed .main-menu__list>li.dropdown a, .stricky-fixed .main-menu__list>li.dropdown a {
    width: 150px;
}
.stricky-header .main-menu__list>li a {
    width: 150px;
}
.stricky-fixed .main-menu__list>li:hover > a {
    width: 150px;
}
.sec_title__title {
    font-size: 99px;
    width: 83%;
}
.sec_title {
    margin-top: 82px;
}
.sec_title__tagline {
    width: 82%;
}
.providing-quality-one__content-box {
    padding-left: 0px;
}
.services-one__single-content p{ width:101%;}
.footer-one__bottom-text p{ font-size:18px;}
.footer-one__bottom-text{ width:30%;}
.bamboo_pulp_center {
    max-width: 1368px;
}
.bamboo_center_right {
    float: right;
    width: 100%;
}
.col-xl-4 {
    width: 39.333333%;
}
.col-xl-8 {
    width: 66.666667%;
}
.bamboo_paper_title h2 {
    padding-top: 20px;
    font-size: 38.26px;
}
.oem_center_center_right dt {
    height: 136px;
    padding: 20px 20px;
    width: 163px;
}
.oem_center {
    max-width: 1414px;
}
.oem_center_center_left {
    margin-right: 40px;
    font-size: 28px;
    padding: 20px 20px;
}
.oem_center_center_left{
	height:136px;
}
.oem_center_center_right dd img{ width:28px;}
.brand_center_content {
    max-width: 1388px;
}
.hillside_right {
    padding-top: 160px;
    padding-left: 0%;
}
.brand_bottom {
    padding: 100px 0px;
}
.process_bottom {
    max-width: 1396px;
}
.oem_center_bottom ul {
    max-width: 1380px;
}
.projects-one .auto-container {
    max-width: 1348px;
    width: 100%;
    background: url(../images/social_cbj.png) center top no-repeat;
	background-size:100%;
    padding-top: 84px;
    padding-bottom: 79px;
}
.social_li{max-width: 1320px;}
.social_li:hover{max-width: 1320px;}
.col-xl-4 {
    width: 33.333333%;
}
.company_zzjg img{ width:100%;}
.contact_wap img{ width:100%;}
.details_center{max-width: 1488px;}
#videobox{
  width: 100%; 
  height: 386px;
  position: fixed;
  background:#000;
  top: 50%; 
  margin-top:12px;
  left: 0%;
  margin-left:0px;
  z-index: 999; 
  display: none;
}
#closex{
  position: absolute; 
  right: 0; 
  top: 0; 
  z-index: 1000; 
  display: block; 
  width: 30px;
  height:30px;
  font-size:20px;
  line-height: 26px; 
  text-align: center; 
  cursor: pointer;
  background:#fff;
}
}