/* Inside Banner Star */

#inside-banner { padding: 10% 0;}

    .inside-banner { color: #FFF; padding-left: 8%; padding-right: 8%;}

    .inside-banner .heads { font-family: 'Roboto Black'; font-size: 68px;}

/* Inside Banner End */



/* Frame Page Star */

#frame-page { padding: 40px 0 35px 0;}

    .frame-page { }

    .frame-page .side-left { float: left; width: 320px;}

    .frame-page .side-right { float: right; width: calc(100% - 360px); min-height: 560px;}

/* Frame Page End */



/* Side Columns Star

.side-columns { }

    .side-columns .titles { background:rgba(187, 127, 51, 0.57); color: #FFF; font-family: 'Roboto Black'; font-size: 22px; padding: 40px 0 40px 20px;}

    .side-columns ul.levels { background: rgba(187, 127, 51, 0.04); padding-top: 10px; padding-bottom: 30%;}

    .side-columns ul.levels li { padding: 10px 20px; font-family: 'Montserrat Light'; font-size: 17px;}

    .side-columns ul.levels li i { float: right; display: none;}

    .side-columns ul.levels li.on i,.side-columns ul.levels li:hover i { display: inline-block;}

    .side-columns ul.levels li.on a { color:#bb7f33; font-family: 'Montserrat Bold';}

    .side-columns ul.levels li:hover a { color:#bb7f33;}

 Side Columns End */



/* Side Columns Star */

.side-columns { }

    .side-columns .titles { background: rgba(187, 127, 51, 0.57); color: #FFF; font-family: 'Roboto Black'; font-size: 22px; padding: 40px 0; text-align: center; text-transform: uppercase;}

    .side-columns ul.levels { background: rgba(187, 127, 51, 0.04); padding-top: 10px; padding-bottom: 30%;}

    .side-columns ul.levels>li { padding: 10px 15px; font-family: 'Montserrat Light'; font-size: 16px; border-bottom: solid 1px #FAFAFA;}

    .side-columns ul.levels>li:last-child { border-bottom: none;}

    .side-columns ul.levels>li>a>i { float: right; display: none;}

    .side-columns ul.levels>li.on i,.side-columns ul.levels>li:hover i { display: inline-block;}

    .side-columns ul.levels>li.on>a { color:#bb7f33; font-family: 'Montserrat Bold';}

    .side-columns ul.levels>li:hover>a { color:#bb7f33;}



    .side-columns ul.levels>li ul { margin-top: 10px; margin-left: 10px;}

    .side-columns ul.levels>li ul li { border-bottom: solid 1px #FAFAFA; line-height: 1.86;}

    .side-columns ul.levels>li ul li.on a { color:#bb7f33;}

/* Side Columns End */



/* Inside Pro Star */

ul.inside-pro { margin-bottom: 30px;}

    ul.inside-pro li { float: left; margin-right: 2.000000%; width: 23.5000000%; margin-bottom: 30px;}

    ul.inside-pro li:nth-child(4n) { margin-right: 0;}

/* Inside Pro 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: #bb7f33; color: #FFF;}

/* Pager 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 { }

    .detail-info .frame { }

    .detail-info .frame .images { float: left; width: 620px; position: relative;}



    .detail-info .frame .images .large { position: relative;}

    .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;}

    .detail-info .frame .images .thumbnails .swiper-slide.active { border: solid 2px #bb7f33;}

    .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 .swiper-button-lock { display: block;}

    .detail-info .frame .images .swiper-button-next, .detail-info .frame .images .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-info .frame .texts { float: right; width: calc(100% - 670px); padding-top: 5px;}



    .detail-info .frame .texts .names { font-family: 'Roboto Bold'; font-size: 24px; color:#575757; line-height: 1.2;}



    .detail-info .frame .texts .prices { margin-top: 50px;}

    .detail-info .frame .texts .prices .actual { color:#575757; font-family: 'Roboto Black'; display: inline-block; font-size: 48px; margin-right: 16px;}

    .detail-info .frame .texts .prices .market { color:#afafaf; font-family: 'Roboto Bold'; display: inline-block; font-size: 24px; vertical-align: top; text-decoration: line-through;}



    .detail-info .frame .texts .conditions { font-family: 'Montserrat Light'; font-size: 18px; margin-top: 25px;}

    .detail-info .frame .texts .conditions .orders { color:#575757; display: inline-block; margin-right: 40px;}

    .detail-info .frame .texts .conditions .solds { color:#ababab; display: inline-block;}



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

    .detail-info .frame .texts ul.terms li img.icon { height: 36px; margin-right: 20px;}

    .detail-info .frame .texts ul.terms li { line-height: 36px; margin-bottom: 15px;}



    .detail-info .frame .texts .quantity .minus-plus { margin-top: 60px; font-size: 18px;}

    .detail-info .frame .texts .quantity .minus-plus a.mins { line-height: 30px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; overflow: hidden;}

    .detail-info .frame .texts .quantity .minus-plus a.add { line-height: 34px; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; overflow: hidden;}

    .detail-info .frame .texts .quantity .minus-plus a { width: 36px; height: 36px; text-align: center; display: block; float: left; border: 1px solid #dadada; color: #666; margin-left: -1px;}

    .detail-info .frame .texts .quantity .minus-plus input { float: left;width: 58px;height: 36px; line-height: 36px; border: 1px solid #dadada;text-align: center;color: #666;margin-left: -1px;outline: none;}



    .detail-info .frame .texts .add-cart { margin-top: 50px; cursor: pointer; font-size: 32px; background:#bb7f33; color: white; padding: 15px 110px; display: inline-block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden;}





    .detail-info .contents { margin-top: 45px;}

    .detail-info .contents .details { margin-top: 45px; font-family: 'Montserrat Light';}



/* Detail Info End */



/* Related Pro Start */

.related-pro { margin-top: 30px;}

    .related-pro ul.list-pro { margin-top: 30px;}

    .related-pro ul.list-pro li { margin-right: 2.000000%; width: 23.500000%; float: left; margin-bottom: 30px;}

    .related-pro ul.list-pro li:nth-child(4n) { margin-right: 0;}

/* Related Pro End */



/* About Us Start */

#about-us { padding: 100px 0 30px 0;}

    .about-us { margin-top: 50px; padding: 120px 0 200px 0; color: #FFF; font-family: 'Montserrat Light'; font-size: 17px; background: url("../img/about-us-bg.png") center bottom no-repeat #222; background-size: 100%;}

    .about-us .boxs { padding-left: 10%; padding-right: 10%;}

/* About Us End */



/* Our Service Start */

#our-service { background:#fffcf8; padding: 100px 0;}

    #our-service .intros { color: #222; font-family: 'Montserrat Bold'; font-size: 36px; text-align: center; line-height: 1; margin-top: 50px; margin-bottom: 60px;}



    #our-service .ones { position: relative; margin-bottom: 80px;}

    #our-service .ones .figures { width: 50.000000%; float: right;}

    #our-service .ones .floatings { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    #our-service .ones .floatings .boxs { padding: 8% 10% 0 10%; width: 50.000000%;}



    #our-service .ones .floatings .boxs .numbers { height: 60px; margin-bottom: 30px;}

    #our-service .ones .floatings .boxs .numbers img { max-height: 100%;}



    #our-service .twos { position: relative; margin-bottom: 80px;}

    #our-service .twos .figures { width: 50.000000%; float: left;}

    #our-service .twos .floatings { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    #our-service .twos .floatings .boxs { padding-top: 8%; padding-left: 60%; }



    #our-service .twos .floatings .boxs .numbers { height: 60px; margin-bottom: 30px;}

    #our-service .twos .floatings .boxs .numbers img { max-height: 100%;}





    #our-service .thrs { position: relative; margin-bottom: 80px;}

    #our-service .thrs .figures { width: 50.000000%; float: right;}

    #our-service .thrs .floatings { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    #our-service .thrs .floatings .boxs { padding: 8% 5% 0 10%; width: 50.000000%;}



    #our-service .thrs .floatings .boxs .numbers { height: 60px; margin-bottom: 30px;}

    #our-service .thrs .floatings .boxs .numbers img { max-height: 100%;}





    #our-service .fours { position: relative; margin-bottom: 80px; background:#bb7f33;}

    #our-service .fours .figures { width: 50.000000%; float: left;}

    #our-service .fours .floatings { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    #our-service .fours .floatings .boxs { padding-top: 8%; padding-left: 60%;}



    #our-service .fours .floatings .boxs .numbers { height: 60px; margin-bottom: 30px;}

    #our-service .fours .floatings .boxs .numbers img { max-height: 100%;}



    #our-service .fives { position: relative;}

    #our-service .fives .figures { width: 50.000000%; float: right;}

    #our-service .fives .floatings { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

    #our-service .fives .floatings .boxs { padding: 8% 10% 0 10%; width: 50.000000%;}



    #our-service .fives .floatings .boxs .numbers { height: 60px; margin-bottom: 30px;}

    #our-service .fives .floatings .boxs .numbers img { max-height: 100%;}



/* Our Service End */



/* Contact Us Start */

#contact-us { padding: 100px 0;}

    .contact-us { padding-left: 20%; padding-right: 20%;}

    .contact-us .slogans { font-family: 'Montserrat Bold'; font-size: 24px; line-height: 1.4; margin-bottom: 50px;}



    .contact-us ul.contacts { }

    .contact-us ul.contacts li { float: left; width: 50.000000%; margin-bottom: 50px;}

    .contact-us ul.contacts li.fulls { width: 100.000000%; float: none; margin-bottom: 0;}



    .contact-us ul.contacts li .names { font-family: 'Roboto Black'; font-size: 20px; margin-bottom: 15px; color:#222;}

    .contact-us ul.contacts li .contents { font-family: 'Montserrat Light'; color:#575757; font-size: 17px;}

/* Contact Us End */



/* Contact Advert Start */

#contact-advert { padding: 8% 0; text-align: center;}

    .contact-advert { width: 42%; margin: 0 auto; color: #FFF; font-family: 'Montserrat Regular'; font-size: 32px; line-height: 1.2;}

/* Contact Advert End */





/* Contact Form Start */

#contact-form { padding: 5% 0; text-align: center;}

    .contact-form { width: 42%; margin: 0 auto; color: #FFF; font-family: 'Montserrat Regular'; font-size: 32px; line-height: 1.2;}



    .contact-form ul.forms { }

    .contact-form ul.forms li { margin-bottom: 20px;}

    .contact-form ul.forms li .form-control { padding: 12px 20px; display: block; height: auto; font-family: 'Montserrat Light'; }

    .contact-form .buttons { margin-top: 30px;}

    .contact-form .buttons button { font-family: 'Roboto Bold'; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 15px 50px; line-height: 1; outline: 0; border: 0; background: #bb7f33; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

    .contact-form .buttons button:hover { background: #cc6633;}

/* Contact Form End */



/* Explore Scents Start */

#explore-scents { padding: 100px 0;}

/* Explore Scents End */



/* List Text Start */

ul.list-text { }

    ul.list-text li { margin-right: 5.000000%; width: 47.500000%; float: left; margin-bottom: 70px;}

    ul.list-text li:nth-child(2n) { margin-right: 0;}

    ul.list-text li .names { color:#95734b; font-family: 'Montserrat Bold'; margin-bottom: 20px; font-size: 24px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

    ul.list-text li .intros { color:#95734b; font-family: 'Montserrat Light'; font-size: 17px;}

    ul.list-text li .mores { margin-top: 15px; color:#95734b;}

    ul.list-text li .mores img { margin-left: 10px;}

    ul.list-text li:hover .names { color: #cc6633;}

/* List Text End */



/* Precious Moments Start */

#precious-moments { background:#bb7f33; padding: 60px 0; margin-bottom: 160px;}

    .precious-moments { position: relative; padding-bottom: 14%;}

    .precious-moments .imgs { position: absolute; left: 0; top: 0; max-width: 500px;}



    .precious-moments .infos { float: right; width: calc(100% - 560px); color: #FFF; padding-top: 50px;}

    .precious-moments .infos .names { font-family: 'Montserrat Bold'; font-size: 38px; margin-bottom: 30px;}

    .precious-moments .infos .intros { font-family: 'Montserrat Light';  font-size: 20px; line-height: 1.2;}

/* Precious Moments End */





/* Detail Content Star */

#detail-content { padding: 50px 0;}

    #detail-content img { max-width: 80%;}

    .detail-content .heads { border-bottom: 1px solid #f5f5f5; text-align: center; padding: 0 0 30px 0;}

    .detail-content .heads .names { font-size: 28px; line-height: 1; text-align: center; font-family: 'Montserrat Bold';}

    .detail-content .heads .paras { margin: 10px 0; font-family: 'Montserrat Light';}

    .detail-content .heads .shares { }

    .detail-content .infos { margin: 0 auto; font-size: 16px; padding: 30px 0; font-family: 'Montserrat Light';}

/* Detail Content End */



/* Prev Next Star */

.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0;}

    .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;}

    .prev-next .prev:hover { background: #5aa2d0; border: solid 1px #5aa2d0;}

    .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; color: #545454; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}

    .prev-next .back a:hover { color: #FFF; background: #5aa2d0; border: solid 1px #5aa2d0;}



    .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;}

    .prev-next .next:hover { background: #5aa2d0; border: solid 1px #5aa2d0;}

    .prev-next .next:hover a { color: #FFF;}

/* Prev Next End */



/* Single Image Text Star */

.single-image-text { }

    .single-image-text .imgs { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}

    .single-image-text .imgs img { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

    .single-image-text: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-image-text .names { font-size: 17px; font-family: 'Montserrat Light'; color:#575757; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

    .single-image-text .buttons { text-align: center; display: block; margin-top: 20px;}

    .single-image-text .buttons span { font-size: 16px; font-family: 'Roboto Black'; color:#bb7f33; padding: 5px 20px; border: solid 1px #bb7f33; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}

    .single-image-text:hover .buttons span { background: #bb7f33; color: #FFF;}

/* Single Gifts 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){



    /* Header Thr Start */

    .header-thr { margin-bottom: 15px;}

    .header-thr .desc { margin-top: 10px;}

    /* Header Thr End */



    /* Our Service Star */

    #our-service .twos .floatings .boxs { padding-top: 1%;padding-left: 55%;}

    #our-service .fours .floatings .boxs { padding-top: 5%; padding-left: 55%;}

    #our-service .fives .floatings .boxs { padding: 2% 5% 0 10%;}

    /* Our Service End */

}



/* <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 { padding: 10% 0;}

    .inside-banner { padding-left: 10px; padding-right: 10px;}

    .inside-banner .heads { font-size: 22px;}

    /* Inside Banner 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 */



    /* Frame Page Star */

    #frame-page { padding: 20px 0 15px 0;}

    .frame-page .side-left { display: none;}

    .frame-page .side-right { float: none; width: 100%; min-height: auto;}

    /* Frame Page End */



    /* Inside Pro Star */

    ul.inside-pro { margin-bottom: 20px;}

    ul.inside-pro li { float: left; margin-right: 2.000000%; width: 49.0000000%; margin-bottom: 20px;}

    ul.inside-pro li:nth-child(2n) { margin-right: 0;}

    /* Inside Pro End */



    /* Detail Info Star */

    .detail-info .frame .images { float: none; width: 100%; overflow: hidden;}

    .detail-info .frame .images .large .video { min-height: auto;}



    .detail-info .frame .texts { float: none; width: 100%; padding-top: 5px;}



    .detail-info .frame .texts .names { font-size: 22px;}



    .detail-info .frame .texts .prices { margin-top: 20px;}

    .detail-info .frame .texts .prices .actual { font-size: 32px; margin-right: 10px;}

    .detail-info .frame .texts .prices .market { font-size: 18px;}



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

    .detail-info .frame .texts .conditions .orders { margin-right: 20px;}



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

    .detail-info .frame .texts ul.terms li img.icon { height: 32px; margin-right: 20px;}

    .detail-info .frame .texts ul.terms li { line-height: 32px; margin-bottom: 10px;}



    .detail-info .frame .texts .quantity { text-align: center;}

    .detail-info .frame .texts .quantity .minus-plus { text-align: center; margin: 0 auto; width: auto; display: inline-table;}



    .detail-info .frame .texts .add-cart { margin-top: 20px; padding: 20px 0; font-size: 28px; display: block; text-align: center;}



    .detail-info .contents { margin-top: 20px;}

    .detail-info .contents .details { margin-top: 20px;}

    /* Detail Info End */



    /* Explore Scents Start */

    #explore-scents { padding: 30px 0;}

    /* Explore Scents End */



    /* List Text Start */

    ul.list-text li { margin-right: 0; width: 100%; float: none; margin-bottom: 25px;}

    ul.list-text li .names { margin-bottom: 10px; font-size: 22px;}

    ul.list-text li .intros { font-size: 16px;}

    ul.list-text li .mores { margin-top: 5px;}

    /* List Text End */



    /* Precious Moments Start */

    #precious-moments { padding: 30px 0; margin-bottom: 0;}

    .precious-moments { position: static; padding-bottom: 0;}

    .precious-moments .imgs { position: static; left: 0; top: 0; max-width: 500px;}



    .precious-moments .infos { float: none; width: 100%; padding-top: 20px;}

    .precious-moments .infos .names { font-size: 28px; margin-bottom: 10px; line-height: 1.2;}

    .precious-moments .infos .intros { font-size: 18px; line-height: 1.2;}

    /* Precious Moments End */



    /* About Us Start */

    #about-us { padding: 30px 0 20px 0;}

    .about-us { margin-top: 15px; padding: 30px 0 100px 0;}

    .about-us .boxs { padding-left: 0; padding-right: 0;}

    /* About Us End */



    /* Related Pro Start */

    .related-pro { margin-top: 10px;}

    .related-pro ul.list-pro { margin-top: 15px;}

    .related-pro ul.list-pro li { width: 49.000000%; margin-bottom: 20px;}

    .related-pro ul.list-pro li:nth-child(2n) { margin-right: 0;}

    /* Related Pro End */



    /* Our Service Start */

    #our-service { padding: 30px 0;}

    #our-service .intros { font-size: 18px; line-height: 1.2; margin-top: 20px; margin-bottom: 20px;}



    #our-service .ones { position: static; margin-bottom: 20px;}

    #our-service .ones .figures { width: 100.000000%; float: none;}

    #our-service .ones .floatings { position: static; }

    #our-service .ones .floatings .boxs { padding: 0; width: 100.000000%;}

    #our-service .ones .floatings .boxs .numbers { margin-bottom: 10px;}



    #our-service .twos { position: static; margin-bottom: 20px;}

    #our-service .twos .figures { width: 100.000000%; float: none;}

    #our-service .twos .floatings { position: static;}

    #our-service .twos .floatings .boxs { padding-top: 0; padding-left: 0; }

    #our-service .twos .floatings .boxs .numbers { margin-bottom: 10px;}



    #our-service .thrs { position: static; margin-bottom: 20px;}

    #our-service .thrs .figures { width: 100.000000%; float: none;}

    #our-service .thrs .floatings { position: static; }

    #our-service .thrs .floatings .boxs { padding: 0; width: 100.000000%;}

    #our-service .thrs .floatings .boxs .numbers { margin-bottom: 10px;}



    #our-service .fours { position: static; margin-bottom: 0;}

    #our-service .fours .figures { width: 100.000000%; float: none;}

    #our-service .fours .floatings { position: static;}

    #our-service .fours .floatings .boxs { padding-top: 0; padding-left: 0;}

    #our-service .fours .floatings .boxs .numbers { margin-bottom: 10px; margin-top: 20px;}



    #our-service .fives { position: static;}

    #our-service .fives .figures { width: 100.000000%; float: none;}

    #our-service .fives .floatings { position: static;}

    #our-service .fives .floatings .boxs { padding: 0; width: 100.000000%;}

    #our-service .fives .floatings .boxs .numbers { margin-bottom: 10px; margin-top: 20px;}

    /* Our Service End */



    /* Contact Us Start */

    #contact-us { padding: 30px 0;}

    .contact-us { padding-left: 0; padding-right: 0;}

    .contact-us .slogans { font-size: 20px; line-height: 1.2; margin-bottom: 20px;}

    .contact-us ul.contacts li { float: none; width: 100.000000%; margin-bottom: 20px;}

    /* Contact Us End */



    /* Contact Advert Start */

    .contact-advert { width: 100%; font-size: 24px; line-height: 1.1;}

    /* Contact Advert End */



    /* Contact Form Start */

    .contact-form { width: 100%; font-size: 24px; line-height: 1.1; padding-left: 10px; padding-right: 10px;}

    .contact-form .buttons { margin-top: 20px;}

    /* Contact Form 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){



}