@charset "utf-8";
/* 重置样式 */
body, h1, h2, h3, h4, p, ul, ol, dl, dd, form, input, select, textarea, th, td, figure, figcaption { padding : 0px ; margin : 0px }
body { min-width : 1300px ; font-size : 14px ; color : #333333 ; font-family : "微软雅黑" ; overflow-x : hidden ; cursor : default }
ul { list-style-type : none }
img { display : block ; border : none }
input, textarea { outline : none ; background : none ; border: none }
textarea { resize : none ; overflow : auto }
h1, h2, h3, h4 { font-weight : normal ; font-size : 16px }
a { color : inherit ; text-decoration : none }
a:hover { text-decoration : none }
a:focus { text-decoration : none ; outline : none }
strong, b { font-weight : normal }
em, i { font-style : normal }

/* 公共样式 */
.container { width : 100% ; max-width : 1300px ; margin : 0px auto }
.container-fluid { width : 100% }
.clear-parent::after { content : "" ; display : block ; clear : both }
.clear-brother { clear : both }
.pointer { cursor : pointer }
.bannero{
    width:100%;
    max-width:1920px;
    margin:0 auto;
}
.bannero img{
    width:100%;
}

/* header */
.header { height : 86px ; position : relative }
.header .left { display : block ; width : 235px ;  ; float : left ; margin-top : 14px }
.header .left h1 { width : 217px ; height : 58px ; background : url(../images/header-logo.jpg) no-repeat ; text-indent : -9999px ; overflow : hidden }
.header .center { height : 100% ; float : right }
.header .center ul { display : flex ; color : #666666 ; font-size : 16px }
.header .center li { height : 86px ; padding : 0px 18px ; margin-right : 8px ; box-sizing : border-box ; line-height : 86px }
.header .center li:last-of-type { margin-right : 27px }
.header .center li.on { border-bottom : solid 2px #B10808 ; color : #B20808 }
.header .center li:hover { border-bottom : solid 2px #B10808 ; color : #B20808 }
.header .center a { display : block ; width : 100% ; height : 100% }
.header .right { width : 36px ; height : 36px ; background-color : #d50c0c ; border-radius : 50% ; float : right ; margin-top : 25px ; cursor : pointer ; transition : .5s }
.header .right i { display : block ; width : 17px ; height : 17px ; background : url(../images/header-icon.png) no-repeat ; margin : 9px auto 0px auto }
.header .right:hover { background-color : #666666 }

.header .search { height : 0px ; background : rgb(199, 199, 199, .9) ; padding : 0px 0px ; position : absolute ; left : 0px ; top : 86px ; overflow : hidden ; transition : .5s ; z-index : 2 }
.header .search form { width : 250px ; height : 35px ; border-radius : 4px ; float : right ; overflow : hidden }
.header .search .text { width : 215px ; height : 35px ; float : left ; background-color : #FFFFFF ; color : #666666 ; text-indent : 10px }
.header .search .submit { width : 35px ; height : 35px ; background : url(../images/header-icon.png) center center no-repeat ; background-color : #d50c0c ; cursor : pointer }


/* footer */
.footer .top { display : flex ; width : 100% ; justify-content : space-between ; height : 200px ; border-bottom : solid 1px #E2E2E2 }
.footer .top h2 { width : 217px ; height : 58px ; background : url(../images/footer-logo.jpg) no-repeat ; margin-top : 90px ; text-indent : -9999px ; overflow : hidden }
.footer .top img { display : block ; width : 80px ; height : 80px ; margin-top : 79px }
.footer .middle { height : 238px ; margin-top : 50px }
.footer .middle .left { float : left ; margin-top : -3px }
.footer .middle .left li { color : #666666 ; font-size : 15px ; line-height : 26px }
.footer .middle .right { float : right }
.footer .middle .right>li { float : left ; color : #666666 ; font-size : 16px }
.footer .middle .right>li>a { font-weight : bold }
.footer .middle .right ul { width : 140px ; margin-top : 15px }
.footer .middle .right li:last-of-type ul { width : auto }
.footer .middle .right ul li { color : #999999 ; font-size : 15px ; line-height : 26px }
.footer .middle .right>li>a:hover { transition : .5s }
.footer .middle .right ul a:hover { transition : .5s }
.footer .middle .right>li>a:hover { color : #B10808 }
.footer .middle .right ul a:hover { color : #B10808 }
.footer .bottom { height : 89px ; color : #666666 ; font-size : 15px }
.footer .bottom span { margin-right : 50px }
.footer .bottom strong { margin-right : 40px }

/* @media all and (max-width : 1300px) {
    .container { width : 1300px }
} */