body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,li,input{
    padding:0;
    margin:0
}
ul,ol{
    list-style:none;
    margin:0;
    padding:0
}
img{
    border:0;
    -ms-interpolation-mode:bicubic
}
html{
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
html{
    height:100%
}
body{
    position:relative;
    min-height:100%;
    background:#fbfbfb;
    font-size:14px;
    font-family:"Microsoft Yahei",Arial,Helvetica;
    *zoom:1
}
input{
    font-family:"Microsoft Yahei",Arial,Helvetica;
    -webkit-appearance:none;
    border-radius:0
}
img{
    vertical-align:middle
}
a{
    color:#333;
    text-decoration:none
}
a:hover{
    color:#03a9f4;
    text-decoration:none
}
.wraper{
    height:100%
}
.container{
    padding:0 20px;
    margin-bottom:30px
}
.container .main{
    position:relative;
    max-width:1640px;
    margin:0 auto;
    *zoom:1;
    _width:auto
}
.clearfix{
    zoom:1
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table
}
.clearfix:after{
    clear:both;
    overflow:hidden
}
.page{
    text-align:center
}
.page .pageturn{
    font-family:"Microsoft YaHei","SimHei","SimSun";
    _padding:11px 13px 5px 12px;
    _position:relative;
    _top:-2px
}
.page a,.page span{
    display:inline-block;
    height:20px;
    padding:8px 13px;
    margin:0 4px 10px;
    border:solid 2px #f3f3f3;
    background:#fff;
    text-align:center;
    font:bold 16px/20px "Arial";
    color:#000;
    letter-spacing:normal;
    word-spacing:normal
}
.page a:hover,.page span{
    border:solid 2px #03a9f4;
    background:#03a9f4;
    color:#fff;
    text-decoration:none
}
.page span{
    width:auto
}
.hide{
    display:none
}
.header{
    height:70px;
    padding:0 20px;
    background:#03a9f4
}
.header .hd-box{
    position:relative;
    max-width:1640px;
    height:70px;
    margin:0 auto;
    _width:auto
}
.header .logo{
    float:left;
    width:188px;
    height:70px;
    line-height:70px;
    vertical-align:middle;
    font-size:0;
    overflow:hidden;
    _zoom:1;
    _font-size:55px
}
.header .logo img{
    vertical-align:middle
}
.header .nav{
    margin-left:188px;
    margin-right:60px
}
.header ul{
    overflow:hidden;
    *zoom:1
}
.header ul li{
    float:left;
    margin-right:30px;
    _display:inline
}
.header ul li.active a,.header ul li a:hover{
    color:#fff;
    border-bottom:3px solid #fff
}
.header ul a{
    float:left;
    height:64px;
    padding:3px 13px 0;
    line-height:64px;
    text-align:center;
    font-size:16px;
    color:#fff
}
.header .search{
    position:absolute;
    top:15px;
    right:0
}
.header .search input{
    float:left;
    border:medium none;
    outline:0
}
.header .search .input-text{
    display:none;
    height:20px;
    padding:10px;
    line-height:20px;
    -webkit-appearance:none;
}
.header .search .input-button{
    width:40px;
    height:40px;
    cursor:pointer;
    background:url('../../img/public/search-btn.png') center 7px no-repeat;
    _background:url('../../../image/public/search-btn.gif') center 7px no-repeat;
    text-indent:-333em;
    overflow:hidden
}
.header .search-on .input-text{
    display:block
}
.header .search-on .input-button{
    background:#fff url('../../img/public/search-btn.png') center -37px no-repeat;
    _background:#fff url('../../../image/public/search-btn.gif') center -37px no-repeat
}
.linker{
    padding:0 20px;
    line-height:40px;
    background:#999
}
.linker .lk-box{
    position:relative;
    max-width:1640px;
    margin:0 auto;
    _width:auto;
    font-size:14px;
    overflow:hidden;
    color:#fff
}
.linker .lk-title{
    float:left
}
.linker .lk-list{
    display:block;
    margin-left:80px
}
.linker .lk-list a{
    float:left;
    padding-right:10px;
    white-space:nowrap;
    color:#fff
}
.footer{
    background:#737373;
    overflow:hidden
}
.footer .mod-foot{
    max-width:1640px;
    padding: 25px 0;
    margin:0 auto;
    line-height:20px;
    text-align:center;
    font-size:14px;
    color:rgba(255,255,255,.8);
}
.footer .mod-foot a,.footer .mod-foot span{
    margin: 0 8px;
    color:rgba(255,255,255,.8);
}
@media screen and (max-width: 800px){
    .header .logo{
        width:100%;
        text-align:center
    }
    .header .nav{
        position:absolute;
        top:10px;
        left:-20px;
        margin:0;
        z-index:99
    }
    .header .trigger{
        position:relative;
        width:20px;
        height:20px;
        background:#fff;
        margin:15px 17px 25px;
        cursor:pointer
    }
    .header .trigger:before{
        position:absolute;
        top:0;
        left:4px;
        content:"";
        display:block;
        width:2px;
        height:20px;
        background:#03a9f4;
        z-index:9
    }
    .header .trigger:after{
        position:absolute;
        top:4px;
        left:0;
        content:"";
        display:block;
        width:20px;
        height:4px;
        border-top:4px solid #03a9f4;
        border-bottom:4px solid #03a9f4;
        z-index:9
    }
    .header .nav-on{
        width:123px;
        border:1px solid #dbdbdb;
        background:#fff
    }
    .header .nav-on .trigger{
        background:#03a9f4;
        border-color:#fff
    }
    .header .nav-on .trigger:before{
        background:#fff
    }
    .header .nav-on .trigger:after{
        border-color:#fff
    }
    .header .nav-on ul{
        display:block
    }
    .header ul{
        display:none;
        padding:5px 15px 0;
        margin-bottom:10px;
        overflow:hidden
    }
    .header ul li{
        float:none;
        height:34px;
        margin-bottom:-1px;
        border-bottom:1px solid #ebebeb;
        line-height:34px;
        margin-right:0
    }
    .header ul li.active a,.header ul li a:hover{
        color:#03a9f4;
        border:none
    }
    .header ul a{
        float:none;
        padding:0;
        height:auto;
        line-height:inherit;
        color:#000
    }
    .page a,.page span{
        display: none;
    }
    .page a:first-child,.page a:last-child {
        display: inline-block;
    }
}