锘?* reset */ *{-webkit-tap-highlight-color:rgba(0,0,0,0);} html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } /*sup { vertical-align: text-top } sub { vertical-align: text-bottom }*/ body, input, select, button, textarea { font-size: 14px; font-family: "PingFang SC","Microsoft Yahei"; } body { line-height: 1.5 } a { text-decoration: none;-webkit-tap-highlight-color:transparent } a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:24px; padding:0 0; } .edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;} .edit_con_original ul li { list-style-type:disc; margin:auto; } .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; } .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} .edit_con_original video{ max-width:100%;display: block;margin:auto;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } .err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;} /*闅愯棌瑙嗛涓嬭浇鎸夐挳*/ video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } /* 闃块噷鍥炬爣 */ [class*='icon']{ font-family: 'iconfont'; } /*鍥剧墖缁忚繃*/ .tran_scale{ overflow:hidden; display:block;} /*img{transition: All 0.7s ease-in-out;}*/ .tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;} /*涓ょ瀵归綈*/ .justify { text-align:justify; text-justify:distribute-all-lines;} /*涓婁笅灞呬腑*/ .v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;} /*宸﹀彸灞呬腑*/ .l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;} /*缁濆灞呬腑*/ .a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;} .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} .bg-cover{ background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;} body,a{color: #484848;} .wrap{width: 1440px;max-width: 90%;margin: auto;} .wrap_1280{width: 1280px;max-width: 90%;margin: auto;} .line24{line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line28{line-height: 28px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line26{line-height: 26px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line30{line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .line32{line-height: 32px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .ellipsis_p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ratio-img,.ratio-img img{width: 100%;} .bold{font-weight: bold;} .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} @media only screen and (max-width:1024px) { .wrap,.wrap_1280{max-width: 94%;} .line26,.line28,.line30,.line32{line-height: 24px;} } /*font-size*/ .fnt_16 { font-size: 16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size:20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_26 { font-size:26px;} .fnt_30 { font-size:30px;} .fnt_36 { font-size:36px;} .fnt_40 { font-size:40px;} .fnt_48 { font-size:48px;} .fnt_54 { font-size:54px;} .fnt_72 { font-size:72px;} @media only screen and (max-width:1660px) { .fnt_72 { font-size:50px;} } @media only screen and (max-width:1440px) { .fnt_26 { font-size:22px;} .fnt_30 { font-size:24px;} .fnt_36 { font-size:26px;} .fnt_40 { font-size:32px;} .fnt_48 { font-size:40px;} .fnt_54 { font-size:32px;} .fnt_72 { font-size:44px;} } @media only screen and (max-width:1024px) { .fnt_16 { font-size: 16px;} .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_22 { font-size:18px;} .fnt_24 { font-size:18px;} .fnt_26 { font-size:20px;} .fnt_30 { font-size:22px;} .fnt_36 { font-size:22px;} .fnt_40 { font-size:28px;} .fnt_48 { font-size:26px;} .fnt_54 { font-size:26px;} .fnt_72 { font-size:30px;} } @media only screen and (max-width:767px) { .fnt_16 { font-size: 14px;} .fnt_18 { font-size:14px;} .fnt_20 { font-size:14px;} .fnt_22 { font-size:16px;} .fnt_26 { font-size:16px;} .fnt_24 { font-size:16px;} .fnt_30 { font-size:18px;} .fnt_36 { font-size:18px;} .fnt_40 { font-size:20px;} .fnt_48 { font-size:20px;} .fnt_54 { font-size:20px;} .fnt_72 { font-size:20px;} } input,button,textarea{border:none;outline: none;background: none;} .header,.header a{color: #fff;} .header{position:fixed;top:0;left: 0;width: 100%;height: 114px;background: url(../images/nav_jb.png) repeat-x;z-index: 9999;} .header h1{float: left;margin-top: 30px;} .header h1 a{display: block;} .header h1 img{width: 163px;height: 38px;} .header_in{padding-left: 40px;padding-right: 25px;} .header_re_in{float: left;} .header_top{position: absolute;top:0;right: 24px;line-height: 46px;z-index: 2;} .header_top ul,.language{float: left;} .header_top ul li{float: left;} .header_top ul li a{display: block;padding: 0 13px;} .language{margin-left:15px;padding-left: 30px;background:url(../images/header_line.png) no-repeat 0 center; float: right;} .language dl{position: relative;} .language dt{cursor: pointer;position: relative;padding-right: 20px;} .language dt i{position: absolute;right: 0;top:0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .language dd{position: absolute;top:40px;left: 0;width: 100%;background: #eee;padding: 10px 0;display: none;} .language dd a{color: #333;display: block;line-height: 30px;padding: 0 10px;} .language.curr dt i{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .header_re{float: right;/*position: relative;*/} .nav li{float: left;} .nav li>a{padding: 0 30px;display: block;} .search span,.nav li>a{line-height: 40px;} .search,.nav{margin-top: 45px;} .search{float: right;position: relative;text-align: center;z-index: 2;margin-left: 15px;} .search.cur span{opacity: 0.6;} .search span{cursor: pointer;font-size: 20px;} .search_box{border: 1px solid #ccc;position: absolute;right: 0;top:40px; border-radius: 2px;background: #fff;width: 0px;padding-left: 20px; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; visibility: hidden;opacity: 0;} .search_box input,.search_box button{height: 48px;line-height: 48px;} .search_box button{width: 50px;text-align: center;cursor: pointer;font-size: 20px;float: right;} .search_box input{width: calc(100% - 50px);float: left;} .search.cur .search_box{width: 370px;visibility: visible;opacity: 1;} .scrollHeader .header{background: rgba(0,0,0,0.7);} /*.scrollHeader .search span,.scrollHeader .nav li>a {line-height: 120px;}*/ @media only screen and (max-width:1300px) { .nav li>a{padding: 0 25px;} .nav ul{font-size: 16px;} } @media only screen and (max-width:1230px) { .nav li>a{padding: 0 18px;} .language{margin-left: 20px;} .header_in{padding:0 20px;} } .menu_button{display: none;} .menu_button{float: right;margin-top:20px;cursor: pointer;margin-left: 15px;display: none;} .menu_button i{display: block;width: 24px;height: 2px;background: #fff;margin-bottom: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} @media only screen and (max-width:1024px) { .header h1{margin-top: 10px;} .header h1 img{width: 150px;height: 35px;} .header{background:#003b83;} .scrollHeader .header{background:#003b83;} .scrollHeader .header,.header,.header_height{height: 55px;} .menu_button{display: block; z-index: 99;position: relative;width: 24px;height: 24px;margin-top: 16px;} .navbody .menu_button i{/*background: #2893cb;*/} .navbody .menu_button i:first-child{left: 0;top: 12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);position: absolute;} .navbody .menu_button i:last-child{top: 12px;left: 0;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);position: absolute;} .navbody .menu_button i:nth-child(2){display: none;} .header_re{position: fixed;border-top: 1px solid rgba(255,255,255,0.2); top:55px;right: 0;width: 100%;height:calc(100% - 55px);background: #003b83;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s; opacity: 0;visibility: hidden; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px);-o-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px); } .navbody .header_re{ visibility: visible;opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); } .header_top{position: static;} .search{margin: 0;margin-top: 15px; float: none;padding: 0 20px;} .search span{display:none;} .search .search_box{width: 100%;visibility: visible;opacity: 1;position: static;overflow: hidden;background: #fff;box-sizing:border-box;padding-left: 10px;} .search_box input, .search_box button{height: 30px;line-height: 30px;} .language{margin-left: 0;float: none;padding: 0 20px;border-bottom: 1px solid rgba(255,255,255,0.2);} .language dt{display: none;} .language dd{display: block;background: none;overflow: hidden;position: static;padding: 5px 0;} .language dd p{float: left;margin-right: 20px;line-height: 24px;} .language dd p a{color: #fff;padding: 0;} .nav ul{font-size: 14px;} .header_top ul li,.nav li{float: none;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2);} .header_top ul li>a,.nav li>a{display: block;height: 36px;line-height: 36px;padding: 0 20px; width: calc(100% - 50px);box-sizing: border-box;} .nav{margin-top: 0;} .header_re_in{float: none;} .header_top ul, .language{float: none;} } .weixin { position: fixed; width: 300px; height: auto; z-index: 100000; left: 50%; top: 50%; margin: -200px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 2px; box-shadow: 1px 1px 10px #666; } .weixin .c { position: absolute; width: 30px; height: 30px; background: url(../images/x.png); overflow: hidden; text-indent: 100px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; } .weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; font-weight: normal; } .weixin .img { padding: 30px 0 10px; text-align: center; border-top: 1px solid #ddd; } .weixin p { margin: 0 1.5% 20px; text-align: center; } .weixin .img img { width: 200px; height: 200px; display: block; margin: auto; } .footer{background: #e7ebf0;padding: 40px 0 100px 0;} .f_top{overflow: hidden;border-bottom: 1px solid #707070;padding-bottom: 35px;margin-bottom: 25px} .f_share{float: left;margin-top: 15px;} .f_share a{float:left;font-size: 24px;margin-right: 35px;} .f_logo{float: right;} .f_logo img{width: 196px;height: 44px;} .f_bottom{overflow: hidden;} .f_le{float: left;width: calc(100% - 300px)} .f_le ul{overflow: hidden;margin-bottom: 30px;} .f_le li{float: left;margin-right: 50px;} .f_p,.f_p a{color: #707070;font-size: 13px;line-height: 24px;overflow: hidden;} .f_p .p02 span{float: left;margin-right: 15px;} .f_p .p02{overflow: hidden;} .f_re{float: right;} .f_re ul{overflow: hidden;} .f_re li{float: left;margin-left: 10px;} .f_re li img{width: 118px; height: 40px;} @media only screen and (max-width:1440px) { .footer{padding-bottom: 50px;} } @media only screen and (max-width:1300px) { .f_le li{margin-right: 30px;} } @media only screen and (max-width:1024px) { .f_top{padding-bottom: 20px;margin-bottom: 20px;} .f_re,.f_le{float: none;width: 100%;} .f_re{width: 252px;margin: auto;} .f_re li{margin: 0 4px;width: 118px;} .f_le ul,.f_p{margin-bottom: 20px;} .f_logo img{width: 150px;height: 34px;} .f_share{margin-top: 0;} } @media only screen and (max-width:767px) { .f_logo{float: none;width: 100%;text-align: center;margin-bottom: 10px;} .f_share a{margin-right: 10px;float: none;display: inline-block;} .f_share{text-align: center;float: none;} .footer{padding: 30px 0;} .f_top{padding-bottom: 10px;margin-bottom: 10px;} .f_le li{margin-right: 0;width: 33.33%;text-align: center;} .f_le ul, .f_p{margin-bottom: 10px;} .f_p .p02 span{display:block;float: none;} .f_p .p02{padding-top: 10px} } @media only screen and (min-width:1025px) { a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} a:hover{color: #003b83 !important;} .header_top a:hover,.nav li>a:hover{color: #fff !important;opacity: 0.8} .f_p .p02 a:hover{color: #707070 !important;cursor: default;} .language dd p a:hover{color: #333 !important;opacity: 0.8} } /*page*/ .pageout{text-align: center;padding-bottom: 5px; clear: both;overflow: hidden;} .page{display:inline-block;*display:inline;*zoom:1;} .page {vertical-align:middle;text-align:center;margin: 0 auto; color:#94999f; height:28px; line-height:28px; font-weight: bold;} .page span{color:#94999f; float: left; } .page span.pages_num{margin-right: 10px;} .page span.pages_num em{color: #003b83;} .page a{float: left; width:28px; color: #000; margin:0 10px; } .page a.on{background:#003b83;color:#fff; } .page a.prev {background:url(../images/page_le.png) center center no-repeat; text-indent:-10000px; margin-right: 5px;} .page a.next {background:url(../images/page_re.png) center center no-repeat; text-indent:-10000px;} .page a.prev.no{} .page a.next.no{} .page a.first{margin-left: 15px;background: none;} .page a.last{background: none;} .page a:first-child + a{} .page a.first{color: #7a8087;} .page a.last{color: #7a8087;} .page a.next{margin:0 6px;} .page input.go{cursor: pointer; border:none;outline: none;text-align: center; width: 32px; background: #003b83; color: #fff; height: 28px; line-height: 28px; font-family: "Arial";font-weight: bold; } .page input.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} .page .txtnum{} .page .txtnum input{ text-align: center;width:65px;height:28px; line-height:28px; box-sizing:border-box; background:none;border: 2px solid #000000;margin: 0 20px;} .total em{color: #003b83;} .page a.num{font-family: "Arial";} @media only screen and (max-width:1440px) { .page .txtnum input{margin:0 10px;margin-left: 0;} .page a{margin: 0 8px;} } @media only screen and (max-width:1250px) { .page .txtnum input{margin:0 10px;margin-left: 0;} .page a{margin: 0 ;} } @media only screen and (max-width:767px) { .page{padding-top: 20px;} .page a{display:none; font-weight: normal;} .page a.prev,.page a.next{display:block; display:inline-block;} .total{display: none;} .page a.on{display: inline-block;} .page .txtnum input{width: 50px;border: 1px solid #838383;} } @media only screen and (min-width:1025px) { .page input.go{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .page input.go:hover{opacity: 0.8;} .nav_p p a:hover{color: #fff !important; opacity: 0.7;} .site_banner .video_button:hover,.site_banner .icon-24gf-play:hover{opacity: 0.8} } /*page*/ /*sitebanner*/ .site_video_btn .video-box{cursor: pointer;position: absolute;top: 0;left: 0;width: 100%;} .site_video_btn .video-box video{width:100%; height: 100%; object-fit: cover;} .site_video_btn .video_button,.site_video_btn .icon-24gf-play {color: #fff !important;font-size: 56px;z-index: 99;left: 53%;} .site_video_btn .video_button{display: none;} /*.site_video_btn .ratio-img{display: none;}*/ .site_banner{position: relative;overflow: hidden;} .site_banner img{width: 100%;} .site_banenr_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(../images/site_banner_bg.png) no-repeat;background-size: 100% 100%;z-index: 5;} .site_banner02 .site_banenr_bg{background:url(../images/site_banner_bg2.png) no-repeat;background-size: 100% 100%;} .site_banner03 .site_banenr_bg{background:url(../images/site_banner_bg3.png) no-repeat;background-size: 100% 100%;} .banner_poplebg .site_banner .site_banenr_bg{background:url(../images/site_banner_bg4.png) no-repeat;background-size: 100% 100%;} .site_banner .banner_text{top:46%;} .site_banner .banner_text h3,.site_banner .banner_text p{ visibility: visible; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .site_banner .banner_text h3{margin-bottom: 20px;} @media only screen and (max-width:1024px) { .site_banner .video_button,.site_banner .icon-24gf-play{font-size:40px;} .site_video_btn .video_button{display: block;} .site_video_btn .video-box{display: none;} /*.site_video_btn .ratio-img{display: block;}*/ } @media only screen and (max-width:767px) { .site_banner .video_button,.site_banner .icon-24gf-play{font-size:32px;} .site_banner .banner_text{top:50%;} .site_banner .banner_text h3{margin-bottom: 5px;} .site_banner:after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.1);} } /*header鐧借壊鑳屾櫙*/ .logo_02{display: none;} @media only screen and (min-width:1025px) { .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);} .header_blank {padding-top: 150px;} .header_blank .header{background:#073759 url(../images/navbg.jpg) no-repeat center center;background-size:cover;} /*.header_blank .header{background: #fff;} .header_blank .header,.header_blank .header a{color: #282a30;} .header_blank .logo_02{display:block;} .header_blank .logo_01{display:none;} .header_blank .header{height: 90px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} .header_blank .header_top a:hover,.header_blank .nav li>a:hover{color: #1b518f !important;}*/ } .fancybox-button--zoom,.fancybox-button--thumbs{display: none !important;} /*涓嬫媺*/ .nav{height: 70px;} .nav_list{position: absolute;left: 0;top:110px;background:#fff;width: 100%;overflow: hidden;box-shadow: 0 0 20px rgb(0 0 0 / 20%);display: none;z-index:99;} .nav_list .left,.nav_list .right{width: 50%;box-sizing:border-box;padding: 50px 0;} .nav_list .left{float: left;padding-right: 120px;} .nav_list .right{float: right;padding-left:120px;} .nav_bg{width: 50%;height: 100%;position: absolute;top:0;left: 0;box-shadow: 0 0 10px rgb(0 0 0 / 30%);} .nav_list .right dt img{width: 100%;height: 100%;} .nav_list .right dt{width:466px;height:262px;margin-bottom:20px;} .nav_list .right dd{max-height: 144px;-webkit-line-clamp: 6;} .nav_list .wrap{position: relative;z-index:2;} .nav_title{overflow: hidden;line-height: 40px;margin-bottom: 20px;} .nav_title h3{float: left;width: calc(100% - 50px)} .nav_title .pubjia{float: right;margin-top: 8px;} .nav_title .pubjia a:hover{color: #fff !important;} .nav_text{max-height: 48px;-webkit-line-clamp: 2;} .nav_p{padding-top: 20px;margin-top: 20px;border-top:1px solid #9b9b9b;} .nav_p p{line-height: 30px;text-align: center;margin-bottom:10px;} .nav_p p a{color: #202f45;display: block;width: 260px;border-radius: 20px;} .nav_arrow,.nav_return{display: none;} @media only screen and (max-width:1440px) { .nav_p{margin-top: 20px;padding-top: 30px;} .nav_list .left, .nav_list .right{padding: 40px 0;} .nav_list .left{padding-right: 90px;} .nav_list .right{padding-left: 90px;} .nav_list .right dt{width: 360px;height: 202px;} } .header_top2{display: none;} @media only screen and (max-width:1024px) { .nav_cicle{display: none;} .nav{height: auto;} .nav_arrow,.nav_return{display: block;cursor: pointer;} .nav_arrow{width: 50px;float: right;line-height: 36px;text-align: center;font-weight: bold;} .header_top ul li>a, .nav li>a{float: left;} .header_top ul li, .nav li{display:table;} .nav_list{position: absolute;top:0;left: auto; right:-100%;width: 100%;height: 100%; background: #003b83;z-index: 2;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;display: block;box-shadow:none;} .nav_bg,.nav_list .right,.nav_title,.nav_text{display: none;} .nav_list .left{padding: 0;width: 100%;float: none;} .nav_return{line-height: 36px;border-bottom:1px solid rgba(255,255,255,0.2)} .nav_p{padding-top: 0;margin-top:0;border: 0;} .nav_p p a,.nav_return a{padding: 0 20px;} .nav_p p a{color:#fff;} .nav_list .wrap{max-width: 100%;} .nav_p p a{width: 100%;} .nav_p p{text-align: left;margin-bottom: 0;border-bottom: 1px solid rgba(255,255,255,0.2);} .header_top ul li.cur .nav_list, .nav li.cur .nav_list{right: 0;} .header_top1 ul{display: none;} .header_top2 ul li{display: none;} .header_top2 ul li:nth-child(4){display: table;} .header_top2 ul li:nth-child(5){display: table;} .header_top2{display: block;} } @media only screen and (min-width:1025px) { .navbg .header{background:#073759 url(../images/navbg.jpg) no-repeat center center;background-size:cover;} .nav_p p a:hover{background:#003c82;opacity: 1;} .nav_cicle{visibility: hidden;opacity: 0; text-align: center;height: 4px;position: relative;background-size: red;bottom:4px;} .nav_cicle:after{content:"";position: absolute;top:0;left: 50%;margin-left: -2px;width: 4px;height: 4px;background:#fff;border-radius:50%;} .nav li.on .nav_cicle{visibility: visible;opacity: 1;} /*.header_top*/ .header_top ul li{position: relative;} .header_top .nav_list{ width: 160px;left: 50%;margin-left: -80px;top:34px;background:none;box-shadow:none;overflow: inherit;} .header_top .nav_list .wrap{width: 100%;max-width: 100%;padding: 25px 0;background:#fff;margin-top: 6px;box-shadow: 0 0 20px rgb(0 0 0 / 20%);} .header_top .nav_p{padding: 0;padding: 0;margin: 0;border: 0;} .header_top .nav_p p a{width:auto;border-radius: 0;} .header_top .nav_p p{margin: 0;line-height: 48px;border-bottom:1px solid #f2f2f2;} .navarrow{position: absolute;top: 0;left: 50%;width: 0;height: 0;overflow: hidden;margin: -2px 0 0 -4px;border: 4px dashed transparent;border-bottom: 4px solid #fff;} .header_top .nav_p p a:hover{background:none;opacity: 1;color: #003c82 !important;box-shadow: 0 0 20px rgb(0 0 0 / 20%);} /*header涓嬫粦*/ .header_top,.search,.header h1{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .scrollHeader .header_top{-webkit-transform: translateY(-80px); -moz-transform: translateY(-80px);-o-transform: translateY(-80px);-ms-transform: translateY(-80px);transform: translateY(-80px);opacity: 0;visibility: hidden;} .scrollHeader .header{height: 70px;} .scrollHeader .search,.scrollHeader .nav{margin-top: 0;} .scrollHeader .search span, .scrollHeader .nav li>a{line-height: 70px;} .scrollHeader .header h1{margin-top:20px;} .scrollHeader .nav_list{top:70px;} .scrollHeader .search_box{top:70px;} }