@charset "utf-8";

.w1200{
    max-width:1200px;
    margin:0 auto;
}
.w1000{
    max-width:1000px;
    margin:0 auto;
}

.w800{
    max-width:800px;
    margin:0 auto;
}

/*头部*/
#header_nav {
    width: 100%;
    min-height:50px;
    position: fixed;
    top: 0px;
    z-index: 60;
    height: 60px;
}
#header_nav a{
    padding:10px 0;
    color: #000;
}

#selectedwww{background-image:url(../images/sy.png);background-repeat: no-repeat;text-indent:-20em;display:inline-block;width:6em;height:40px;line-height:20px;cursor:pointer;background-position-y: 2px;}

#header_nav details a{
    color: #000;
}
@media screen and (min-width: 768px) {
    .jd_logo .logo{
        width:50%;
    }
    .jd_menu{
        margin-top:10px;
    }
}
@media screen and (max-width: 768px) {
    .header{
        height: 100px;
        line-height:100px;
    }
    .jd_menu li{
        height:40px;
    }
    .jd_menu li a{
        /*line-height:40px;*/
        line-height:20px;
    }
    .jd_logo .logo{
        width:100%;
    }
}
/*头部*/
.roll_img{
    margin-top:60px;
}
@media screen and (max-width: 768px) {
    .roll_img{
        margin-top:60px;
    }
}
/*新增头部*/
.header_ul{
    position: relative;
    top:-8px;
    overflow: hidden;
}
.header_ul_li{
    overflow: hidden;
    display: none;
    /*position: relative;*/
    /*top: -8px;*/
    z-index: 1;
}
.header_ul_li:nth-of-type(1){
    padding-right:30%;
}
.header_ul_li:nth-of-type(2){
    padding-right:40%;
}
.header_ul_li:nth-of-type(3){
    padding-right:30%;
}
.header_ul_li:nth-of-type(4){
    padding-right:30%;
}
.header_ul_li:nth-of-type(5){
    padding-right:20%;
}
.header_ul_li li{
    padding:8px 15px;
    line-height:2.5em;
}
.header_ul_li li:hover:after{
    content: '';
    display: block;
    width:100%;
    border:0.5px solid #ccc;
}
.jd_logo,.jd_logo_pc{
    line-height:50px;
}
@media screen and (min-width: 768px) {
    .jd_logo_pc{
        float: left;
        width: 310px;
    }
}

.jd_logo_pc img{
    max-width:100%;
    max-height:40px;
}
.nav_ul{
    z-index: 3;
    width:auto;
    float: left;
    text-align: right;
    white-space:nowrap;
}
.nav_ul>li{
    line-height:60px;
    min-width:6em;
    text-align: center;
}
.nav_ul>li:last-of-type img{
    border-radius:100%;
    background-color: #000;
}
.nav_ul>li:last-of-type{
    line-height:normal;
    padding-top:10px;
}
#header_nav .nav_ul>li:last-of-type a{
    margin-right:5px;
    padding:2px 0 10px;
}

/*页脚导航*/
footer{
    padding:40px 0 20px;
}
.foot_nav ul li{
    padding:0 5px;
}
.foot_nav ul li dl{
    margin:auto;
}
.foot_nav ul li dl dt{
    color: #666;
    line-height:2.5em;
    font-size:14px;
    cursor: default;
    font-weight:normal;
}
.foot_nav ul li dl dd{
    line-height:2.1em;
}
.foot_nav ul li dl dd a{
    color: #999;
    font-size:12px;
}
.foot_nav ul li dl dd:hover a{
    color: #666;
}
footer>div>div>p a,footer>div>div>p span{
    font-size:12px;
}
@media screen and (min-width: 768px){
    .footer_left{
        text-align: right;
    }
    footer{
        text-align: center;
    }
}
@media screen and (max-width: 768px){
    .footer_left{
        text-align: left;
        padding-bottom:10px;
    }
    footer>div>div>p a,footer>div>div>p span{
        display: block;
        padding:2px 0;
    }
}

/*位置*/
.location a{
    color: #000;
    padding-left:.5em;
    padding-right:.5em;
    letter-spacing:2px;
    text-transform: none;
}
/*产品图标*/
.proudct_li{
    text-align: center;
}
.proudct_li a{
    display: block;
    color: #000;
    line-height:3em;
}
.proudct_li a img{
    width:30%;
}
@media screen and (max-width: 768px) {
    .product_li a{
        font-size:0.7em !important;
    }
    .proudct_li a img{
        width:40%;
    }
}

/*IE*/
body{
    scrollbar-face-color:#50AE99;
}
/*chrome*/
body::-webkit-scrollbar{
    width:5px;
    height: 5px;
}
body::-webkit-scrollbar-thumb{
    background: #50AE99;
}