﻿body{
    min-width: 1047px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 22px;
}
/* the header and navigation  */
header{
    position: relative;
    text-align: center;
}
.header_1{
    position: relative;
}
.nav{
    /*border-bottom: 1px solid #c5c5c5;*/
    background: #FFF;
}
.nav_1{
    height: 60px;
    width: 100%;
}
.nav_2 {
    display: none;
    height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300;
    border-bottom: 1px solid #c5c5c5;
}
.nav_main{
    width: 900px;
    margin: 0 auto;
}
.f1{ float: left;}
.nav_main p a{
    display: block;
    height: 60px;
    width: 61px;
    background: url(../images/logo.png) center no-repeat;
}
.nav_main ul{ float:right;}
.nav_main ul li{
    float: left;
    margin-left: 80px;
    font-size: 18px;
    font-family: "微软雅黑";
    letter-spacing:4px;
    line-height:60px;
    color: #333;
}
.nav_main ul li a{ color: #333;}
.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_hover.png") center no-repeat;}
.nav_bg_3{ background: url("../images/icon_3.png") center no-repeat;}
.nav_bg_4{ background: url("../images/icon_4.png") center no-repeat;}
.nav_bg_1_hover{ background:url(../images/icon_1_hover.png) center no-repeat;}
.banner{
    position: relative;
    width: 99.9%;
}
/*    */
.main{
    width: 100%;
}
.main_title1{
    margin: auto;
    width: 17.50806%;
    padding-top: 1.61117%;
}
.main_title2{
    margin: auto;
    width: 19.76369%;
    padding-top: 3.49087%;
}
.main_title3{
    margin: auto;
    width: 20.08593%;
    padding-top: 3.49087%;
}
.main_title4{
    margin: auto;
    width: 24.16756%;
    padding-top: 2.0%;
}

/*    */
.main_bac{
    margin: auto;
    width: 100%;
    padding-top: 2.41676%;

}
/*  */
.main_des1{
    margin: auto;
    width: 42.96455%;
    padding-top: 1.61117%;
}
.main_des1 ul li{
    display: inline-block;
    width: 27.75%;
    padding-left: 3.75%;
}
.main_des2{
    margin: auto;
    width: 39.74221%;
    padding-top: 1.61117%;
}
.main_des2 ul li{
    display: inline-block;
    width: 20.81081%;
    padding-left: 2.97838%;
}
.main_des3{
    margin: auto;
    width: 63.37272%;
    padding-top:5.37057%;
}
.main_des4{
    margin:0 auto;
    width: 64.66165%;
    padding-top: 5.37057%;
}
/*   */
.main_table{
    margin: auto;
    width: 60.3652%;
    padding-top: 4.29646%;
}
.table_1{
    width: 21.17438%;
    float: left;
}
.table_2{
    width: 32.91815%;
    margin-left: 8.00712%;
    float: left;
}
.table_3{
    width: 32.91815%;
    margin-right: 0;
    float: right;
}
/*    */
.main_button{
    width: 33.22342%;
    margin-left: 42.28679%;
    padding-top: 1.61117%;

}
.button_1{
    width: 30.33333%;
    float: left;
}
.button_2{
    width: 30.33333%;
    float: right;
}
.main_button2{
    margin: auto;
    width: 27.17508%;
}
.main_button3{
    margin: auto;
    width: 24.06015%;
}
.main_des4 table tr{
    line-height: 38px;
}
.main_des4 table tr td p{
    font-size: 14px;
    color: #818181;
}


