*{  margin: 0;  padding: 0;  }
html{  font-family: '微软雅黑';   }
body{     }
a{  text-decoration: none;  color:#4d4d4d;  }
li{  list-style: none;  }
.clear:after{  content: "";display: block;clear:both;  }
/*ie去自带清除*/
input::-ms-clear{display:none;}
.fl{  float: left;  }
.fr{  float: right;  }
p,div,li,ul,span,a,h1,h2,h3,h4,h5,h6,input,form,textarea{box-sizing: border-box;}
html, body, div, span, object, iframe,input, h1, h2, h3, h4, h5, h6,textarea, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: transparent
}
/*顶部*/

/*导航*/
body{background: #f5f5f5;}
.header .word{width: 1200px;margin: 0 auto;}
.header .word .logo{float: left;width: 50%;font-size: 0}
.header .word .logo img{width: 403px;}
.header .word .title{width: 50%;float: right;position: relative}
.header .word .title p{position:absolute;opacity:0;width: 100%;text-align: center;font-size: 24px;color: #000;line-height: 40px;font-weight: 600;text-shadow: 3px 3px 0 #fff;}
.header .word .title p.on{display: block;opacity:1;}

/*导航*/
.nav{width: 100%;background: #d52025;}
.nav .word{width: 1200px;margin: 0 auto;}
.nav .word .clear{width: 100%;}
.nav .word .clear li{width: 10%;float: left;font-size:16px;text-align: center;line-height: 60px;border-right: 1px solid rgba(255,255,255,0.2);}
.nav .word .clear li a{color:#fff;display: inline-block;width: 100%}
.nav .word .clear li.on{background: #bb1217;position: relative;}
.nav .word .clear li.on a:after{content: "";display: block;position: absolute;bottom: 0;right: 0;width: 25px;height: 25px;background: url("../images/nav_on.png") no-repeat 100% 100%;}
.nav .word .clear li:hover{background: #bb1217}






@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}



@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}




.footer{width: 100%;}
.footer .link{width: 100%;background: #d11b14;padding: 11px 0;}
.footer .link .word{width: 1200px;margin: 0 auto;}
.footer .link .title {display:inline-block;margin-right:24px;width: 116px;height: 37px;line-height: 37px;font-size: 14px;color: #3c0908;text-align: center;padding-right: 5px;background: url("../images/link.png") no-repeat 0 0;background-size: 100% 100%;}
.footer .link .title:before{content: "";display: inline-block;width: 12px;height: 12px;background: url("../images/lin_img.png") no-repeat 0 50%;margin-right: 5px;}
/*下拉友情*/
.footer .link .js-example-basic-single{width: 270px;height: 37px;border: 0;background: #fff;border-radius: 0;margin-right: 32px;}
.select2-container--default .select2-selection--single {border-radius: 0;height: 37px;}
.select2-search__field{display: none}
.select2-selection__rendered{line-height: 37px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#666666;font-size: 14px;line-height: 37px }
.select2-results li{color: #666;font-size: 14px;}
.select2 span.select2-selection__arrow{width: 37px!important;background: #ededed;height: 35px!important;}
.select2{margin-right: 32px;}

.footer .bottom{width: 100%;text-align: center;padding-top: 26px;background: #f5f5f5;}
.footer .bottom p{width: 1200px;margin: 0 auto;font-size: 14px;color: #666666;line-height: 30px;}
.footer .bottom p a{color: #666666;}
.footer .bottom div{width: 1200px;margin: 0 auto;padding-top: 28px;text-align: center;font-size: 0;padding-bottom: 50px;}
.footer .bottom div span:first-child{display: inline-block;margin-right: 20px;}

/*分页*/
#paging{width: 100%;box-sizing: border-box;margin:35px 0 ;text-align: center;padding: 20px 0;}
#paging a{background-color: #fff;color: #999;display:inline-block;height: 38px;margin:0 2px;text-align: center;line-height: 38px;font-size: 16px;border:1px solid #eaeaea;}
#paging a.xia{width: 87px;}
#paging a.shang{width: 87px;}
#paging a.nub{width: 38px;}

#paging a.wei{width: 45px;}
#paging a.zong{width: 50px;}
#paging a.input{border: 0;width: 70px;position: relative;}
#paging a.tiao{width: 50px;background: #ebc167;color: #fff;}
#paging input{position:absolute;top:8px;left:0;width: 70px;height: 30px;background: #fff;font-size: 16px;color: #333;text-align: center;border: 1px solid #cccccc;line-height: 28px;}
#paging a.on{color:#fff;border: 1px solid #4764ae;background: #4764ae}
#paging a:hover{color: #4764ae}