*{ margin:0; padding:0;}
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 14px; line-height: 1.5; font-family: "microsoft yahei", "黑体";  color: #333;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none ;outline: none;}
ul, ol { list-style: none; }
[class^="icon-"]{display:inline-block; vertical-align:text-top; background-image:url(404.png); background-repeat:no-repeat; }
:focus{ outline:none;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}
.clear{zoom:1}
.fl{ float: left; }
.fr{float: right;}
.block{display: block;}
.inline-block{display: inline-block;}
.p-text{font-size: 16px;line-height:36px;}
.p-text p{margin-bottom: 15px;line-height:2;}
.company-title{font-size: 32px;font-weight: bold;text-align: center;position:relative;margin-top: 20px;}
.flex {display: flex;}

.indent2{text-indent: 2em;}
.text-justify{text-align: justify;text-align-last:justify;}
.wordwrap{word-break:break-all;word-wrap:break-word}
pre.wordwrap{white-space:pre-wrap}
.letter-spacing-4{letter-spacing:4px;}
.mcenter{margin: 0 auto;}
.text-center,.aligncenter{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.frame{border: 1px #666 dashed;border-radius: 2px;}
.fgray{color: #ccc;}
.fgrayh{color: #333;}
.fwhite{color: #fff;}
.fblack{color: #000;}
.fred{color: #b70803
;}
.fredh{color: #af0000;}
.fred-base{color:#d0021b;}
.fblue{color: #0093dd;}
.fblue-new{color: #1d9eff;}
.fyellow{color: #e58623;}
.f666{color: #666;}
.f999{color: #999;}
.fgreen{color: #00b5cc;}
.fgreenlight{color: #d2f4fa;}

.bgblue{background-color: #003871;}
.bgbluelight{background-color: #007bff;}
.bgblack{background-color: #000;}
.bgwhite{background-color: #fff;}
.bggray{background-color: #d5d5d5;}
.bgred{background-color: #b70803
;}
.bgyellow{background-color: #f9dfcd;}

.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f26{font-size: 26px;}
.f27{font-size: 27px;}
.f28{font-size: 28px;}
.f29{font-size: 29px;}
.f30{font-size: 30px;}
.f35{font-size: 35px;}
.f40{font-size: 40px;}
.f45{font-size: 45px;}
.f50{font-size: 50px;}

.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}
.m10-y{margin: 10px 0;}
.m15-y{margin: 15px 0;}
.m20-y{margin: 20px 0;}
.m30-y{margin: 30px 0;}
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb80{margin-bottom: 80px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.mr0{margin-right: 0;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p35{padding: 35px;}
.p40{padding: 40px;}
.p45{padding: 45px;}
.p50{padding: 50px;}
.p5-y{padding: 5px 0;}
.p10-y{padding: 10px 0;}
.p20-y{padding: 20px 0;}
.p30-y{padding: 30px 0;}
.p40-y{padding: 40px 0;}
.p50-y{padding: 50px 0;}
.p5-x{padding: 0 5px;}
.p10-x{padding: 0 10px;}
.p20-x{padding: 0 20px;}
.p30-x{padding: 0 30px;}
.p50-x{padding: 0 50px;}
.p20-5{padding: 20px 5px;}
.p5-10{padding: 5px 10px;}
.p10-20{padding: 10px 20px;}
.p15-20{padding: 15px 20px;}
.p15-45{padding: 15px 45px;}
.p20-10{padding: 20px 10px;}
.p30-20{padding: 30px 20px;}
.p40-25{padding: 40px 25px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pr0{padding-right: 0;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}

.none{display: none;}
.none-m{display: none;}

#scrollTop {z-index:99999;position:fixed;width:50px;height:50px;bottom:276px;right:50%;display:none; margin-right:-780px; }
.scrollTop a { opacity:0.9; filter:alpha(opacity=90); }
.scrollTop a:hover { opacity:1; filter:alpha(opacity=100);}

.h1-title{font-size: 38px;text-align: center;margin: 45px 0;}
.h1-title .xhx{display:block;width: 64px;height: 2px;background-color: #0044a9;margin: 6px auto 0;}


.circle5{display: inline-block;width: 5px; height: 5px;border-radius: 50%;vertical-align: middle;}

.bg_popup{background-color: #000;z-index: 1;opacity: 0.9;}
.popup_img{z-index: 2;position: relative;}
.popup_img img{max-width: 1000px;max-height: 662px;}
.close-btn{position: absolute;top: 0;right: 0;padding: 10px;cursor: pointer;}

.pbnone{padding-bottom: 0;}
.alert-danger {background-color: #f2dede;border-color: #eed3d7;color: #b94a48;}
.shadow{-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;}
.border{border: 1px #ddd solid;}
.border-dashed{border: 1px #ddd dashed;}
.bborder{border-bottom: 1px #ddd solid;}
.bborder-gray{border-bottom: 1px #ccc solid;}
.border-ra5{border-radius: 5px;}
.border-ra10{border-radius: 10px;}
.border-red{border-color: #af0000;}

.cursor{cursor: pointer;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}

.bt0{border-top: none;}
.bt1{border-top: 1px #ddd solid;}
.br1{border-right: 1px #ddd dashed;}
.bt-5{border-top: 5px solid;}
.bt-blue{border-top-color: #0093dd;}
.bt-red{border-top-color: #f26522;}
.bt-green{border-top-color: #2fd2a2;}
.bt-yellow{border-top-color: #f7941d;}
.bb1{border-bottom: 1px #ddd solid;}
.bb1-dashed{border-bottom: 1px #ddd dashed;}


.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wrapper{width: 1300px;margin: 0 auto;}





.header {position: fixed;left:0%;top:0;right:0%;width: 100%;z-index:2;transition:all 0.7s ease-out 0s;}
.header{opacity:0;transform:translateY(-100%);}
.header-menu .header {transform: none;opacity: 1;}

.header .d1{background: url("../image/nav-top-bg.jpg") repeat-x;height: 45px;}
.header .search-list{width: 150px;float: right;margin-top: 7px;position: relative}
.header .search-list .search-list-l{height: 30px;line-height: 30px;background: #b14f39;border-radius: 30px;border:none;text-indent: 10px;}
.header .search-list .search-list-l::placeholder {color: white;}
.header .search-list  .search-icon{background:#9f2307 url('../image/sous.png') no-repeat 8px 8px;width: 32px;height: 32px;float:left;border-radius: 32px;border:1px solid #fff;position: absolute;right: 0;top:0;cursor: pointer;}

.header .d2{transition:all 0.3s ease-out 0s;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));}
.nav-k .nav-menu-item li a{padding: 0 15px;}











.content-page{margin-top: 160px;}
.header-menu-bg{background: url('../image/bg01.jpg') center bottom no-repeat;}
.header .btn .h{
    width: 71px;
    height: 108px;
}
.header .butter{
    display:none;
}
.header .small{
    width: 100%;
    padding-bottom: 50px;
    background-color: #b70803
;
    display: none;
}

.flex {
    display: flex;
    align-items: center;
}

.nav {
    
}
.nav .nav-img a img{transition: .4s;}
.nav .nav-img a .img-h{width: 200px;}

.nav-k {
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.nav-k label {height: 33px;}





























.sm {
    
    position: absolute;
    width: 75px;
    transform: translateX(-10px);
    text-align: center;
    color: black;
    background: rgba(255, 255, 255, .8);
    font-size: 13px;
}

.search-menu {
    display: none;
}

.sm p {
    width: 100%;
    padding: 3px 0;
    cursor: pointer;
    border: 1px solid rgba(191, 188, 188, 0.68);
}

.sm p:hover {
    transition: .4s;
    background: rgba(222, 222, 222, 0.89);
}

.hover-a :hover + .search-menu {
    display: block;
}

.search-menu:hover {
    display: block;
}
.nav-menu {background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0));}

.nav-menu-item {
    display: flex;
    
    justify-content: space-evenly;
}

.nav-menu-item>li>a {color: #fff;font-size: 18px;height: 60px;line-height: 60px;display: inline-block;}
.nav-menu-item>li>a:hover {color: #D8D8D8;transition: .4s;}

.nav-menu-hover {
    padding: 3px 20px;
    line-height: 40px;
    min-width: 150px;
    transform: translateX(-15px);
    background-color: #b70803
;
    position: absolute;
    display: none;
    z-index: 1;
}

.nav-menu-hover a {
    color: #D8D8D8;
    font-size: 15px;

}
.nav-menu-hover > li > a:hover {
    color: #fff;transition: .4s;
}

.nav-menu-item > li:hover .nav-menu-hover {
    display: block;
}

.nav-menu-hover:hover {
    display: block;
}
.con .fon a {
    color: #333333;
    font-size: 14px;
}

.con .gon {
    color: #999999;
}

.footer {background: #b70803
;color: #fff;padding: 20px 0 0;}
.footer .footer-logo img{margin-right: 10px;}
.footer .footer-logo .footer-logo-text{font-family: "宋体";float: right;font-size: 30px;color: #fff;letter-spacing:2px;line-height: 38px;margin-top: 10px;}
.footer .mod {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .foot-right > ul {font-size: 14px;width: 267px;}
.footer .foot-right > ul li {padding: 3px 0;float: left;}
.footer .foot-right > ul li a{color: #fff;display: inline-block;border-right: 1px #fff solid;padding: 0 5px;line-height: 14px;}
.footer .foot-right li:nth-child(4n) a{border-right:none;}

.footer .left-item {
    display: grid;
    grid-template-columns: auto auto auto;
    row-gap: 10px;
}

.footer .left-item-1 {
    padding: 0 10px;
    text-align: center;
}
.footer .left-item-1 p{font-size: 14px;}
.footer .foot-left{margin-top: 30px;}
.footer .articlecontent {font-size: 13px;background-color: #495C69;color: #fff;text-align: center;padding: 5px 0;line-height: 25px;margin-top: 20px;}
.footer .articlecontent span{padding-right: 5px;}
.footer .articlecontent span img{vertical-align:text-top;color: #eee;}
.footer .articlecontent span a{color: #eee;}
.footer .articlecontent span a:hover{color: #fff;}


.page{
    text-align: center;

}
.page a{
    display: inline-block;
    background: #fff;
    color: #888;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;

}
.page span{
    display: inline-block;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
}
.page span.current{
    display: inline-block;
    background: #009688;
    color: #fff;
    padding: 5px;
    min-width: 15px;
    border: 1px solid #009688;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #003871;
    color: #fff;
    border: 1px solid #003871;

}
.page .pagination li.disabled span{
    background: #ddd;
    color: #fff;
    border: 1px solid #ccc;

}
@media only screen and (max-width:992px) {
    .m5-m{margin: 5px;}
    .m10-m{margin: 10px;}
    .m15-m{margin: 15px;}
    .m20-m{margin: 20px;}
    .m25-m{margin: 25px;}
    .m30-m{margin: 30px;}
    .m10-y-m{margin: 10px 0;}
    .m15-y-m{margin: 15px 0;}
    .m20-y-m{margin: 20px 0;}
    .m30-y-m{margin: 30px 0;}
    .mt0-m{margin-top: 0;}
    .mt5-m{margin-top: 5px;}
    .mt10-m{margin-top: 10px;}
    .mt20-m{margin-top: 20px;}
    .mt30-m{margin-top: 30px;}
    .mt40-m{margin-top: 40px;}
    .mt50-m{margin-top: 50px;}
    .mt60-m{margin-top: 60px;}
    .mt70-m{margin-top: 70px;}
    .mb0-m{margin-bottom: 0px;}
    .mb10-m{margin-bottom: 10px;}
    .mb20-m{margin-bottom: 20px;}
    .mb30-m{margin-bottom: 30px;}
    .mb40-m{margin-bottom: 40px;}
    .mb50-m{margin-bottom: 50px;}
    .mb80-m{margin-bottom: 80px;}
    .ml5-m{margin-left: 5px;}
    .ml10-m{margin-left: 10px;}
    .mr0-m{margin-right: 0;}
    .mr10-m{margin-right: 10px;}
    .mr20-m{margin-right: 20px;}
    .mr30-m{margin-right: 30px;}

    .p5-m{padding: 5px;}
    .p10-m{padding: 10px;}
    .p15-m{padding: 15px;}
    .p20-m{padding: 20px;}
    .p25-m{padding: 25px;}
    .p30-m{padding: 30px;}
    .p35-m{padding: 35px;}
    .p40-m{padding: 40px;}
    .p45-m{padding: 45px;}
    .p50-m{padding: 50px;}
    .p5-y-m{padding: 5px 0;}
    .p10-y-m{padding: 10px 0;}
    .p20-y-m{padding: 20px 0;}
    .p30-y-m{padding: 30px 0;}
    .p40-y-m{padding: 40px 0;}
    .p50-y-m{padding: 50px 0;}
    .p5-x-m{padding: 0 5px;}
    .p10-x-m{padding: 0 10px;}
    .p20-x-m{padding: 0 20px;}
    .p30-x-m{padding: 0 30px;}
    .p50-x-m{padding: 0 50px;}
    .p20-5-m{padding: 20px 5px;}
    .p5-10-m{padding: 5px 10px;}
    .p10-20-m{padding: 10px 20px;}
    .p15-20-m{padding: 15px 20px;}
    .p15-45-m{padding: 15px 45px;}
    .p20-10-m{padding: 20px 10px;}
    .p30-20-m{padding: 30px 20px;}
    .p40-25-m{padding: 40px 25px;}
    .pb0-m{padding-bottom:0;}
    .pb5-m{padding-bottom:5px;}
    .pb10-m{padding-bottom:10px;}
    .pb15-m{padding-bottom:15px;}
    .pb20-m{padding-bottom:20px;}
    .pb25-m{padding-bottom:25px;}
    .pb30-m{padding-bottom:30px;}
    .pr0-m{padding-right: 0;}
    .pr5-m{padding-right: 5px;}
    .pr10-m{padding-right: 10px;}
    .pr15-m{padding-right: 15px;}
    .pr20-m{padding-right: 20px;}
    .pr25-m{padding-right: 25px;}
    .pr30-m{padding-right: 30px;}
    .pr35-m{padding-right: 35px;}
    .pr40-m{padding-right: 40px;}
    .pr45-m{padding-right: 45px;}
    .pr50-m{padding-right: 50px;}
    .pt10-m{padding-top: 10px;}
    .pt20-m{padding-top: 20px;}
    .pt30-m{padding-top: 30px;}
    .pt40-m{padding-top: 40px;}
    .pt50-m{padding-top: 50px;}
    .pl10-m{padding-left: 10px;}
    .pl15-m{padding-left: 15px;}
    .pl20-m{padding-left: 20px;}
    .pl25-m{padding-left: 25px;}
    .pl30-m{padding-left: 30px;}
    .pl40-m{padding-left: 40px;}
    .pl50-m{padding-left: 50px;}
    .pr0-m{padding-right: 0;}
    .pr30-m{padding-right: 30px;}
    .none-m{display: block;}
    
    .wrapper{width: 100%;}
    .header .hover-after{
        width: 100%;
        padding-left: 10px;
        display: none;
    }
    .header .butter-hover:hover .hover-after{
        display: block;
        transition: 1s;
    }
    .header .hover-after>li{
        width: 100%;
    }
    .header .hover-after>li:hover{
        background-color: black;
        color: white;
        cursor: pointer;
    }
    .header .hover-after>li:hover a{
        color: white;
    }
    .header .nav-menu-item{
        display: none;
    }
    .header .butter{
        width: 100%;
        height: 50px;
        padding-top: 15px;
        color: #f4f4f4cf;
        
        display: block;
    }
    .header .btdiv>div{
        width: 25px;
        height: 2px;
        margin-top: 6px;
        background-color:#f4f4f4cf;
    }
    .header .nav-menu .butter>ul{display: flex;padding: 0 15px;justify-content: space-between;align-items: center;cursor: pointer;}

    .header .butter-menu{
        width: 100%;
        margin-top: 10px;
        background-color: white;
        line-height:45px;
        display: none;
        z-index: 999;
    }
    .absolute{position: absolute;}
    
    
    
    
    
    
    
    
    
    
    .header .butter-menu a{
        color: black;
    }
    .header .search{
        display: none;
    }
    .header .nav{
        display: flex;
        flex-direction: column;
        
    }


    .footer .mod>div{
        padding-top:15px;
    }
    .footer .mod{
        flex-direction: column;
    }

    .footer .foot-right{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .nav .nav-img a img{width: 250px;}
    .banner-con .banner{height: 300px;}

    .mobile .butter-menu .bh{}
    .mobile .butter-menu .bh>li{padding: 0 15px;border-bottom: 1px #ddd solid;}
    .mobile .butter-menu .bh>li a{display: block;}
    .mobile .butter-menu .bh>li>span{padding: 0 15px;color: #333;}
    .mobile .butter-menu .bh>li>ul{display: none;}
    .mobile .butter-menu .bh>li>ul>li{padding: 0 15px;}

    .footer .mod .footer-logo img{width: 80px;}
    .footer .footer-logo .footer-logo-text{font-size: 20px;margin-top:5px;line-height:35px;}

}