*{  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{overflow:hidden;width: 100%;background: url("../images/head_back.png") no-repeat 0 0;background-size: 100% 100%;padding: 67px 0;}

.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: 1px 1px 0 #aac6f4;}

.header .word .title p.on{display: block;opacity:1;}



/*导航*/

.nav{width: 100%;background: #1658C5;}

.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: #174695;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: #174695}













@-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%;margin-top: 88px;}

.footer .link{width: 100%;background: #1658C5;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: 66px;}

.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 #1658C5;background: #1658C5}

#paging a:hover{color: #1658C5}