body{
    margin:0;
    color:#666666;
    font-family: "Microsoft Yahei", sans-serif;;
}
img{
    border-style:none;
    max-width:100%;
}
a{
    text-decoration:none;
    color:#999999;
}


.header{
    width:100%;
    position:fixed;
    top:0;
    background-color:white;
    z-index:2;
    -webkit-box-shadow: 0 0 5px #cccccc;
    -moz-box-shadow: 0 0 5px #cccccc;
    box-shadow: 0 0 5px #cccccc;
}
.logo{
    max-width:40%;
    position:absolute;
    left:3%;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header>div{
    height:88px;
    line-height:88px;
    width:1300px;
    margin:0 auto;
}
.section{
    margin-top:88px;
}
.nav{
    float:right;
}
ul{
    list-style: none;
    margin:0;
    height:88px;
}
li{
    display:inline-block;
    height:88px;
    line-height:88px;
    font-size:18px;
    color:#565656;
    padding:0 24px;
    box-sizing:border-box;
    cursor:pointer;
    vertical-align:top;
    position:relative;
}
li:hover{
    border-bottom:4px solid #05b2b4;
    color:#05b2b4;
    transition: all .1s;
}
.select_li{
    border-bottom:4px solid #05b2b4;
    color:#05b2b4;
}
.show_nav{
    opacity:1;
    visibility: visible!important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.close_nav{
    opacity:0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.xiala_kuang{
    position:absolute;
    top:88px;
    left:50%;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size:16px;
    line-height:16px;
    white-space: nowrap;
    overflow:hidden;
    /*margin-top:5px;*/
    color:#999999;
    padding:10px;
    background-color:white;
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
    -webkit-box-shadow: 0 0 5px #cccccc;
    -moz-box-shadow: 0 0 5px #cccccc;
    box-shadow: 0 0 5px #cccccc;
}
.xiala_kuang>a{
    padding:15px 21px;
    margin:0;
    display:block;
}
.xiala_kuang>a:hover{
    background-color:#05b2b4;
    color:white;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
}

.banner{
    width:100%;
    vertical-align:middle;
}


.main_content{
    width:1300px;
    margin:0 auto;
    position:relative;
    font-size:18px;
}
.left_nav{
    display:inline-block;
    width:162px;
    border-right:6px solid #05b2b4;
    position:relative;
    background-color:#f8f8f8;
    text-align:center;
}
.left_nav_div>a{
    display:block;
    height:56px;
    line-height:56px;
    position:relative;
    overflow:hidden;
}
.left_nav_div>a:hover{
    background-color:#dff3f5;
}
.select_nav{
    background-color:#dff3f5;
}
.select_nav::before{
    content:'';
    width:13px;
    height:13px;
    position:absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color:#05b2b4;
    right:-7px;
    top:22px;
}
.left_nav>span{
    position:absolute;
    width:168px;
    height:54px;
    line-height:54px;
    color:#009899;
    font-size:24px;
    top:-55px;
    left:0;
    background-color:white;
}
.right_content{
    width:77%;
    margin:20px 0 241px 70px;
    display:inline-block;
    vertical-align:top;
}
h2{
    margin:60px 0;
    font-size:24px;
    color:#333333;
    font-weight:normal;
    text-align:center;
}

.footer{
    width:100%; margin-top:30px;
    padding-top:10px;
    /*height:542px;*/
    /*background: url("../img/bottom_img.png") no-repeat center;*/
    position:relative;
    background-color:#eeeeee;
}
.foot_bottom{
    width:1300px;
    margin:0 auto;
    color:#eeeeee;
}
.foot_bottom>div{
    width:15%;
    display:inline-block;
    margin-left:40px;
    position:relative;
    vertical-align: top;
}
.botttom_line{
    font-size:24px;
    color:#333333;
}
/*.botttom_line::before {*/
    /*content: '';*/
    /*width: 40px;*/
    /*height: 3px;*/
    /*background-color: #05b2b4;*/
    /*position: absolute;*/
    /*top: 65px;*/
    /*left:0;*/
/*}*/
.for{
    margin-top:35px;
}
.for>span{
    display:block;
    color:#666666;
    font-size:16px;
    line-height:16px;
    margin:25px 0;
    cursor:pointer;
    vertical-align: middle;
}
.a:hover{
    color:#ff790d;
}
.a{
    color:#666666;
}

.company_info{
    text-align:center;
    /*border-top: 1px solid #666666;*/
    margin-top:10px;
    padding:25px;
    color:#666666;
    font-size:14px;
    background-color:#dcdcdc;
}
.company_info a{
    color:#666666;
    font-size:14px;
}
.company_info>p{
    margin:5px 0;
}

.detail,#article_content{
    text-align:left;
    line-height:28px;
}
.detail h2{
	text-align: center;
}
.phone_nav{
    float:right;
    margin-right:3%;
    display:none;
}
.icongongneng{
    font-size:36px;
    vertical-align:middle;
}
.popup{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10;
    overflow-x:hidden;
    overflow-y:auto;
    visibility:hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.zhezhao{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color:rgba(0,0,0,.3);
}
.popup_content{
    width:65%;
    height:100%;
    position:absolute;
    top:0;
    right:-65%;
    background-color:white;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.each_row{
    padding:15px 5%;
    border-bottom:1px solid #cccccc;
}
.each_row>span{
    vertical-align:middle;
}
.iconguanyuwomen{
    font-size:20px;
    vertical-align:middle;
    margin-right:5px;
}
.iconxiangyou{
    float:right;
    vertical-align:middle;
    margin-top:5px;
    color:#cccccc;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.popup_a{
    padding:10px 0 0 30px;
    display:none;
}
.popup_a>a{
    display:block;
    padding:8px 0;
}
@media screen and (max-width:1320px){
    .header>div{
        width:100%;
    }
    .main_content{
        width:100%;
    }
    .foot_bottom{
        width:100%;
        padding-left:2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width:1100px){
    .header>div{
        font-size:14px;
    }
    .nav{
        display:none;
    }
    .phone_nav{
         display:inline-block;
     }
    .icongongneng{
        font-size:25px;
    }
    .left_nav{
        display:none;
    }
    .right_content{
        width:85%;
        margin:20px auto 241px auto;
        display:block;
    }
}
@media screen and (max-width: 930px){
    .foot_bottom>div {
        width:15%;
        margin-left:3%;
    }
    .company_info{
        border-top:none;
        margin-top:0;
        padding:5px 0;
        font-size:12px;
    }
    .company_info>p{
        margin:0;
    }
    .address{
        display:none;
    }
    .footer{
        /*height:400px;*/
    }
    .botttom_line{
        font-size:18px;
    }
    .for>span{
        font-size:14px;
    }
    .icongongneng{
        font-size:18px;
    }
    h2{
        margin:30px 0;
        font-size:20px;
    }
    .right_content{
        margin:20px auto 100px auto;
        font-size:14px;
    }
}
@media screen and (max-width: 657px){
    .foot_bottom>div {
        width:20%;
        margin-left:10%;
    }
    .footer{
        /*height:542px;*/
    }
    .company_info{
        width:100%;
        background-color:#333333;
        /*position:absolute;*/
        /*bottom:0;*/
    }
}
@media screen and (max-width: 498px){
    .foot_bottom>div {
        width:25%;
        margin-left:17%;
    }
    .botttom_line::before{
        top:50px;
    }
    .for {
        margin-top:30px;
    }
    .botttom_line{
        margin:12px 0;
    }
    .for>span{
        margin:12px 0;
    }
    .logo{
        vertical-align:middle;
    }
}
@media screen and (max-width: 360px){
    .for>span{
        font-size:12px;
    }
}