/* Grey Banner Star */
.grey-banner { overflow: hidden; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 244px; background: #fafafa;}
    .grey-banner .title { color: #050505; font-size: 52px; line-height: 244px; text-align: center; font-family: 'Din'; font-weight: 700;}
/* Grey Banner End */

/* Current Location Star */
.current-location { font-size: 15px; width: 100%; height: 64px; line-height: 64px; overflow: hidden; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8;}
    .current-location .categorys { float: right;}
    .current-location .categorys a { text-decoration: none; float: left; display: block; color: #333; transition: color .3s; padding: 0 40px 0 0;}
    .current-location .categorys a:hover { color: #fbc2c2;}
    .current-location .categorys a.on { font-weight: 700; color: #fbc2c2;}
    .current-location .categorys a:last-child { padding-right: 0;}

    .current-location .breadcrumbs { float: left;}
    .current-location .breadcrumbs span { float: left;}
    .current-location .breadcrumbs a { text-decoration: none; color: #333; transition: color .3s; text-transform: capitalize; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    .current-location .breadcrumbs a:hover { color: #fbc2c2;}
    .current-location .breadcrumbs span:last-child a { color: #999;}
    .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;}

    .current-location .sides { float: right;}
/* Current Location End */

/* Single Page Star */
#single-page { margin: 50px auto;}
    .single-page { }
/* Single Page End */

/* List Image Text Star */
ul.list-image-text { }
    ul.list-image-text li { box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #2F2F2F!important; margin-left: 10%!important; margin-bottom: 60px!important; padding-top: 6%!important; padding-bottom: 6%!important; background: #F5F5F5!important;}
    ul.list-image-text li .images { float: left;width: 50%;overflow: hidden;display: flex;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;margin-left: -10%;}
    ul.list-image-text li .images img { max-width: 100%;}
    ul.list-image-text li .texts { width: 48%!important; margin-left: 7%!important; overflow: hidden;display: flex;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
    ul.list-image-text li .texts .boxs h2 { font-size: 42px; font-family: 'Din'; font-weight: 700; margin-bottom: 10px;}
    ul.list-image-text li .texts .boxs h2 a { text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.list-image-text li .texts .boxs h2 a:hover { padding-bottom: 2px; border-bottom: solid 1px #fbc2c2; color: #fbc2c2;}
    ul.list-image-text li .texts .boxs {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
    ul.list-image-text li .texts .boxs .intros { font-size: 15px; margin-bottom: 15px; line-height: 1.4;}

    ul.list-image-text li .texts .boxs a.mores { font-size: 16px; text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
    ul.list-image-text li .texts .boxs a.mores i { margin-left: 10px;}
    ul.list-image-text li .texts .boxs a.mores:hover { color: #fbc2c2;}
/* List Image Text End */

/* About Us Star */
.about-us { }
    .about-us .aboutL { float:left; width:47%;}
    .about-us .aboutL img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .about-us .aboutR { float:right; width:50%; font-size: 20px;}


    .about-us .image {width: 100%;}
    .about-us .image ul {width: 100%;}
    .about-us .image ul li {width: 100%;}
    .about-us .image ul li img {width: 100%;}
    .about-us .image .swiper-button-next {
        width: 26px;
        height: 50px;
        background: url("../img/ce5c8f_26x50.png") center no-repeat;
        top: 50%;
        margin-top: -25px;
    }
    .about-us .image .swiper-button-next:after {
        display: none;
    }
    .about-us .image .swiper-button-prev {
        width: 26px;
        height: 50px;
        background: url("../img/8c6f2f_26x50.png") center no-repeat;
        top: 50%;
        margin-top: -25px;
    }
    .about-us .image .swiper-button-prev:after {
        display: none;
    }
    .about-us .intrs {
        width: 100%;
        max-width: 1000px;
        padding-left: 20px;
    }
    .about-us .intrs .text {
        width: 100%;
        font-size: 24px;
        line-height: 1.5;
        font-family: arial;
        color: #282828;
    }
    .about-us .intrs .txts {
        width: 100%;
        padding-top: 28px;
    }
    .about-us .intrs .txts p {
        font-size: 20px;
        line-height: 1.7;
        font-weight: bold;
        font-family: arial;
    }
/* About Us End */


/* Contact Us Start */
.contact-us { background: #f3f3f3;margin-bottom: 30px; overflow: hidden;}
    .contact-us .content { float: left; width: 66.000000%; padding: 50px 100px 0 80px;}
    .contact-us .content .title {font-family: 'OpenSansBold';font-size: 26px;line-height: 32px;color: #333;}
    .contact-us .content .info .contact-list-group {margin-top: 30px;margin-bottom: 30px;}
    .contact-us .content .info .contact-list-group .contact-list-hd {font-size: 16px;font-weight: bold;color: #333;font-family: 'OpenSansBold';margin-bottom: 5px;}
    .contact-us .content .info ul.contact-list { margin-bottom: 20px;}
    .contact-us .content .info ul.contact-list > li { font-family: 'OpenSansLight'; padding: 5px 0;color: #777;font-size: 16px; display: block; width: 100%;}
    .contact-us .content .info ul.contact-list > li i { color: #014099;}
    .contact-us .image { float: right; width: 34.000000%;}
    .contact-us .image> img {width: 100%;}
/* Contact Us End */

/* Guidance Star */
.guidance .about-us .intrs {width: 100%;max-width: 1000px;padding-left: 20px;}
    .guidance .intrs .text {width: 100%;font-size: 24px;line-height: 1.5;font-family: arial;color: #282828;}
    .guidance .intrs .txts {width: 100%;padding-top: 28px;}
    .guidance .intrs .txts p {font-size: 20px;line-height: 1.7;font-weight: bold;font-family: arial;}
/* Guidance End */

/* Detail Info Star */
.detail-info { }
    .detail-info 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;}
    .detail-info .heads { border-bottom: 1px solid #f5f5f5; text-align: center; padding: 0 0 30px 0;}
    .detail-info .heads .names { font-size: 42px; font-family: 'Din'; font-weight: 700; line-height: 1; text-align: center; color: #212121;}
    .detail-info .heads .paras { margin: 10px 0; color: #7d7d7d; font-size: 16px;}
    .detail-info .heads .shares { }
    .detail-info .infos { margin: 0 auto; font-size: 16px; padding: 30px 0; line-height: 1.4;}
/* Detail Info End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0; font-size: 16px;}
    .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: rgba(25,85,153,1); border: solid 1px rgba(25,85,153,1);}
    .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: rgba(25,85,153,1); border: solid 1px rgba(25,85,153,1);}

    .prev-next .next { width: 40%; float: right; 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 .next:hover { background: rgba(25,85,153,1); border: solid 1px rgba(25,85,153,1);}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */

/* Category Intro Star */
.category-intro { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 50px; }
    .category-intro .intro { padding: 90px 60px; width: 50%; display: flex; flex-direction: column; flex-grow: 1; position: relative; background: #f8f8f8;}
    .category-intro .intro h2.names { font-size: 42px;font-family: 'Din';font-weight: 700;margin-bottom: 10px;}

    .category-intro .intro .texts { margin: 0 auto; font-size: 16px; padding: 30px 0; line-height: 1.4;}
    .category-intro .intro .texts .boxs { display: flex;flex-direction: column;flex-grow: 1;position: relative;border-color: inherit;}

    .category-intro .image { width: 50%; display: flex; flex-direction: column; position: relative;}
    .category-intro .image .boxs { display: flex;flex-direction: column;flex-grow: 1;position: relative;border-color: inherit; justify-content: center; align-items: center;}
    .category-intro .image .boxs img { width: 100%;}
/* Category Intro End */

/* Main Page Star */
.main-page { display: flex; flex-wrap: wrap; box-sizing: border-box;}
    .main-page .mainL { width: 25%; display: flex; flex-direction: column; position: relative;}
    .main-page .mainR { width: 75%; padding-left: 4.000000%; display: flex; flex-direction: column; position: relative;}
/* Main Page End */

/* Category List Star */
ul.category-list { border-left: solid 1px #E8E8E8; border-top: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; font-size: 15px;}
    ul.category-list li { float: none;}
    ul.category-list li a { text-decoration: none; display: block; width: 100%; line-height: 1.2; position: relative; padding: 12px 15px; border-bottom: solid 1px #E8E8E8; color: inherit; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    ul.category-list li a:hover { background: #f5f5f5;}
    ul.category-list li ul.one-menu li a { padding-left: 30px;}
    ul.category-list li ul.one-menu li ul.two-menu li a { padding-left: 45px;}
/* Category List End */

/* Pro List Star */
ul.pro-list { }
    ul.pro-list li { float: left; width: 32.000000%; margin-bottom: 20px; margin-right: 2.000000%;}
    ul.pro-list li img { max-width: 100%;}
    ul.pro-list li:nth-child(3n) { margin-right: 0;}

    ul.pro-list li .item { width: 100%; border: 1px solid #d4d4d4; transition: 0.5s;}
    ul.pro-list li .item .imgs { width: 100%;overflow: hidden;border-bottom: 1px solid #d4d4d4;}
    ul.pro-list li .item .imgs img { width: 100%;transition: 0.5s;}
    ul.pro-list li .item .text { width: 100%;padding: 20px 18px;}
    ul.pro-list li .item .text h5 {font-size: 24px;line-height: 40px;margin: 8px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    ul.pro-list li .item .text h5 a { text-decoration: none; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    ul.pro-list li .item .text h5 a:hover { color: #fbc2c2;}
    ul.pro-list li .item .text p { padding-top: 0;}
    ul.pro-list li .item .text p a {display: inline-block; padding: 10px 20px; border: 1px solid #111;border-radius: 16px;text-align: center; font-size: 18px;color: #000;font-weight: bold;text-decoration: none;}
    ul.pro-list li .item:hover {box-shadow: inset 0 0 10px rgba(251,194,194,0.3);cursor: pointer;}
    ul.pro-list li .item:hover .imgs img {transform: scale(1.1);}
    ul.pro-list li .item:hover .text p a {background-color: #fbc2c2;color: #fff;border: 1px solid #fbc2c2;}
/* Pro List End */

/* Detail Pro Star */
.detail-pro { }
    .detail-pro .images { margin-bottom: 20px;}
    .detail-pro .images .imagesL { float: left; width: 450px; position: relative;}
    .detail-pro .images .imagesL .easyzoom { border: solid 1px rgba(228,228,228,1);}
    .detail-pro .images .imagesL .easyzoom img { max-width: none;}

    .detail-pro .images .imagesL .thumbnails { position: relative; padding: 10px 30px; border-left: solid 1px rgba(228,228,228,1); border-right: solid 1px rgba(228,228,228,1); border-bottom: solid 1px rgba(228,228,228,1);}
    .detail-pro .images .imagesL .thumbnails img { max-width: 100%; cursor: pointer;}
    .detail-pro .images .imagesL .thumbnails .swiper-slide { border: solid 1px #F0F0F0;}
    .detail-pro .images .imagesL .thumbnails .swiper-slide.active { border: solid 1px #fbc2c2;}
    .detail-pro .images .imagesL .swiper-button-lock { display: block;}

    :root { --swiper-navigation-size:20px; --swiper-navigation-color:#fbc2c2;}
    .detail-pro .images .imagesL .swiper-button-next, .detail-page .images .imagesL .swiper-button-prev { width: calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2))}

    .detail-pro .images .imagesL .tags { position: absolute; right: 0; top: 0; padding: 5px 15px; background:#fbc2c2; color: #FFF; -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; border-top: solid 1px rgba(228,228,228,1); border-right: solid 1px rgba(228,228,228,1); overflow: hidden;}


    .detail-pro .images .imagesR { float: right; width: calc(100% - 470px);}
    .detail-pro .images .imagesR .names { font-size: 42px; font-family: 'Din'; font-weight: 700; margin-bottom: 10px;}
    .detail-pro .images .imagesR .intros { font-size: 16px; line-height: 1.4; font-weight: lighter;}

    .detail-pro .images .imagesR .specs { margin-top: 30px;}
    .detail-pro .images .imagesR .specs ul.listings { font-size: 18px; font-weight: 700;}
    .detail-pro .images .imagesR .specs ul.listings li { display: block;padding: 3px 25px;border: 1px solid #dadada;margin: 0 6px 10px 0;cursor: pointer;overflow: hidden;min-height: 20px;line-height: 34px;float: left;}
    .detail-pro .images .imagesR .specs ul.listings li.on { border-color: #fbc2c2; color: #fbc2c2;}

    .detail-pro .images .imagesR .quantity { margin-top: 10px; font-size: 18px;}
    .detail-pro .images .imagesR .quantity .minus-plus a { text-decoration: none; width: 50px;height: 42px; line-height: 40px; text-align: center; display: block;float: left;border: 1px solid #dadada;color: #666;margin-left: -1px;}
    .detail-pro .images .imagesR .quantity .minus-plus input { float: left;width: 80px;height: 42px;border: 1px solid #dadada;text-align: center;color: #666;margin-left: -1px;outline: none;}

    .detail-pro .images .imagesR .buttons { margin-top: 30px;}
    .detail-pro .images .imagesR .buttons button {display: inline-block; background: transparent; width: 256px;height: 72px;border: 1px solid #111;border-radius: 16px;text-align: center;line-height: 70px;font-size: 24px;color: #000;font-weight: bold;text-decoration: none;}
    .detail-pro .images .imagesR .buttons button:hover {background-color: #fbc2c2;color: #fff;border: 1px solid #fbc2c2;}
/* Detail Pro End */

/* Detail Pro Start */
.detail-content { width: 100%; border-top: 8px solid #121212; padding: 20px 0 0 0;}
    .detail-content>.title { text-align: left; color: #121212; font-family: 'Din'; font-size: 28px; font-weight: 700; padding-bottom: 10px;}
    .detail-content>.content { text-align: left; font-size: 15px; font-weight: lighter; line-height: 26px; padding: 0 0 20px 0;}
/* Detail Pro End */

/* Guess Like Star */
.guess-like { margin-top: 20px; border: 1px solid #EEE;}
    .guess-like .heads { background: #fafafa; border-bottom: 1px solid #eee; padding: 0 20px; font-size: 16px; color: #000; line-height: 50px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;}
    .guess-like .heads .title { float: left; font-size: 28px; font-family: 'Din'; font-weight: 700;}

    .guess-like .listings { margin: 20px 10px 0 10px;}
    .guess-like .listings ul li { background: #FFF; float: left; margin-right: 2.000000%; width: 23.500000%; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.05); behavior: url(ie-css3.htc); transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
    .guess-like .listings ul li:nth-child(4n) { margin-right: 0;}
    .guess-like .listings ul li:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);}
/* Guess Like End */


/* List Cart Star */
.list-cart { color: #333;}
    .list-cart .carts { margin-top: 10px;}
    .list-cart .carts .ctops { background: #f3f3f3; border: solid 1px #ebebeb; margin-bottom: 15px;}
    .list-cart .carts .ctops ul li { float: left; height: 38px; line-height: 38px;}

    .list-cart .carts .ctops ul li.good { width: 50.000000%; padding-left: 15px;}
    .list-cart .carts .ctops ul li.qty { width: 35.000000%; text-align: center;}
    .list-cart .carts .ctops ul li.operate { width: 15.000000%; padding-left: 15px;}

    .list-cart .carts .cgoods { border: solid 1px #ebebeb; margin-top: 10px; position: relative;}
    .list-cart .carts .cgoods ul { border-top: solid 2px #ebebeb;}
    .list-cart .carts .cgoods ul li { float: left; font-family:'Geometric415BT-BlackA'; padding: 10px;}

    .list-cart .carts .cgoods ul li.good { width: 50.000000%; padding-left: 15px;}
    .list-cart .carts .cgoods ul li.good .pic { width: 100px; height: 100px; float: left; border: solid 3px #ebebeb}
    .list-cart .carts .cgoods ul li.good .pic img { max-width: 100%;}
    .list-cart .carts .cgoods ul li.good .info { width: calc(100% - 115px); float: right; font-size: 13px; line-height: 1.6; padding-top: 2px;}
    .list-cart .carts .cgoods ul li.good .info .name { font-weight: 700;}
    .list-cart .carts .cgoods ul li.good .info .specs { margin: 3px auto;}

    .list-cart .carts .cgoods ul li.qty { width: 35.000000%; text-align: center;}
    .list-cart .carts .cgoods ul li.qty .minus-plus { margin: 0 auto; width: 98px; text-align: center;}
    .list-cart .carts .cgoods ul li.qty .minus-plus a {width: 30px;height: 30px; line-height: 30px; text-align: center; display: block;float: left;border: 1px solid #dadada;color: #666;margin-left: -1px;}
    .list-cart .carts .cgoods ul li.qty .minus-plus input { float: left;width: 38px;height: 30px;border: 1px solid #dadada;text-align: center;color: #666;margin-left: -1px;outline: none;}

    .list-cart .carts .cgoods ul li.operate { width: 15.000000%; padding-left: 15px;}
    .list-cart .carts .cgoods ul li.operate a { display: block;}

    .list-cart .titles { margin: 25px auto;}
    .list-cart .titles h1 { float: left; font-size: 18px;}

    .list-cart .infos { }
    .list-cart .infos .items { margin-bottom: 15px;}


    .list-cart .infos .items button {
        display: inline-block;
        padding-left: 30px; padding-right: 30px;
        height: 40px;
        background-color: #fbc2c2;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        color: #fff;
        margin: 24px auto;
        text-decoration: none;
    }
    .list-cart .infos .items button img {
        margin-left: 18px;
    }
    .list-cart .infos .items button:hover {
        background-color: #d7a4a4;
    }

    .list-cart .carts .emptys { border: solid 1px #ebebeb; margin-top: 10px; padding: 15px 0;}
/* List Cart End */




@media (min-width: 1366px) {
    .container {
        width: 1280px;
    }
}
@media (min-width: 1500px) {
    .container {
        width: 1366px;
    }
}

/* Ajax Page Star */
.ajax-page { text-align: center; margin: 0 auto;}
    .ajax-page .current { color: #fff; background-color: #014099; border-color: #014099;}
/* Ajax Page End */

/* Loading Star */
.loading { font-size: 0; text-align: center; line-height: 10px; margin: 20px auto;}
    .loading i { margin: 0 9px; display: inline-block; vertical-align: top; width: 10px; height: 10px; background-color: #333; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}

    .loading i:nth-of-type(1) {-webkit-animation: loading1 1s linear infinite;animation: loading1 1s linear infinite;}
    .loading i:nth-of-type(2) {opacity: .85;-webkit-animation: loading2 1s linear infinite;animation: loading2 1s linear infinite;}
    .loading i:nth-of-type(3) {opacity: .7;-webkit-animation: loading3 1s linear infinite;animation: loading3 1s linear infinite;}
    .loading i:nth-of-type(4) {opacity: .55;-webkit-animation: loading4 1s linear infinite;animation: loading4 1s linear infinite;}
    .loading i:nth-of-type(5) {opacity: .4;-webkit-animation: loading5 1s linear infinite;animation: loading5 1s linear infinite;}
    .loading i:nth-of-type(6) {-webkit-opacity: .25;animation: loading6 1s linear infinite;animation: loading6 1s linear infinite; }

    @keyframes loading1 { 0% {opacity: 1} 50% {opacity: .25} 100% {opacity: 1} }
    @keyframes loading2 { 0% {opacity: .85} 10% {opacity: 1} 60% {opacity: .25} 100% {opacity: .85} }
    @keyframes loading3 { 0% {opacity: .7} 20% {opacity: 1} 70% {opacity: .25} 100% {opacity: .7} }
    @keyframes loading4 { 0% {opacity: .55} 30% {opacity: 1} 80% {opacity: .25} 100% {opacity: .55} }
    @keyframes loading5 { 0% {opacity: .4} 40% {opacity: 1} 90% {opacity: .25} 100% {opacity: .4} }
    @keyframes loading6 { 0% {opacity: .25} 50% {opacity: 1} 100% {opacity: .25} }

    @-webkit-keyframes loading1 { 0% {opacity: 1} 50% {opacity: .25} 100% {opacity: 1} }
    @-webkit-keyframes loading2 { 0% {opacity: .85} 10% {opacity: 1} 60% {opacity: .25} 100% {opacity: .85} }
    @-webkit-keyframes loading3 { 0% {opacity: .7} 20% {opacity: 1} 70% {opacity: .25} 100% {opacity: .7}}
    @-webkit-keyframes loading4 { 0% {opacity: .55} 30% {opacity: 1} 80% {opacity: .25} 100% {opacity: .55}}
    @-webkit-keyframes loading5 { 0% {opacity: .4} 40% {opacity: 1} 90% {opacity: .25} 100% {opacity: .4}}
    @-webkit-keyframes loading6 { 0% {opacity: .25} 50% {opacity: 1} 100% {opacity: .25}}
/* Loading 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){

    .container { padding-left: 10px; padding-right: 10px;}

    /* Grey Banner Star */
    .grey-banner { height: 118px;}
    .grey-banner .title { font-size: 42px; line-height: 118px;}
    /* Grey Banner End */

    /* About Us Star */
    .about-us .aboutL { float:none; width:100%;}
    .about-us .aboutR { float:none; width:100%; font-size: 16px; padding-left: 0; margin-top: 20px;}
    .about-us .intrs {padding-left: 0;}
    /* About Us End */

    /* Single Page Star */
    #single-page { margin: 15px auto;}
    /* Single Page End */

    /* List Image Text Star */
    ul.list-image-text { }
    ul.list-image-text li { margin-left: 0!important; margin-bottom: 20px!important; padding: 5.000000%;}
    ul.list-image-text li .images { display: none;}
    ul.list-image-text li .texts { width: 100%!important; margin-left: 0!important;}
    ul.list-image-text li .texts .boxs h2 { font-size: 32px;}
    /* List Image Text End */

    /* Contact Us Start */
    .contact-us { margin-bottom: 20px;}
    .contact-us .content { float: none; width: 100.000000%; padding: 20px 10px;}
    .contact-us .content .title { font-size: 16px; line-height: 1.4;}
    .contact-us .content .info .contact-list-group {margin-top: 20px;margin-bottom: 20px;}
    .contact-us .image { float: none; width: 100.000000%;}
    /* Contact Us End */

    /* Detail Info Star */
    .detail-info .heads .names { font-size: 32px;}
    /* Detail Info End */

    /* Guidance Star */
    .guidance .intrs .text { font-size: 18px;}
    .guidance .intrs .txts p {font-size: 18px;}
    /* Guidance End */

    /* Category Intro Star */
    .category-intro .intro { padding: 20px 15px; width: 100%; }
    .category-intro .intro h2.names { font-size: 32px;}
    .category-intro .intro .texts { padding: 10px 0;}
    .category-intro .image { display: none;}
    /* Category Intro End */

    /* Main Page Star */
    .main-page { margin-top: 20px;}
    .main-page .mainL { display: none;}
    .main-page .mainR { width: 100%; padding-left: 0.000000%;}
    /* Main Page End */

    /* Pro List Star */
    ul.pro-list { }
    ul.pro-list li { float: none; width: 100.000000%; margin-bottom: 20px; margin-right: 0.000000%;}
    /* Pro List End */

    /* Detail Pro Star */
    .detail-pro { }
    .detail-pro .images { margin-bottom: 10px;}
    .detail-pro .images .imagesL { float: none; width: 100.000000%;}

    .detail-pro .images .imagesR { float: none; width: 100.000000%;}
    .detail-pro .images .imagesR .names { font-size: 32px; margin-top: 15px;}

    .detail-pro .images .imagesR .button { margin-top: 30px; text-align: center;}
    .detail-pro .images .imagesR .button a {display: inline-block;width: 256px;height: 62px;line-height: 62px;}
    .detail-pro .images .imagesR .button a:hover {background-color: #fbc2c2;color: #fff;border: 1px solid #fbc2c2;}
    /* Detail Pro End */

    /* Guess Like Star */
    .guess-like .listings ul li { float: none; margin-right: 0.000000%; width: 100.000000%;}
    /* Guess Like End */

    /* List Cart Star */
    .list-cart .carts .ctops ul li.good { width: 50.000000%; }
    .list-cart .carts .ctops ul li.qty { width: 25.000000%; }
    .list-cart .carts .ctops ul li.operate { width: 25.000000%; }

    .list-cart .carts .cgoods ul li.good .pic { display: none;}
    .list-cart .carts .cgoods ul li.good .info { width: 100%; float: none;}

    .list-cart .carts .cgoods ul li.qty { width: 25.000000%; }
    .list-cart .carts .cgoods ul li.operate { width: 25.000000%;}
    /* List Cart End */
}

/* <767的设备 */
@media screen and (max-width: 767px){

}

/* <450的设备 */
@media screen and (max-width: 450px){

}