@charset "utf-8";
/* CSS Document */
.w_center{width: 1440px!important;margin: 0 auto}
.title_po{font-family: Poppins;}
.more{position: relative; font-family: Poppins;font-size: 18px;border-radius: 5px;text-transform: capitalize;text-align: center;color: #fff;overflow: hidden;z-index: 1}
.more::before {content: '';z-index: -1;position: absolute;top: 50%;left: 100%;margin: -15px 0 0 1px;width: 30px;height: 30px;border-radius: 50%;background: #04123c;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(1, 2, 1);transform: scale3d(1, 2, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);transition-timing-function: cubic-bezier(0.7,0,0.9,1);}
.more:hover::before {-webkit-transform: scale3d(9, 9, 1);transform: scale3d(9, 9, 1);}
/*顶部*/
.top{background: url(../images/top_bg.jpg) no-repeat center;color: #fff;font-size: 15px;line-height: 54px;}
.top_left{margin-right: 40px;position: relative;padding-left: 32px}
.top_left::before{position: absolute;content: ""; top: 15px;left: 0; background: url(../images/icon_bg.png) no-repeat 0 0;width: 24px;height: 24px;display:block;}
.top_center{}
.top_right span{font-size: 20px;font-family: Poppins;}
.top_right span a{display: inline-block;transition: all .5s}
.top_right span a:hover {color: #c30d23}
/*导航*/
.header{height: 102px;box-shadow: 5px 5px 5px rgba(0,0,0,.1);background-color: #fff}
.fixheader{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%; min-width: 1400px;}
.header h1{height: 56px;margin: 23px 220px 23px 0}
.header h1 img{width: 100%}
.nav > ul > li{position: relative; float: left;font-family: Poppins1;font-size: 18px;margin:0 56px 0 0;line-height:30px;color: #333;text-transform: uppercase;padding: 36px 0}
.nav > ul > li::before{position: absolute;content: "";width:24px;height: 2px;background-color: #c30d23;left: 0;bottom: 32px;display: none;}
.nav > ul > li:hover{color: #c30d23;}
.nav > ul > li:hover::before{display: block;}
.nav > ul > li.lic{color: #c30d23}
.nav > ul > li.lic::before{display: block;}
.subnav{display: none;position:absolute;top:102px;left: -44px;background-color: rgba(4,18,60,.8);padding: 20px;transition: all .5s;z-index: 101}
.subnav li a{display: block; font-size: 16px;color: #fff;padding:10px;white-space: nowrap;text-transform: capitalize;font-family: Poppins;}
.nav > ul > li:hover .subnav{display: block;}
.subnav li a:hover{color: #c30d23;font-family: Poppins;}
.header_right{position: relative; margin: 27px 0;}
.header_right::before{position: absolute;content: "";width: 1px;height: 32px;background-color: #919191;left: 0;top: 8px}
.header_right a{display:inline-block;vertical-align: middle;}
.search{width: 32px;height: 32px;background: url(../images/icon_bg.png) no-repeat -24px 0;margin: 0 36px;transition: all .5s}
.search:hover{background: url(../images/icon_bg.png) no-repeat -56px 0;}
.header_more{width: 180px;height: 48px;background-color: #c30d23;line-height: 48px}
/*搜索*/
.search_zz{display: none; background-color: rgba(0,0,0,.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;color: #fff}
.search_zz.show{display: block;}
.z_search > .w900{width: 900px;margin: 0 auto;}
.z_search  form{width: 900px;margin: 0 auto;padding: 200px 0 100px}
.z_search_in1{height:54px;padding: 0 10px;width:820px;float: left;line-height: 54px;font-size:16px;border: 1px solid #ccc;border-right: none}
.z_seach_btn1{float:right;width:80px;height:56px;border: 0;background:url(../images/z_search.jpg) no-repeat;}
.search_zz a{display: block;position: absolute;top: 100px;right: 100px;width:40px;height: 40px;z-index: 9999}
.search_zz a:hover{-webkit-transform: rotate(360deg);
    animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
/*页脚*/
.footer{background: #04123c url(../images/footer_bg.png) no-repeat;}
.footer_up{border-bottom: 1px solid #1e294a;color: #fff}
.footer_up > .w_center ul li{float: left;width: 480px;padding: 40px 0 40px 54px;border-right: 1px solid #1e294a}
.footer_up > .w_center ul li i{width: 32px;height: 32px;background:url(../images/icon_bg.png) no-repeat 0 -32px;}
.footer_up > .w_center ul li p{width: 368px; font-size: 18px;padding-left: 10px;line-height: 32px}
.footer_up > .w_center ul li p a{display: inline-block;}
.footer_up > .w_center ul li:nth-child(2) i{background:url(../images/icon_bg.png) no-repeat -32px -32px;}
.footer_up > .w_center ul li:nth-child(3) i{background:url(../images/icon_bg.png) no-repeat -64px -32px;}
.footer_up > .w_center ul li p a:hover{color: #c30d23}
.footer_con{color: #b2b9c5;padding: 60px 0 76px;border-bottom: 1px solid #1e294a}
.footer_left{width: 410px;}
.footer_left > img{width: 262px;height: 83px;margin-bottom: 24px}
.footer_left > p{font-size: 16px;color: #b2b9c5;margin-top: 16px;}
.footer_share{margin-top: 24px;}
.footer_share a{display: inline-block;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #e5e5e5;margin-right: 12px;padding: 5px;}
.footer_share a i{display: block; width: 24px;height: 24px;}
.footer_share a.footer_facebook i{background: url(../images/icon_bg.png) no-repeat -96px -32px;}
.footer_share a.footer_twitter i{background: url(../images/icon_bg.png) no-repeat -120px -32px;}
.footer_share a.footer_in i{background: url(../images/icon_bg.png) no-repeat -144px -32px;}
.footer_share a:hover{background-color: #c30d23;border: 1px solid #c30d23}
.footer_right h6{position: relative; font-size: 26px;font-family: Poppins1;color: #e2ecf8;text-transform: capitalize;}
.footer_right h6::before{position: absolute;content: ""; width: 92px;height: 4px;background-color: #c30d23;border-radius: 4px;bottom: -10px;left: 0;}
.footer_right ul{margin-top: 32px}
.footer_right ul li{font-size: 18px;position: relative;padding-left:20px;margin: 14px 0;text-transform: capitalize;}
.footer_right ul li::before{position: absolute;content: "";width: 16px;height: 16px;background:url(../images/icon_bg.png) no-repeat -136px 0;top: 5px;left: 0 ;cursor: pointer}
.footer_right ul li:hover{color: #c30d23}
.footer_right ul li:hover:before{background:url(../images/icon_bg.png) no-repeat -152px 0;}
.footer_right .footer_nav:nth-child(2){margin: 0 152px}
.footer > p{font-size: 18px;color: #b2b9c5;text-align: center;line-height:40px;padding: 24px 0 }
.footer > p span{color: #c30d23}
/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:30%; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#04123c;margin:4px 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: 0;}
.right_nav li .iconBox{text-align:left;overflow: hidden;padding: 16px 10px;}
.right_nav li img{width: 24px;height:24px;margin: 0 auto;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;text-align: center;}
.right_nav li:hover{background:#c30d23}
.right_nav li .hideBox{display: none;position: absolute;right:80px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #04123c;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0;border-bottom: 2px solid #ccc;color: #04123c;font-size: 20px;font-weight: 400;display: block;white-space: nowrap;margin-bottom: 10px;}
.right_nav li .hideBox .hb p {white-space: nowrap;margin: 5px;}
.right_nav li .hideBox .hb p i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border:1px solid #e5e5e5;border-radius: 50%;margin-right: 10px;}
.right_nav li .hideBox .hb p i img{width: 100%;height: 100%}
.right_nav li .hideBox .hb p a{font-size: 16px;display: inline-block;vertical-align: middle;}
.right_nav li .hideBox:hover{display: block!important;opacity: 1!important}
.right_nav li .hideBox .hb p:hover a{color: #04123c}








