/*头部样式*/ header{width:100%;position: absolute;left: 0;top: 0;border-top: 4px solid #992D24;z-index: 10; background: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: -ms-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: -o-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); } .gp-ellipsis{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @-webkit-keyframes header_in{ from {opacity: 0;top: -300px;} to {opacity: 1;top: 0;} } @keyframes header_in{ from {opacity: 0;top: -300px;} to {opacity: 1;top: 0;} } /* .header_links{height: 56px;line-height: 56px;position: relative;z-index: 3; background-image: -moz-linear-gradient( 0deg, rgb(0,71,157) 0%, rgb(44,70,127) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,71,157) 0%, rgb(44,70,127) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,71,157) 0%, rgb(44,70,127) 100%); } .header_links .row{ display: flex;justify-content: space-between;align-items: center;} .header_links a img{margin-right: 10px;vertical-align: middle;} .header_links a{display: inline-block;color: #fff;box-sizing: border-box;padding: 0 18px;position: relative;} .header_links .mobile_rightBar{display: none;padding-left: 20px;} .header_links .mobile_rightBar ul{position: absolute;right: 0;top: 56px;background: #0f4792;display: none;padding: 10px 0;width: 100px;text-align: center;} .header_links .mobile_rightBar ul li{line-height: 2;} .header_links .mobile_rightBar ul li a:hover{background: rgba(0,0,0,0.1);} .header_links .mobile_rightBar ul li a{padding: 0;} .header_links .mobile_rightBar ul li a img{width: 1em;margin-left: 1em;margin-right: 0;} .header_links .mobile_rightBar:hover ul{display: block;} .header_links .lt a:first-child{padding-left: 0;} .header_links .lt a:last-child::after{display: none;} .header_links .rt a:last-child::after{display: none;} .header_links .rt a.search_btn::after{display: none;} .header_links a::after{content: '';display: block;width: 1px;height: 18px;background: rgba(255,255,255,.55);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .header_links a.wechat::before{content: '';display: inline-block;background: url(../images230316/header_wechat.png) center no-repeat;width: 20px;height: 16px;vertical-align: middle;margin: 0 6px 0 0;} .header_links a.wechat .hover_box{position: absolute;top: 100%;width: 100px;padding: 10px;background: #fff;left: 50%;transform: translateX(-50%);z-index: 2;box-shadow: 0 0 10px rgba(0,0,0,.2);display: none;} .header_links a.wechat .hover_box img{display: block;} .header_links a.wechat:hover .hover_box{display: block;} */ /* .search_btn{} .search_box{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 999;display: none;} .search_box.on{display: block;} .search_box .close{background: url(../images230316/close.png) center no-repeat;background-size: 60%;width: 80px;height: 80px;position: absolute;right: 50px;top: 50px;cursor: pointer;} */ /* 搜索 */ .gp-search{width:218px;overflow: hidden;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;transition: all 0.35s ease-in-out;border:1px solid rgba(255,255,255,1);border-radius: 17.5px;} .gp-ser{width:100%; height:35px; z-index:1; margin:0 auto;position: relative;} .gp-search input,.gp-search button{position:absolute; height: 35px;line-height:35px; border:none; background:none; top:0px;overflow: hidden; } .gp-search input.notxt{color:#fff; width:calc(100% - 43px);left: 0;background: ;box-sizing: border-box;box-sizing: border-box;padding: 0 15px;outline: none;} .gp-search .notxt1 {position: absolute;width: 43px;right:0;cursor:pointer;color:#fff;background: #992D24;} .header .wrapTop{width: 100%;position: relative;z-index: 2;} .header .top{margin: 0 5.7vw;display: flex;justify-content: space-between; } .header .logo{padding: 35px 0 28px; } .header .topRight{margin-top: 31px;} .header .topRight .headerLinks{height: 35px;line-height: 35px;display: inline-block;color: #fff;border-radius: 17.5px;border: 1px solid #fff;box-sizing: border-box;padding: 0 22px;vertical-align: middle;margin-left:16px;} .header .topRight .gp-search{display: inline-block;vertical-align: middle;margin-left:16px;} .modeNav{position: relative;margin-top: -41px;z-index: 50;} .modeNav::before{content: "";display: block;width: 50%;height: 100%;background: #992D24;position: absolute;left: 0;top: 0;} .nav{background: #992D24;box-sizing: border-box;padding-right: 40px;} .nav ul{font-size: 0;text-align: justify; text-justify:inter-ideograph;} .nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;} .nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);line-height: 83px;height: 83px;} .nav ul li > a{font-size: 20px;display: block;position: relative;transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;color: #fff;font-weight: bold;} .nav ul li:hover > a,.nav ul li > a.on{text-shadow: none;} .nav ul li:hover > a::after,.nav ul li > a.on::after{content: '';display: block;width: 100%;height: 5px;background: url(../images230316/nav_bg.png) center no-repeat;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;} .subNav{background: #f3f3f3;white-space: normal;position: absolute;top: 100%;display: none;left: 50%;width: 160px;padding: 6px;margin: 0 0 0 -80px;} .subNav.less{max-width: 270px;} .nav ul li:last-child .subNav,.nav ul li:nth-last-child(2) .subNav,.nav ul li:nth-last-child(3) .subNav{left: auto;right: 0;} /* .subNav::before{content: '';display: block;width: 3px;height: 68px;background: #b5b5b5;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);} */ .subNav dl{} .subNav dd{display: block;} .subNav a{color: #454545;padding: 6px 0;display: block;line-height: 24px;font-size: 16px;white-space: nowrap;text-align: left;text-align: center;} .subNav a:hover{background: rgba(0,0,0,0.1);} .nav ul li:hover .subNav{-webkit-animation-name: opShow ;animation-name: opShow ;animation-duration: 0.25s; -webkit-animation-duration: 0.25s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;visibility: visible !important; display: block;} @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 opShow{ from{opacity: 0;} to {opacity: 1;} } header.currents{position: fixed;background: #fff;top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.15);-webkit-animation-name: headerShow;animation-name: headerShow;animation-duration: 0.7s; -webkit-animation-duration: 0.7s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;} header.currents .c1,header.currents .h1{display: none;} header.currents .c2{display: block;} header.currents .logo{padding: 13px 0;} header.currents li > a{text-shadow: none;color: #323232;} @keyframes headerShow{ from{oopacity:0;transform:translateY(-100%);} to {transition:all 0.7s ease-in-out 0.5s;transform:none;opacity:1;} } .mobile-header{width: calc(100% - 216px);position:absolute;top: 0;right: 0;z-index: 10;overflow: auto;background: #992D24;padding: 44px 33px 24px;min-width: 240px;} .mobile-header.on{animation-duration: 0.5s;animation-fill-mode: both;animation-name: y_scale;} .mob_nav_btn{height: 37px;width: 37px;z-index: 999;position: absolute;right: 25px;top: 20px; background: url(../images230316/m_nav11.png) center no-repeat;background-size: 100% 100%;} header.pa-t .mob_nav_btn{background-image: url(../images230316/m_nav1.png);} .mob_nav_btn:hover{opacity:0.8;cursor: pointer;} .mob_nav_btn.on,header.pa-t .mob_nav_btn.on{background-image: url(../images230316/m_nav2.png);width: 30px;height: 31px;top: 5px;} .mobile-nav{width: 100%;padding-top: 0;} .mobile-nav a{display: inline-block;line-height: 48px;text-decoration: none;width: 100%;font-size: 1.4rem;color: #fff;border-top: solid 1px rgba(255,255,255,.35);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .mobile-nav a:hover{color:#fff;} .mobile-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;} @-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;} } .mobile-nav li{position: relative;} .mobile-nav li strong{color: #fff;position: absolute;right: -16px;top:0;font-size: 20px;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } .mobile-nav li strong.on{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .mobile-nav li > a{font-weight: bold;} .mobile-nav .mobile_subNav{display: none;padding-left:10px;} .mobile-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 1.2rem;} .mobile_links{text-align: center;margin: 12px 0 0;} .mobile_links a{color: #fff;display: inline-block;margin: 0 6px;vertical-align: middle;} .mobile_links a.wechat{max-width: 100px;} .mobile_links img{display: block;background: #fff;} .mobile_search{clear: both;position: relative;background: #fff;overflow: hidden;margin: 16px 0 0;} .mobile_search .search{width: 100%;height: 40px;background: #fff;z-index: 999;} .mobile_search .search input.notxt{position:absolute;width: 100%;height: 100%;color: #eee;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;} .mobile_search .search input.notxt1{position:absolute;width: 46px;height: 100%;border:none;right: 0;cursor: pointer;z-index: 4;font-size: 0;bottom: 0;background:url(../images230316/search_btn.png) no-repeat center center;padding: 0;} .mobile_links2{border-top: 1px dashed rgba(255,255,255,.55);margin-top: 15px;padding-top: 15px;} .mobile_links2 li{display: inline-block;} .mobile_links2 a{color: #fff;display: inline-block;margin: 0 10px;vertical-align: middle;} .mobile_links2 a img{vertical-align: middle;margin-left: 5px;height: 1em;} .go_top{width: 65px;height: 65px;background: rgba(255,255,255,.5);text-align: center;font-size: 16px;line-height: 20px;position: fixed;right: 20px;bottom: 20px;z-index: 10;display: none;cursor: pointer;border-radius: 50%;box-shadow: 0 0 16px 2.4px rgba(107,107,107,.5);} .go_top img{display: block;margin: 4px auto -8px;width: 45px;} .go_top p{text-align: center;font-size: 12px;line-height: 16px;color: #0152ac;} footer{position: relative;background: #fff;z-index: 1;} footer::before{content: "";display: block;width: calc(100% - 7vw);height: 64%;;background: #992D24;position: absolute;right: 0;bottom: 0;} footer .footer{display: flex;align-items: baseline;} footer .footer .lt{flex: 1;margin: 0 20px 20px 0;} footer .footer .lt .footer_info{margin-top: 12px;} footer .footer .lt .footer_info p{color: #fff;margin-right: 75px;display: inline-block;} footer .footer .ewm{} footer .footer .ewm .pic{box-sizing: border-box;padding: 5px;border: 1px solid;border-image: -moz-linear-gradient(top, #992D24, #fff) 1; border-image: -webkit-linear-gradient(top, #992D24, #fff) 1; border-image: -o-linear-gradient(top, #992D24, #fff) 1; border-image: -ms-linear-gradient(top, #992D24, #fff) 1; border-image: linear-gradient(to bottom, #992D24, #fff) 1;} footer .footer .ewm img{max-width: 140px;} footer .footer .ewm p{text-align: center;color: #fff;margin-top: 10px;} /* @media screen and (min-width:992px){ .effect1{opacity: 0.5;transition: all 0.8s ease-out;} .effect1.isView{opacity: 1;} .effect2,.effect2 li,.effect5{opacity: 0;transition: all 0.8s ease-out;transform: translateY(70px);} .effect2.isView,.effect2.isView li,.effect5.isView{opacity: 1;transform: none;} .effect3{opacity: 0;transition: all 0.8s ease-out;transform: translateX(50px);} .effect3.isView{opacity: 1;transform: none;} .effect4 ,.effect4 li,.effect6 tr{opacity: 0;transition: all 0.8s ease-out;transform: translateX(-50px);} .effect4.isView,.effect4.isView li,.effect6.isView tr{opacity: 1;transform: none;} } */ @media screen and (max-width:1500px){ footer::before{width: calc(100% - 5vw);} } @media screen and (max-width:1400px){ footer::before{width: calc(100% - 2.5vw);} } @media screen and (max-width:1300px){ footer::before{width: calc(100% - 1vw);} } @media screen and (max-width:1240px){ footer::before{width: calc(100% );} .header .top{width: 1000px;margin: 0 auto;} } @media screen and (max-width:1060px){ .header .top{max-width: calc(100% - 50px);margin: 0 25px;} } @media screen and (max-width:996px) { .topRight{display: none;} .modeNav{display: none;} footer .footer .lt .footer_info p{margin-right: 30px;} .header .logo{padding: 20px 0;} } @media screen and (max-width:768px) { .header .top{max-width: calc(100% - 30px);margin: 0 15px;} .mob_nav_btn{right: 15px;} footer{padding: 30px 0;} footer::before{width: 100%;height: 100%;} footer .footer{display: block;text-align: center;} footer .footer .ewm .pic{display: inline-block;border-image: linear-gradient(to bottom, #fff, #fff) 1;} footer .footer .lt .footer_info p{display: block;margin: 0;text-align: center;margin-bottom: 10px;} } @media screen and (max-width:540px) { .header .logo{padding: 15px 0;} .mob_nav_btn{top: 15px;} }