@charset "utf-8";

@font-face{
    font-family:bembo;src:url(../fonts/BEMBO.TTF);sRules
}

body{
    color:#282828;
    font-family: 'GothamLight',Arial,Helvetica,sans-serif,"å®‹ä½“";
    font-size:16px;
    height:100%;
    margin:0 auto;
    padding:0;
    width:100%;
}

html,body,div,dl,dt,dd,ul,ol,li,th,td,p,input,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
img{
    max-width: 100%;
}
img,body,html{
    border:0;
}

address,caption,cite,code,dfn,em,th,var{
    font-style:normal;
    font-weight:400;
}

ol,ul{
    list-style:none;
}

caption,th{
    text-align:left;
}

q:before,q:after{
    content:'';
}

a,a:visited{
    text-decoration:none;
    color: #333333;
}

a:hover,a:active{
    color: #2e2e2e;
    text-decoration:none;
}

.fl{
    float:left;
}

.fr{
    float:right;
}

.center{
    margin:0 auto;
    text-align:center;
}

.bring-to-top{
    position:relative;
    z-index:500;
}

.clear{
    clear:both;
}

.hidden{
    display:none;
}

.fit-parent{
    height:100%;
    width:100%;
}

.inline-block{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.clearfix { zoom:1; }


.bigimg{
    display: block;
    overflow: hidden;
}
.bigimg img{
    display: block;
    transition: all .3s;
    -moz-transition:all .3s;    /* Firefox 4 */
    -webkit-transition:all .3s; /* Safari å’Œ Chrome */
    -o-transition:all .3s;  /* Opera */
    transform: scale(1,1);
    -ms-transform: scale(1,1);  /* IE 9 */
    -webkit-transform: scale(1,1);  /* Safari å’Œ Chrome */
    -o-transform: scale(1,1);   /* Opera */
    -moz-transform: scale(1,1); /* Firefox */
}

.w-container{width: 100%;padding: 0 40px;margin: auto;}




/*分页*/
.viciao{
    text-align:center;
    margin-top: 20px;
    /* padding-top: 2rem; */
    clear: both;
}
.viciao span{
    background: #c92e22;
    border: solid 1px #DAD6D6;
    padding: 5px;
    color: #fff!important;
    margin-right: 5px;
}
.viciao a{
    border: solid 1px #DAD6D6;
    padding: 5px;
    background: #fff;
    margin-right: 5px;
}
.viciao a:hover{
    background: #c92e22;
    color: #ffffff;
    border: solid 1px #DAD6D6;
    padding: 5px;
}
.viciao input{
    padding: 5px;
    display: none;
}

.disabled{
    border: solid 1px #DAD6D6;
    padding: 5px;
    background: #fff!important;
    color: #333!important;
}
.current{
    background: #c92e22;
    color: #ffffff;
    border: solid 1px #DAD6D6;
    padding: 5px;
}


.am-container{
    max-width: 1330px;
}


.top_djon,.left_djon{
    background: #044437!important;
    color:#fff!important;
}


.zyhd:hover{
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}