@charset "utf-8";
@media screen and (min-width: 1440px) {
    .productservice .container, .productsearch .container, .found-tab .container, .found-content { width: 1440px !important; }
}

@media screen and (max-width: 1440px) {
    .header .nav .fr .menu>ul>li { padding: 0 1rem; }
    .header .nav .fr .menu .product .list ul li.img { margin: 2rem 1rem; }
    .header .nav .fr .menu .apply .list ul li.img { width: 13rem; }
    .header .nav .fr .search { margin-left: 2rem; width: 4rem; background-size: 80%; }

    .index-about .row .con { padding: 3rem; }
    .index-about .row .con p { font-size: 2rem; }
    .index-about .row .con .more { margin-top: 3rem; }

    .productsearch .list .row .item .con .img { height: 37rem;}
}
@media screen and (max-width:1199px) {
    img { height: auto; }
    .header .nav .fr .navbar-toggle { display: block; }
    .header .nav .fr .menu { width: 50%; height: 100%; position: fixed; z-index: 1200; left: 100%; top: 7.5rem; padding: 0 0px; background-color: #f8f8f8; -webkit-transition: all 0.5s; transition: all 0.5s; overflow-y: auto; }
    .header .nav .fr .menu.in { left: 50%; }
    .header .nav .fr .menu>ul>li { display: block; float: none; margin: 0 15px; border-bottom: 1px solid #d4d4d4; line-height: 8rem; position: relative; padding: 0; }
    .header .nav .fr .menu>ul>li>a { font-size: 2rem; font-weight: bold; display: initial; }
    .header .nav .fr .menu>ul>li>a.cur, .header .nav .fr .menu>ul>li>a.cur2, .header .nav .fr .menu>ul>li>a:hover { color: initial; border-bottom: none; }
    .header .nav .fr .menu>ul>li::after {  width: 1rem; height: 1rem; position: absolute; top: 3.2rem; right: 2rem;  content: ""; display: block; border-top: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(135deg); }
    .header .nav .fr .menu>ul>li:first-child::after { display: none; }
    .header .nav .fr .menu>ul>li.active::after { transform: rotate(-45deg); top: 3.6rem; }
    .header .nav .fr .menu>ul>li.active::before_bak { width: 100%; height: 1px; position: absolute; top: 8rem; left: 0;  content: ""; display: block; background-color: #005CA5; }

    .header .nav .fr .menu .sub { position: initial; height: auto; background: none; border: none; }
    .header .nav .fr .menu .sub .list { width: 100%; text-align: initial; }
    .header .nav .fr .menu .sub .list ul li { display: block; padding: 0 0 0 2rem; margin: 0; border-top: 1px solid #d4d4d4; line-height: 6rem; }
    .header .nav .fr .menu .sub .list ul li a { background: none; display: block; font-size: 2rem; }
    .header .nav .fr .menu .sub .list ul li a.cur, .header .nav .fr .menu .sub .list ul li a:hover { background: none; }
    .header .nav .fr .menu .service .list ul li:last-child { display: none; }

    /*  导航 产品服务    应用领域    */
    .header .nav .fr .menu .product, .header .nav .fr .menu .apply { padding: 0; }
    .header .nav .fr .menu .product .list .fl { display: none; }
    .header .nav .fr .menu .product .list .fr { width: 100%; padding-left: 0; display: initial; }
    .header .nav .fr .menu .product .list ul li.noimg, .header .nav .fr .menu .apply .list ul li.noimg { display: block; }
    .header .nav .fr .menu .product .list ul li.img, .header .nav .fr .menu .apply .list ul li.img { display: none;  }
    .header .nav .fr .menu .apply .list ul { display: initial; }
   
    .header .nav .fr .lang { position: initial; margin: 3rem auto; width: 90%; font-size: 2rem; }
    .header .nav .fr .lang .item ul li { height: 5rem; line-height: 5rem; }
    .header .nav .fr .lang .item ul li:first-child { background-position: 18rem center; }


    .footer { font-size: 2rem; padding-top: 3rem; }
    .footer a { font-size: 2rem; display: block; }
    .footer .container .row .col-lg-4 { display: none; }
    .footer .container .row .item { width: 100%; padding: 0 15px; display: block; float: none; }
    .footer .container .row .item h4 { border-bottom: 1px solid #d4d4d4; line-height: 8rem; position: relative; padding-bottom: 0; }
    .footer .container .row .item h4 a { font-size: 2rem; font-weight: bold; display: initial; }
    .footer .container .row .item h4::after { width: 1rem; height: 1rem; position: absolute; top: 3.5rem; right: 2rem;  content: ""; display: block; border-top: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(135deg); }
    .footer .container .row .item h4.active::after { transform: rotate(-45deg); top: 4rem;  }
    .footer .container .row .item ul { display: none; padding-left: 0rem; }
    .footer .container .row .item ul li { border-bottom: 1px solid #d4d4d4; padding: 0 0 0 2rem; line-height: 6rem; }
    .footer .container .row .service ul li:last-child { display: none; }

    .footer .container .ewm { position: initial; width: 100%; margin: 3rem auto; text-align: center; }
    .footer .container .ewm ul li { display: inline-block; float: none; margin: 0 1rem; }

    .footer .container .link .fl { float: none; display: block; text-align: center; }
    .footer .container .link .fl a { display: inline; }
    .footer .container .link .fr { display: none; }
    .footer .container .copyright { padding: 2rem 0; line-height: 4rem; }
    .footer .container .copyright span { display: block; }
    .footer .container .copyright .line { display: none; }

    .paging { display: none; }

    .navpage { min-width: initial; min-height: 100%; }
    .navpage .center { width: 100%; left: 0; margin-left: 0; }
    .navpage .center .link ul li { width: 14%; margin: 0 2%; }

    .index-banner .swiper-slide .con .container h3 { font-size: 5rem; }
    .index-banner .swiper-slide .con .container h4 { font-size: 2rem; }
    .index-about .row .con { padding: 2rem; }
    .index-about .row .con p { font-size: 1.8rem; }

    /* 产品服务 */
    .productservice .singleproduct .con .more { display: none; }
    .productdetail .item .txt { width: 100%; }
    .productdetail .desc { width: 100%; }
    .productdetail .desc .con { padding: 2rem 0; overflow-x: auto; }
    .productdetail .desc .con table { width: 98% !important; height:auto !important; margin: 0 auto; }
    
    .productsearch .list .row .item .con .img { height: auto; }

    .subsupply { display: none; }
    .legal { width: 100%; }
    .indexcalc { display: none; }
    .carbonform { width: 95%; }

    .sidebar { display: none;}
    .sidebar-mobile { display: block;}
    .page-main .content .btn-download { display: block; }
}
@media screen and (min-width:992px) {
    .service .product .row .col-md-4 { width: 32.5%; }
    .service .product .row .col-md-10 { width: 82%; }
}
@media screen and (max-width:992px) {
    .header .nav .fr .search .search-bg .search-box { width: 90%; }
    .header .nav .fr .navbar-toggle { margin-top: 1.5rem; }

    .navpage .center { position: initial; height: auto; margin: 0px; margin: 6rem auto 0px auto; }
    .navpage .center .link { margin-top: 5rem; }
    .navpage .center .link ul li { width: 40%; margin: 3rem 5%; display: block; float: left;  }

    .index-banner .swiper-button-next, .index-banner .swiper-button-prev, .index-banner .swiper-pagination  { display: none; }
    .index-banner .swiper-slide img { height: 60vw; object-fit: cover; }

    .index-dt h3, .index-news h3 { font-size: 3rem; padding-bottom: 2rem; margin-top: 2rem; }
    .index-news .row .list { border: none; padding: 3rem 2rem 1rem 2rem; }
    .index-news .row .list .item .title { float: none; width: 100%; max-width: 100%; white-space: initial; overflow: initial; }
    .index-news .row .list .item .title a { font-size: 2rem; }
    .index-news .row .list .item .time {  float: none; width: 100%; max-width: 100%; text-align: left; margin-top: 1.5rem; }
    .index-news .row .video .play { height: auto; }
    .index-app .row .item { padding: 5px; margin: 0; }
    .index-about .row .con p { font-size: 2rem; }
    .index-about .row .pcvideo { display: none; }
    .index-about .row .mobvideo { display: block; }

    .page-main .content .subnav { padding: 2rem 0; overflow: hidden; position: relative; }
    .page-main .content .subnav .scroller { position: absolute; left: 0; top: 0; z-index:10; }
    .page-main .content .subnav ul li { text-align: center; height: 3rem; line-height: 3rem;  }
    .page-main .content .subnav ul li:first-child { padding-left: 2rem; }
    .page-main .content .subnav ul li a { font-size: 2rem; }
    .page-main .content .subnav .sep { padding: 0 3rem; }
    
    .about .page-banner { display: none; }
    .about .video { display: block; }
    .about .item .txt { width: 100%; max-width: initial; margin: 3rem auto; }

    .honor .row .line { left: 21%; }
    .honor .row .col-md-8 { padding-right: 15px; }
    .culture .line { width: 80%; }
    .rd .item .txt { width: 100%;  }

    .news .newstop .row .item .txt .title { width: 100%; float: none; display: block; margin-top: -8rem; font-size: 2rem; }
    .news .newstop .row .item .txt .time { width: 100%; float: none; display: block; text-align: left; margin-top: 1rem; }

    .news .newslist { width: 100%; margin: 2rem auto; min-height: initial; }
    .news .newslist .item { padding: 1rem; }
    .news .newslist .item .title { width: 100%; float: none; white-space: initial; text-overflow: initial; overflow: initial; }
    .news .newslist .item .title a { font-size: 2rem; }
    .news .newslist .item .time { width: 100%; float: none; text-align: left; margin: 1rem 0; }
    .news .newslist .item .con { padding: 1rem 0; }
    .news .newsdetail { width: 100%; }

    .productservice .productindex .row { padding: 2rem; }
    .productservice .singleproduct { height: auto; margin-bottom: 10px; }
    .productservice .singleproduct .con { height: auto; }
    .productservice .productcategory .row .catelist .singlecate { padding-left: 1rem; padding-right: 1rem; }

    .productdetail .item .img { display: none; }
    .productdetail .item .swiper { height: 100vw; max-height: 485px; text-align: center; margin-top: 2rem; }
    .productdetail .item .txt h3 { padding-top: 3rem; }

    .service .contact { width: 100%; }
    .service .product { width: 95%; }

    /*嘉园公益基金*/
    .found-banner .swiper-slide { height: 25rem; }
    .found-content { display: block; }
    .found-content .leftnav { background-color: initial; padding: 0; min-height: initial; margin-bottom: 2rem; }
    .found-content .leftnav ul li { float: left; background-color: #EEF0F5;  border-bottom: none; padding: 1rem 2rem; margin: 1rem; border-radius: 2rem; }
    .found-content .rightcon { padding: 0; }
    .found-content .rightcon .con { padding-left: 0; padding-right: 0; }

    .found-tab .scroller { position: absolute; left: 0; top: 0; z-index:10; }
    .found-tab .page-tab-content ul li { padding: 0 2rem; }
}
@media screen and (max-width:768px) {
    .carbonfoot h2 { font-size: 3.2rem; }
    .carbonform { width: 100%; margin: 3rem auto; }
    .carbonform .tabs { font-size: 1.6rem; }
    .carbonform .con .list { width: 90%; }
    .carbonform .result { width: 90%; font-weight: normal; }
    .carbonform .result input { width: 10rem; }
}
@media screen and (max-width:576px) {
    .index-banner .swiper-slide .con .container { padding-top: 6rem; }
    .index-banner .swiper-slide .con .container h3 { font-size: 4rem; line-height: 3rem; }
    .index-banner .swiper-slide .con .container h4 { font-size: 2rem; }
    .index-banner .swiper-slide img { height: 80vw; }

    .page-main .content .page-banner { height: 60vw; }
    .page-main .content .page-banner h3 { width: 100%; text-align: center; left: 0; top: 40%; }
    .page-main .content .page-banner img { height: 100%; object-fit: cover; }

    .culture .line { width: 100%; }
}

@media screen and (max-height: 720px) {
    .navpage .center { position: initial; height: auto; margin: 5rem auto 0 auto; }
    .navpage .copyright { position: initial; padding: 2rem 0; }
}