@charset "UTF-8";

body{margin: 0; padding: 0; font-size: 14px; font-family:"Microsoft YaHei","SourceHanSansCN-Regular";overflow-x: hidden;background:url(../images/bodybg.jpg) repeat left top;padding-top:0px;}
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td{margin: 0; padding: 0; list-style: none; border: 0;}
ol,ul{margin-bottom: 0;}
.h1, .h2, .h3,.h5, h1, h2, h3,h5{margin-top: 0; margin-bottom: 0}
.h4, .h5, .h6, h4, h5, h6{margin-top: 0; margin-bottom: 0;}
a{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;outline: none !important;}
.trs{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;outline: 0px;}
img{vertical-align: middle;max-width:100%;}
a:focus, a:hover{text-decoration: none !important;}
i,em{ font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: ""; display: block; clear: both;}
.scale-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.scale-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}
.scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.wrapper,.container,.wrapper2,.wrapper3,.wrapper4{width:100%;margin-left: auto;margin-right: auto;position: relative;}
.container{max-width:1920px;overflow:hidden;}
.wrapper{width: 1290px;}
.wrapper2{width: 1400px;}
.wrapper3{width: 1200px;}
.wrapper4{width: 1240px;}
.header{height: 132px;position: absolute;left:0px;top: 0px;width:100%;z-index: 999;background: url(../images/logobg.png) no-repeat center;}
.header .container,.header .wrapper{height:100%;position: relative;}
.header .wrapper{}
.navmenu a,.header{font-size: 18px;color: #fff;}
.logo{height:48px;position: absolute;left:0px;top:35px;}
.navmenu{position: absolute;right: 15px;top:54px;}
.navmenu li{float: left;margin-right: 37px;position: relative;}
.navmenu li.hover a,.navmenu li:hover a{color:#e84c7d;}
.navmenu li:last-of-type{margin-right:0px;}
.footer_top{background:url(../images/footer_top_bg.jpg) repeat left top;height:298px;}
.footer_top .wrapper{padding-left:45px;padding-right: 45px;}
.foot_logo{height: 128px;width:150px;display: block;margin-top:80px;float: left;}
.quality{width:126px;margin-left:38px;}
.quality label,.quality_extra label{display: block;font-size:18px;color:#a9a9a9;line-height:30px;}
.quality_extra{float: left;width:500px;}
.quality,.quality_extra{float: left;margin-top:92px;}
.quality_extra label i{padding:0px 13.5px;}
.foot_search{width: 262px;top: 80px;}
.foot_search a{display: block;width:50px;height:50px;}
.foot_search a.search_ico1{background: url(../images/share_ico1.png) no-repeat center;}
.foot_search a.search_ico2{background: url(../images/share_ico2.png) no-repeat center;}
.foot_search a.search_ico3{background: url(../images/share_ico3.png) no-repeat center;}
.foot_search a.search_ico4{background: url(../images/share_ico4.png) no-repeat center;}
.foot_shop a{display: block;width: 180px;height: 50px;background: url(../images/share_btnbg.png) no-repeat center;line-height:50px;font-size:20px;color:#fff;text-align: center;}
.foot_shop a:last-of-type{}
.foot_shop{width: 380px;top:160px;}
.foot_search,.foot_shop{display: flex;justify-content: space-between;align-items: center;align-content: center;position: absolute;right:45px;}
.footer_copyright{background: url(../images/footer_bot_bg.jpg) repeat left top;height: 122px;line-height:122px;text-align: center;}
.footer_copyright,.footer_copyright a{font-size: 18px;color:#575757;}
.footer_copyright a:hover{color:#fff;}
.dialog{width:240px;height: 240px;background:#ffffff;
border-radius:15px;box-shadow:0 0 18px 3px rgb(255 255 255 / 40%);position: absolute;bottom: -59px;
display: none;
}
.dialog:before{content:"";display: block;position: absolute;
    bottom: -8px;
    left: 50%;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    margin-left: -10px;

 }
 .dialog1{right: 162px;}
 .dialog2{right: 95px;}
.dialog3{right:23px;}
 .dialog4{right:-45px;}
.dialogimg{display: block;position: absolute;top:50%;left:50%;transform:translateX(-50%);transform:translate(-50%,-50%);max-width:100%;}


.mobheader_wrapper{display: none;box-shadow: 3px 3px 11px 5px rgb(0 0 0 / 9%);}

@media screen and (max-width:1750px) {
.wrapper{width: 1290px;width:1180px;}
.wrapper2{width: 1400px;width:1200px;}
.wrapper3{width: 1200px;width:1140px;}
.wrapper4{width: 1240px;width:1100px;}
.quality label, .quality_extra label{font-size: 16px;}
.foot_shop a{font-size:18px;}
.foot_search a{width:45px;height:45px;background-size: cover!important;}
.foot_search{width:240px;}
.dialog{width: 190px;height: 190px;}
 .dialog1{right: 168px;}
 .dialog2{right: 102px;}
  .dialog3{right:36px;}
.dialog4{right:-29px;}
.dialog4 img,.dialog3 img,.dialog2 img,.dialog1 img{width: 160px;height: 160px;}
}


@media screen and (max-width:1080px) {

      .mobheader_wrapper{height:65px;position: fixed;top:0px;width:100%;z-index:999;}
      .mobile-menu{background: #fff;}
      .containert{padding-top: 65px;}
    .mobheader_wrapper .logo{left:2%;z-index:99999;position: fixed;top: 16px;margin-top: initial;height:35px;}
    .mobheader_wrapper{display:block;}
.wrapper,.wrapper2,.wrapper3,.wrapper4{width: 94%;}
.header,.navmenu,.foot_search{display: none;}
.foot_shop{position:static;width:90%;margin-top:15px;margin-left:auto;margin-right:auto;justify-content: center!important;width: auto!important;}
.foot_shop a{font-size:16px; width: 45%;height:38px;line-height:38px;border-radius:8px;}
.foot_logo{float: none;width: 85px;height: auto;margin:30px auto 15px;}
.footer_top .wrapper{padding-left:15px;padding-right:15px;}
.quality, .quality_extra{float: none;}
.quality{margin-top:0px;width: auto;margin-left:0px;display: flex;justify-content: space-between;align-content: center;align-items: center;}
.footer_top{overflow:hidden;height:auto;padding-bottom:30px;}
.quality_extra{width:100%;float: none;margin-top:0px;text-align: center;line-height: 27px;}
.footer_copyright{height: auto;line-height:30px;padding:20px 0px;}
.footer_copyright, .footer_copyright a{font-size: 16px;}
}