body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

body {
    background: #fff;
    font: 15px/1;
    color: #333;
    -webkit-font-smoothing: antialiased;
    /* -webkit-text-size-adjust: none; */
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -webkit-touch-callout: none;
    word-break: break-all;
    word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}

input,
select,
form,
img {
    vertical-align: middle;
    outline: none;
    /*max-width: 100%;*/
}

a,
button,
input,
textarea,
a:focus,
button:focus,
input:focus,
textarea:focus,
[onclick] {
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

a {
    -webkit-touch-callout: none;
    text-decoration: none;
    color: #000;
    outline: 0;
}

html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
}

body {
    width: 100%;
    overflow-x: hidden;
}


/*header*/

.header {
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 999;
    text-align: center;
    background-color: #fff;
    overflow: visible;
    top: 0;
    border-bottom: 1px solid #e8e8e7;
    /*background: url(/Public/Home/m/images/skin/header_bg.png) no-repeat;*/
}

.header .logo {
    width: 239px;
    width: 168px;
    height: auto;
}
.header .logo_dangban{
    width: 139px;
    height:55px;
    position: absolute;
    left: 0;
    right:0;
    margin:0 auto;
    top:1%;
}

.header .search {
    height: 99.1%;
    width: 640px;
    position: absolute;
    left: 0;
    top: 0;
     background-color: #fff; 
    transition: all .3s;
    -webkit-transition: all .3s;
    z-index: 1;
    transform: translate3d(-540px, 0, 0);
    -webkit-transform: translate3d(-540px, 0, 0);
    text-align: left;
}

.header .search.active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.header #search {
    width: 450px;
    height: 50px;
    padding-top: 0px;
    border-bottom: 1px #ccc solid;
    float: left;
    font-size: 24px;
    line-height: 60px;
    margin-top: 10px;
    margin-right: 22px;
    color: #aaa;
}

.header #btn_search {
    width: 60px;
    height: 60px;
    background: url(/Public/Home/m/images/search_icon_2.png) no-repeat center center;
    margin-top: 10px;
    float: left;
}

.header #btn_close {
    width: 60px;
    height: 100%;
    font-size: 52px;
    color: #b7b7b7;
    line-height: 80px;
    float: left;
    text-align: center;
    margin-right: 12px;
    margin-left: 12px;
}

.header .menu {
    position: absolute;
    margin-right: 18px;
    height: 45px;
    width: 45px;
    padding: 22px 12px 8px;
    right: 0;
    top: 0;
    box-sizing:content-box;
}

.active.header .menu {
    z-index: 9999;
}

.menu .line {
    width: 100%;
    height: 2px;
    background-color: #b5b5b5;
    overflow: hidden;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    margin: .5px 0;
}

.active.header .menu .line {
    background-color: #333333;
}

.menu .line_mid {
    width: 80%;
    /* background-color: #bfbfbf; */
    margin: 16px 0 16px 20%;
}

.active .menu .line_top {
    transform: rotate(45deg) translate3d(2px, 0px, 0);
    -webkit-transform: rotate(45deg) translate3d(2px, 0px, 0);
    transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
}

.active .menu .line_bottom {
    transform: rotate(-45deg) translate3d(2px, 0px, 0);
    -webkit-transform: rotate(-45deg) translate3d(2px, 0px, 0);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
}

.active .menu .line_mid {
    opacity: 0;
    transform: translate3d(60px, 0, 0) scaleX(.1);
    -webkit-transform: translate3d(60px, 0, 0) scaleX(.1);
    transform-origin: 25% center;
    -webkit-transform-origin: 25% center;
}

