@charset "utf-8"; 
body{
webkit-font-smoothing: antialiased;
}
/*banner*/ 
.banner{ height:665px; overflow:hidden} 
.banner .item{height:665px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative}
.banner .item a{ display:block; width:100%; height:100%}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:10px; text-align:center}
.banner .slick-dots li{ display:inline-block; width:60px; height:2px; margin:0 6px;  cursor:pointer;  background-color:#fff;  }
.banner .slick-dots li.slick-active{ background-color:#eb0028}
.banner .slick-dots button{ display:none}
.banner .slick-arrow{ cursor:pointer; overflow:hidden; text-indent:-999px; width:90px; height:90px; border:none; background-color:transparent; position:absolute; z-index:2;top:50%; margin-top:-60px;}
.banner .slick-prev{ left:90px; background:url(../images/ico-prev02.png) no-repeat center; background-size:60%; opacity:.8} 
.banner .slick-next{ right:90px;background:url(../images/ico-next02.png) no-repeat center; background-size:60%; opacity:.8}
 

.index01{ padding-top:65px; padding-bottom:45px; background-color:#f5f5f5}
.index01 .hd{ text-align:center; margin-bottom:35px;}
.index01 .hd h3{ font-size:20px; margin-bottom:5px; margin-bottom:15px}
.index01 .hd .p{ max-width:870px; margin:0 auto}
.index01 .bd li{ float:left; width:25%; }
.index01 .bd ul{ margin-left:-10px; margin-right:-10px;}
.index01 .bd li:nth-child(1),.index01 .bd li:nth-child(2){ width:50%}
.index01 .bd li a{ display:block; margin:10px; position:relative}
.index01 .bd li img{ display:block; width:100%; height:317px;}
.index01 .bd li:nth-child(1) img,.index01 .bd li:nth-child(2) img{ height:330px;}
.index01 .bd h3{ line-height:1.2; font-size:25px; font-weight:bold; font-family: effra; color:#fff; position:absolute; text-transform:uppercase; z-index:2; left:30px; bottom:30px;}
.index01 .bd h3 span{ display:block}

.index02{ padding-top:45px; padding-bottom:100px;background-color:#f5f5f5}
.index02 .bd ul{ overflow:hidden;}
.index02 .bd ul li{ width:33.33%; float:left; text-align:center}
.index02 .bd ul li a{ display:inline-block; max-width:300px; margin:0 auto}
.index02 .bd ul li .ico{ margin-bottom:25px}
.index02 .bd ul li .ico img{ height:62px}
.index02 .bd ul li .txt h3{ font-size:20px; text-transform:uppercase; font-weight:400; margin-bottom:15px}
.index02 .bd ul li .txt .ms{ margin-bottom:10px; color:#333}
.index02 .bd ul li .txt .more span{ font-size:16px; text-decoration:underline;text-transform:uppercase}

.imageroom{ padding-top:70px; padding-bottom:70px;}
.imageroom .hd h3{ font-size:46px; line-height:1; font-weight:bold;}
.imageroom .hd{ margin-bottom:50px}
.imageroom .bd{ overflow:hidden; margin-bottom:55px}
.imageroom .bd .ul{ margin-left:-2.5px; margin-right:-2.5px}
.imageroom .bd figure{ float:left; width:25%}
.imageroom .bd figure a{ display:block; margin:2.5px; overflow:hidden}
.imageroom .bd img{ width:100%}

.nbanner{ height:395px; background-repeat:no-repeat; background-position:center; background-size:auto 100%}

.lanmumain{ padding:75px 0}

.list01{ overflow:hidden; margin-bottom:55px}
.list01 .ul{ margin-left:-12px; margin-right:-12px}
.list01 figure{ float:left; width:25%; margin-bottom:65px}
.list01 figure a{ display:block; margin:0 12px; overflow:hidden}
.list01 img{ width:100%}
.list01 .img{ margin-bottom:25px; overflow:hidden}
.list01 .title{ text-align:center;overflow: hidden;}
.list01 .title h3{ font-size:16px; overflow: hidden; height:56px;}

.ourstory01{ background:url(../images/ourstory01bg.jpg) no-repeat center; background-size:cover; padding-top:140px; padding-bottom:180px;}
.ourstory01 .bd{ max-width:580px; color:#fff; font-size:20px;}
.ourstory01 .bd .title{ font-size:48px; font-weight: bold; font-family: effra; line-height:normal; margin-bottom:20px }
.ourstory01 .bd .ms p{ font-weight:lighter}
.ourstory01 .bd .ms p:last-child{  font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:21px;}
.ourstory01 .bd .ms{font-size:20px; line-height:1.2;font-family: Times New Roman;}

.ourstory02{ padding-top:75px; padding-bottom:38px;}
.ourstory02 .weap{ overflow:hidden}
.ourstory02 ul{ margin-left:-10px; margin-right:-10px}
.ourstory02 li{ float:left; width:33.33%;}
.ourstory02 .libox{ margin:0 10px;}
.ourstory02 .libox .img{ overflow:hidden; margin-bottom:20px}

.ourstory02 .libox .img img{ width:100%}
.ourstory02 .txt{ padding:0 10px;}
.ourstory02 .txt h3{ font-size:16px; margin-bottom:20px; font-weight:lighter}

.ourstory03{ padding-top:38px; padding-bottom:75px;}
.ourstory03 .imgbox{ width:50%; float:left}
.ourstory03 .imgbox .slick-arrow{ display:block; position:absolute; z-index:1; border:none; overflow:hidden; width:32px; height:64px; background-repeat:no-repeat; background-size:100%; cursor:pointer; overflow:hidden; text-indent:-999px; background-color:transparent;top:50%; margin-top:-32px; }
.ourstory03 .imgbox .slick-prev{ background-image:url(../images/ico-prev.png);left:40px}
.ourstory03 .imgbox .slick-next{ background-image:url(../images/ico-next.png);right:40px}
.ourstory03 .txt{ float:right; width:47%;}
.ourstory03 .txt h3{ font-size:16px; text-transform:uppercase; margin-bottom:3px; font-weight:lighter; line-height:54px;}
.ourstory03 .imgbox img{ width:100%}

.carbanner{ height:615px; background-repeat:no-repeat; background-position:center; background-size:auto 100%}

.carcoverright{float:left; width:224px; min-height:20px; min-height:681px;}
.sidequality{  border:1px solid #cdcdcd; padding:25px; width:224px; background-color:#fff }
.sidequality .bd{ border-bottom:1px solid #cdcdcd; padding-bottom:10px; margin-bottom:15px}
.sidequality .title{ font-size:16px; margin-bottom:20px; font-weight: bold; }
.sidequality li{ margin-bottom:10px}
.sidequality li a{ color:#333}
.sidequality li span{ display:inline-block; margin-right:10px; width:24px; height:24px; border:1px solid #cdcdcd; vertical-align:middle; border-radius:3px;}
.sidequality li.on span{ background:#17bdb3 url(../images/ico-on.png) no-repeat center; background-size:100%; border:1px solid #17bdb3}
.sidequality .clear{ text-align:center}
.sidequality .cleara{ display:inline-block; width:140px; height:42px; line-height:42px; border:1px solid #343333; border-radius:42px;}
.sidequality .cleara:hover{ background-color:#333; color:#fff}

.carcover{ padding-bottom:65px;}
.carlist{ overflow:hidden; padding-left:45px;}
.carlist .a{display: -webkit-flex;display: flex ; display: -moz-box; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.carlist .mobiletxt{ display:none}
.carlist li{ padding:25px 0; position:relative}
.carlist li:after{ content:""; display:block; height:1px; left:34.6%; right:0; bottom:0px; background-color:#cdcdcd; position:absolute; z-index:2}
.carlist .imgbox{ width:28.6%; margin-right:6%}
.carlist .imgbox img{ width:100%}
.carlist li .txt{-webkit-box-flex: 1;flex:1; padding-right:10%; color:#333}
.carlist li .txt .p1{ font-size:16px; margin-bottom:24px}
.carlist li .txt .p2{ font-size:16px; margin-bottom:10px; font-weight:bold}
.carlist li .txt .p2 a{font-size:16px;}
.carlist li .txt .p3{ padding-left:25px; margin-bottom:27px;}
.carlist li .txt .p3 p{ padding-left:12px; position:relative; display:block;}
.carlist li .txt .p3 p:before{content:""; display:block; width:5px; height:5px; border-radius:50%;  background-color:#333; position:absolute; z-index:1; left:0;top:8px}
.carlist li .txt .p4{ padding-left:25px;}
.carlist li .txt .p4 span{ display:inline-block; width:40px; height:24px; border-radius:5px; margin-right:5px; margin-bottom:5px}
.carlist li .pca{ padding-top:70px}
.carlist li .pca .price{ font-size:23px; margin-bottom:18px; color:#333}
.carlist li .pca .more span{ display:inline-block; width:180px; text-align:center; font-size:16px; height:55px; line-height:55px; border:1px solid #333; border-radius:55px; color:#333}
.carlist li .pca .more span:hover{ background-color:#333; color:#fff}

.contactus01{ padding-bottom:38px;}
.contactus01 .foremlist{ float:left; width:48.8%}
.contactus01 .foremlist .hd{ height:44px; line-height:44px; font-size:20px; color:#fff; background-color:#333; padding:0 35px; margin-bottom:25px }
.contactus01 .foremlist .hd h3{ font-weight:bold; }
.contactus01 .imgbox{ float:right; width:49.6%;}
.contactus01 .imgbox img{ width:100%}
.contactus01 .bd{ position:relative;}
.contactus01 .bd li{display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox; /* IE 10 */  
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  margin-bottom:10px }
.contactus01 .bd li .t{ width:125px; text-align:right; padding-right:10px}
.contactus01 .bd li .inbox{-webkit-box-flex: 1;
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto;position:relative}
.contactus01 .bd li .intxt{ width:100%; border:1px solid #d1d1d1; height:30px; line-height:30px; background-color:#fcfdfd; padding:0 5px}
.contactus01 .bd li .intextarea{ width:100%; border:1px solid #d1d1d1; height:100px;   background-color:#fcfdfd; padding:5px}
.contactus01 .bd li.l2,.contactus01 .bd li.l3,.contactus01 .bd li.l4,.contactus01 .bd li.l5{ padding-right:165px}
.contactus01 .bd li.l6 .t{ display:none}
.contactus01 .bd li.l6{ position:absolute; z-index:2; right:0;top:40px}
.contactus01 .bd li.l6 .inbox{ overflow:hidden; width:150px; height:150px;}
.contactus01 .bd li.l6 .inbox img{ width:100%; height:100%}
.contactus01 .bd li.l6 .inbox span{ display:block; width:100%; height:100%;border:1px solid #d1d1d1;background-color:#fcfdfd;}
.contactus01 .bd .inbtn{ width:66px; height:26px; background-color:#dc0816; color:#fff; border-radius:5px; cursor:pointer}

.contactus02{ padding-top:38px;}
.contactus02 .imgbox{ float:left; width:49.6%;}
.contactus02 .imgbox img{ width:100%}
.contactus02 .txt{ float:right; width:47%}
.contactus02 .txt .p1{ margin-bottom:70px}
.contactus02 .txt .mimg{ margin-bottom:10px; display:none}
.contactus02 .txt .mimg img{ width:100%}
.contactus02 .txt .p1 img{ width:100%; max-width:325px}
.contactus02 .txt .p2{ margin-bottom:40px;}
.contactus02 .txt ul{ max-width:300px}
.contactus02 .txt ul li{display: -webkit-flex;display: flex ; display: -moz-box; display: -ms-flexbox;}
.contactus02 .txt ul li .w{font-family:Tahoma;}

.details01{ padding-bottom:60px; border-bottom:1px solid #cdcdcd; margin-bottom:30px;}
.details01 .imgbox{ float:left; width:44.3%;}
.details01 .imgbox .big{ margin-bottom:20px}
.details01 .imgbox .big img{ width:100%; height:370px;}
.details01 .txtbox{ float:right; width:46%}
.my-gallery{ overflow:hidden; margin-left:-10px; margin-right:-10px}
.my-gallery figure{ float:left; width:33.33%; display:block; margin-bottom:20px}
.my-gallery figure a{ display:block; margin:0 10px;height:113px; background-repeat:no-repeat; background-position:center; background-size:cover}
.my-gallery figure img{ width:100%; height:113px}
.details01 .txtbox .num{ font-size:16px;}
.details01 .txtbox .title{ font-size:34px; line-height:1; margin-bottom:10px; font-weight: bold;}
.details01 .txtbox .p1 .price{ font-size:28px; margin-right:20px;}
.details01 .txtbox .p1{ margin-bottom:5px}
.details01 .txtbox .p2{ margin-bottom:25px; padding-top:10px; padding-bottom:22px; border-bottom:1px solid #cdcdcd; overflow:hidden; line-height:1.8}
.details01 .txtbox .p3 span{ margin-right:20px}
.details01 .txtbox .p3{ margin-bottom:5px}
.details01 .txtbox .t{ font-weight:bold; margin-right:10px}
.details01 .txtbox .p4{display: -webkit-flex;display: flex ; display: -moz-box; display: -ms-flexbox;border-bottom:1px solid #cdcdcd; padding-top:15px; padding-bottom:25px}
.details01 .txtbox .p4 .ms{-webkit-box-flex: 1;flex:1;}
.details01 .txtbox .p5{ padding-top:20px;border-bottom:1px solid #cdcdcd; padding-bottom:10px}
.details01 .txtbox .p5 .t{ margin-bottom:10px}
.details01 .txtbox .p5 span{ display:inline-block; vertical-align:middle; margin-bottom:10px; width:70px; height:44px; border-radius:5px; margin-right:15px;border-bottom:1px solid #cdcdcd; }
.details01 .txtbox .p6{ padding:20px 0;display: -webkit-flex;display: flex ; display: -moz-box; display: -ms-flexbox;border-bottom:1px solid #cdcdcd; margin-bottom:35px}
.details01 .txtbox .p6 .ms{-webkit-box-flex: 1;flex:1;}
.details01 .txtbox .p7 a{ display:inline-block; width:100%; font-size:16px; height:55px; line-height:55px; color:#fff; background-color:#17bdb3; text-align:center; border-radius:55px;}

.details02 .productdetails{ float:left; width:62%;}
.details02 .details02right{ float:right; width:36%}
.details02 .title{ font-size:20px; font-weight: bold; text-transform:uppercase; margin-bottom:20px; clear:both}
.details02 .conn{ overflow:hidden; margin-top:20px;}
.details02 .conn img{ max-width:100%; margin-bottom:5px; height:auto !important}
.moreproducts .hd{ font-size:20px; text-transform:uppercase; margin-bottom:20px;}
.moreproducts .bd{ overflow:hidden; margin-bottom:25px}
.moreproducts .bd li{ float:left; width:33.33%; margin-bottom:10px}
.moreproducts .bd li a{ display:block;  overflow:hidden; margin:0 5px;}
.moreproducts .bd li img{ width:100%}

.details02 .td{ padding-top:20px}
.details02 .td .t{ font-size:20px; font-weight: normal;line-height:35px; }
.details02 .td p{ display:block; position:relative; padding-left:38px; line-height:20px; }
.details02 .td .d{font-weight: bold; position:absolute; z-index:2; display:block; width:38px; line-height:20px; left:0;top:0; text-align:center}

.moreproducts .more{ text-align:center;}
.moreproducts .more a{ display:inline-block; font-size:16px; width:70%; height:46px; line-height:46px; border:1px solid #333; border-radius:46px;}
.moreproducts .more a:hover{ background-color:#333; color:#fff}

.zoom1080.pswp--animated-in .pswp__zoom-wrap{transform: translate3d(0, 0, 0px) scale(1) !important;}
.zoom1080.pswp img{top: 50% !important;left: 50% !important;transform: translate(-50%, -50%); width:1080px !important; height:1080px !important;}

/*弹出提示*/
.popbox{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.8);display:none}
.popbox .poptdable{ display:table; width:100%; height:100%}
.popbox .poptdable .poptd{ display:table-cell; vertical-align:middle; padding:0 10px;}

.popbd{ max-width:780px; margin:0 auto; background-color:#fff; }
.popbd .img{ overflow:hidden}
.popbd .img img{ display:block; width:100%;}
.popbd .txt{ padding:45px 50px; overflow:hidden}
.popbd .txt h3{ float:left; font-size:18px; padding:17px 0; font-weight:normal}
.popbd .txt .more{ display:block; float:right; width:180px; text-align:center; height:54px; line-height:54px; background-color:#343333; font-size:16px; color:#fff; border-radius:54px;}
@media(max-width:1330px) {
.banner .slick-arrow{ width:60px; height:60px; margin-top:-30px; } 
.banner .slick-prev{left:15px;}
.banner .slick-prev:after{  line-height:60px}
.banner .slick-next{ right:15px}
.banner .slick-next:after{  line-height:60px}
 
.banner .item,.banner{ height:42.3vw} 
.nbanner{ height:29vw} 
.contactus01 .bd li .t{ width:85px}
.carbanner{ height:44vw}

.details01 .imgbox .big img{ height:27.8vw}
.my-gallery figure img{ height:8.5vw;}
.my-gallery figure a{ height:8.5vw;}

.index01 .bd li img{ height:23.8vw}
.index01 .bd li:nth-child(1) img, .index01 .bd li:nth-child(2) img{ height:24.8vw}
}
 
@media(max-width:999px) {
.index01 .bd h3{ font-size:18px; left:10px; bottom:10px}
.index01 .bd h3 span{ display:inline}
.contactus01 .foremlist{ float:none; width:auto}
.contactus01 .imgbox{ display:none}
.moreproducts .more a{ width:100%}

.lanmumain{ padding:35px 0}
.carlist{ padding-left:15px}
.carlist li .pca{ display:none}
.carlist .a{ display:block}
.carlist li .txt .p1{ display:none}
.carlist li .txt .p2{ display:none}
.carlist li .txt .p3{ padding-left:0; height:63px; overflow:hidden; line-height:20px;}
.carlist .imgbox{ width:100%;display: -webkit-flex;display: flex ; display: -moz-box; display: -ms-flexbox; margin-bottom:10px}
.carlist .imgbox .img{ width:30%}
.carlist .mobiletxt{ display:block;-webkit-box-flex: 1;flex:1; padding-left:20px}
.carlist li .txt .p4{ padding-left:0}
.carlist li:after{ left:0}
.carlist li{ padding:15px 0}
.carlist .mobiletxt .p2{ font-size:18px; font-weight:bold; margin-bottom:10px; line-height:1}
.carlist .mobiletxt .p2 a{ font-size:18px}
.carlist .mobiletxt .price{ font-size:18px; margin-bottom:10px}
.carlist .mobiletxt .more span{ display:inline-block; height:38px; line-height:38px; border:1px solid #333; border-radius:40px; text-align:center; padding:0 20px; font-size:12px}
.sidequality{ padding:15px}
.sidequality li span{ width:20px; height:20px}

.zoom1080.pswp img{ width:100% !important; height:auto !important}
}
@media(max-width:766px) {
.banner .slick-arrow{ width:34px; height:34px; margin-top:-17px; } 
.banner .slick-prev{left:10px;}
.banner .slick-prev:after{  line-height:34px; font-size:14px}
.banner .slick-next{ right:10px}
.banner .slick-next:after{  line-height:34px; font-size:14px} 
.banner .slick-dots li{ width:35px}

.index01{ padding-top:42px; padding-bottom:24px}
.index01 .hd{ margin-bottom:28px}
.index01 .bd li{ width:50%; }
.index01 .bd li:nth-child(1), .index01 .bd li:nth-child(2){ width:100%}
.index01 .bd li a{ margin:5px;}
.index01 .bd li img{ height:41.3vw} 
.index01 .bd li:nth-child(1) img, .index01 .bd li:nth-child(2) img{ height:43vw}
.index01 .bd ul{ margin-left:-5px; margin-right:-5px}
.index02{ padding-top:28px; padding-bottom:70px;}
.index02 .bd ul{ display:block}
.index02 .bd ul li{ margin-bottom:15px; float:none; width:auto}

.imageroom{ padding:50px 0}
.imageroom .hd h3{ font-size:32px; font-weight: bold;}
.imageroom .hd{ margin-bottom:35px}
.imageroom .bd figure{ width:50%}
.imageroom .bd{ margin-bottom:35px}

.lanmumain{ padding:50px 0}
.list01 figure{ width:50%; margin-bottom:20px}
.list01 .img{ margin-bottom:15px}
.list01{ margin-bottom:35px}
.list01 .title h3{ font-size:15px}

.lanmumain{ padding:35px 0}
.contactus01 .foremlist .hd{ height:36px; line-height:36px; padding:0 10px; margin-bottom:15px}
.contactus01 .foremlist .hd h3{ font-size:16px}

.contactus02 .imgbox{ display:none}
.contactus02 .txt{ float:none; width:auto}
.contactus02 .txt .p1{ margin-bottom:30px}
.contactus01 .bd li{ display:block}
.contactus01 .bd li .t{ text-align:left; width:auto}
.contactus01 .bd li.l6{top:85px;}
.contactus01{ padding-bottom:25px;}
.contactus02{ padding-top:25px;}

.ourstory01{ padding:30px 0;}
.ourstory01 .bd .title{ font-size:26px;}
.ourstory01 .bd .ms p:last-child{ font-size:20px;}

.ourstory01 .bd{ font-size:13px}
.ourstory02 li{ float:none; width:auto; margin-bottom:15px}
.ourstory02{ padding-top:50px; padding-bottom:25px}
.ourstory03{ padding-top:25px; padding-bottom:50px}
.ourstory03 .imgbox{ float:none; width:auto}
.ourstory03 .txt{ float:none; width:auto}
.ourstory03 .imgbox .slick-arrow{ width:16px; height:32px; margin-top:-16px;}
.ourstory03 .imgbox .slick-prev{ left:10px;}
.ourstory03 .imgbox .slick-next{ right:10px}
.ourstory01 .bd .ms{ font-size:16px; font-weight:bold}

.details01 .imgbox{ float:none; width:auto}
.details01 .txtbox{ float:none; width:auto} 
.details01 .txtbox .title{ font-size:21px;}
.details01 .txtbox .num{ font-size:14px}
.details01 .txtbox .p1 .price{ font-size:20px}
.details01 .txtbox .p2{ padding-bottom:10px; margin-bottom:15px}
.details01 .txtbox .p4{ padding-bottom:10px}
.details01 .txtbox .p5{ padding-top:10px; padding-bottom:5px}
.details01 .txtbox .p6{ padding:10px 0; margin-bottom:20px}
.details01 .txtbox .p7 a{ height:42px; line-height:42px}
.details01{ padding-bottom:40px; margin-bottom:20px}
.details02 .productdetails{ float:none; width:auto; margin-bottom:20px}
.details02 .details02right{ float:none; width:auto}
.moreproducts .more a{ font-size:14px; height:42px; line-height:40px}
.details01 .txtbox .p5 span{ width:60px; height:32px}

.sidequality{ float:none; width:auto; margin-bottom:20px; position:static !important}
.carlist{ padding-left:0}
.carlist li .txt .p3{ margin-bottom:0}
.carlist li .txt .p4{ display:none}
.carlist .mobiletxt .more span{ height:32px; line-height:30px}
.carlist .imgbox .img{ width:40%}
.carlist .mobiletxt{ padding-left:10px}
.carcover{ padding-bottom:40px}
.sidequality ul{ display:none}
.sidequality .title{ margin-bottom:0; position:relative; font-weight:bold}
.sidequality .cleara{ height:34px; line-height:32px}
.sidequality .bd{ margin-bottom:10px}
.sidequality .title:after{ content:""; display:block; width:12px; height:12px; position:absolute; z-index:1; right:0;top:50%; margin-top:-6px; background:url(../images/ico-jt.png) no-repeat center; background-size:auto 100%}
.sidequality .title.on{ margin-bottom:10px;}
.sidequality .title.on:after{transition: all 0.3s;transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);}
.sidequality ul.block{ display:block}

.carcoverright{ float:none; width:auto; min-height:0}
.contactus02 .txt .mimg{ display:block}

.details01 .imgbox .big img{ height:62.6vw}
.my-gallery figure img{ height:18.8vw}
.my-gallery figure a{height:18.8vw}

.popbd .txt{ padding:25px 10px;}
.popbd .txt .more{ width:120px; height:46px; line-height:46px;}
}

 