/* Inside Banner Star */
#inside-banner { height: 547px; display: flex; justify-content: center; align-items: center;}
    .inside-banner { color: #FFF; padding-left: 2%; padding-right: 2%; text-align: left;}
    .inside-banner .heads { font-size: 48px; font-family: 'OswaldBold'; line-height: 1;}
    .inside-banner .descs { font-size: 18px; font-family: 'Montserrat Light'; line-height: 1.46; margin-top: 20px;}
/* Inside Banner End */

/* Inside Full Start */
#inside-full { padding: 80px 50px 30px 50px;}
    .inside-full { margin-bottom: 30px;}
/* Inside Full End */

/* List Pro Start */
ul.list-pro { margin-bottom: 50px; margin-top: 50px;}
    ul.list-pro li { float: left; width: 32.000000%; margin-right: 2.000000%; margin-bottom: 30px;}
    ul.list-pro li:nth-child(3n) { margin-right: 0;}
/* List Pro End */

/* List Category Start */
.list-category { }
    .list-category .frames { display: table; margin: 0 auto; position: relative; font-family: 'Montserrat Light'; color:#1e1e1e; font-size: 20px; padding: 0 80px;}
    .list-category .frames .selects { display: table; padding: 6px 0; margin: 0 auto;}
    .list-category .frames .selects .ico-arrow { margin-left: 15px;}
    .list-category .frames .drop-down-category { display: none; position:absolute; left: 0; top: -15px; width: 100%; text-align: center; padding-top: 49px; box-shadow: 0 6px 12px 1px #0000001f; transition: opacity .25s ease,box-shadow .25s ease,visibility .25s}
    .list-category .frames .drop-down-category.active { display: block;}

    .list-category .frames .drop-down-category a { background: #FFF; display: block; color: #1e1e1e; padding: 8px 0; white-space: nowrap;}
    .list-category .frames .drop-down-category a:hover { background: #f5f3f1;}

    .list-category .frames:hover .drop-down-category { display: block;}
/* List Category End */

/* List Classify Star */
.list-classify { text-align: center; margin-top: 30px;}
    .list-classify ul { margin: 0 auto; display: inline-table;}
    .list-classify ul li { float: left; margin-right: 20px; padding: 10px 50px; text-align: center; font-family: 'Montserrat Bold'; border: solid 1px #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: #e5741e; border: solid 1px #e5741e;}
    .list-classify ul li.active a,.list-classify ul li:hover a { color: #FFF;}
/* List Classify End */


/* Current Location Star */
.current-location { height: 64px; line-height: 64px; overflow: hidden; color: #818181; font-family: 'Montserrat Light';}
    .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 */

/* Detail Info Star */
.detail-info { padding-top: 10px; padding-bottom: 80px;}
    .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 { font-family: 'OswaldBold'; color:#1e1e1e; font-size: 32px; line-height: 1.26;}
    .detail-info .frame .texts .prices { color:#1e1e1e; margin-top: 40px;}
    .detail-info .frame .texts .prices ul li { float: left; line-height: 1; margin-right: 35px;}
    .detail-info .frame .texts .prices ul li:last-child { margin-right: 0;}
    .detail-info .frame .texts .prices ul li .qtys { font-family: 'Montserrat Light'; font-size: 16px; color: rgba(30, 30, 30, 0.63);}
    .detail-info .frame .texts .prices ul li .moneys { font-family: 'Roboto Bold'; font-size: 38px; margin-top: 10px;}

    .detail-info .frame .texts .solds { font-family: 'Montserrat Light'; font-size: 16px; color:#ababab; margin-top: 25px;}

    .detail-info .frame .texts .colors { font-family: 'Montserrat Medium'; color:#1e1e1e; margin-top: 40px;}
    .detail-info .frame .texts .colors .fames { float: left; width: 120px; font-size: 20px; line-height: 1.8;}
    .detail-info .frame .texts .colors .selects { float: right; width: calc(100% - 120px);}
    .detail-info .frame .texts .colors .selects ul.lists { }
    .detail-info .frame .texts .colors .selects ul.lists .items { cursor: pointer; float: left; width: 74px; height: 74px; border: solid 1px #c5c5c5; margin-left: 5px; margin-right: 5px;}
    .detail-info .frame .texts .colors .selects ul.lists .items.on,.detail-info .frame .texts .colors .selects ul.lists .items:hover { border: solid 1px #e5741e;}

    .detail-info .frame .texts .intros { font-family: 'Montserrat Light'; color:#575757; font-size: 18px; margin-top: 40px;}

    .detail-info .frame .texts .sames { font-family: 'Montserrat Medium'; line-height: 60px; color:#1e1e1e; margin-top: 15px;}
    .detail-info .frame .texts .sames.first { margin-top: 65px;}
    .detail-info .frame .texts .sames .fames { float: left; width: 320px; font-size: 20px; text-transform: uppercase;}
    .detail-info .frame .texts .sames .styles { float: right; width: calc(100% - 320px);}
    .detail-info .frame .texts .sames .styles img.pro { height: 60px; margin-right: 20px; border: dotted 1px #c5c5c5;}


    .detail-info .frame .texts .contacts { margin-top: 65px;}
    .detail-info .frame .texts .contacts a { padding: 15px 60px; display: inline-block; font-size: 24px; font-family: 'Montserrat Medium'; 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: #089edd;}

    .detail-info .details { margin-top: 100px;}
/* Detail Info End */

/* Inside Page Start */
#inside-page { padding: 80px 0;}
    .inside-page { margin-bottom: 30px;}
/* Inside Page End */

/* About Start */
.inside-page.about { }
    .inside-page.about .details { margin-top: 50px; font-family: 'Montserrat Light'; color:#1e1e1e; text-align: center; font-size: 18px; line-height: 1.8;}

    .inside-page.about .gallerys { position: relative; padding-left: 5%; padding-right: 5%; margin-top: 80px;}
    .inside-page.about .gallerys .swipers { height: 1200px;}
    .inside-page.about .gallerys .swipers .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
    .inside-page.about .gallerys .swipers .swiper-slide { height: calc((100% - 30px) / 2) !important;display: flex;justify-content: center;align-items: center; text-align: center;}
    .inside-page.about .gallerys .swiper-pagination { bottom: -60px;}
    .inside-page.about .gallerys .swiper-pagination-bullet { width: 15px; height: 15px; background: #000;}
    .inside-page.about .gallerys .swiper-pagination-bullet-active { background: #089edd;}
/* About End */

/* OEM Start */
.inside-page.oem { }
    .inside-page.oem .details { text-align: center; margin-top: 50px;}
    .inside-page.oem .buttons { margin-top: 50px; margin-left: 30%; margin-right: 30%; text-align: center;}
    .inside-page.oem .buttons a { color: #FFF; padding-top: 15px; padding-bottom: 15px; font-size: 20px; float: left; width: 47.000000%; margin-right: 6.000000%; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .inside-page.oem .buttons a:nth-child(2n) { margin-right: 0;}
    .inside-page.oem .buttons a.about { border: solid 1px #e5741e; color: #e5741e;}
    .inside-page.oem .buttons a.contact { border: solid 1px #123240; background: #123240;}
    .inside-page.oem .buttons a:hover { background: #e5741e; border: solid 1px #e5741e; color: #FFF;}

    .inside-page.oem .listing { margin-top: 100px; color:#1e1e1e; font-size: 17px; padding-left: 5%; padding-right: 5%;}
/* OEM End */

/* Contact Start */
.inside-page.contact { }
    .inside-page.contact ul.infos { padding-left: 33%; padding-right: 33%; margin-top: 70px; margin-bottom: 80px;}
    .inside-page.contact ul.infos li { margin-bottom: 50px; color:#222;}
    .inside-page.contact ul.infos li .icon { width: 50px; float: left;}
    .inside-page.contact ul.infos li .content { width: calc(100% - 50px); float: right; font-size: 18px;}
    .inside-page.contact ul.infos li .content .names { font-weight: 700; margin-bottom: 5px;}

    .inside-page.contact .works { text-align: center; margin-top: 50px;}

    .inside-page.contact .intros { text-align: center; margin-top: 50px;}
    .inside-page.contact .intros .titles { color:#1e1e1e; font-family: 'Montserrat Bold'; font-size: 32px; line-height: 1.26;}
    .inside-page.contact .intros .subtitles { margin-top: 20px; color:#1e1e1e; font-size: 22px; line-height: 1.46;}
/* Contact End */

/* Pager Star */
.pager { text-align: center;}
    .pager .frame { display: inline-table; margin: 0 auto;}
    .pager .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;}
    .pager .frame a.prev,.pager .frame a.next { color: #444;}
    .pager .frame a.on { background: #089edd; color: #FFF;}
/* Pager 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 { height: 160px;}
    .inside-banner { padding-left: 10px; padding-right: 10px;}
    .inside-banner .heads { font-size: 28px;}
    .inside-banner .descs { font-size: 15px; margin-top: 5px;}
    /* Inside Banner End */

    /* Inside Full Start */
    #inside-full { padding: 30px 10px 30px 10px;}
    .inside-full { margin-bottom: 20px;}
    /* Inside Full End */

    /* List Pro Start */
    ul.list-pro { margin-bottom: 20px; margin-top: 0;}
    ul.list-pro li { width: 49.000000%; margin-bottom: 20px;}
    ul.list-pro li:nth-child(2n) { margin-right: 0;}
    ul.list-pro li:nth-child(3),ul.list-pro li:nth-child(9) { margin-right: 2.000000%;}
    /* List Pro End */

    /* Current Location Star */
    .current-location { height: 48px; line-height: 48px;}
    .current-location .breadcrumbs { float: none; width: 100%;}
    .current-location .breadcrumbs i { width: 4px; height: 48px; margin: 0 5px; }
    .current-location .breadcrumbs i.fa { height: 48px; line-height: 48px; margin: 0 5px 0 0;}
    .current-location .icos { display: none;}
    /* Current Location 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 .prices { margin-top: 15px;}
    .detail-info .frame .texts .prices ul li { margin-right: 25px; margin-bottom: 10px;}
    .detail-info .frame .texts .prices ul li .qtys { font-size: 15px; }
    .detail-info .frame .texts .prices ul li .moneys {font-size: 38px; margin-top: 5px;}

    .detail-info .frame .texts .solds { margin-top: 5px;}

    .detail-info .frame .texts .colors { margin-top: 20px;}
    .detail-info .frame .texts .colors .fames { width: 110px;}
    .detail-info .frame .texts .colors .selects { width: calc(100% - 110px);}

    .detail-info .frame .texts .intros { font-size: 16px; margin-top: 20px;}

    .detail-info .frame .texts .sames { line-height: 1.46; margin-top: 20px;}
    .detail-info .frame .texts .sames .fames { float: none; width: 100%;}
    .detail-info .frame .texts .sames .styles { float: none; width: 100%; margin-top: 8px;}

    .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 End */

    /* Inside Page Start */
    #inside-page { padding: 30px 0;}
    .inside-page { margin-bottom: 20px;}
    /* Inside Page End */

    /* OEM Start */
    .inside-page.oem .details { margin-top: 20px;}
    .inside-page.oem .buttons { margin-top: 20px; margin-left: 0; margin-right: 0;}
    .inside-page.oem .buttons a { font-size: 18px;}

    .inside-page.oem .listing { margin-top: 50px; padding-left: 0; padding-right: 0;}
    /* OEM End */

    /* About Start */
    .inside-page.about .details { margin-top: 20px;}

    .inside-page.about .gallerys { padding-left: 0; padding-right: 0; margin-top: 20px;}
    .inside-page.about .gallerys .swipers { height: auto;}
    .inside-page.about .gallerys .swiper-pagination { bottom: -40px;}
    /* About End */

    /* Contact Start */
    .inside-page.contact ul.infos { padding-left: 0; padding-right: 0; margin-top: 20px; margin-bottom: 20px;}
    .inside-page.contact ul.infos li { margin-bottom: 20px; color:#222;}

    .inside-page.contact .works { margin-top: 20px;}

    .inside-page.contact .intros { margin-top: 30px;}
    .inside-page.contact .intros .titles { font-size: 24px; }
    .inside-page.contact .intros .subtitles { margin-top: 10px; font-size: 18px; }
    /* Contact End */

    /* List Classify Star */
    .list-classify { margin-top: 20px;}
        .list-classify ul li { margin-right: 2.000000%; padding-left: 0; padding-right: 0; text-align: center; width:49.000000%;  margin-bottom: 15px;}
        .list-classify ul li:nth-child(2n) { margin-right: 0;}
    /* List Classify End */


    /* Pager Star */
    .pager .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){

}