.head_nav {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(255, 255, 255, 1);
    transform: translate3d(-660px, 0, 0);
    -webkit-transform: translate3d(-660px, 0, 0);
    transition: all .5s;
    -webkit-transition: all .5s;
    top: 0;
    left: 0;
    z-index: 999;
/*    box-shadow: 5px 0px 15px #000;*/
    background-image: url(/Public/Home/m/images/logo_white.png);
    background-repeat: no-repeat;
    background-position: 50% 23px;
    background-size: 117px 40px;
/*    padding-top: 140px;*/
    text-align: left;
    overflow: hidden;
}

.active .head_nav {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.nav dl {
    margin: 0 24px 0 24px;
    border-bottom: 1px #414141 solid;
}

.nav a {
    color: #fff;
    line-height: 88px;
    display: inline-block;
    font-size: 24px;
    /*font-weight: lighter;*/
}

.nav p {
    margin-top: 60px;
    text-align: center;
}

.nav p a {
    margin:0 10px;
    line-height: 60px;
    padding:0 80px;
    border:1px solid #fff;
    border-radius: 5px;
}

.nav dd {
    transition: height .5s;
    -webkit-transition: height .5s;
    height: 0px;
    overflow: hidden;
}

.nav dl.show dd {
    height: 72px;
}

.nav dd a {
    padding-left: 24px;
    display: block;
    font-size: 20px;
    color: #eee;
    border-bottom: 1px #999 solid;
}

.nav dd a.last {
    border: none;
}

.nav .arrow {
    color: #fff;
    font-weight: lighter;
    float: right;
    line-height: 88px;
    font-size: 22px;
    transform: scaleY(1);
    transform-origin: 50% 55%;
    -webkit-transform: scaleY(1);
    -webkit-transform-origin: 50% 55%;
    margin-right: 4px;
}

.nav .show .arrow {
    /*-webkit-transform: scaleY(1) scaleX(1) rotate(90deg);*/
}


/*footer*/

.footer .qr_code {
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    padding: 50px 0 130px;
    color: #686868;
    background-color: #333333;
}

.qr_code img {
    margin: 24px auto;
}

.qr_code .contact_phone{
    float: left;
    margin-left: 30px;
}

.footer .contact {
    width: 250px;
    float: right;
}

.contact a {
    background: url(/Public/Home/m/images/footer_contact.png) no-repeat;
    background-size: 288px 42px;
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 100%;
}

.contact .qq {
    background-position: 20px 18px;
}

.contact .weibo {
    background:url("/Public/Home/m/images/rebuild/weibo.png") no-repeat center center/80% 80%;
}

.contact .weixin {
    background:url("/Public/Home/m/images/rebuild/wechat.png") no-repeat center center/80% 80%;
}

.foot_nav a {
    color: #000;
}

.foot_nav .arrow {
    color: #aaa;
}

.foot_nav dd a {
    color: #999999;
}

.foot_nav dd a {
    border-bottom: 1px #414141 solid;
}

.footer .bar {
    height: 85px;
    width: 100%;
    background-color: #e9e9e9;
    line-height: 85px;
    color: #a6a2a2;
    text-align: center;
    font-size: 20px;
}
.footer_mianze{
    font-size: 14px;
    color: #808080;
    text-align: left;
    width: 620px;
    height: 97px;
    line-height: 1.3;
    padding: 20px 10px 35px 10px;
    background-color: black;
}
.footer_mianze_top{
    text-align:center;
    color: #999999;
    font-size: 20px;
}
.footer .change_language_btn{
    background:none;
    position: absolute;
    border: 1px solid #dadada;
    text-align: center;
    width: 100px;
    height: 40px;
    margin-top: 22px;
    margin-left: 10px;
    padding: 0;
    z-index: 1;
    /* top: 25.5px; */
    /* right: 110px; */
    display: inline;
}
.footer .change_language{
    display: block;
    width: 100%;
    height:100%;
    line-height: 1.8;
    color: #009944;
    font-weight:bold;
}
.en_hide {
    display: none !important;
}
.header_bottom{
    height: 0.31rem;
    position: absolute;
    bottom: -3%;
}
/*.part-1{
    background: url(/Public/Home/m/images/skin/part-1-bg.png) no-repeat;
    background-size: 100% 100%;
}*/
/*.clearfix .item>a{color: #fff;}*/
.t2>a>span{color: #fff;}

/****************产品页**********/
.pic{
/*    background-color: rgb(252,243,229);*/
    position: relative;
}
.pds-filter{
    width: 100%;
    /* height: 230px; */
}
.filter-type{
    /* height: 115px; */
    width: 100%;
    padding: 50px 0px 22px 26px;
    /*border-bottom: dashed 1px rgb(204,204,204);*/
    box-sizing: border-box;
}
.filter-function{
    /* height: 115px; */
    width: 100%;
    padding: 22px 0px 22px 26px;
    /* padding-left: 26px; */
    /*border-bottom: dashed 1px rgb(204,204,204);*/
    box-sizing: border-box;
}
.pds-filter span{
    display: inline-block;
    line-height: 72px;
    font-size: 22px;
    font-weight: 600;
    margin-right: 27px;
    position: absolute;
}
.filter-block-div{
    /*display: inline-block;*/
    /*width: 79%;*/
    /*margin-left: 21%;*/
    /* padding: 22px 0px; */
}
.filter-block{
    /*min-width: 102px;*/
    /*height: 50px;
    border-radius: 24px;
    line-height: 50px;
    font-size: 22px;
    display: inline-block;
    text-align: center;
    background-color: rgb(239,240,242);
    box-sizing: border-box;
    padding: 0 15px;
    margin: 11px 0px 11px 15px;
    cursor:pointer;*/
    font-size: 22px;
    background-color: #f1f1f1;
}
.block-active{
    background-color: #ccf0ed;
    color: #0eb9a9;
    border: 1px solid #00b5a4;
}
.pds-sort{
    width: 236px;
    height: 56px;
    margin-left: 50%;
    display: inline-block;
    transform: translateX(-118px);
    text-align: center;
    margin-top: 60px;
    background-color: rgb(239,240,242);
    cursor:pointer;
}
.sort-block{
    width: 50%;
    float: left;
    height: 100%;
    line-height: 56px;
    font-size: 22px;
}
.item-c{
    width: 100%;
    height: 44px;
    text-align: center;
    font-size:22px;
    line-height: 44px;
    background-color: rgb(234,217,187);
}
/***************导航栏******************/
a{
text-decoration:none
}
a:visited {text-decoration:none;} 
.head-nav-head{
    width: 100%;
    background-color: rgb(76,76,76);
    height:  80px;
    position: fixed;
    z-index: 999;
    top: 0;
}
.head_nav-logo{
    width: 171px;
    height: 57px;
    margin-left: 50%;
    margin-top: 11.5px;
    background-image: url('/Public/Home/m/images/new-m-2018-10-17/logo2.png');
    background-size: cover;
    transform: translateX(-50%);
    display: inline-block;
}
.new-nav-div{
    width: 400%;
    height: 100%;
    overflow:  hidden;
    clear: both;
    transition: all 0.5s;
}
.new-nav-first{
    padding-top: 80px;
    width: 25%;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    float: left;
}
.new-nav-second{
    padding-top: 80px;
    width: 25%;
    height: 100%;
    box-sizing: border-box;
    float: left;
    overflow:hidden;
    position: relative;
}
.f-block{
position: relative;
}
.goto-second{
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    right: 0;
}
.f-block-border{
    width: 85%;
    padding: 57.5px 25px 57.5px 25px;
    height: 140px;
    border-bottom: solid 1px rgb(220,220,220) !important;
    box-sizing: border-box;
    margin-left: 7.5%;
    font-size: 25px;
    line-height: 25px;
    color: rgb(119,119,119);
    position: relative;
}
.t-o-block{
    width: 100%;
    padding:0px 40px 0px 70px;
    height: 100px;
    font-size: 25px;
    line-height: 100px;
    color: rgb(76,76,76);
    position: relative;
    box-sizing: border-box;
}
.t-o-block span{
    width: 13px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Public/Home/m/images/new-m-2018-10-17/mb-right.png);
    /* float:right; */
    position:  absolute;
    top: 50%;
    right:  40px;
    transform: translateY(-50%);
}
.f-block span{
    width: 13px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Public/Home/m/images/new-m-2018-10-17/mb-right.png);
    position: absolute;
    top: 50%;
    right: 56%;
    transform: translateY(-50%);
    z-index: 9;
}
.s-block span,.t-block span,.s-s-block-border span,.s-t-block-border span{
    width: 13px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Public/Home/m/images/new-m-2018-10-17/mb-right.png);
    /* float:right; */
    position:  absolute;
    top: 50%;
    right:  0;
    transform: translateY(-50%);
}
.first-div{
    overflow-y: auto;
    box-sizing: border-box;
    width: 32%;
    float: left;
    background-color: rgb(236,236,236);
    height: 100%;
    padding-bottom:80px;
}
.second-div{
    overflow-y: auto;
    width: 68%;
    float: left;
    box-sizing: border-box;
    height: 100%;
    padding-bottom:80px;
}
.third-div{
    width: 68%;
    overflow: hidden;
    position: absolute;
    height: 100%;
    transform: translateX(147%);
    background-color: white;
    transition: all 0.5s;
}
.s-f-block{
width: 100%;  
}
.s-f-block-border{
    width: 85%;
    margin-left: 7.5%;
    padding: 57.5px 0px 57.5px 0px;
    height: 140px;
    box-sizing: border-box;
    font-size: 25px;
    line-height: 25px;
    color: rgb(77,77,77);
    position: relative;
    text-align: center;
    border-bottom: solid 1px white;
}
.s-s-block{
    width: 100%;
}
.s-s-block-border{
    width: 85%;
    margin-left: 7.5%;
    padding: 27.5px 0px 27.5px 65px;
    height: 140px;
    box-sizing: border-box;
    font-size: 25px;
    line-height: 85px;
    color: black;
    position: relative;
    text-align: left;
    border-bottom: solid 1px rgb(220,220,220);
}
.s-t-block-border{
    width: 90%;
    margin-left: 5%;
    padding: 27.5px 0px 27.5px 35px;
    height: 140px;
    box-sizing: border-box;
    font-size: 25px;
    line-height: 85px;
    color: black;
    position: relative;
    text-align: left;
    border-bottom: solid 1px rgb(220,220,220);
    overflow: hidden;
}
.s-s-block-border img,.s-t-block-border img{
    width: 85px;
    height: 85px;
    /* position: absolute; */
    /* left: 75px; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    margin-right: 30px;
}
.new-nav-third{
    padding-top: 80px;
    width: 25%;
    height: 100%;
    box-sizing: border-box;
    float: left;
    overflow:hidden;
}
.back-to-second{
    width: 18.6%;
    float: left;
    height: 100%;
    box-sizing: border-box;
    background-color: rgb(76,76,76);
    position: relative;
}
.back-to-second-one{
    width: 16%;
    float: left;
    height: 100%;
    box-sizing: border-box;
    background-color: rgb(76,76,76);
    position: relative;
}
.gray-left{
    width: 25px;
    height: 45px;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/Public/Home/m/images/new-m-2018-10-17/gray-left.png");
}
.third-only-div{
    width: 81.4%;
    float: left;
    height: 100%;
    overflow-y:auto; 
}
.second-third-div{
    width: 84%;
    height: 100%;
    overflow: hidden;

}
.third-title{
    width: 100%;
    height: 150px;
    text-align: center;
    line-height: 150px;
    font-size: 27px;
    position: relative;
}
.third-more{
    position: absolute;
    display: inline-block;
    font-size: 18px;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(76,76,76)
}
.not-goto-second{
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    right: 0;
}