/* Inside Banner Star */
#inside-banner { position: relative;}
    #inside-banner .floating-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 13%; text-align: center; color: #FFF;}
    #inside-banner .floating-layer .name { font-size: 52px; font-weight: 700; line-height: 1; margin-bottom: 20px;}
    #inside-banner .floating-layer .desc { display: table; margin: 0 auto; background: rgba(200, 24, 20, 0.63); padding: 10px 50px; font-size: 18px;}
/* Inside Banner End */

/* Current Location Star */
.current-location { height: 64px; line-height: 64px; overflow: hidden; color: #818181; background: #f9f9f9;}
    .current-location .breadcrumbs { float: left;}
    .current-location .breadcrumbs span { float: left;}
    .current-location .breadcrumbs a { font-size: 16px; color: #818181; transition: color .3s;}
    .current-location .breadcrumbs i { width: 4px; height: 64px; display: block; float: left; background: url('../img/arrow.png') no-repeat center; margin: 0 10px; }
    .current-location .breadcrumbs i.fa { width: auto; height: 64px; color: #999; background: none; line-height: 64px; margin: 0 10px 0 0;}
    .current-location .icos { float: right; color: #999;}
/* Current Location End */

/* About Us Star */
#about-us { padding-top: 80px; padding-bottom: 100px;}
    .about-us { margin-top: 30px;}

    .about-us .cng { position: relative; }
    .about-us .cng .bg { color:#221815; font-family: 'Montserrat Black'; font-size: 235px; text-align: center; opacity:3%; line-height: 1; }
    .about-us .cng .floating { text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
    .about-us .cng .floating .contents { color:#221815; font-size:20px; margin: 0 auto; width: 46%; line-height: 1.6;}

    .about-us .eng { text-align: center; margin-top: 10px;}
    .about-us .eng .contents { color:#221815; font-size:20px; margin: 0 auto; width: 46%; line-height: 1.6; }
/* About Us End */

/* About Video Start */
#about-video { position: relative; margin-bottom: 1000px;}
    #about-video video { width: 100%;}
    #about-video .floating-play { position: absolute; left: 0; top: 0; width: 100%; text-align: center; padding-top: 20%;}

    #about-video .floating-workshop { position: absolute; left: 0; top: calc(100% - 180px); width: 100%;}
    #about-video .floating-workshop .workshop-environment { background: #FFF; padding-top: 70px; padding-bottom: 80px;}
/* About Video End */

/* List Factory Start */
ul.list-factory { margin-top: 50px; margin-left: 100px; margin-right: 100px;}
    ul.list-factory li { float: left; width: 33.000000%; margin-right: 0.500000%; margin-bottom: 6px; position: relative; overflow: hidden;}
    ul.list-factory li:nth-child(3n) { margin-right: 0;}
    ul.list-factory li .floating-factory { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: rgba(200, 24, 20, 0.87); color: #FFF; padding-left: 30px; padding-right: 30px; padding-bottom: 80px; display: flex; align-items: flex-end; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s; }
    ul.list-factory li:nth-child(2n) .floating-factory { top: 100%;}
    ul.list-factory li .floating-factory .name { font-size: 24px; font-weight: 700; margin-bottom: 15px;}
    ul.list-factory li .floating-factory .desc { }
    ul.list-factory li:hover .floating-factory { top: 0;}
/* List Factory End */

/* Enterprise Honor Start */
#enterprise-honor { background: url("../img/honor/background.jpg") center bottom no-repeat #f7f7f7; background-size: cover; padding-top: 80px; padding-bottom: 140px; overflow: hidden;}
    .enterprise-honor { position: relative; width: 900px; float: right;}
    .enterprise-honor .swiper-slide { width: 320px;}

    .enterprise-honor .swiper-button-prev,.enterprise-honor .swiper-button-next { background: #FFF; color: #000;; font-size: 16px; width: 50px; height: 50px; text-align: center; line-height: 50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
    .enterprise-honor .swiper-button-prev:after,.enterprise-honor .swiper-button-next:after{display: none;}
    .enterprise-honor .swiper-button-next.swiper-button-disabled, .enterprise-honor .swiper-button-prev.swiper-button-disabled { opacity: 1;}
/* Enterprise Honor End */

/* Multiple Color Start */
#multiple-color { background:#f8f8f8;}
    #multiple-color .imgs { float: left; width: 45.000000%;}
    #multiple-color .infos { float: right; width: 55.000000%; padding: 100px 100px 0 100px;}
    #multiple-color .infos .lists { margin-top: 30px;}
/* Multiple Color End */

/* Color Three Start */
ul.color-three { }
    ul.color-three li { float: left; width: 32.000000%; margin-right: 2.000000%;}
    ul.color-three li:nth-child(3n) { margin-right: 0;}

    ul.color-three li .color { height: 120px; border: solid 1px #d6d6d6; background: #fcfbf6;}
    ul.color-three li:nth-child(2) .color { background: #4e4e4e;}
    ul.color-three li:nth-child(3) .color { background: #3b2a2c;}

    ul.color-three li .color-name { margin-top: 15px; font-size: 16px;}
/* Color Three End */

/* Color Four Start */
ul.color-four { margin-top: 30px;}
    ul.color-four li { float: left; width: 23.5000000%; margin-right: 2.000000%;}
    ul.color-four li:nth-child(4n) { margin-right: 0;}

    ul.color-four li .color { height: 120px; border: solid 1px #d6d6d6; background: #584346;}
    ul.color-four li:nth-child(2) .color { background: #9c9c9c;}
    ul.color-four li:nth-child(3) .color { background: #2b786f;}
    ul.color-four li:nth-child(4) .color { background: #222324;}

    ul.color-four li .color-name { margin-top: 15px; font-size: 16px;}
/* Color Four End */

/* Color One Start */
ul.color-one { margin-top: 30px;}
    ul.color-one li { width: 100.0000000%;}
    ul.color-one li .color { height: 120px; border: solid 1px #d6d6d6; background: #e1693d;}
    ul.color-one li .color-name { margin-top: 15px; font-size: 16px;}
/* Color One End */

/* Inside Full Start */
#inside-full { padding: 80px 50px 0 50px; }
    #inside-full.grey { background:#f6f6f6;}
    .inside-full { margin-top: 50px; margin-bottom: 50px;}
/* Inside Full End */

/* Inside Page Start */
#inside-page { padding-top: 50px; padding-bottom: 50px; }
    #inside-page.grey { background:#f6f6f6;}
    .inside-page { }
/* Inside Page End */

/* List Classify Star */
.list-classify { text-align: center; margin-top: 50px;}
    .list-classify ul { margin: 0 auto; display: inline-table;}
    .list-classify ul li { float: left; margin-right: 20px; font-size: 18px; width: 210px; padding: 10px 0; text-align: center; border: solid 2px #2d2d2d; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .list-classify ul li:last-child { margin-right: 0;}
    .list-classify ul li a { color: #2d2d2d; display: block;}
    .list-classify ul li.active,.list-classify ul li:hover { background: #c81814; border: solid 2px #c81814;}
    .list-classify ul li.active a,.list-classify ul li:hover a { color: #FFF;}
/* List Classify End */

/* List Pro Star */
ul.list-pro { margin-bottom: 30px;}
    ul.list-pro li { float: left; width: 23.500000%; margin-right: 2.000000%; margin-bottom: 30px;}
    ul.list-pro li:nth-child(4n) { margin-right: 0;}
/* List Pro End */

/* Advantage One Star */
.advantage-one { background:#f6f6f6; margin-bottom: 50px; position: relative;}
    .advantage-one.mt { margin-top: 50px;}
    .advantage-one .imgs { float: left; width: 60%;}
    .advantage-one .infos { float: right; width: 40%;}
    .advantage-one .infos .floating-layer { position: absolute; top: 20.000000%; left: calc(60% - 80px); background: rgba(255, 255, 255, 0.8); padding: 100px 60px 100px 140px; margin-right: 5.000000%; min-height: 418px;}
    .advantage-one .infos .floating-layer .intros { margin-top: 30px; font-size: 16px; line-height: 1.6;}
/* Advantage One End */

/* Advantage Two Star */
.advantage-two { background:#f6f6f6; margin-bottom: 50px; position: relative;}
    .advantage-two .imgs { float: right; width: 60%;}
    .advantage-two .infos { float: left; width: 40%; text-align: right;}
    .advantage-two .infos .floating-layer { position: absolute; top: 20.000000%; right: calc(60% - 80px); background: rgba(255, 255, 255, 0.8); padding: 100px 140px 100px 60px; margin-left: 5.000000%; min-height: 418px;}
    .advantage-two .infos .floating-layer .intros { margin-top: 30px; font-size: 16px; line-height: 1.6;}
/* Advantage Two End */

/* Single Case Star */
.single-case { background:#f8f8f8; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .single-case .imgs { overflow: hidden;}
    .single-case .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .single-case:hover .imgs img { transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

    .single-case .infos { padding: 20px;}
    .single-case .infos .name { font-weight: 700; font-size: 18px; height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
    .single-case .infos .date { color:#989898; margin-top: 10px; margin-bottom: 15px;}
    .single-case .infos .more i { width: 26px; height: 26px; line-height: 26px; margin-left: 10px; text-align: center; background:#FFF; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

    .single-case:hover { background:#c81814;}
    .single-case:hover .infos .name { color: #FFF;}
    .single-case:hover .infos .date { color: #FFF;}
    .single-case:hover .infos .more { color: #FFF;}
    .single-case:hover .infos .more i { color: #221815;}
/* Single Case End */

/* List Case Star */
ul.list-case { }
    ul.list-case li { float: left; margin-right: 2.000000%; width: 32.000000%; margin-bottom: 30px;}
    ul.list-case li:nth-child(3n) { margin-right: 0;}
/* List Case End */

/* Contact Us Star */
.contact-us { padding-left: 26%; padding-right: 26%; margin-top: 70px;}
    .contact-us .wechats { float: left; width: 162px; text-align: center;}
    .contact-us .wechats p { color:#575757; margin-top: 10px;}

    .contact-us ul.infos { float: right; width: calc(100% - 202px);}
    .contact-us ul.infos li { margin-bottom: 50px; color:#222;}
    .contact-us ul.infos li:last-child { margin-bottom: 0;}
    .contact-us ul.infos li .icon { width: 50px; float: left;}
    .contact-us ul.infos li .content { width: calc(100% - 50px); float: right; font-size: 18px; word-wrap: break-word; word-break: break-all;}
    .contact-us ul.infos li .content .names { font-weight: 700; margin-bottom: 5px;}
/* Contact Us End */

/* Contact Map Star */
.contact-map { margin-bottom: 50px;}
    .contact-map .containerMap { width: 100%; height: 420px; overflow: hidden;}
/* Contact Map End */

/* Service Time Star */
.service-time { }
    .service-time .contents { text-align: center; margin-top: 50px;}
/* Service Time End */

/* Detail Info Star */
.detail-info { padding-top: 50px; padding-bottom: 50px; }
    .detail-info .frame { }
    .detail-info .frame .images { float: left; width: 620px; position: relative;}

    .detail-info .frame .images .large { position: relative; border: solid 1px rgba(206, 206, 206, 1);}
    .detail-info .frame .images .large .video { min-height: 620px; display: flex; justify-content: center; align-items: center; background: #f4f4f4;}

    .detail-info .frame .images .large .easyzoom { }
    .detail-info .frame .images .large .easyzoom img { max-width: none;}

    .detail-info .frame .images .thumbnails { position: relative; margin-top: 15px;}
    .detail-info .frame .images .thumbnails img { max-width: 100%; cursor: pointer;}
    .detail-info .frame .images .thumbnails .swiper-slide { cursor: pointer; border: solid 1px rgba(206, 206, 206, 1);}
    .detail-info .frame .images .thumbnails .swiper-slide.active { border: solid 1px #089edd;}
    .detail-info .frame .images .thumbnails .swiper-slide .floating { font-size: 30px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #FFF; background: rgba(0,0,0,0.3); transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .detail-info .frame .images .thumbnails .swiper-slide:hover .floating { background: rgba(0,0,0,0.1); }

    .detail-info .frame .images .thumbnails .swiper-button-prev:after,.detail-info .frame .images .thumbnails .swiper-button-next:after { display: none;}
    .detail-info .frame .images .thumbnails .swiper-button-prev, .detail-info .frame .images .thumbnails .swiper-button-next { font-size: 58px; color: #089edd;}

    .detail-info .frame .texts { float: right; width: calc(100% - 670px); padding-top: 15px;}
    .detail-info .frame .texts .names { color:#1e1e1e; font-size: 32px; line-height: 1.26; font-weight: 700;}
    .detail-info .frame .texts .slogans { margin-top: 15px; color: #717171; font-size: 20px;}

    .detail-info .frame .texts .intros { color:#575757; font-size: 17px; margin-top: 20px; line-height: 1.6;}

    .detail-info .frame .texts .hotlines { margin-top: 30px; font-size: 26px;}
    .detail-info .frame .texts .hotlines i { width: 50px; height: 50px; text-align: center; line-height: 50px; color: #FFF; background: rgba(81,109,159,1); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
    .detail-info .frame .texts .hotlines .phones { font-family: 'Montserrat Black';}
    .detail-info .frame .texts .hotlines .helplines { margin-left: 10px; margin-right: 10px;}


    .detail-info .frame .texts .contacts { margin-top: 45px;}
    .detail-info .frame .texts .contacts a { padding: 15px 60px; display: inline-block; font-size: 18px; letter-spacing: 2px; background:#123240; color: #FFF; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
    .detail-info .frame .texts .contacts a:hover { background: #c81814;}

    .detail-info .details { margin-top: 50px;}
    .detail-info .details .contents { margin-top: 30px;}
/* Detail Info End */

/* Inside Detail Star */
.inside-detail { }
    .inside-detail img { max-width: 100%; object-fit: cover; vertical-align: middle; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; -o-transition:all .6s;}
    .inside-detail .heads { border-bottom: 1px solid #f5f5f5; text-align: center;}
    .inside-detail .heads .names { font-size: 28px; font-weight: 700; line-height: 1; text-align: center; color: #212121;}
    .inside-detail .heads .paras { margin: 10px 0; color: #7d7d7d;}
    .inside-detail .heads .bdshare { margin: 0 auto; display: inline-block;}
    .inside-detail .heads .bdshare span { float: left; vertical-align: middle; margin-top: 6px;}
    .inside-detail .infos { margin: 0 auto; font-size: 16px; padding: 30px 0; line-height: 1.4;}
    .inside-detail .infos video { max-width: 100%;}
/* Inside Detail End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0;}
    .prev-next a { color: #545454;}
    .prev-next .prev { width: 40%; float: left; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .prev-next .prev:hover { background: #c81814; border: solid 1px #c81814;}
    .prev-next .prev:hover a { color: #FFF;}

    .prev-next .back { width: 20%; float: left; text-align: center; text-transform: capitalize;}
    .prev-next .back a { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: #c81814; border: solid 1px #c81814;}

    .prev-next .next { width: 40%; float: right; text-align: right; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    .prev-next .next:hover { background: #c81814; border: solid 1px #c81814;}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */

/* Pages Star */
.pages { text-align: center;}
    .pages .frame { display: inline-table; margin: 0 auto;}
    .pages .frame a { width: 42px; height: 42px; line-height: 42px; display: inline-block; font-size: 18px; color: #000; margin-left: 5px; margin-right: 5px; background:#f4f4f4; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;}
    .pages .frame a.prev,.pager .frame a.next { color: #444;}
    .pages .frame a.on { background: #c81814; color: #FFF;}
/* Pages End */

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){

}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){

}

/* <1200的设备 */
@media screen and (max-width: 1200px){


}

/* <991的设备 */
@media screen and (max-width: 991px){

    /* Inside Banner Star */
    #inside-banner .floating-layer { padding-top: 28%; }
    #inside-banner .floating-layer .name { font-size: 32px; }
    #inside-banner .floating-layer .desc { padding-left: 30px; padding-right: 30px; line-height: 1.6;}
    /* Inside Banner End */

    /* About Us Star */
    #about-us { padding-top: 50px; padding-bottom: 50px;}
    .about-us { margin-top: 10px;}

    .about-us .cng .bg { font-size: 94px; }
    .about-us .cng .floating .contents { font-size:16px; width: calc(100% - 20px);}

    .about-us .eng { text-align: center; margin-top: 10px;}
    .about-us .eng .contents { font-size:16px; width: calc(100% - 20px); }
    /* About Us End */

    /* About Video Start */
    #about-video { margin-bottom: 30px;}
    #about-video video { width: 100%;}
    #about-video .floating-play { left: 0; top: 0; width: 100%; text-align: center; padding-top: 18%;}

    #about-video .floating-workshop { position: static;}
    #about-video .floating-workshop .workshop-environment { padding-top: 40px; padding-bottom: 0;}
    /* About Video End */


    /* List Factory Start */
    ul.list-factory { margin-top: 30px; margin-left: 0; margin-right: 0;}
    ul.list-factory li { width: 49.000000%; margin-right: 2.000000%; margin-bottom: 6px;}
    ul.list-factory li:nth-child(2n) { margin-right: 0;}
    ul.list-factory li:nth-child(3) { margin-right: 2.000000%;}
    ul.list-factory li .floating-factory { padding: 15px 10px 0 10px; display:block;}
    ul.list-factory li .floating-factory .name { font-size: 16px; margin-bottom: 10px;}
    /* List Factory End */

    /* Enterprise Honor Start */
    #enterprise-honor { padding-top: 50px; padding-bottom: 50px; }
    .enterprise-honor { width: 100%; float: none;}
    .enterprise-honor .swiper-slide { width: 200px;}
    /* Enterprise Honor End */

    /* Multiple Color Start */
    #multiple-color .imgs { float: none; width: 100.000000%;}
    #multiple-color .infos { float: none; width: 100.000000%; padding: 60px 10px 30px 10px;}
    #multiple-color .infos .lists { margin-top: 30px;}
    /* Multiple Color End */

    /* Inside Full Start */
    #inside-full { padding: 30px 0 0 0; }
    .inside-full { margin-top: 20px; margin-bottom: 20px;}
    /* Inside Full End */

    /* List Classify Star */
    .list-classify { margin-top: 20px;}
    .list-classify ul { display: block;}
    .list-classify ul li { font-size: 15px; width: 49.000000%; margin-right: 2.00000%; padding: 5px 0; margin-bottom: 8px;}
    .list-classify ul li:nth-child(2n) { margin-right: 0;}
    /* List Classify End */

    /* List Pro Star */
    ul.list-pro { margin-bottom: 20px;}
    ul.list-pro li { width: 49.000000%; margin-bottom: 10px;}
    ul.list-pro li:nth-child(2n) { margin-right: 0;}
    /* List Pro End */

    /* Advantage One Star */
    .advantage-one { margin-bottom: 30px; position: static;}
    .advantage-one.mt { margin-top: 20px;}
    .advantage-one .imgs { float: none; width: 100%;}
    .advantage-one .infos { float: none; width: 100%; background: #f6f6f6;}
    .advantage-one .infos .floating-layer { position: static; padding: 60px 10px 10px 10px; margin-right: 0; min-height: auto;}
    .advantage-one .infos .floating-layer .intros { margin-top: 15px; }
    /* Advantage One End */

    /* Advantage Two Star */
    .advantage-two { margin-bottom: 30px; position: static;}
    .advantage-two .imgs { float: none; width: 100%;}
    .advantage-two .infos { float: none; width: 100%; text-align: left; background: #f6f6f6;}
    .advantage-two .infos .floating-layer { position: static; padding: 60px 10px 0 10px; margin-left: 0; min-height: auto;}
    .advantage-two .infos .floating-layer .intros { margin-top: 15px;}
    /* Advantage Two End */


    /* List Case Star */
    ul.list-case li { width: 49.000000%; margin-bottom: 10px;}
    ul.list-case li:nth-child(2n) { margin-right: 0;}
    ul.list-case li:nth-child(3),ul.list-case li:nth-child(9) { margin-right: 2.000000%;}
    /* List Case End */

    /* Single Case Star */
    .single-case .infos { padding: 15px 10px;}
    .single-case .infos .name { font-size: 16px;}
    .single-case .infos .date { margin-top: 5px; margin-bottom: 10px;}
    /* Single Case End */

    /* Contact Us Star */
    .contact-us { padding-left: 0; padding-right: 0; margin-top: 30px;}
    .contact-us .wechats { float: none; width: 100%; margin-bottom: 20px;}

    .contact-us ul.infos { float: none; width: 100%;}
    .contact-us ul.infos li { margin-bottom: 20px; color:#222;}
    /* Contact Us End */

    /* Contact Map Star */
    .contact-map { margin-bottom: 30px;}
    .contact-map .containerMap { height: 260px;}
    /* Contact Map End */

    /* Service Time Star */
    .service-time .contents { margin-top: 20px;}
    /* Service Time End */

    /* Inside Page Start */
    #inside-page { padding-top: 30px; padding-bottom: 10px; }
    /* Inside Page End */

    /* Detail Info Star */
    .detail-info { padding-top: 0; padding-bottom: 30px;}
    .detail-info .frame .images { float: none; width: 100%;}
    .detail-info .frame .images .thumbnails { margin-top: 5px;}
    .detail-info .frame .texts { float: none; width: 100%; padding-top: 15px;}
    .detail-info .frame .texts .names { font-size: 28px;}

    .detail-info .frame .texts .intros { font-size: 16px; margin-top: 20px;}

    .detail-info .frame .texts .hotlines { font-size: 20px;}
    .detail-info .frame .texts .hotlines i { width: 40px; height: 40px; line-height: 40px;}

    .detail-info .frame .texts .contacts { margin-top: 20px;}
    .detail-info .frame .texts .contacts a { display: table; margin: 0 auto;}

    .detail-info .details { margin-top: 30px;}
    .detail-info .details .contents { margin-top: 20px;}
    /* Detail Info End */


    /* Pager Star */
    .pages { margin-top: 20px;}
    .pages .frame a { width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
    /* Pager End */
}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}