html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
html,body{font-family:"PingFang SC","Microsoft YaHei","Open Sans","PingFang SC","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Arial","sans-serif";
         overflow-x: hidden;
         box-sizing:border-box;
         min-width: 320px;
         color:#000;
         font-size: 14px;
          
        
}
body{padding-top: 120px;}

ul,li{list-style:none;
}

a{text-decoration:none;
       outline: none;
}
span{ outline: none;}
img{border:none;
   max-width: 100%;
}
em{font-style: normal;}
textarea,input,button,select{outline:none;}

h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{vertical-align: middle;
    border:none; 
    max-width: 100%;
    
}
.l{float: left;}
.r{float: right;}
a{color: inherit;text-decoration: none;}
table{border-collapse: collapse;}
body{-webkit-transition-timing-function: cubic-bezier(1,0,.5,1)!important;}
.clearfix:after{content:"";
                clear:both;
                height:0;
                display:block;
}
.animation {animation-duration: 2s;
        animation-delay: 0.7s;
}
.animationduration {animation-duration: 2.5s;

}

.slick-slide{outline:none;}
.wp{width:92%;
       max-width:1400px;
       margin:auto;
}
.wp16{width:92%;
       max-width:1660px;
       margin:auto;

}
.content{width:92%;
       max-width:1200px;
       margin:auto;
      
}
.c-f{color: #fff}
/*pc底部*/
.footer{
  background: #121212;
  color: #fff;


}
.footer .content{position: relative;}

.footer .footer-t{
                  padding: 40px 0 80px 0;

}
.footer-contact{width: 20%;
               float:right;
               text-align: right;

}
.footer-contact h1{font-size: 16px;
                  line-height: 30px;
                  margin-bottom: 10px;
                
}
.footer-contact h2{font-size: 36px;}
.footer-contact p{
                  margin: 10px 0;
                  line-height: 26px;
}
.f-oc{margin-top: 40px;}
.f-oc a{width: 200px;
            height: 40px;
            box-sizing: border-box;
            border: 1px solid #fff;
            border-radius: 5px;
            line-height: 40px;
            text-align: center;
                transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    text-transform: uppercase;
              font-size: 12px;
              display: inline-block;

}
.f-oc img{margin-right: 4px;
      transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.f-oc a:hover{opacity: .8;
}
.footer-nav{width: 80%;
            float: left;
}
.footer-nav dl{float: left;
                width: 16%;
                box-sizing: border-box;
               
}

.footer-nav dl dt{font-size: 16px;
                  margin-bottom: 14px;
                 

}
.footer-nav dl dd{font-size: 14px;
                 line-height: 34px;
                 color: #cdcdcd;
}
.footer-nav dl dd img{margin-top: 10px;}
.footer-nav dl dd img:hover{opacity: 0.8;}
.footer-nav dl dd a:hover{color: #fff;}
.f-applets{position: relative;

}
.f-applets .conimg{position: absolute;
               top: 100%;
               left: 0;
               display: none;
               width: 120px;
}
.footer-c{margin-bottom: 30px;
  
}
.footer-c .l h1{font-size: 20px;
              
                    padding-top: 15px;
}
.footer-c a{display: inline-block;
               text-align: center;
               position: relative;
               box-sizing: border-box;
               margin-left: 14px;
               opacity: 0.6;
               margin-bottom: 10px

}

.footer-c a:hover{opacity: 1;}
.WeChat .con {
    background: #f0f0f0;
    position: absolute;
        top: -120px;
    left: -30px;
    width: 100px;
    display: none;
    z-index: 2;
}
.footer-b{
         
          color: #ddd;
}
.footer-b .wp{border-top: 1px solid #fff;
  padding: 26px 0;

}

.footer-b .l{

}
.footer-b .r{text-align: right;
           
}
.footer-b .at{}
.f-language{position: relative;display: inline-block;}
.f-language .con{position: absolute;
                 bottom: 36px;
                 right: 0;
                 background: #fff;
                 width: 140px;
                 box-sizing: border-box;
                 padding: 10px;
                 border-radius: 4px;
                  display: none;

}

.f-language .con a{
    display: block;
    font-size: 14px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    color: #333;
    text-align: center;

}
.f-language .con a:nth-child(1) {
    border: 0;
}
.f-language .con a:hover {
    color: #f4313f;
}
.footer-b .at:hover{color: #fff}
/*pc底部end*/
/*移动端底部*/
.photo-footer{width:100%;
             color:#ddd;
             display: none;
             margin-top: 20px;

}
.f-app{text-align: center;margin-top: 30px;}
.f-app img{margin: 0 4px;}
.photo-footer>ul>li{line-height: 50px;

                    border-bottom:1px solid #666;
                   
}

.photo-footer>ul>li>a{font-size:14px;
                     text-indent: 4%;
                     width:100%;
                     height:100%;
                     display: block;
                     position: relative;
                    
}

.photo-footer>ul>li>a>i{position: absolute;
                        right:4%;
                        -webkit-transition: all .3s;
                        -moz-transition: all .3s;
                        -ms-transition: all .3s;
                        transition: all .3s;
                        width: 15px;
                        top: 12px;
    height: 15px;
    background: url(../image/icon-arr-02.png) no-repeat;
    background-size: 100%;
}
.photo-footer>ul>li>a>i.on{-webkit-transform: rotate(90deg);
                           -moz-transform: rotate(90deg);
                           -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                              
}
.photo-footer .ul2{display: none;}
.photo-footer .ul2 li{line-height: 44px;
                   position: relative;
                  
}

.photo-footer .ul2 li a{
                      font-size:12px;
                      color:#ddd;
                      padding-left: 6%;
                      height: 100%;
                      display: block;
                      margin: auto;
                          border-top: 1px solid #666;

}
.photo-footer .ul2 li:last-child a{border-bottom:none;}
.photo-footer .ul2 li a i{position: absolute;
                         right:4%;

}
.photo-footer .ul2 .m-app img{padding-left: 6%;width: 120px;}
.mo-qr{padding:26px 0;
       background: #444;
       padding-left:4%;
       
}
.mo-qr img{float:left;
}
.mo-qr p{font-size: 14px;
         margin-left:10px;
         float:left;
         color:#7c7c7c;
}
/*移动端底部end*/
/*移动端导航*/
.motop{width:100%;
     height:60px;
     top: 0;
     position: fixed;
     padding:0 4%;
     z-index:99;
     display: none;
     background: #fff;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(0,0,0,0.1);
     -webkit-transition: all .53s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.mologo{margin:0 auto;
  text-align: center;
    
}
.mologo a{line-height: 60px;
}
.mologo a span{font-size: 12px;
               margin-left: 6px;
}
.mologo img{width:53px;
          vertical-align: middle;
}
.monav{
      top: 19px;
      cursor:pointer;
      position: absolute;
      right:4%;
      width:30px;
      height:22px;
}
.monav span{width:24px;
          height:2px;
          display: block;
          background: #1e1e1e;
          position: absolute;
          transition:all .5s;
}
.monav .s1{top:5px;}
.monav .s2{top:11px;}
.monav .s3{top:17px;}
.monav .s1.on{transform:rotate(45deg);
         top:10px;
         
}
.monav .s2.on{opacity: 0;}
.monav .s3.on{transform:rotate(-45deg);
         top:10px;
        
}

/*下拉*/
.navdown{width:100%;
       background: #f9f9f9;
       position: fixed;
       top:60px;
       height: calc(100vh - 60px);
       z-index: 99;
       display: none;
           

}
.navdown>ul{overflow-y: auto;
           height: 80%;

}
.navdown>ul>li{line-height:50px;
             font-size:16px;
             color:#333;
             position: relative;
             
}
.navdown>ul>li>a{font-size:14px;
                 display: inline-block;
                 width: 100%;
                 height: 100%;
                 border-bottom: 1px solid #e5e5e5;
    padding: 0 25px;
    line-height: 50px;
    box-sizing: border-box;
}

.navdown .ul2{display: none;}
.navdown .ul2 li{
                   box-sizing: border-box;
                   position: relative;
                   padding: 0 25px;
                  
}

.navdown .ul2 li a{
  line-height: 50px;
                      font-size:12px;
                      color:#666;
                      width:100%;
                      height:100%;
                      display: block;
                      border-bottom: 1px solid #e5e5e5;
                      box-sizing: border-box;
                      padding-left: 14px;

}
.navdown .ul2 li a i{position: absolute;
                        right:4%;


}
.navdown>ul>li>a>i{
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #fff;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  width: 15px!important;
    height: 15px;
    background: transparent url(../image/icon-arr-01.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    left: auto!important;
    right: 25px;
    top: 18px;


}
.navdown>ul>li>a>i.on{-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.navdown .language{margin-left: 4%;line-height: 60px;}
.hd-bar {
    z-index: 20;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;

}
.m-user{text-align: center;}
.m-user .icon{margin-bottom: 10px;}
.m-shopping,.m-home{text-align: center;}
.m-shopping{margin-top: 10px;}
.hd-bar a {
    float: none;
    margin: 0 12.5px;
    font-size: 14px;
    text-align: center;
   
}
.so-icon {

    background: #00549e url(http://www.oclean.com/template/en/images/icon-search2.png) no-repeat center center;
    -webkit-background-size: 14px auto;
    background-size: 14px auto;
}


/*移动端导航结束*/




/*pc头部*/

.hd{width: 100%;
    height: 120px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    box-sizing: border-box;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
     background: #fff;

}
.head{

}


.logo{float: left;
      width: 20%;
}
.logo a{line-height: 120px;
        transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
}
.logo a img{transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    max-width: 69px;

}
.nav{text-align: center;
     width: 60%;
     float: left;
     
}
.nav>ul{display: inline-block;
       /*position: relative;*/

}
.nav>ul>li{float: left;
           margin-right:40px;
          transition: all .5s;

}



.nav>ul>li>a {
    font-size: 18px;
    line-height: 120px;
    display: block;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
   
}
.nav>ul>li>a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    background: #f4313f;
    left: 0;
    bottom: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.nav>ul>li.on>a:after {
    width: 100%;
    left: 0;
}
.nav>ul>li.on>a{color: #f4313f}
.nav>ul>li>a:hover:after {
    width: 100%;
    left: 0;
}
.nav>ul>li>a:hover{color: #f4313f}
.nav ul li .con{position: absolute;
                top: 120px;
                right: 0;
                width: 100%;
               box-sizing: border-box;
                
                background: #fafafa;
                padding: 40px 0 65px;
               
                display: none;

}
.nav-children ul li{display: inline-block;
                    vertical-align: top;
                    padding: 0 3%;
                    width: 13%;
                    box-sizing: border-box;
                     margin-bottom: 40px;

}
.nav-children ul li .pic{height: 192px;


}
.nav-children ul li .pic img{max-height: 100%

}
.nav-children ul li .text{margin-top: 10px;}
.nav-children ul li:hover .text p{color: #f4313f}
.nav-children ul li:hover .pic{opacity: 0.9;}


.swiper-nav-children{
    overflow: hidden;
}
.nav-children .pic{height: 192px;}
.nav-children .pic img{max-height: 100%}
.nav-children .text{margin-top: 10px;}
.nav-children .swiper-slide:hover .text p{color: #f4313f}
.nav-children .swiper-slide:hover .pic{opacity: 0.9;}

.nav-children .swiper-pagination{
    
    bottom: 25px;
}
.nav-children .swiper-pagination-bullet{
    opacity: 0.2;
    width: 40px;
    height: 2px;
    box-sizing: border-box;
    background: #f4313f;
    position: relative;
    margin: 0 8px;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    border-radius: 0;
}

.nav-children .swiper-pagination-bullet-active{

    opacity: 1;

}


.myhome{font-size: 18px;
         float: right;
          color: #a3a3a3;
          padding-top: 44px;
}
.myhome>a{
           text-transform: uppercase;
            position: relative;
            display: inline-block;
           
            height: 100%;


}
.user{display: inline-block;
      vertical-align: middle;
      position: relative;
}
.user-con{ position: absolute;
    top: 48px;
    left: -53px;
    width: 140px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    display: none;
   

}
.user-con a{display: block;
                font-size: 14px;
                padding: 10px 0;
                border-top: 1px solid #eee;
                color: #333;
}
.user-con a:nth-child(1){border: 0;}
.user-con a:hover{color: #f4313f}
.myhome>a:hover{color: #000}
.language:hover{background: #006ac8}
.language img{margin-right: 6px;}

.hd.on{background: #fff;
       box-shadow: 0 0 16px rgba(129,129,129,0.1)
}

.shopping{display: inline-block;
          vertical-align: middle;
          position: relative;
          margin-left: 30px;
         
}

.shopping-con{    position: absolute;
    top: 48px;
    left: -53px;
    width: 140px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    display: none;

}
.shopping-con a{display: block;
                font-size: 14px;
                padding: 10px 0;
                border-top: 1px solid #eee;
                color: #333;
}
.shopping-con a:nth-child(1){border: 0;}
.shopping-con a:hover{color: #f4313f}
/*pc头部end*/

/*banner*/

/*--- Banner ---*/
.banner{height: 700px;
        position: relative;
        overflow: hidden;

}
.bnr-bg,.banner .m-bg{height: 100%;
  width: 100%;
  background-position:center center ;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  position: absolute;
  top:0;
  left:0;
}
.banner .m-bg{display: none;}

.index-bnr .swiper-pagination .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#ffc602;position:absolute;left:-100%;top:0px;
}


.banner .con{position: relative;
              z-index: 2;
              height: 100%

}
.banner .text{color: #fff;
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
                     

}
.banner .text h1{font-size: 64px;
   font-family: 'AlibabaHeavy'; 

}
.banner .text p{font-size: 20px;
   font-family: 'AlibabaHeavy'; 
   text-transform: uppercase;
   margin-top: 10px;

}
#banpag{
        bottom: 30px;
         
}
#banpag .swiper-pagination-bullet{opacity: 1;
                                  width: 40px;
                                  height: 2px;
                                  box-sizing: border-box;
                                  background: #fff;
                                  
                                  position: relative;
                                  margin: 0 8px;
                                transition: all 1s;
                              -webkit-transition: all 1s;
                              -moz-transition: all 1s;
                              -ms-transition: all 1s;
                              border-radius: 0;
}

#banpag .swiper-pagination-bullet-active{
   background: #f4313f;

}


/*首页*/
.ind-row1{background: #eaf5f9;
          margin-top: 15px;
          padding-bottom: 40px;

}
.title{text-align: center;
       color: #505455;
       padding: 40px 0;

}
.title h1{font-size: 24px;}

.ind-row1 ul {text-align: center;}
.ind-row1 ul li{display: inline-block;
                 vertical-align: top;
                 margin: 0 3%;
                 max-width: 19%;

}
.ind-row1 ul li .pic{height: 114px;

}
.ind-row1 ul li .text{margin-top: 14px;
   color: #505455;

}
.ind-row2 .l,.ind-row2 .r{width: 50%;}
.ind-row2 .pic a{position: relative;
                  padding-top: 83.7%;
                  display: block;
                  width: 100%;
                  overflow: hidden;


}
.ind-row2 .pic a img{position: absolute;
                      width: 100%;
                      height: 100%;
                      top: 0;
                      left: 0;
                      transition: all 5s;
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -ms-transition: all 5s;

}
.ind-row2 .pic:hover img{-webkit-transform: scale(1.1);
  transform: scale(1.1);

}

.ind-row3{background: #f9f9f9;
          margin-top: 15px;
          padding-bottom: 50px;

}
.evaluate{padding: 13px 0;
           padding-bottom: 60px;
}
.evaluate .box{padding: 0 20px;
               position: relative;

}

.evaluate .box .con{overflow: hidden;
              background: #fff;
              box-sizing: border-box;
              border: 1px solid #dedede;
               width: 100%;

}
.evaluate .box .pic{position: relative;
                    padding-top: 101%;
                    overflow: hidden;
                     width: 100%;

}
.evaluate .box .pic .img img{position: absolute;
                             width: 100%;
                             height: 100%;
                             left: 0;
                             top: 0;

}
.evaluate .box .text{height: 70px;
                    box-sizing: border-box;
                    padding: 10px 16px;
                    padding-left: 78px;
                    position: relative;

              border-top: 1px solid #dedede;


}
.evaluate .box .text .h-portrait{width: 47px;
                                 height: 47px;
                                 border-radius: 50%;
                                 overflow: hidden;
                                 position: absolute;
                                 left: 16px;
                                 top: 10px;


}
.evaluate .box .text .h-portrait img{width: 100%;
                                     height: 100%;
}
.evaluate .box .text p{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 48px;
    color: #888;

}
.evaluate-text{position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 2;
                background: #fff;
                box-sizing: border-box;
                padding: 31px;
                text-align: center;
               opacity: 0;
                   transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.evaluate-text span{margin: 0 3px;}
.evaluate-text p {font-size: 28px;
                 margin-top: 14px;
                 text-align: left;
                 -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    height: 120px;


}
.evaluate .box .el{position: absolute;
                   left: 50%;
                   top: -20px;
                   color: #f4313f;
                   font-size: 60px;
                   z-index: 3;
                   -webkit-transform: translateX(-50%);
                   -ms-transform: translateX(-50%);
                   -moz-transform: translateX(-50%);
                   transform: translateX(-50%);
                  opacity: 0;
                    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.evaluate .box:hover .evaluate-text{opacity: 1;

}
.evaluate-text.on{opacity: 1;}
.evaluate .box:hover .el{opacity: 1;

}
.evaluate .box .el.on{opacity: 1;}
#sw-pag{bottom: 0;
}
.sw-pag .swiper-pagination-bullet{opacity: 1;
                                            width: 42px;
                                            height: 2px;
                                            box-sizing: border-box;
                                            background: #fff;
                                            border-radius: 0;
}
.sw-pag .swiper-pagination-bullet-active{background: #f4313f

}
.ind-row4{background: #f9f9f9;
    margin: 15px 0;
   

}
.ind-row4 ul li{float: left;
                width: 29.3%;
                margin: 0 2%;

}
.ind-row4 ul li .pic{    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.ind-row4 ul li .pic img{width: 100%}
.ind-row4 ul li .item{margin-bottom: 80px;}
.ind-row4 ul li .text p{font-size: 16px;
                        margin-top: 16px;
                            overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ind-row4 ul li .item:hover{opacity: 0.9;}
.ind-row4 ul li .item:hover .pic{box-shadow: 0 0 30px rgba(0,0,0,0.2)}
/*首页end*/

/*杂志*/
.inner-ban{
    height: 560px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    font-family: "PingFangSC-Light";
}
.inner-ban .wp{position: relative;
               height: 100%;
}
.inner-ban .text{position: absolute;
                 top: 50%;
                 left: 0;
                 color: #fff;
                 -webkit-transform: translateY(-50%);
                 -ms-transform: translateY(-50%);
                 -moz-transform: translateY(-50%);
                 transform: translateY(-50%);
                 width: 100%;

}
.inner-ban .text p{font-size: 24px;


}
.inner-ban .text h1{font-size: 55px;}
.magazine-row{padding: 66px 0;
              background: #f9f9f9;

}
.classify-nav{text-align: center;
              margin-bottom: 60px;

}
.classify-nav .swiper-slide{width: auto;
                           margin-right: 24px;
                           display: inline-block;
}
.classify-nav .swiper-slide a{    font-size: 24px;
    color: #6d6d6d;

}
.classify-nav .swiper-slide a:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background: #6d6d6d;
    bottom: 2px;
    left: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.classify-nav .swiper-slide a:hover:after {
    width: 100%;
}
.classify-nav .swiper-slide a.on:after {
    width: 100%;
}

.classify-nav .swiper-wrapper{display: block;    white-space: nowrap;}
.magazine-row ul{margin-right: -1.5%}
.magazine-row ul li{width: 23%;
                    margin-right: 1.5%;
                    float: left;
                    margin-bottom: 2%;
                    background: #fff;
                    position: relative;
                    box-sizing: border-box;
                    border-bottom: 1px solid #f4313f;

}
.magazine-row ul li:after{content:"";
                          position: absolute;
                          width: 0%;
                          height: 4px;
                          background: #f4313f;
                          bottom: 0;
                          left: 0%;
                          transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.magazine-row ul li:hover:after{width: 100%;
                                 left: 0;

}
.magazine-row ul li .pic {
    position: relative;
    padding-top: 126.9%;
    overflow: hidden;
    width: 100%;
}
.magazine-row ul li .pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.magazine-row ul li .text{height: 100px;
                          box-sizing: border-box;
                          padding: 16px 14px;

                             

}
.magazine-row ul li .text p{ -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    color: #737373;
    font-size: 15px;
    font-weight: bold;

}
.magazine-row ul li .text h4{margin-top: 10px;
                              color: #a3a3a3;
                              display: block;
                              font-size: 12px;

}
.magazine-row ul li .text h4 em{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    max-width: 41%;

}
.magazine-row ul li .text h4 span{float: right;
                                  color: #585858;
}
.magazine-row ul li .text h4 span img{margin-right: 3px;}
.Page{text-align: center;
       margin-top: 60px;
       font-size: 18px;
        font-weight: bold;
         color: #666;
}
.Page a{
        margin: 0 4px;
       
       
}
.Page a:hover{color: #000;text-decoration: underline;}
/*杂志end*/

/*杂志详情*/
.magazine-details{
    background: #f9f9f9;
    padding-bottom: 60px;
}
.magazine-details .wp{padding-top:66px;
  background: #fff;
 

}
.magazine-details .tit{ text-align: center;
                       margin-bottom: 60px;

}
.magazine-details .tit h1{font-size: 36px;

}
.magazine-details .tit p{color: #666;
                          margin-top: 16px;
}
.magazine-details .text{max-width: 800px;
                       margin: auto;
                       width: 92%;
}
.magazine-details .main p{color: #666;
                          line-height: 28px;
                          margin: 30px 0;
                          font-size: 16px;

}
.magazine-details .main h3{
    max-width: 800px;
	font-size: 26px;
    line-height: 1.154;
    color: #353535;
    margin: 30px auto 38px;

}

.news-page {
    box-sizing: border-box;
    padding: 30px 40px 120px 40px;
    margin-top: 40px;
    background: #f2f2f2;
    border-bottom: 1px solid #f44b57;
   
}
.news-page .t-tit{display: inline-block;}
.news-page h1 {
  
    font-size: 36px;
   
}
.news-page h2{font-size: 40px;

}
.news-page .news-share{float: right;}
.news-page .pag p{font-size: 14px;
                  font-weight: bold;
                  margin-top: 10px;
}
.news-page .pag a{color: #666;
                  font-weight: normal;

}
.news-share p{font-size: 16px;
              margin-bottom: 20px;

}
.news-page .pag a:hover{color: #0eab4a;}
.news-share a{float: left !important;
                                        margin-top: 0 !important;
}

.news-share .bds_tw{background: url(../image/tw.png);

}
.news-share a{height: 27px !important;;padding-left: 34px !important;;}

.news-share .bds_fb{
    background: url(../image/fb.png);
}

.news-share .bds_lin{background: url(../image/lin.png);}

.news-share a{margin-left: 4px !important;}
/*杂志详情end*/

/*下载*/
.c-b .text{color: #000}

.download-row{padding: 66px 0 120px 0;

}
.download-row .tit h1{font-size: 48px;
                      margin-bottom: 20px;

}

.download-row .tit p{font-size: 18px;
                     line-height: 36px;
                     color: #737373;

}
.download-row .main{margin-top: 60px;}
.download-row .main .l{width: 45%;

}
.download-row .main .l .item{background: #f9f9f9;
                             margin-bottom: 40px;
                             height: 235px;
                             box-sizing: border-box;
                             padding: 20px;

}
.download-row .main .l .android{margin-bottom: 20px;}
.download-row .main .l .item h1{text-align: center;
                                font-size: 18px;
}
.download-row .main ul{text-align: center;
                        margin-top: 20px;
}
.download-row .main ul li{display: inline-block;
                          vertical-align: top;
                          width: 20%;

}
.download-row .main ul li .icon{margin-bottom: 10px;}
.download-row .main ul li p{color: #9f9f9f;

}
.download-row .main ul li a{display: inline-block;
                            width: 90px;
                            height: 30px;
                            text-align: center;
                            line-height: 30px;
                            color: #fff;
                            background: #f4313f;
                            margin-top: 14px;
                            border-radius: 3px;

}
.download-row .main ul li a:hover{opacity: .8;}
.download-row .main .l h4{color: #666}
.download-row .main .r{width: 52%;
   height: 509px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;

}
.download-row .main .r img{display: none;}
/*下载end*/

/*服务*/
.qaq-row{padding: 66px 0 100px 0;

}
.qaq-row .tit{text-align: center;
               margin-bottom: 40px;
}
.qaq-row .tit h1{font-size: 38px;}
.aq-tab{text-align: center;

}
.aq-tab ul{

}
.aq-tab ul li{display: inline-block;
               margin: 2%;
               cursor: pointer;

}
.aq-tab ul li p{font-size: 18px;margin-top: 10px;}
.aq-tab ul li.on p{color: #f4313f;}
.aq-tab ul li:hover p{color: #f4313f;}
.aq-box dl{display: none;}
.aq-box dl dt{
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 10px;

    cursor: pointer;
    padding-right: 120px;
}
.aq-box dl dt:nth-child(1){border-top: 1px solid #f2f2f2;}
.aq-box{margin-top: 60px;}
.aq-box dl dt:hover, .aq-box dl dt.on {
    color: #e8303f;
    background-color: #f8f8f8;
}
.aq-box dl dt.on {
    background-color: #dedede;
}
.aq-box dl dd {
    display: none;
    font-size: 14px;
    line-height: 2em;
    padding: 10px 28px;
    padding-right: 200px;
    padding-bottom: 100px;
    color: #666;
    background-color: #f8f8f8;
}
.aq-box dl dt:before, .aq-box dl dt:after {
    content: '';
    position: absolute;
    left: 92%;
    top: 50%;
    width: 16px;
    height: 2px;
    background-color: #333;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.aq-box dl dt.on:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.aq-box dl dt:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.aq-box dl.on{display: block;}
/*服务end*/

/*新闻*/
.news-row{padding: 66px 0 100px 0;
           background: #f2f2f2;

}
.news-tab{text-align: center;

}
.news-tab ul li{display: inline-block;
                vertical-align: top;
                margin: 0 14px;
                font-size: 24px;
                color: #6d6d6d;
                position: relative;
}
.news-tab ul li:after{content:"";
                      position: absolute;
                      width: 0%;
                      height: 2px;
                      background: #6d6d6d;
                      bottom: 2px;
                      left: 0;
                      transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.news-tab ul li:hover:after{width: 100%}
.news-tab ul li.on:after{width: 100%}
.news-ul{margin-right: -2%;

}
.news-ul li {
    float: left;
    width: 48%;
    margin-bottom: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #f4313f;
    position: relative;
    background: #fff;
    margin-right: 2%;
}
.news-ul li:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 4px;
    background: #f4313f;
    bottom: 0;
    left: 0%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.news-ul li:hover:after {
    width: 100%;
    left: 0;
}
.news-ul li .box {
    position: relative;
   
    overflow: hidden;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    
}
.news-ul li .text {
    float: left;
    width: 50%;
    padding: 35px 25px 0;
    box-sizing: border-box;
}
.news-ul li .text span{color: #a0a0a0;
                      font-size: 12px;
}
.news-ul li .text h4 {
    margin-top: 45px;
    position: relative;
        font-size: 24px;
    font-weight: normal;
    color: #333;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 99px;
}
.news-ul li .img {
    float: right;
    width: 50%;
}
.news-ul li .img .pic {
    position: relative;
    padding-top: 155%;
}
.news-ul li:hover .pic{opacity: .9;}
.news-ul .wli{width: 100%;}
.news-ul .wli .img .pic {
    position: relative;
    padding-top: 49.7%;
}
.news-ul .wli .text{width: 25%}
.news-ul .wli .img{width: 75%}

.news-ul li .img .pic{

    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
/*新闻end*/

/*新闻详情*/
.news-ban{text-align: center;
          box-sizing: border-box;
          border-bottom: 1px solid #cacaca;
}
.news-ban span{margin-top: 30px;display: block;}
/*新闻详情end*/

/*服务*/
.title2{text-align: center;
       padding: 40px 0;
      

}
.title2 h1{ font-size: 38px;

}
.service-wp{padding: 40px 0;}
.service-row1{margin-bottom: 40px;}
.service-row1 ul li{float: left;
                    width: 32%;
                    margin-right: 1%;
                    height: 210px;
                    background: #e4d8ce;
                    padding: 30px 40px;
                    box-sizing: border-box;
                    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.service-row1 ul li a{display: inline-block;
                      width: 100%;
                      height: 100%;
}
.service-row1 ul li p{font-size: 20px;
                      margin-top: 14px;
}
.service-row1 ul li span{color: #66615c;
                         display: block;
                         margin-top: 14px;

}
.service-row1 ul li:hover{background: #ede5de}

.service-row2 ul li{position: relative;
  border-bottom: 1px solid #cdcdcd;


}
.service-row2 ul li:after{content:"";
                          position: absolute;
                          width: 14px;
                          height: 24px;
                          background: url(../image/icon13.png) no-repeat;
                          top: 30px;
                          right: 30px;

}
.service-row2 ul li:nth-child(1) {
    border-top: 1px solid #cdcdcd;
}
.service-row2 ul li a{display: block;
                     padding:  30px 50px;
                     font-size: 18px;


}
.service-row2 ul li:hover a{color: #f4313f}
.butDiv{width: 248px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
        background: #f4313f;
        font-size: 16px;
        display: block;
        margin-top: 40px;

}
.service-row2 .butDiv{margin-left: 50px;}
.butDiv:hover{opacity: .9;}
.service-row3{padding: 40px;
             background: #e4d8ce;
             margin-top: 60px;
             padding-right: 200px;
             position: relative;

}
.service-row3 .icon{position: absolute;
                    right: 40px;
                    top: 30px;
}
.service-row3 .icon img{margin-left: 20px;}
.service-row3 .item{margin-top: 80px;}
.service-row3 .item:nth-child(1){margin-top: 0}
.service-row3 .item h1{font-size: 20px;

}
.service-row3 .item p{margin-top: 10px;
                      font-size: 20px;
                      color: #66615c;
}
/*服务end*/


/*品牌*/
.c-f .text{color: #fff}
.about-row1{padding: 26px 0 60px 0;}
.about-row1 .text{max-width: 710px;
                  margin: auto;
}
.about-row1 .text p{font-size: 18px;
                   line-height: 34px;
                   color: #585858;
}
.about-row1 .text h4{font-size: 16px;
                      color: #7c7c7c;
                      margin-top: 50px;

}
.about-row1 .text h1{font-size: 30px;}

.about-row2{background: url(../image/about_bg01.jpg) no-repeat center;
            background-size: cover;
           
            position: relative;
            box-sizing: border-box;
            padding: 30px;
           

}
.about-row2 .text{width: 49%;
                  float: left;
                  box-sizing: border-box;
                  height: 100%;
                  padding-top: 2%
}
.about-row2 .text .con{max-width: 634px;
                       float: right;
                       width: 70%;
                       color: #fff;
                       position: relative;
    padding-top: 77%;

}
.about-row2 .text p{font-size: 24px;
                    line-height: 36px;
                    position: absolute;
    top: 0;
    left: 0;

}
.about-row2 .text .b{top: auto;
                     bottom: 40px;
}
.about-row2 .pic{
   width: 45%;
   float: right;
       position: relative;
    padding-top: 39.6%;
}
.about-row2 .pic img{position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}
.about-row3{padding: 26px 0 100px 0;

}
.about-row3 .main{max-width: 900px;
            margin: auto;
}
.about-row3 .main p {
    font-size: 18px;
    line-height: 34px;
    color: #585858;
}
.about-row3 .main img{text-align: center;
                      margin-top: 30px;

}
.title2 p{font-size: 18px;
    line-height: 34px;
    color: #585858;
    max-width: 900px;
    margin: auto;
    margin-top: 40px;
    text-align: left;

}
.about-row4 .m-pic{display: none;}
.about-row4{padding: 26px 0 120px 0;
            background: #121212;
            color: #fff;

}
.about-row4 .title2 p{color: #fff}
.about-row4 .main{text-align: center;
                   margin-top: 120px;
}
.about-row4 .pic{padding-top: 100px;
                  position: relative;

}
.about-row4 .pic span{position: absolute;


}
.about-row4 .pic span em{content:"";
                            width: 1px;
                            height: 243px;
                            background: #fff;
                            position: absolute;
                            top: 105%;
                            left: 49%;
                            

}
.about-row4 .pic span em:before{content:"";
                            width: 5px;
                            height: 5px;
                            background: #fff;
                            position: absolute;
                                bottom: 0;
                            left: -2px;
                            border-radius: 50%;
                            

}
.about-row4 .pic .s1{left: 40%;
                      top: 0;

}
.about-row4 .pic .s2{left: 52%;
                      top: 13px;

}
.about-row4 .pic .s3{left: 66%;
    top: 57px;

}
.about-row4 .pic .s3 em{height: 170px;}
.about-row4 .pic .s4 em{height: 190px;}
.about-row4 .pic .s4{right: 14.3%;
    top: 50px;

}
.about-row4 .text{position: relative;

}
.about-row4 .text:after,.about-row4 .text:before{content:"";
                          position: absolute;
                          width: 1px;
                          height: 20px;
                          background: #fff;
                          left: 0%;
                          bottom: 10px;

}
.about-row4 .text:before{left: auto;right: 0}
.about-row4 .text h4{font-size: 16px;
                      margin-top: 30px;
                      position: relative;
                      

}
.about-row4 .text h4:after{content:"";
                          position: absolute;
                          width: 100%;
                          height: 1px;
                          background: #fff;
                          left: 0%;
                          top: 11px;

}
.about-row4 .text h4 span{background: #121212;
                          position: relative;
                          z-index: 2;
                          display: inline-block;
                          padding: 0 10px;
}
.about-row5{
    padding: 26px 0 40px 0;
}
.about-row5 ul {}
.about-row5 ul li{float: left;
                  width: 18%;
                  margin: 1%;
               
                  height: 280px;
                  background: #f8f8f8;
                  box-sizing: border-box;
                  border-bottom: 1px solid #f4313f;
                  padding: 14px;

}
.about-row5 ul li h4{font-size: 16px;
                      color: #f4313f;
}
.about-row5 ul li p{margin-top: 36px;
                    font-size: 16px;
                    color: #333333;
                    line-height: 30px;

}

.about-row6{

}
.about-row6 .main{max-width: 620px;
                  margin: auto;

}
.about-row6 ul li{margin-bottom: 60px;
                   position: relative;
                   padding-left: 66px;
                   color: #636363;
                   font-size: 18px;
                   line-height: 30px;

}
.about-row6 ul li img{position: absolute;
                      left: 0;
                      top: -16px;
}
/*品牌end*/

/*配件*/
.parts{padding: 30px 0;
  background-color: #f5f5f5;

}
.parts-pic{height: }
.ul-other {
    overflow: hidden;
    padding-top: 30px;
    margin-left: -30px;
}
.ul-other li {
    float: left;
    margin-bottom: 30px;
}
.ul-other .inner {
    display: block;
    padding-top: 30px;
    margin-left: 30px;
    background-color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.ul-other .item {
    width: 25%;
}
.ul-other .first {
    width: 50%;
}
.ul-other .pic {
    height: 310px;
    line-height: 310px;
    text-align: center;
}
.ul-other .pic img {
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
.ul-other .txt {
    padding: 35px 0 32px;
    text-align: center;
}
.ul-other .txt .name {
    margin-bottom: 1px;
    font-size: 14px;
    line-height: 1.8em;
    color: #333;
}
.ul-other .txt .dec {
    margin-bottom: 1px;
    font-size: 12px;
    line-height: 1.8em;
    color: #999;
}
.ul-other .inner:hover {
    box-shadow: 0 10px 25px 0px rgba(0, 0, 0, 0.1);
}
/*配件end*/

/*登录*/
.c-cf{background: #f9f9f9;
      padding: 50px 0;
}
.signin{padding-bottom: 100px;}
.signis-con{max-width: 400px;
            width: 96%;
            margin: auto;
           

}
.s-tit{text-align: center;
       margin-bottom: 50px;

}
.s-tit h1{font-size: 26px;font-weight: bold;}
.login-box{background: #fff;
            box-sizing: border-box;
            width: 100%;
            padding: 14px 40px 60px 40px;
           border-radius: 6px;

}
.login-box input{    width: 100%;
    max-width: 100%;
    height: 50px;
    line-height: 24px;
    border: none;
     border: 1px solid #b5b5b5;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 20px;
    border-radius: 6px;
    font-family: "PingFang SC";
    font-size: 14px;
    background: none;

}
.login-box .inpt{margin-top: 46px;}
.foremBut{border:none;
  background: #e60012;
  color: #fff;
  font-size: 16px;
  height: 59px;
  line-height: 59px;
  cursor: pointer;
  margin-top: 40px;
  width: 100%;
    border-radius: 6px;
    font-family: "PingFang SC";

}
.foremBut:hover{opacity: .8}
.login-links{margin-top: 26px;}
.login-links a{color: #666}
.login-links .a1{float: left;}
.login-links .a2{float: right;}
.login-links a:hover{color: #000}
/*登录end*/

/*注册*/
.registered{padding-bottom: 100px;}
.registered-con{max-width: 400px;
            width: 96%;
            margin: auto;
           

}
.registered-box{background: #fff;
            box-sizing: border-box;
            width: 100%;
            padding: 60px 40px;
           border-radius: 6px;

}
.registered input{    width: 100%;
    max-width: 100%;
    height: 50px;
    line-height: 24px;
    border: none;
    background: #f7f7f7;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 20px;
    border-radius: 6px;
    font-family: "PingFang SC";
    font-size: 14px;

}
.registered .inpt{margin-bottom: 10px;}
.country-inp{background: #f7f7f7;
             box-sizing: border-box;
             position: relative;
             border-radius: 6px;

}
.country-inp .g-select{padding-left: 100px;
    box-sizing: border-box;

}
.country-inp span{position: absolute;
                     left: 16px;
                   top: 16px;

}
.country-inp span:after{content:"";
                        position: absolute;
                        right: -18px;
                        height: 12px;
                        width: 1px;
                        background: #78787a;
                        top: 4px;

}
.country-inp .st{padding: 10px;
                 position: relative;
}
.country-inp .st button{position: absolute;
                        left: 20px;
                        top: 23px;
                        background: none;
                        border: none;

}
.country-inp .st input{background: #ffffff;
                        text-indent: 42px;

}
.lo-text{margin-bottom: 20px;}
.lo-text p{font-size: 12px;color: #666;margin-top: 10px;}

.ve-inpt .inptext{width: 60%;display: inline-block;}
.ve-inpt .inpbut-r{width: 37%}
.registered-box .radioItem{font-size: 12px;}
.registered-box .radioItem a{color: #e60012}
.registered-box .lb1{padding-left: 28px;line-height: 24px;margin-left: 0}
/*注册end*/

/*我的订单*/
.container-area{
  width: 92%;
    max-width: 1200px;
    margin: auto;
}

.personal-menu{width: 14%;
               background: #fff;
               float: left;
               min-height: 592px;
               padding-top: 30px;
               box-sizing: border-box;

}
.menu-list li a{display: block;
                padding: 16px 48px;
                font-size: 16px;
                color: #aaaaaa;

}
.menu-list li.on a{color: #000000}
.menu-list li a:hover{color: #000000}

.container-right{width: 84%;
                 float: right;
                 background: #fff;
                 box-sizing: border-box;
                 padding: 46px 46px 37px 46px;
                 min-height: 592px;

}
.no-content{text-align: center;
            box-sizing: border-box;
            padding-top: 152px;

}
.no-content h4{font-size: 16px;
               color: #aaa;
               margin: 20px 0 30px 0;

}
.p-but{width: 196px;
       display: block;
       margin: auto;
       height: 62px;
       background: #e60012;
       border-radius: 6px;
       line-height: 62px;
       color: #fff;
       text-align: center;

}
.address-but{font-size: 26px;}
.p-but:hover{opacity: .8}

.m-son-nav{margin-bottom: 20px;
          display: none;
}
.m-son-nav .tab{
              width: 100%;
              text-align: center;
              position: relative;
              margin: auto;

}                
.m-son-nav .tab h1{position: relative;
              font-size: 18px;
              font-weight: normal;
               padding: 16px 0;
               width: 100%;
               background: #fff;
              


}
.m-son-nav .tab h1:after{content:"";
                         position: absolute;
                         width: 0;
          height: 0;
          top: 25px;
                    right: 50px;
          border-style: solid;
            border-top: 10px solid #ccc;
            border-right: 6px solid transparent;
            border-bottom: 10px solid transparent;
             border-left: 6px solid transparent;


}
.m-son-nav .con{position: absolute;
               top: 74px;
               left: 0;
               background: #fff;
               box-shadow: 0 0  20px rgba(0,0,0,0.1);
               width: 100%;
               z-index: 5;
               border-radius: 5px;
               display: none;

}
.m-son-nav .con a{display: block;
                line-height: 50px;
                border-bottom: 1px solid #dcdcdc;
                width: 80%;
                margin: auto;


}

/*服务政策*/
.user-policy h1{font-size: 24px;
               font-weight: bold;
               margin-bottom: 20px;

}
.user-policy p{color: #787878;
               line-height: 24px;
}


/*配送地址*/


.datum-title{margin-bottom: 30px;

}
.datum-title h1{font-size: 24px;font-weight: bold;}
.address-list ul li{width: 46%;
                    margin-right: 4%;
                    float: left;
                    height: 145px;
                    border: 1px dashed #e5e5e5;
                    box-sizing: border-box;
                    padding: 20px;
                    border-radius: 6px;
                    position: relative;
                    cursor: pointer;
                      -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    -ms-transition: all .5s;
                    transition: all .5s;
                    margin-bottom: 26px;
  

}
.address-list ul li h1{font-size: 16px;
                       margin-bottom: 12px;
}
.address-list ul li p{color: #787878;


}
.address-list ul li .edit{margin-top: 12px;
                          color: #e60012;
                          display: none;
                          transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;

}
.address-list ul li .edit span{cursor: pointer;}
.address-list ul li .edit span:hover{color: #e36973}
.address-list ul li .edit em{margin: 0 10px;}
.address-list .icon{position: absolute;
                    top: 6px;
                    right: 11px;
                    display: none;

}
.address-list ul li:hover{border-color: #e60012}
.address-list ul li:hover .edit{display: block;}
.address-list ul li.active{border-color: #e60012}
.address-list ul li.active .edit{display: block;}
.address-list ul li.active .icon{display: block;}

.p-but2{width: 180px;
        height: 50px;
        line-height: 50px;
        margin: 0;
        margin-top: 20px;
        font-size: 16px;

}
/*配送地址end*/
/*账户管理*/
.user-data{margin-bottom: 20px;}
.user-portrait{float: left;
               position: relative;
               padding-left: 90px;
               min-height: 74px;
}
.user-portrait .pic{width: 74px;
               height: 74px;
               background: #eeeeee;
               overflow: hidden;
               border-radius: 6px;
               position: absolute;
               left: 0;
               top: 0;

}
.user-portrait .text{padding-top: 10px;
                     position: relative;
}
.user-portrait .text h1{   font-size: 20px;
                         font-weight: bold;

}
.user-portrait .text p{font-size: 16px;margin-top: 6px;}
.editportrait-but{position: absolute;
                  top: 12px;
    right: -42px;
}

.user-integral{float: right;


}
.user-integral{background: #ff6005;
                color: #fff;
                border-radius: 6px;
                text-align: center;
                padding: 14px 10px;
                max-width: 74px;
}
.datum-item-box{padding: 18px 0;
                border-top: 1px solid #eeeeee;
                position: relative;
                box-sizing: border-box;
                padding-right: 120px;

}
.user-integral img{margin-bottom: 10px;

}
.user-integral p{font-size: 12px;}

.itemleft{display: inline-block;
          position: relative;
          padding-left: 52px;
}
.itemleft .icon{position: absolute;
               left: 0;
               top:3px;

}
.itemleft .text h1{font-size: 16px;
                   font-weight: bold;
}
.itemleft .text p{color: #78787a;line-height: 24px;}
.datum-item-box .but{position: absolute;
                     right: 0;
                     top: 21px;

}
.datum-but{width: 100px;
           height: 38px;
           line-height: 38px;
           background: #f4cccc;
           color: #c70102;
           display: block;
           text-align: center;
           border-radius: 6px;

}
.datum-but:hover{background: #c70102;color: #fff}

/*弹窗*/
.popup{position: fixed;
       width: 100%;
       height: 100%;
       top: 0;
       left: 0;
       z-index: 101;
       display: none;

}
.popup .bg{position: absolute;
           width: 100%;
           height: 100%;
           top: 0;
           left: 0;
           background: rgba(0,0,0,0.6);

}
.popup .main{position: absolute;
             top: 50%;
             left: 50%;
             max-width: 537px;
         width: 96%;
             -webkit-transform: translate(-50%,-50%);
             -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

}
.inp-pop .con{background: #fff;
         box-sizing: border-box;
         padding: 60px;
         border-radius: 10px;

}
.inp-pop .tit{text-align: center;


}
.inp-pop .tit h1{font-size: 24px;
                 font-weight: bold;
}
.inp-pop .tit p{font-size: 14px;margin-top: 10px;color: #666666}
.inp-pop .inpt{ margin-top: 24px;

}
.inp-pop input{width: 100%; 
                max-width: 100%;
               height: 50px;
               line-height: 24px;
               border:none;
               background: #f7f7f7;
               -webkit-appearance: none;
                appearance: none;
                text-indent: 20px;
                border-radius: 6px;
                font-family: "PingFang SC";
                font-size: 14px;

}
.inp-but{text-align: center;

}

.inp-pop .inpBut{width: 100px;
        height: 45px;
        line-height: 45px;
        background: #e60012;
        color: #fff;
        text-indent: 0px;
        cursor: pointer;
        margin: auto;
        display: block;
        margin-top:40px;
        font-size: 16px;

}
.inp-pop .inpBut:hover{background: #fb4855}
.Tips{margin-top: 6px;}
.Tstext{font-size: 12px;
        color: #f4313f;
        display: none;


}
.inp-pop .text{margin-top: 10px;}
.inp-pop .text p{color: #a3a3a3;font-size: 12px;}
.inp-pop .inptext-l{width: 70%;
                       float: left;

}
.inpbut-r{width: 27%;
                  float: right;
                   height: 50px;
                line-height: 50px;
                background: #f4313f;
                color: #fff;
                 -webkit-appearance: none;
                appearance: none;
                border:none;
                border-radius: 6px;
                cursor: pointer;
}
.inpbut-r:hover{background: #fb4855}
.inp-but .inpBut{display: inline-block;}
.cancel-but{    width: 100px;
    height: 45px;
    line-height: 45px;
    background: #f7f7f7;
    color: #e60012;
    text-indent: 0px;
    cursor: pointer;
    margin: auto;
    display: block;
    margin-top: 40px;
    font-size: 16px;
    display: inline-block;
    border-radius: 6px;
    font-family: "PingFang SC";
    margin-left: 10px;
    text-align: center;

}
.cancel-but:hover{opacity: .8}

.p-portrait .tcon{position: relative;
            padding-left: 140px;
            min-height: 120px;
            margin-top: 50px;

}
.messages1{
    width: 120px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    
}
.messages1 label{cursor: pointer;}
.messages1 .pic img{width: 100%;height: 100%;    object-fit: cover;}
.messages1 .icon{text-align: center;
                 color: #fff;
                 position: absolute;
                 top: 50%;
                 left: 0;
                 width: 100%;
                 transform: translateY(-50%);

}
.messages1 .icon img{margin-bottom: 4px}
.p-portrait .t-l{padding-top: 37px;}
.p-portrait .t-l p{font-size: 12px;color: #9d9d9d;line-height: 26px;}
#id_avatar{position: relative;}

.g-select{position:relative;
          
}
.g-select .inp{
  -webkit-appearance: none;
    appearance: none;
  border:none;
  background: #f7f7f7 url(../image/l_icon02.png) 95% 50% no-repeat ;
  cursor:pointer;
  box-sizing:border-box;
      -webkit-user-select: none;
    user-select: none;
}



.g-select .list{display:none;
  position:absolute;
  top:110%;
  left:0;
  width:100%;
  background-color:#f7f7f7;
  max-height: 310px;
  overflow-y: auto;
  z-index: 2;
  border-radius: 6px;
}
.text-gray{padding: 0 20px;}
.g-select .list li{padding:0 20px;
                    line-height:42px;
                    cursor:pointer;
                    font-size:14px;
                    font-weight: bold;
}
.g-select .list li:hover{background-color:#f2f2f2}
.g-select .list::-webkit-scrollbar {/*滚动条整体样式*/
        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
        
    }
.g-select .list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         
        background: #d8d8d8;
    }
.g-select .list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background: none;
}
.inpt2{font-size: 0;
       margin-right: -1.33%
}
.inpt2 .g-select{width: 32%;
                 display: inline-block;
                 vertical-align: top;
                 margin-right: 1.33%;

}
.popup .ti-con{text-align: center;}
.popup .ti-con img{margin-bottom: 30px;
                    margin-top: 20px;
}
.popup .ti-con p{color: #666}

/*提示弹窗*/
.tips-pop{
    width: 92%;
    max-width: 600px;
    position: fixed;
    top: 130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    padding: 40px 20px;
    text-align: center;
    border-radius: 6px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    color: #909090;
}
.s-inp{background: #f7f7f7 url(../image/l_icon02.png) 95% 50% no-repeat !important;

}
.popup2 .con{padding: 50px 30px;

}
.popup2 .tit{text-align: left;}
.inp-pop .inptext2{width: 130px;

}
.inp-t{margin-bottom: 10px;}
.inp-t h4{font-size: 16px;}
.inp-box .inp-c{display: inline-block;}
.inp-box .radio-item{display: inline-block;}

.inp-box-i .g-select{width: 28%;
                     display: inline-block;


}
.inp-box-i .inpt2{display: inline-block;width: 42%}
.add-address-pop .inpBut{width: 180px;
                         margin: 0;
                         margin-top: 40px;
                         height: 50px;
                        line-height: 50px;
                        display: inline-block;

}
.add-address-pop .cancel-but{height: 50px;line-height: 50px;}
.add-address-pop .g-select .list li {
    padding: 0 14px;
    font-size: 13px;
}
/*单选*/
.lb1{
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    padding-left: 21px;
    background: url(../image/g-check1.png) left 2px no-repeat;
    line-height: 22px;
    margin-bottom: 3px;
    cursor: pointer;
    margin-left: 10px;
    
}
.lb1 span{color: #666;margin-left: 4px;}
.lb1 input {
    position: absolute;
    left: -999px;
}

.lb1.checked {
    background-image: url(../image/g-check1-on.png);
}

.inp-pop .inptext3{width: 280px;

}

.lb2{width: 80px;
     height: 40px;
     box-sizing: border-box;
     background: #f7f7f7;
     border: 1px solid #f7f7f7;
     border-radius: 4px;
     line-height: 40px;
     margin-left: 0;
     margin-right: 12px;

}
.lb2.checked{border: 1px solid #e60012;background-image:none;}
/*媒体*/
.news-main{margin-top: 60px;}

.ul-media { margin: 3px 0 45px -16px;
    overflow: hidden;

}

.ul-media .item {
    float: left;
    width: 25%;
    margin-bottom: 29px;
}

.ul-media .inner {
    display: block;
    margin-left: 16px;
    background-color: #fff;
}

.ul-media .inner:hover {
    box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1);
}

.ul-media .txt {
    padding: 52px 0 22px;
    font-size: 18px;
    line-height: 1.5em;
    text-align: center;
    color: #666;
}

.ul-media .pic {
    overflow: hidden;
    position: relative;
}

.ul-media .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ul-media.list1 .pic {
    padding-top: 100%;
}

.ul-media.list2 .pic {
    padding-top: 74.1071%;
}

.m-media {
    overflow: hidden;
   padding-bottom: 100px;
}

.m-media .tit {
    padding: 5px 0 15px;
    overflow: hidden;
}

.m-media .tit h2 {
    position: relative;
    float: left;
    height: 36px;
    font-size: 17px;
    line-height: 36px;
    color: #353535;
}

.m-media .tit h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2px;
    width: 8px;
    height: 1px;
    background-color: #e8303f;
}

.m-media .tit a {
    float: right;
    width: 110px;
    height: 36px;
    border: 1px solid #666;
    border-radius: 17px;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    color: #353535;
}

.m-media .tit a:hover {
    border-color: #d5424e;
    color: #fff;
    background-color: #d5424e;
}

.m-media .btn-back {
    display: block;
    width: 171px;
    height: 47px;
    border: 1px solid #666;
    margin: 0 auto 28px;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    color: #353535;
    border-radius: 23px;
}

.m-media .btn-back:hover {
    border-color: #d5424e;
    color: #fff;
    background-color: #d5424e;
}

.wp-bg{
    background: #f2f2f2;}

    .m-cur-lb {
    height: 68px;
    background-color: #fff;
    margin-bottom: 30px;
}

.ul-cur {
    overflow: hidden;
}

.ul-cur li {
    float: left;
    width: 180px;
}

.ul-cur li a {
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    color: #666;
    height: 68px;
    line-height: 68px;
}

.ul-cur li.on a,
.ul-cur li:hover a {
    color: #e8303f;
}

.m-infor-list {
    padding: 2px 0 50px;
    background-color: #f5f5f5;
}

.m-infor-list .wp {
    overflow: hidden;
}

.ul-infor-list {
    padding: 25px;
    overflow: hidden;
}

.ul-infor-list li {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}
.boxZ{
    width: 100%;

    overflow: hidden;

}
.ul-infor-list.m {display: none;}
.ul-infor-list li .box:hover {
    z-index: 88 !important;
    margin: 0px;
    padding: 10px;
    box-shadow: 0 15px 40px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 15px 40px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 40px 0px rgba(0, 0, 0, 0.2);
}
.ul-infor-list li .box:hover .share {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.ul-infor-list li .box {
    background-color: #fff;
}

.ul-infor-list li.big {
    width: 100% !important;
}

.ul-infor-list li.big .txt {
    width: 25%;
}

.ul-infor-list li.big .img {
    width: 75%;
}

.ul-infor-list li .txt {
    float: left;
    width: 45%;
    padding: 35px 25px 0;
    box-sizing: border-box;
}

.ul-infor-list li .img {
    float: right;
    width: 50%;
}

.ul-infor-list li .box {
    position: relative;
    margin:10px;
    overflow: hidden;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}


.ul-infor-list li .txt em {
    font-size: 14px;
    color: #666;
    display: block;
}

.ul-infor-list li .txt h4 {
    font-weight: normal;
    margin-top: 45px;
    padding-bottom: 10px;
    position: relative;
}

.ul-infor-list li .txt span {
    font-size: 12px;
    color: #999;
}

.ul-infor-list li .txt a {
    font-size: 24px;
    font-weight:normal;
    color: #333;
    max-height: 3em;
    line-height: 1.2em;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ul-infor-list li .txt a:hover {
    color: #e8303f;
}

.ul-infor-list li.big .txt a:hover {
    color: #e8303f;
}

.ul-infor-list li .txt p {
    font-size: 16px;
    color: #999;
    margin-top: 25px;
    line-height: 2em;
    max-height: 6em;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.ul-infor-list li.big .txt a {
    color: #333;
}

.ul-infor-list li.big .txt em,
.ul-infor-list li.big .txt span,
.ul-infor-list li.big .txt p {
    color: #999;
}

.ul-infor-list li .img .pic {
    position: relative;
    padding-top: 155%;
}


.ul-infor-list li.big .pic {
    position: relative;
    padding-top: 51.7%;
}
.ul-infor-list li .box .share {
    position: absolute;
    bottom: 35px;
    left: 35px;
}
/* 图片列表弹出大图 */

.bigPopBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9990;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}

.bigPopBox .box {
    width: 1200px;
    height: 100%;
    padding: 0 130px;
    margin: 0 auto;
    font-size: 0;
    box-sizing: border-box;
}

.bigPopBox .box:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.bigPopBox .dib {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.bigPopBox .CloseBtn {
    position: absolute;
    z-index: 9;
    right: -23px;
    top: -30px;
    width: 45px;
    height: 45px;
    background: #e8303f url(../image/media-close1.png) center/25% auto no-repeat;
    border-radius: 50%;
}

.bigPopBox .slider-num {
    position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    margin-right: 20px;
    font-size: 12px;
    color: #666666;
    line-height: 45px;
    height: 45px;
}

.media-list {
    display: none;
}

.media-list.show {
    display: block;
}

.media-list .pic {
    position: relative;
    overflow: hidden;
    padding-top: 69.117647%;
    background-color: #FFF;
}

.media-list .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.media-list .txt {
    position: relative;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
}

.media-list .txt .btn {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 10px;
    height: 45px;
    font-size: 0;
    line-height: 45px;
}

.media-list .txt a {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    color: #666666;
}

.media-list .txt a:hover {
    color: #fff;
    background-color: #333;
}

.media-list .txt h3 {
    font-size: 12px;
    color: #666666;
}

.media-list .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 30px;
    height: 89px;
    border: 0;
    margin-top: -45px;
    text-indent: -9999px;
    cursor: pointer;
}

.media-list .slick-arrow:hover {
    background-position: 0 bottom;
}

.media-list .slick-prev {
    left: -130px;
    background: url(../image/media-prev.png) 0 0/cover no-repeat;
}

.media-list .slick-next {
    right: -130px;
    background: url(../image/media-next.png) 0 0/cover no-repeat;
}


/*******************************
  -------[=END 04_资讯_媒体资源&图片列表]-------
********************************/
@media screen and (max-width: 1750px){
  .bigPopBox .box {width: 960px;padding: 0 100px;}
}
@media screen and (max-width: 1366px){
.download-row .main .r{height: 460px;}
.download-row .main .l .item{margin-bottom: 20px;height: 220px;padding: 10px;}
.news-ul li .text h4{font-size: 18px;}
.about-row2 .text p{font-size: 18px;}
.about-row4 .pic .s4{right: 9.8%}
.about-row5 ul li p{margin-top: 26px;}
.ul-other .inner {margin-left: 15px;}
.ul-other {padding-top: 10px;margin-left: -15px;}
.ul-other li {margin-bottom: 11px;}
.ul-other .pic {height: 230px;line-height: 230px;}
.menu-list li a{padding: 16px 30px;}
.media-list .slick-prev {left: -100px;}
.media-list .slick-next {right: -100px;}
.nav-children ul li{padding: 0 1%;}

}
@media screen and (max-width: 1200px){
.ind-row1 ul li{max-width: 18%}
.magazine-details .tit h1{font-size: 30px;}
.service-row1 ul li p{font-size: 26px;}
.about-row4 .pic .s4 { right: 8.8%;}
.about-row4 .pic .s3 {left: 72%;top: 46px;}
.about-row4 .pic .s2 {left: 52%;top: 0;}
.about-row5 ul li p{line-height: 26px;font-size: 15px;}
.address-list ul li{height: 156px;}
}
@media screen and (max-width: 1199px){
  .about-row4 .pic{display: none;}
  .about-row4 .m-pic{display: block;}
  .menu-list li a{padding: 16px 20px;}

}
@media screen and (max-width: 1024px){
.banner{height: 500px;}
.bnr-bg{display: none;}
.banner .m-bg{display: block;}
.inner-ban{height: 360px;}
.inner-ban .text h1{font-size: 40px;}
.download-row .main .l,.download-row .main .r{float: none;width: 100%;}
.download-row .main .r{margin-top: 40px;}
.download-row .main .r{height: auto;}
  .download-row .main .r img{display: block;width: 100%}
  .download-row .tit h1{font-size: 36px;}
  .service-row1 ul li{padding: 20px 10px;}
  .about-row5 ul li{width: 23%}
  .menu-list li a{font-size: 14px;}
}
@media screen and (max-width: 960px){
.hd{display: none;}
.motop{display: block;}
body{padding-top: 60px;}
.aq-box dl dd{padding: 20px 30px;}
.about-row2 .text p {font-size: 16px;line-height: 24px;}
.about-row2{padding: 20px;}
.ul-other .pic {height: 180px;line-height: 180px;}
.container-right{padding: 30px 20px;}
.bigPopBox .box {width: 98%;}
.m-media .tit a {
    width: 97px;
    height: 32px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 32px;
}
.m-media .btn-back {
    width: 143px;
    height: 39px;
    line-height: 37px;
}
}
@media screen and (max-width: 767px){
  .ind-row1 ul li{max-width: none;width: 46%;margin: 0 2%;margin-bottom: 30px;float: left;}
  .title{padding: 40px 0 26px 0;}
  .footer-nav{display: none;}
  .photo-footer{display: block;}
  .footer-contact{width: 100%;float: none;text-align: center;margin-top: 30px;}
  .footer .footer-t{padding: 40px 0;}
  .footer-c .l,.footer-c .r,.footer-b .l,.footer-b .r{float: none;}
  .footer-c .l h1{margin-bottom: 14px;text-align: center;}
.footer-b{text-align: center;}
  .footer-b .r{text-align: center;margin-top: 14px;}
  .ind-row2 .l, .ind-row2 .r{float: none;width: 100%}
  .footer-c a{margin: 1%;}
  .inner-ban{height: 260px;}
  .inner-ban .text p{font-size: 18px;}
  .inner-ban .text h1 {font-size: 28px;}
  .magazine-row ul { margin-right: -2%;}
  .magazine-row ul li{width: 48%;margin-right: 2%}
  .magazine-row{padding: 50px 0}
  .magazine-details .tit h1{font-size: 24px;}
  .news-page{padding: 20px 20px 50px 20px;}
  .news-page h1{font-size: 26px;}
  .news-page h2{font-size: 30px;}
  .news-page .news-share{float: none;margin-top: 20px;}
   .download-row .main .l .item{height: auto;}
   .download-row .main ul li{width: 40%;margin-bottom: 20px;}
   .download-row,.news-row{    padding: 50px 0 60px 0;}
   .aq-tab ul li{width: 40%}
   .qaq-row{padding: 50px 0 60px 0;}
   .qaq-row .tit{margin-bottom: 20px;}
   .qaq-row .tit h1{font-size: 26px;}
   .aq-box dl dt{padding-right: 50px;}
   .news-tab ul li{font-size: 16px;    margin: 0 8px;}
   .news-ul{margin-right: 0;}
   .news-main{margin-top: 40px;}
   .news-ul li{width: 100%;margin-right: 0}
   .news-ul li .text,.news-ul li .img,.news-ul .wli .img,.news-ul .wli .text{width: 100%;float: none;}
   .news-ul li .img .pic {padding-top: 98%;}
   .news-ul li .text{padding: 30px 20px;}
   .news-ul li .text h4{margin-top: 20px;}
   .title2 h1{font-size: 26px;}
   .service-row1 ul li{width: 100%;margin-right: 0;float: none;margin-bottom: 16px;padding: 30px 20px;height: auto;}
   .service-row1 ul li p {font-size: 20px;}
   .service-wp{padding: 10px 0 50px 0;}
   .service-row2 ul li a{padding: 30px;}
   .service-row2 .butDiv{margin-left: 0; margin: auto;margin-top: 40px;}
   .service-row3{padding: 30px;padding-top: 60px;}
   .service-row3 .icon{right: 30px;}
   .service-row2 ul li a{font-size: 16px;}
   .about-row1,.about-row3,.about-row4{padding: 10px 0 60px 0;}
   .about-row1 .text p{font-size: 16px;}
   .about-row1 .text h1{font-size: 24px;}
   .about-row1 .text h4{margin-top: 30px;}
   .about-row2 .text,.about-row2 .pic{width: 100%;float: none;}
    .about-row2 .text .con{width: 100%;padding-top: 0;float: none;}
    .about-row2 .text p{position: static;}
    .about-row2{    background: #f4313f url(../image/about_bg01.jpg) no-repeat top left;background-size: 170%;padding-top: 270px;}
    .about-row2 .text .b{margin-top: 60px;}
    .about-row2 .pic{margin-top: 40px;padding-top: 0}
    .about-row2 .pic img{position: static;-webkit-transform: translateY(0);-ms-transform: translateY(0); transform: translateY(0);}
    .about-row3 .main p,.about-row4 .title2 p{font-size: 16px;line-height: 24px;}
    .about-row4 .text h4{font-size: 14px;}
    .about-row4 .main{margin-top: 0}
    .about-row5 ul li{width: 48%}
    .about-row5 ul li p{font-size: 14px;line-height: 24px;margin-top: 16px;}
    .about-row5{padding: 10px 0 0 0;}
    .about-row6 ul li{font-size: 16px;margin-bottom: 38px;}
    .evaluate-text,.evaluate .box .el{opacity: 1;display: none;}
    .footer-c .r{text-align: center;}
    .footer-c a{    width: 21%;margin: 1%;}
    .WeChat .con{left: -56px;}
    .ul-other .first {width: 100%;}
    .ul-other .item {width: 50%;}
    .partspic-container{display: none;}
    .ul-other .inner {padding-top: 10px;margin-left: 7px;}
    .ul-other {margin-left: -7px;}
    .ul-other li {margin-bottom: 8px;}
    .personal-menu{display: none;}
    .m-son-nav{display: block;}
    .container-right{width: 100%;float: none;}
    .inp-pop .con{padding: 40px 20px;}
    .inp-pop .con{    max-height: 75vh;overflow-y: auto;}
   .address-list ul li{width: 100%;float: none;margin-right: 0;}
   .datum-title h1,.inp-pop .tit h1,.user-policy h1{font-size: 20px;}
   .login-box{padding: 14px 20px 60px 20px;}
   .s-tit h1{font-size: 24px;}
   .registered-box{padding: 60px 20px;}
   .sw-pag .swiper-pagination-bullet{width: 26px;margin: 0 2px !important;}
   .classify-nav .swiper-slide a{font-size: 16px;}
   .classify-nav .swiper-slide{margin-right: 16px;}
   .classify-nav{margin-bottom: 40px;}
   .ul-media .item {width: 50%;margin-bottom: 10px;}
   .ul-media .inner {margin-left: 10px;}
   .ul-media .txt {padding: 25px 0 10px;font-size: 13px;}
   .bigPopBox .box {padding: 0 20px;}
   .media-list .slick-arrow {width: 20px;height: 59px;}
   .media-list .slick-prev {left: -20px;}
   .media-list .slick-next {right: -20px;}
   .ul-cur li {width: 25%;}
   .m-cur-lb{height: 48px;}
   .ul-cur li a {height: 48px;line-height: 48px;    font-size: 14px;    padding: 0 5px;}
   .m-media{padding-bottom: 60px;}
}

@media screen and (max-width: 640px){
.evaluate .box{padding: 0;}
.ind-row4 ul li{width: 100%;margin: 0;}
.ind-row4 ul li .item{margin-bottom: 30px;}
.ul-other .pic {height: 160px;line-height: 160px;}
.ul-other .txt {padding: 10px 0 10px;}
.ul-other .txt .name {font-size: 12px;line-height: 1.5em;}
.user-portrait{padding-left: 79px;}
.user-portrait .text h1{font-size: 16px;}
.user-integral{float: none;margin-top: 10px;}
.user-portrait{float: none;}
.editportrait-but{right: 0px}
.user-portrait .text{padding-right: 20px;}
.itemleft{float: none;}
.datum-item-box .but{position: static;margin-top:20px;padding-left: 52px;}
.datum-item-box{padding-right: 0}
.add-address-pop .inpBut{width: 120px;}
.lb2{margin-right: 2px;}
}
@media screen and (max-width: 440px){
.user-integral{max-width: 100%;padding: 10px;}
.inp-box-i .g-select{width: 48%}
.inp-box-i .inpt2{width: 97%;margin-top: 10px;}
}