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

        .banners-pc { clear: both; height: 600px; }
        .banners-pc .frame { height: 600px; background: no-repeat center center; background-size: cover; }

        .banners-mb { display: none; clear: both; height: 700px; }
        .banners-mb div { height: 100%; }
        .banners-mb .frame { height: 100%; background: no-repeat center center; background-size: cover; }

        @media (max-width: 1024px) {
            .banners-pc { display: none; }
            .banners-mb { display: block; }
        }


        .about { margin-top: 66px; margin-bottom: 100px; }
        .about .ab_con { position: relative; }
        .about .intro { max-width: 705px; }
        .about .intro .p1 { font-size: 12px; color: #666666; line-height: 26px; }
        .about .intro .h1 { padding: 34px 0 13px 0; }
        .about .intro .list { margin-left: -35px; margin-bottom: -20px; margin-top: 28px; }
        .about .intro .list > li { float: left; padding-left: 35px; padding-bottom: 20px; }
        .about .intro .list > li .box { display: block; text-align: center; padding: 16px 48px; background: #f4f4f4; }
        .about .intro .list > li .box .ico img { height: 30px; }
        .about .intro .list > li .box .font { font-size: 12px; color: #666; padding-top: 10px; }
        .about .infor { background: #f4f4f4; position: absolute; bottom: 0; right: 0; }
        .about .infor .obtain { padding: 30px 47px 30px 41px; background: #d5231b; color: #ffffff; }
        .about .infor .obtain .ico img { width: 56px; }
        .about .infor .obtain .line { width: 2px; height: 26px; background: #333333; margin: 13px 20px 0 20px; }
        .about .infor .obtain .p1 { font-size: 12px; padding-top: 3px; }
        .about .infor .obtain .p1 .h1 { display: block; font-size: 18px; padding-bottom: 10px; }
        .about .infor .tab > li { padding: 0 52px; }
        .about .infor .tab > li .box { border-bottom: 1px solid #999; }
        .about .infor .tab > li .input_1 { border: 0; margin-top: 40px; width: 100%; height: 34px; background: none; }
        .about .infor .tab > li .text_a { border: 0; height: 82px; width: 100%; margin-top: 40px; background: none; }
        .about .infor .tab > li .submit { display: block; text-align: center; background: #333; color: #fff; padding: 20px 0; margin: 44px 0 37px 0; }

        @media (max-width: 1024px) {
            .about .intro { max-width: none; float: none; margin-bottom: 50px; }
            .about .intro .list > li { width: 25%; }
            .about .infor { position: initial; clear: both; }
        }

        @media (max-width: 750px) {
            .about .intro .list > li { width: 33.33%; }
        }

        @media (max-width: 600px) {
            .about .intro .list > li { width: 50%; }
        }

        .sort { margin-left: -10px; margin-bottom: -10px; margin-top: 26px; }
        .sort > li { float: left; padding-left: 10px; padding-bottom: 10px; }
        .sort > li .box { padding: 8px 13px; background: #f4f4f4; display: block; }
        .sort > li .box:hover { background: #d5231b; color: #ffffff; }
        .sort > li .on { background: #d5231b; color: #ffffff; }


        @media (max-width: 1024px) {
            .g_title { float: none; }
            .sort { float: none; }
        }

        .case .offset { margin-left: -30px; margin-bottom: -30px; margin-top: 48px; }
        .case .offset .list > li { float: left; width: 33.33%; padding-left: 30px; padding-bottom: 30px; box-sizing: border-box; }
        .case .offset .list > li .box { display: block; position: relative; }
        .case .offset .list > li .box .pic img { max-width: 100%; display: block; }
        .case .offset .list > li .box .fbox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: .3s ease; background: rgba(213,35,27,.7); }
        .case .offset .list > li .box .fbox .font { border: 1px solid #ffffff; position: absolute; left: 13px; right: 13px; top: 13px; bottom: 13px; text-align: center; color: #ffffff; padding-top: 20%; }
        .case .offset .list > li .box .fbox .font .p1 { font-size: 12px; }
        .case .offset .list > li .box .fbox .font .p2 { font-size: 16px; font-weight: bold; padding: 10px 0; }
        .case .offset .list > li .box .fbox .font .p3 { font-size: 24px; }
        .case .offset .list > li .box:hover .fbox { opacity: 1; }


        @media (max-width: 1024px) {
            .case .offset .list { margin: 0 10px; }
            .case .offset .list > li { width: 50%; padding-bottom: 10px; }
            .case .offset .list > li .box .pic img { width: 100%; }
        }

        @media (max-width: 500px) {
            .case .offset .list > li { float: none; width: 100%; }
            .case .offset .list > li .box .fbox { opacity: 1; }
        }

        .see_btn { text-align: center; margin-top: 50px; }
        .see_btn .see_con { display: inline-block; padding: 11px 23px; border: 2px solid #666666; color: #333; }


        .youshi { }
        .youshi .left { width: 50%; }
        .youshi .left .list { margin-left: -2px; margin-bottom: -2px; }
        .youshi .left .list > li { float: left; width: 50%; padding-left: 2px; padding-bottom: 2px; }
        .youshi .left .list > li .box { display: block; padding:; height: 299px; text-align: center; background: #f4f4f4; position: relative; }
        .youshi .left .list > li .box .ico { padding-top: 70px; }
        .youshi .left .list > li .box .ico img { height: 39px; }
        .youshi .left .list > li .box .ico .img2 { display: none; }
        .youshi .left .list > li .box .p1 { color: #333; font-weight: bold; padding: 13px 0 21px 0; }
        .youshi .left .list > li .box .p2 { color: #666; font-size: 12px; line-height: 24px; padding: 0 70px; }
        .youshi .left .list > li .box .line { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; border: 1px solid #ffffff; opacity: 0; }
        .youshi .left .list > li .box:hover { background: #d5231b; }
        .youshi .left .list > li .box:hover .ico .img1 { display: none; }
        .youshi .left .list > li .box:hover .ico .img2 { display: inline-block; }
        .youshi .left .list > li .box:hover .p1 { color: #ffffff; }
        .youshi .left .list > li .box:hover .p2 { color: #ffffff; }
        .youshi .left .list > li .box:hover .line { opacity: 1; }

        @media (max-width: 1024px) {
            .youshi .left { float: none; width: auto; }
            .youshi .right { float: none; width: 100%; }
        }

        @media (max-width: 600px) {
            .youshi .left .list > li { float: none; width: auto; }
        }

        .team .list li { }
        .team .list li .left { width: 573px; height: 573px; overflow: hidden; }

        .team .list li .right_t { float: left; }
        .team .list li .right_t .intro { background: #f4f4f4; color: #666; padding: 42px 69px 50px 60px; }
        .team .list li .right_t .intro .h1 { font-size: 20px; font-weight: bold; }
        .team .list li .right_t .intro .h2 { font-size: 16px; padding: 16px 0 20px 0; }
        .team .list li .right_t .intro .p1 { font-size: 12px; line-height: 24px; padding-bottom: 10px; max-width: 498px; }
        .team .list li .right_t .intro .p2 { font-size: 12px; line-height: 24px; padding-bottom: 10px; max-width: 498px; height: 12.5em; overflow: hidden; }
        .team .list li .right_t .intro .sort { margin-top: 32px; }

        .team .one { }
        .team .two { display: none; }
        .team .list ._slick1 .slick-prev { left: 0; }
        .team .list ._slick1 .slick-next { right: 0; }

        @media (max-width: 667px) {
            .team .list li .left { width: auto; height: auto; }
        }



        @media (max-width: 1024px) {
            .team .one { display: none; }
            .team .two { display: block; }
            .team .two .list li { margin-bottom: 50px; }
            .team .two .list li .left { float: none; text-align: center; margin: 0 auto; }
            .team .two .list li .left img { dislpay: inline-block; }
            .team .two .list li .right_t { float: none; margin-top: 50px; }
            .team .two .list li .right_t .intro { text-align: center; }
            .team .list li .right_t .intro .p1 { max-width: none; }
            .team .list li .right_t .intro .p2 { max-width: none; }
            .team .two .list li .right_t .intro .sort > li { float: none; text-align: center; }
            .team .two .list li .right_t .intro .sort > li .box { display: inline-block; }
        }

        .blog { background: #f4f4f4; padding: 50px 0; }
        .blog .our { margin-top: 50px; }
        .blog .our .list { margin-left: -30px; margin-bottom: -30px; }
        .blog .our .list > li { float: left; width: 33.33%; padding-left: 30px; padding-bottom: 30px; }
        .blog .our .list > li:nth-child(3n+1) { clear: both; }
        .blog .our .list > li .box { display: block; border: 3px solid #dedede; font-size: 12px; }
        .blog .our .list > li .box img { width: 100%; }
        .blog .our .list > li .box .fbox { padding: 20px 24px 17px 24px; line-height: 24px; }
        .blog .our .list > li .box .fbox .p1 { font-weight: bold; }
        .blog .our .list > li .box .fbox .p2 { color: #666666; padding: 10px 0; }
        .blog .our .list > li .box .fbox .time .left { color: #666; }
        .blog .our .list > li .box .fbox .time .right { color: #999; }
        .blog .our .list > li .box:hover { border: 3px solid #d5231b; }
        .blog .our .list > li .box:hover .fbox .p1 { color: #d5231b; }

        @media (max-width: 1024px) {
            .blog .our .list > li { width: 50%; }
            .blog .our .list > li:nth-child(n) { clear: none; }
            .blog .our .list > li:nth-child(2n+1) { clear: both; }
        }

        @media (max-width: 900px) {
            .blog .sort > li { width: 100%; text-align: center; }
            .blog .sort > li .box { display: inline-block; }
        }

        @media (max-width: 600px) {
            .blog .our .list > li { width: 100%; }
        }

        .contact .left .g_title { margin-bottom: 40px; }
        .contact .left .p1 { line-height: 30px; font-size: 12px; color: #666; }
        .contact .left .fenxiang { margin-top: 70px; }
        .lx_share .m { display: inline-block; padding-right: 20px; height: 18px; line-height: 30px; text-align: center; color: #999; }
        .fenxiang_s { display: none; }
        .lx_font .lxwm { font-size: 12px; color: #333; font-weight: bold; display: block; }
        .lx_font table { color: #666; }

        @media (max-width: 1024px) {
            .contact .left { float: none; }
            .contact .right { float: none; margin-top: 50px; text-align: center; }
        }
/*
     FILE ARCHIVED ON 23:27:05 Jul 31, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:58:04 Dec 03, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 219.807
  exclusion.robots: 0.097
  exclusion.robots.policy: 0.09
  RedisCDXSource: 1.209
  esindex: 0.008
  LoadShardBlock: 202.042 (3)
  PetaboxLoader3.datanode: 380.383 (4)
  CDXLines.iter: 14.313 (3)
  load_resource: 284.61
  PetaboxLoader3.resolve: 32.899
*/
/*
     FILE ARCHIVED ON 16:17:39 Dec 23, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:36:24 Feb 06, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 246.896
  exclusion.robots: 0.081
  exclusion.robots.policy: 0.073
  cdx.remote: 0.066
  esindex: 0.01
  LoadShardBlock: 213.793 (3)
  PetaboxLoader3.datanode: 221.847 (4)
  CDXLines.iter: 19.754 (3)
  load_resource: 74.737
  PetaboxLoader3.resolve: 30.047
*/