@font-face{font-family:DidotLTStd-Bold;src:url(../fonts/DidotLTStd-Bold.woff2) format('woff2'),url(../fonts/DidotLTStd-Bold.woff) format('woff'),url(../fonts/DidotLTStd-Bold.ttf) format('ttf');font-weight:400;font-style:normal}
.mobile_bg{width:100%;height:100%;z-index:90;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);display:none}
.gp-menu{width:100%;z-index:12098;position:relative;display:none}
.gp-menu-header{position:absolute;top:10px;right:0;z-index:996;width:10%;display:none}
.gp-menu-link{float:left;line-height:40px;height:40px;padding-left:15px}
.gp-menu-link a{color:#fff}
.gp-menu-header-icon{color:#821b1e;height:24px;font-size:25px;text-align:center;width:32px;position:relative;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;cursor:pointer}
.gp-menu-header-icon span{position:absolute;left:calc((100% - 25px)/ 2);top:calc((100% - 2px)/ 3);width:27px;height:3px;background-color:#065895}
.gp-menu-header-icon-out span{width:28px;height:2px;background-color:#fff;display:block;border-radius:0}
.gp-menu-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}
.gp-menu-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}
.gp-menu-header-icon-out span:nth-child(3){animation-duration:.5s;animation-fill-mode:both;animation-name:outthird}
.gp-menu-header-icon span:nth-child(1){transform:translateY(9px) rotate(0)}
.gp-menu-header-icon span:nth-child(2){transform:translateY(0) rotate(0)}
.gp-menu-header-icon span:nth-child(3){transform:translateY(-9px) rotate(0)}
@keyframes outfirst{
    0%{transform:translateY(0) rotate(-45deg)}
    100%{transform:translateY(-4px) rotate(0)}
}
@keyframes outsecond{
    0%{transform:translateY(0) rotate(45deg)}
    100%{transform:translateY(4px) rotate(0)}
}
@keyframes outthird{
    0%{transform:translateY(0) rotate(90deg)}
    100%{transform:translateY(12px) rotate(0)}
}
.gp-menu-header-icon-click span{background-color:#fff;top:calc((100% - 2px)/ 2.1)}
.gp-menu-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}
.gp-menu-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}
.gp-menu-header-icon-click span:nth-child(3){animation-duration:.5s;animation-fill-mode:both;animation-name:clickthird}
@keyframes clickfirst{
    0%{transform:translateY(4px) rotate(0)}
    100%{transform:translateY(0) rotate(45deg)}
}
@keyframes clicksecond{
    0%{transform:translateY(-4px) rotate(0)}
    100%{transform:translateY(0) rotate(-45deg)}
}
@keyframes clickthird{
    0%{opacity:0}
    100%{opacity:0}
}
.gp-menu-nav{width:100%;position:fixed;top:0;right:0;padding-top:89px;padding-bottom:20px;background:#93171f;display:none!important}
.gp-menu-nav>ul{width:100%}
.gp-menu-nav>ul li{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal}
.gp-menu-nav>ul.gp-avg-1>li:nth-child(1){border-top:1px solid rgba(255,255,255,.3)}
.gp-menu-nav>ul.gp-avg-1>li{position:relative;border-bottom:1px solid rgba(255,255,255,.3)}
.gp-menu-nav>ul.gp-avg-1>li>a{display:inline-block;padding:15px 0 15px 25px;font-size:1.8rem}
.gp-menu-nav>ul>li>ul{background:rgba(0,0,0,.1);padding:0 25px}
.gp-menu-nav>ul>li>ul a{display:inline-block;padding:10px 0}
.gp-menu-arrow{cursor:pointer;width:30px;height:47px;line-height:47px;color:#fff;text-align:center;position:absolute;right:0;top:0;margin-right:10px;transition:all .3s ease-in-out}
.gp-menu-arrow img{display:inline-block;width:8px;margin:0 auto}
.gp-menu-nav>ul>li.on .gp-menu-arrow{transform:rotate(-90deg)}
.gp-menu-nav li ul{display:none}
.gp-menu-nav a{color:#fff}
.open .gp-menu-link{display:none}
.open .gp-menu-header{background:0 0}
@-webkit-keyframes returnToNormal{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes returnToNormal{
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.bg-black span{background:#c7000a}
.gp-menu-nav.gp-menu-dropdown2{background:#f5f5f5}
.gp-menu-nav.gp-menu-dropdown2>ul{position:relative}
.gp-menu-nav.gp-menu-dropdown2>ul>li{border-bottom:none;position:static}
.gp-menu-nav.gp-menu-dropdown2>ul>li>a{padding:0;display:block;text-align:center;height:50px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 5px;position:relative;z-index:900;color:#333}
.gp-menu-nav.gp-menu-dropdown2>ul>li>a.icon-down:after{content:"\e73a";font-size:1.4rem;margin-left:5px;transition:all .3s;display:inline-block}
.gp-menu-nav.gp-menu-dropdown2>ul>li>a.icon-down:before{content:'';content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #000;position:absolute;left:50%;bottom:-100%;margin-left:-5px;opacity:.2;transition:all .3s}
.gp-menu-nav.gp-menu-dropdown2>ul>li.on>a.icon-down:before{bottom:0}
.gp-menu-nav.gp-menu-dropdown2>ul>li>ul{position:absolute;left:0;width:100%;z-index:1000;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.15);right:5px;padding:8px 0;text-align:center}
.gp-menu-nav.gp-menu-dropdown2>ul>li>ul a{color:#666}
.gp-menu-nav.gp-menu-dropdown2>ul li{-webkit-animation-fill-mode:none;animation-fill-mode:none}
.gp-menu-nav.gp-menu-dropdown2>ul>li.on>a.icon-down:after{transform:rotate(180deg)}
.gp-menu-nav.gp-menu-offcanvas1{position:fixed;display:block;transform:translate(-150%,0);transition:all 1s ease-in-out;width:85%;right:auto;left:0}
.open .gp-menu-offcanvas1{transform:translate(0,0);position:absolute}
.gp-menu-nav.gp-menu-offcanvas2{position:fixed;display:block;transform:translate(150%,0);transition:all 1s ease-in-out;width:100%}
.open .gp-menu-offcanvas2{transform:translate(0,0);position:absolute}
/* .gp-search{width:160px;overflow:hidden;display:inline-block;height:44px;vertical-align:top;background:rgba(0,0,0,.1);border-radius:44px} */
.search{margin-bottom:15px}
/* .gp-ser{width:100%;height:44px;z-index:9999994;margin:0 auto;position:relative}
.gp-search button{position:absolute;height:44px;line-height:44px;border:none;background:0 0;top:0;overflow:hidden}
.gp-search input{height:44px;line-height:44px;border:none}
.gp-search button{position:absolute;height:44px;border:none;background:#153261;border-radius:50%;top:0;overflow:hidden}
.gp-search input.notxt{color:rgba(255,255,255,.5);width:100px;background:0 0;position:absolute;left:auto;right:0;padding:0 20px;box-sizing:border-box;outline:0}
.gp-search .notxt1{position:absolute;padding:0 20px;box-sizing:border-box;height:44px;line-height:44px;left:0;top:0;cursor:pointer;color:#fff;background:0 0}
.gp-search .notxt1::after{content:'';display:block;width:2px;height:19px;position:absolute;background:rgba(255,255,255,.14);right:0;top:50%;transform:translateY(-50%)} */
.nav ul li:hover .subNav{-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:.6s;-webkit-animation-duration:.6s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;display:block}
.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall;animation-duration:.4s;-webkit-animation-duration:.4s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;display:block}
@-webkit-keyframes zoomIn{
    from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@keyframes zoomIn{
    from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@-webkit-keyframes fadeInUpSmall{
    0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@keyframes fadeInUpSmall{
    0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
@-webkit-keyframes flipInY{
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}

.logo1{display:inline-block;max-width:351px;overflow:hidden;vertical-align:middle}
.header .link a:hover{
    color:#fff
}
.header .link{
    margin-top: 24px;
    margin-left: 10px;
}
.header_rt{width: calc(100% - 500px);padding: 8px 0;}
.nav{position:relative;z-index:60;margin: 0 100px 0 0;}
.nav li{position:relative}
.subNav{width:150px;position:absolute;padding-bottom:4px;left:calc(50% - 75px);top:46px;display:none;padding:10px 0;box-sizing:border-box;background:rgba(147,23,31,1);background:-o-linear-gradient(bottom,rgba(147,23,31,1),rgba(147,23,31,.5));background:-moz-linear-gradient(bottom,rgba(147,23,31,1),rgba(147,23,31,.5));background:linear-gradient(to bottom,rgba(147,23,31,1),rgba(147,23,31,.5));z-index:100}
.subNav dd:hover{background:rgba(147,23,31,1)}
.subNav dd:hover a{color:#fff}
.subNav dd{padding:8px 10px;text-align:center}
.subNav a{font-size:15px;line-height:20px;display:block;color:#fff;display:block}
.nav li:hover .subNav{-webkit-animation-name:flipInY;animation-name:flipInY;animation-duration:.6s;-webkit-animation-duration:.6s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;display:block}
.header .gp-container{position:relative}

.nav1{display:flex;position:relative;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:0}
.nav ul li{position:relative}
.nav ul li > a{font-size:1.8rem;display:block;line-height:60px;box-sizing:border-box;position:relative;font-weight: bold;color: #fff;}
.nav ul li > a::before{content:'';display:block;width:0;height:4px;background:#fff;position:absolute;left:50%;bottom:4px;transition:all .3s ease-in-out}
.nav ul li.on a::before{left:0;width:100%}
.nav ul li.on .subNav{display:block}
.nav ul li.on .subNav dl{overflow:hidden}
.nav ul li.on .subNav dl dd{height:auto;line-height:20px;text-align:left}
.nav ul li.on .subNav dl dd a{display:block;line-height:22px;font-size:14px;font-weight:400;color:#fff;padding:8px 10px 8px 10px}
.nav ul li.on .subNav dl dd:hover{color:#fff;background-color:#8c0000}
.subNav dd:hover a{font-weight:700}

.gp-serBtn2{width:60px;height:60px;border: 1px solid rgba(255,255,255,.2);border-radius: 50%;float: right;background: url(../images/search.png) center no-repeat rgba(0,0,0,.1);}
.gp-overlay,.gp-overlay2{width:100%;height:100%;position:fixed;top:0;z-index:800;background:#000;opacity:.8;filter:alpha(opacity=80);display:none;left:0}
.gp-search{height:0;border:none;width:100%;overflow:hidden;position:fixed;top:50%;z-index:802;left:0;margin:0;display:inline-block}
.gp-search .gp-ser{display:none;border:none;width:80%;max-width:800px;height:100%;z-index:9999994;margin:0 auto;position:relative;background:#fff}
.gp-search button,.gp-search input{position:absolute;height:100%;line-height:100%;border:none;background:0 0;top:0;overflow:hidden}
.gp-search input.notxt{color:rgba(0,0,0,.3);width:75%;left:0;padding:0 5%;border:none;background:0 0;top:0;overflow:hidden;box-sizing:border-box;outline:0;position:absolute}
.gp-search .notxt1{background:url(../images/search.png) #8c0000 no-repeat center;position:absolute;background-size:20px;width:25%!important;height:100%!important;right:0;font-size:16px;cursor:pointer;color:#fff!important}
.gp-search.active .gp-ser{display:block}
.gp-search.active{height:50px}

.header{padding:30px 0;box-sizing:border-box;text-align:center;align-items:center;}
/* .gp-container2{width:83%;margin:0 auto;position:relative} */

footer{position:relative;padding: 50px 0 70px;background: url(../images/footer_bg.png) center no-repeat;background-size: cover;}
.footer_lf{float: left;padding: 14px 0;}
.footer_rt{float: right;}
.footerlogo{display: block;float: left;width: 295px;margin: 0 60px 0 0;}
.footer_info{float: left;width: 600px;line-height: 30px;}
.footer_info img{margin: 0 6px 0 0;}
.footer_info p{display: inline-block;vertical-align: top;color: #fff;}
.footer_code .item{width: 110px;display: block;float: left;text-align: center;margin: 0 0 0 20px;}
.footer_code .img_box{background: #d6d6d6;border: 8px solid #fff;}
.footer_code .img_box img{display: block;width: 100%;}
.footer_code p{margin: 11px 0 -30px;height: 20px;line-height: 20px;}

.copy_right {clear: both;border-top: 1px solid rgba(255,255,255,.1);color: rgba(255,255,255,.7);padding: 34px 0 0;}

@media screen and (max-width:1440px){
    .logo1{width: 280px;}
    .nav ul li > a{font-size: 1.6rem;}
    .header_rt{padding: 0;width: calc(100% - 350px);}
    footer{padding: 40px 0 50px;}
    .footer_info{float: none;}
    .copy_right{padding: 20px 0 0;}

}
@media screen and (max-width:1301px){
    .header{padding: 20px 0 0;}
    .header_rt{padding: 0;width: calc(100% - 367px);}
    .logo1{max-width:250px}
    .nav{margin: 0 70px 0 0;}
    .nav ul li>a{font-size: 1.4rem;line-height: 50px;}
    .gp-serBtn2{width: 50px;height: 50px;}
.header .link {
    margin-top: 10px;
}
}
@media screen and (max-width:997px){
    .header .link,.nav,.gp-search4,.gp-serBtn2{display:none!important}
    .gp-menu,.gp-menu-nav{display:block!important}
    .gp-menu-header{width:32px;top:32px;right:20px;display:block}
    .header{padding:20px 0}
    .search2{display:block!important;margin:20px}
    .gp-search{position: relative;height: 40px;}
    .gp-search .gp-ser{display: block;width: 100%;}
    .gp-search .notxt1{background-image: none;}
    
    footer{padding:35px 0 50px}
    .footer_lf{float: none;margin: 0 0 20px;}
    .footerlogo{float: none;margin: 0 auto 20px;}
    .footer_info{width: auto;}
    .footer_rt{float: none;text-align: center;}
    .footer_code .item{display: inline-block;float: none;margin: 0 10px;}
    .footer_code p{margin: 10px 0;}
    .copy_right{text-align: center;}

}
@media screen and (max-width:479px){
    .gp-menu-header{top:20px;transform:scale(.8)}
    .gp-menu-nav{padding-top:80px}
    .header{padding:10px 0}
}
@media screen and (max-width:414px){
    .gp-menu-header{top:21px;transform:scale(.8)}
}
@media screen and (max-width:400px){
    .gp-menu-header{top:22px;right:8px;transform:scale(.8)}
}
@media screen and (max-width:320px){
    .gp-search{width:80%}
    .logo1{max-width:75%;float:left}
}