html,body,div,p,table,tr,td,hr,ul,ol,li,img{
    padding: 0;
    border: 0;
    z-index: 0;
    position: relative;
    margin: 0;
}
body{
    margin: 0 auto;;
    max-width: 1862px;
    font-family: "Microsoft YaHei";
    color: #000000;
}
.all{ width: 100%}
.left{ float: left}
.right{ float: right}
.clear{ clear: both}
.bc{ z-index: -1}


/* the header and navigation  */
header{
    position: relative;
    text-align: center;
    z-index: 100;
    max-width: 1900px;
    margin: 0 auto;
}
.nav{
/*    border-bottom: 1px solid #c5c5c5;    */
    background: #FFF;
}
.nav_1{
    height: 60px;
    width: 100%;
}
.nav_main{
    width: 1024px;
    margin: 0 auto;
}
.f1{ float: left; width: 56px;height: 60px}
.f2{ color: #f0b502;}
.nav_main p a{
    display: block;
    width: 56px;
    height: 60px;
    margin-top: 17px;
}
.nav_main ul{ float:right;}
.nav_main ul li{
    float: left;
    margin-left: 80px;
    font-size: 18px;
    letter-spacing:4px;
    line-height:60px;
    color: #333;
    list-style: none;
}
.nav_main ul li a{ color: #333;text-decoration: none}
.nav li a:hover{ color:#f0b502;text-decoration: none}
.nav_main i{
    height:21px;
    width:21px;
    display:block;
    float:left;
    margin-top:21px;
    margin-right:5px;
}
.nav_bg_1{ background: url("../images/icon_1.png") center no-repeat;}
.nav_bg_2{ background: url("../images/icon_2.png") center no-repeat;}
.nav_bg_3{ background: url("../images/T_4.png") center no-repeat;}
.nav_bg_4{ background: url("../images/icon_4.png") center no-repeat;}
.nav_bg_2_hover{ background:url(../images/icon_2_hover.png) center no-repeat;}

@media screen and (max-width: 1024px){
    .nav_main{
        width: 768px;
        margin: 0 auto;
    }
    .nav_main ul li{
        margin-left: 40px;
    }
}
@media screen and (max-width: 768px){
    .f1{
        height: 40px;
    }
    .nav_main{
        width: 100%;
        margin: 0 auto;
    }
    .nav_2{
        width: 100%;
    }
    .nav_1{
        height: 40px;
    }
    .nav_2 {
        height: 40px;
    }
    .nav_main p a{
        height: 40px;
        width: 56px;
        margin-top: 9px;
    }
    .nav_main ul li{
        margin-left: 30px;
        font-size: 15px;
        letter-spacing:3px;
        line-height:40px;
    }
    .nav_main i{
        height:20px;
        width:20px;
        margin-top:10px;
        margin-right:5px;
    }
}
@media screen and (max-width: 480px){
    .f1{
        width: 28px;
        height: 30px;
    }
    .nav_main p a {
        width: 40px;
        height: 30px;
        margin-top: 6px;
    }
    .nav_1{
        height: 30px;
    }
    .nav_2 {
        height: 30px;
    }
    .nav_main ul li:first-child{
        margin-left: 0;
    }
    .nav_main ul li{
        margin-left: 20px;
        font-size: 12px;
        letter-spacing:2px;
        line-height:30px;
    }
    .nav_main i{
        height:18px;
        width:18px;
        margin-top:6px;
        margin-right:3px;
    }
}



/****************************** list ************************************/
.list-banner{
    width: 100%;
    z-index: -1;
}
.list-mac1{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48.3351%;    /* 900/1862 */
    margin-bottom: -10%;
    margin-left: 9.7744%;    /* 182/1862 */
    z-index: 1;
}
.list-mac2{
    position: absolute;
    top: 0;
    left: 0;
    width: 50.1611%;    /* 934/1862 */
    margin-top: -10%;
    margin-left: 12.8894%;    /* 240/1862 */
}
.list-title{
    position: absolute;
    top: 0;
    right: 0;
    width: 25.4028%;    /* 473/1862 */
    margin-top: 12.2986%;    /* 229/1862 */
    margin-right: 15.9377%;    /* 297/1862 */
}
.list-content{
    width: 100%;
    padding-top: 5.3706%;    /* 63/1180 */
    margin: 0 auto;
    background-color: #FFFFFF;
}
.content{
    width: 1180px;
    margin: 0 auto;
}
.list-title2{
    margin-left: 4.2373%;    /* 50/1180 */
    line-height: 36px;
    font-size: 30px;
}
.content .des{
    width: 94.3220%;    /* 1113/1180 */
    margin: 0 auto;
    padding-top: 4.9153%;    /* 58/1180 */
}
.content>ul{
    margin: 1.6949% 0 0 0;    /* 20/1180 */
    height: auto;
}
.content>ul>li{
    list-style: none;
    margin-bottom: 2.5424%;    /* 30/1180 */
}
.list-icon{
    width: 40px;
}
.list-article{
    width: 1130px;
    margin-left: 10px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
}
.p1{
    margin: 0;
    line-height: 40px;
    font-size: 20px;
    color: #333333;
    font-weight: 600;
}
.p2{
    line-height: 30px;
    font-size: 15px;
    color: #666666;
    letter-spacing: 0.05em;
    font-weight: 400;
}
.yd{ float: left}
.lt{ float: right}
.yd,.lt,.dx{ width: 39.4068%}    /* 465/1180 */
.dx>img{ width: 27.2727%}    /* 120/440 */
.parts{ width: 100%}
.parts>img{
    width: 8.5593%;
    margin: 4.2373% 6.7966%;
}
.s1{
    font-weight: normal;
    color: #f0b502;
    font-size: small;
}
.s1>a{color: #f0b502}
/** 自适应媒体 **/
@media screen and (max-width: 1500px){
    .content{ width: 63.3727%}    /* 1180/1862 */
    .list-icon{ width: 3.3898%}    /* 40/1180 */
    .list-article{ width: 95.7345%;margin-left: 0.8757%}    /* 1130/1180 */ /* 10/1180 */
    .p1{ line-height: 30px;font-size: 15px}
    .p2{ line-height: 20px;font-size: 12px}
}
@media screen and (max-width: 1024px){
    .content{ width: 80%}    /* 944/1180 */
    .list-content{ line-height: 20px;font-size: 15px}
    .list-icon{ width: 3.9063%}    /* 40/768 */
    .list-article{ width: 95.0171%;margin-left: 0.9766%}
    .p1{ font-size: 12px}
    .p2{ font-size: 10px}
}
@media screen and (max-width: 768px){
    .list-icon{ width: 5.2083%}    /* 40/768 */
    .list-article{ width: 92.0000%;margin-left: 2.0833%}
    .s1{ font-size: xx-small}
}
@media screen and (max-width: 480px){
    .content{ width: 100%}
     .content>ul{ margin: 3.3898% 0 0 0}
    .list-title2{ line-height: 15px;font-size: 10px}
    .list-icon{ width: 8.3333%}    /* 40/480 */
    .list-article{ width: 89.5834%;margin-left: 2.0833%}
    .yd,.lt{ float: none}
    .yd,.lt,.dx{ width: 80%}
    .s1{ font-size: xx-small}
}