/* 清除默认样式 */ body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, a ,span{ padding: 0; margin: 0; font-family: "Times New Roman", Times, serif; outline: none; font-size: 14px; } img { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } table { border-collapse: collapse; } a, a:active { color: #555; text-decoration: none; outline: none; } a:hover { outline: none; color: #1c66ee; } ul, dl, li, dd, dt, ol { list-style: none; } input, select, img { vertical-align: middle; outline: none; } body { -webkit-text-size-adjust: none; color: #555; width: 100%; background-color: #fff; } html, body { width: 100%; font-size: 14px; } img { max-width: 100%; } .fl { float: left; } .fr { float: right; } .clear { clear: both; font-size: 0; height: 0; width: 100%; zoom: 1; line-height: 0; } .clearfix:after{content: "";display: block;height: 0;visibility: hidden;clear: both;} .clearfix{zoom: 1;} canvas { width: 100%; height: 100%; } #fullpage { position: relative; } #fullpage { height: 100%; } .eps-portallat-list{z-index:50000!important;} .eps-portlet-header{position:relative;z-index:50000;} .eps-portlet-header .eps-shadow.eps-dn{left:10px!important;top:10px!important;} a.mao { font-size: 0; color: transparent; } html,body{overflow-x:hidden;} .css3guodu{ -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .maxWidth{max-width:1300px;margin:0 auto;} .old2021 #banner{margin-top:75px!important;min-height:auto!important;height:38vw;} .old2021 #banner .banner_text{margin-top:16%!important;margin-left:0!important;width:auto!important;} #sjNav, .old2021 #sjNav{display:none!important;} .old2021 .banner_text img{width:30%;} .erji_get_top_banner{text-align:center;} .huilan-ejMk{max-width:1200px;margin:0 auto;text-align:left!important;} .juTiWrap .WrapBg{opacity:0;} .home2022_index .bannerRel{position:relative;z-index:20000;} .home2022_index .bannerRel .header2023{width:100%;position:absolute;top:0;left:0;z-index:100;} .header2023_Top_Rel{width:100%;padding-top:20px; transition: all 0.3s ease-out 0s;} .home2022_index .bannerRel .header2023 .header2023_Top{position:relative;width:100%;} .home2022_index .bannerRel .header2023 h1{float:left;width:180px;margin-top:5px;} .home2022_index .bannerRel .header2023 h1 .white{display:block;} .home2022_index .bannerRel .header2023 h1 .blue{display:none;} .home2022_index .bannerRel .header2023 .menu{width:30px;display:none;cursor:pointer;} .home2022_index .bannerRel .header2023 .menu svg{display:block;width:100%;height:30px;} .home2022_index .bannerRel .header2023 .rightBox{float:right;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li{float:left;} /* .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li.child:hover p a{background:url(/eportal/uiFramework/commonResource/image/2022050317512278885.png) no-repeat bottom center;background-size:30px auto;}*/ .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p a{display:block;padding:0 22px 20px;color:#fff;font-size:16px;position:relative;font-family:"Helvetica Condensed"} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p a font{display:none;width:46px;height:2px;background:#1f519e;position:absolute;left:50%;bottom:5px;margin-left:-23px;} /*.home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li:hover p a{color:#1f519e;}*/ .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p i{display:none;width:24px;cursor:pointer;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p i svg{width:100%;height:24px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown{display:none;position:absolute;left:0;top:70px;background:#fff;width:100%;padding:20px 0;box-shadow:0 2px 2px rgba(0,0,0,.1);} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item{width:25%;margin-bottom:0;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item:nth-of-type(4){height:225px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item.last{ width: 20%; float: right; margin-top: 60px; } .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item h3{height:42px;} .Nav_top_Box .Li_fd1a49f5510a4c24891ccd07241999b3 .Left_box .item:last-child{float:inherit !important;width:100% !important;margin-top: 20px;} .Nav_top_Box .Li_fd1a49f5510a4c24891ccd07241999b3 .Left_box .item:last-child .UL li{width:33.333%;float:left;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .item{width:33.333%;height:353px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .twoH{height:auto;} .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .item .box ul{display:flex;flex-wrap:wrap;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .item h3{height:30px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .Left_box, .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .Left_box{width:78%;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .Right_box{width:20%;margin-top:40px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .item .box .UL li{width:50%;float:left;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li:hover .sliderDown{display:block;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item{width:20%;float:left;margin-bottom:20px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3{ font-size: 20px; color:#000; padding-bottom:18px; border-bottom:1px solid #E6E6E6; height:60px; } .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3 em{ display:none; cursor:pointer; width:24px; transform:rotate(-90deg); -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3 em svg{width:100%;height:24px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .box{padding:0 9px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .box .UL li a{font-size:14px;color:#666;display:block;padding:10px 0;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .box .UL li a:hover, .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .menuB a:hover{color:#1d509e;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .menuB{width:160px;float:left;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .menuB a{font-size:16px;color:#444;display:block;padding:10px 0;} .home2022_index .bannerRel .header2023 .rightBox .down .top_fy a{color:#fff;font-size:14px;display:inline-block;padding:0 10px;} .home2022_index .bannerRel .header2023 .rightBox .down .top_fy .ssBtn{width:18px;height:18px;vertical-align: middle;cursor:pointer;padding:0;margin:0 10px;background:url(http://www.huilan.com/eportal/uiFramework/commonResource/image/2022042514135938115.png) no-repeat center center;background-size:100% auto;} .home2022_index .bannerRel .header2023 .rightBox .down .top_fy{margin-bottom:15px;} .home2022_index .bannerRel .header2023 .rightBox .en_all{float:right;padding-right:10px;} .ssFormBox{position:absolute;right:50%;margin-right:-595px;top:5px;transform:scale(0);} .ssFormBox .ssBtn{width:18px;height:18px;margin:10px 0 0 10px;background:url(http://www.huilan.com/eportal/uiFramework/commonResource/image/2022050314452424447.png) no-repeat center center;background-size:100% auto;cursor:pointer;} .ssForm{width:300px;border: 1px solid #d4d4d4;} .ssForm .search_inp{height:38px;font-size:14px;color:#fff;padding-left:10px;width:calc(100% - 40px);border:none;background:transparent;float:left;vertical-align:middle;border:none;} .ssForm .ssbtn{width:18px;height:18px;margin-top:10px;float:left;cursor:pointer;vertical-align:middle;} .home2022_index .bannerRel .header2023 .col .ssFormBox{transform:scale(1);} .home2022_index .bannerRel .header2023 .col .down .navBox{transform:scale(0);} .header2023_Top_Rel.fixed-header{position:fixed;left:0;top:0;background:#fff;padding-top:20px;box-shadow:0 0 2px rgba(0,0,0,.2);} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header h1 .white{display:none;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header h1 .blue{display:block;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .top_fy a, .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .Nav_top_Box .zkhlNav > li p a{color:#444;} .egfont{line-height: 28px;color: #fff;margin-right: 5px;display:none;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .Nav_top_Box .zkhlNav > li:hover p a font{display:block;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .Nav_top_Box .zkhlNav > li:hover p a{color: #1f519e;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown{background:#f9f9f9;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .top_fy .ssBtn{background-image:url(http://www.huilan.com/eportal/uiFramework/commonResource/image/2022050319543992370.png);} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .ssForm{border:1px solid #444;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .ssForm .search_inp{color:#444;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .ssFormBox .ssBtn{background-image:url(http://www.huilan.com/eportal/uiFramework/commonResource/image/2022050319582252816.png);} .commonPart h2{font-size:32px;color:#444;line-height:42px;padding:0 8px;} .commonPart h2 span{font-size:16px;color:#666;font-weight:normal;margin-left:10px;vertical-align:middle;} .commonPart h2 span img{display:inline-block;width:24px;vertical-align:middle;} .footer2022 .up{background:#282828;padding:80px 0;} .footer2022 .down{background:#010101;padding:25px 0;} .footer2022 .up .LEFT{float:left;} .footer2022 .up .RIGHT{float:right;padding:0 1em;width:300px;} .footer2022 .up .LEFT .item{float:left;width:160px;margin-right:20px;} .footer2022 .up .RIGHT .ewmBox .item{float:left;width:50%;} .footer2022 .up .RIGHT .ewmBox .item span{display:block;} .footer2022 .up .LEFT .item h2{color:#f5f5f5;font-size:16px;font-weight:normal;} .footer2022 .up .LEFT .item h2 i{display:none;cursor:pointer;} .footer2022 .up .LEFT .item .Ul li{margin-top:18px;} .footer2022 .up .LEFT .item .Ul li a{color:#aeaeae;font-size:14px;} .footer2022 .up .LEFT .item .Ul li:hover a{color:#fff;} .footer2022 .up .RIGHT > .txt{font-size:18px;margin:18px 0;color:#f5f5f5;} .footer2022 .up .RIGHT .ewmBox{margin-top:18px;} .footer2022 .up .RIGHT .ewmBox .item{text-align:center;} .footer2022 .up .RIGHT .ewmBox .item .txt{font-size:14px;color:#f5f5f5;margin-top:10px;} .footer2022 .up .RIGHT .ewmBox .item .pic img{width:80%;display:block;margin:0 auto;} .footer2022 .down .text{text-align:center;color:#fff;font-size:14px;} .footer2022 .down .text a{color:#fff;font-size:14px;display:inline-block;padding:0 1em;border-left:1px solid #373737;} .footer2022 .down .text .first{margin-left:1em;} .footer2022 .down .text a:hover{text-decoration:underline;} .footer2022 .down .text a img{width:14px;vertical-align:middle;margin-right:5px;} /* 侧边栏样式 */ .yqjqr{display: block;position: fixed;bottom: 194px;right: 0px; z-index: 200;} .huilan-slide { position: fixed; right: 0px; bottom: 20px; z-index: 999999; } .huilan-slide-list li { margin-top: 10px; position: relative; height: 50px; } .huilan-slide-list li a { position: absolute; z-index: 10; width: 50px; height: 50px; background: #23539b; display: block; right: 0; } .huilan-slide-list li img { width: 80%; margin: 10%; } .slide-con { position: absolute; bottom: 0; right: 50px; height: 28px; padding: 10px; border: 1px solid #23539B; background: #fff; } #slide-dhzx .slide-con { width: 120px; right: -142px; z-index: 0; } #slide-dhzx .slide-con p { font-size: 14px; line-height: 14px; } #slide-dhzx .slide-con font { color: #23539b; font-weight: bold; } #huilan-aikf-container { width: 50px !important; height: 50px !important; padding: 0; right: 0 !important; bottom: 140px !important; } #huilan-aikf-show { opacity: 0; } /* 头部样式 */ .zkhl-head { width: 100%; position: fixed; top: 0; z-index: 100; height: 80px; min-width: 1200px; background: #fff; } .zkhl-logo { float: left; margin-left: 60px; margin-top: 10px; } .zkhl-logo img { width: 160px; } .zkhl-nav { float: left; margin-top: 5px; margin-left: 5%; } .zkhl-nav li { float: left; padding: 20px 20px 0; height: 60px; } .zkhl-nav li a { font-size: 18px; color: #333; } .zkhl-nav li.on a, .zkhl-nav li:hover a { padding-bottom: 15px; color: #1c66ee !important; border-bottom: 2px solid #1c66ee; } .zkhl-nav.black li a { color: #000; } .zkhl-search { float: right; margin-right: 3%; margin-top: 27px; } .zkhl-search-but { float: right; margin-left: 2em; } .zkhl-head-phone { display: none; } .zkhl-gpCode { float: right; margin-left: 1em; color: #fff; line-height: 14px; } #zkhl_search_icon { position: relative; } #huilan_search { top: -8px; position: absolute; right: -4px; -border: 1px solid #ccc; border-radius: 4px; background: none; width: 0; border:1px solid transparent; overflow: hidden; } #huilan_search input { width: 200px; float: left; border: 0; line-height: 30px; background: none; padding-right: 40px; height: 30px; } #huilan_search button { width: 30px; height: 30px; background: none; border: 0; position: absolute; right: 0; top: 0; } /*三级菜单*/ .menu_con { background: #1d1d26; line-height: 44px; border-top: 1px solid #272831; border-bottom: 1px solid #56565c; width: 100%; } .menu_nav { text-align: center; } .menu_nav a { display: inline-block; font-size: 16px; color: #fff; padding: 0 22px; } .menu_nav a.on, .menu_nav a:hover { color: #426cad; } .banner_text p, .banner_text{border:none!important;} /* 富菜单样式 */ .huilan_subNav { position: absolute; top: 80px; background: #fff; width: 100%; box-shadow: 0 2px 10px #ccc; } .huilan_subNav_con { width: 80%; margin: 0 auto; padding: 20px 0; overflow: hidden; display: none; } .huilan_subNav_ul { float: left; width: 20%; margin-right: 5%; margin-bottom: 25px; } .huilan_subNav_ul li { font-size: 16px; line-height: 2em; } .huilan_subNav_ul li.first { background: #1f519e; padding-left: 10px; line-height: 1.5em; margin-bottom: 10px; } .huilan_subNav_ul li.first a { color: #fff; } .nav02 .huilan_subNav_ul { width: 17%; margin-right: 3%; } .nav03 .huilan_subNav_ul li.first,.nav04 .huilan_subNav_ul li.first, .nav05 .huilan_subNav_ul li.first, .nav06 .huilan_subNav_ul li.first , .nav07 .huilan_subNav_ul li.first , .nav08 .huilan_subNav_ul li.first { background: none; } .nav03 .huilan_subNav_ul li.first a,.nav04 .huilan_subNav_ul li.first a, .nav05 .huilan_subNav_ul li.first a,.nav06 .huilan_subNav_ul li.first a,.nav07 .huilan_subNav_ul li.first a, .nav08 .huilan_subNav_ul li.first a { color: #000; } /* 底部样式 */ #footCon { position: relative; } .foot-icon-bg { width: 55%; height: 70px; background: url(http://www.huilan.com/eportal/fileDir/english/template/page/index/countBg.png); background-size: 6px; position: absolute; left: 4%; top: -30px; z-index: 0; } .foot-con01 { width: 100%; background: url(http://www.huilan.com/eportal/fileDir/english/template/common/footer/blue90.png); height: 85px; position: relative; z-index: 2; } .foot-con01-wrap, .foot-con02-wrap { width: 1200px; margin: 0 auto; } .foot-con01-left { margin-top: 25px; margin-right: 35px; } .foot-con01-right { font-size: 14px; color: #6693da; margin-top: 8px; } .foot-con01-right p { line-height: 34px; } .foot-con01-right a { color: #fff; font-size: 14px; } .foot-con02 { background: #1d1d26; width: 100%; overflow: hidden; padding: 35px 0 40px; } .foot-con02-wrap { overflow: hidden; } .foot-con02-linkList { float: left; margin-right: 45px; } .foot-con02-linkList li a { font-size: 14px; color: #8b8b8b; line-height: 30px; } .foot-con02-linkList li:hover a { border-bottom: 2px solid #feda15; } .foot-con02-linkList li.first { font-size: 16px; color: #fff; line-height: 40px; } .foot-con02-right { overflow: hidden; } .foot_con02-ewm { width: 250px; margin-top: 50px; margin-left: 30px; } .foot_con02-ewm img { display: block; width: 110px; } .foot-con02-fwrx { margin: 40px 0 0 50px; } .foot-con02-fwrx p { text-align: center; font-size: 14px; } .foot-con02-fwrx .icon { background: #feda15; width: 125px; height: 30px; margin: 0 auto 10px; line-height: 30px; color: #373d41; position: relative; border-radius: 4px; } .foot-con02-fwrx .icon i { display: block; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #feda15 transparent transparent transparent; position: absolute; bottom: -12px; left: 56px; } .foot-con02-fwrx .phoneNum { font-size: 16px; font-family: "arial rounded mt bold"; font-weight: bold; color: #fff; line-height: 30px; } .foot-con02-fwrx .tips, .foot-con02-fwrx .tips a { font-size: 14px; color: #8b8b8b; line-height: 30px; } .foot-con02-fwrx .tips img { margin: 0 10px 0 20px; } .foot-con02 .copy { height: 45px; background: #2c2c2c; width: 100%; } .foot-con03 { height: 45px; line-height: 45px; background: #2c2c2c; } .foot-con03 p { width: 1200px; margin: 0 auto; font-size: 14px; color: #8b8b8b; } /* 手机端头部样式 */ .zkhl-head-phone { width: 100%; height: 45px; position: fixed; z-index: 999; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1)); } .mob_wrap_h { padding: 8px 15px; position: relative; } .mo_map_k { width: 20px; overflow: hidden; position: absolute; right: 40px; top: 12px; height: 15px; } .t_wap_i { width: 180px; height: 30px; position: absolute; left: 5%; } .t_wap_i img { height: 100%; } .t_wap_s { width: 20px; height: 45px; position: absolute; right: 70px; top: 4px; } .t_wap_s a { margin: 8px 0; display: block; width: 20px; height: 20px; } .mo_map_En { position: absolute; right: 10px; top: 12px; } .menuWrap { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 100; overflow: auto; background: #eee; } .menuCon { } .menuTit { width: 100%; height: 45px; padding: 10px 15px; position: fixed; background: #23539b; } .mo_map_back, .mo_map_home { width: 36px; height: 36px; position: absolute; cursor: pointer; z-index: 3000; top: 5px; } .mo_map_back { left: 10px; } .mo_map_home { right: 10px; } .menuList { height: 100%; overflow: auto; padding-top: 70px; } .menuList li { margin-bottom: 10px; background: #fff; } .menuList li .ej { width: 100%; height: 40px; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #ddd; font-size: 16px; } .menuList li .ej a { font-size: 16px; color: #000; } .menuList li .ej i { display: block; width: 4px; height: 20px; float: left; margin-top: 10px; margin-right: 10px; background: #23539b; } .menuList li .ej a.sildeD { display: block; float: right; width: 40px; height: 40px; background: url(http://www.huilan.com/eportal/fileDir/english/template/common/header/mob_nav_up.png) no-repeat center center; } .menuList li:nth-child(1) .ej a { -display: none; } .menuList li .sj { padding: 10px 15px; overflow: hidden; display: none; } .sjList li { float: left; margin-right: 20px; } .sjList li a { font-size: 14px; color: #333; line-height: 24px; } .menuList li.active .ej a.slideD { background-image: url(http://www.huilan.com/eportal/fileDir/english/template/common/header/mob_nav_down.png); } .menuSearch { width: 100%; height: 40px; background: #fff; position: absolute; top: 45px; left: 0; z-index: 100; display: none; border-top: 1px solid #efefef; } .menuSearch input { width: 100%; padding-right: 80px; padding-left: 10px; height: 40px; line-height: 40px; border: 0; } .menuSearch button { width: 80px; float: right; height: 40px; line-height: 40px; float: right; position: absolute; top: 0px; right: 0; background: #23539b; color: #fff; border: 0; } .sjwrap02 .sjList>li, .sjwrap01 .sjList>li { float: none; } .sjwrap02 .sjList>li>a, .sjwrap01 .sjList>li>a { color: #23539b; font-weight: bold; } .sj_sub { overflow: hidden; } .sj_sub .sj_nav_list li a { font-size: 12px; } /*分页*/ .page{ text-align: center; padding-bottom: 50px; } .page a,.page span,.page input{display: inline-block;margin: 0 5px; font-size: 14px; vertical-align: top;} .page a{ line-height: 26px; padding:0px 20px;border: 1px solid #ddd; } .page .easysite-page-text{line-height: 24px;height: 24px;border: 1px solid #ddd;background: #fff; text-align: center;} .page .easysite-jump-btn{line-height: 24px;height: 24px;border: 1px solid #ddd;padding: 0 15px;background: #fff; cursor: pointer;} @media screen and (min-width:1921px) and (max-width:2560px) { .menu_con { line-height: 80px; font-size: 24px; } .menu_title { padding: 100px 0 50px; } .menu_title img { height: 52px; } } @media screen and (min-width:1661px) and (max-width:1920px) { .menu_con { line-height: 60px; font-size: 18px; } .menu_title { padding: 75px 0 38px; } .menu_title img { height: 40px; } } @media (min-width:1001px) { .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel{background: #fff;box-shadow: 0 0 2px rgba(0,0,0,.2);} .home2022_index .bannerRel .header2023:hover h1 .white{display:none;} .home2022_index .bannerRel .header2023:hover h1 .blue{display:block;} .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel .rightBox .down .top_fy .ssBtn{background-image: url(http://www.huilan.com/eportal/uiFramework/commonResource/image/2022050319543992370.png);} .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel .rightBox .down .top_fy a, .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel .rightBox .down .Nav_top_Box .zkhlNav > li p a{color:#444;} .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel .rightBox .down .Nav_top_Box .zkhlNav > li:hover p a{color:#1f519e;} .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown{background:#f9f9f9;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li:hover p a font{display:block;} .home2022_index .bannerRel .header2023:hover .rightBox .ssForm .search_inp{color:#444;} .home2022_index .bannerRel .header2023:hover .header2023_Top_Rel .ssFormBox .ssBtn {background-image: url(http://www.huilan.com/eportal/uiFramework/commonResource/image/2022050319582252816.png);} } @media (max-width:1400px) { html, body { min-width: 1200px; } } @media (max-width:1300px) { .zkhl-head { min-width: 1000px; } .foot-con01-wrap, .foot-con02-wrap, .foot-con03 p { width: 1000px; } .foot-con01-left { margin-right: 15px; width: 90px; margin-top: 32px; } .foot-con01-right { width: 890px; } } @media (max-width:1200px) { body, div, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { min-width: 1000px; } .huilan_subNav{display:none;} .maxWidth{max-width:none;padding:0 18px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3{font-size:18px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .box .UL li a{font-size:14px;} .ssFormBox{margin-right:0;right:3vw;} .huilan-ejMk{width:90%;margin:0 auto;} } @media (max-width:1000px) { html, body { min-width: inherit; } .zkhl-head, .huilan-slide, #huilan-aikf-container,. yqjqr{ display: none; } .zkhl-head-phone { display: block; } .zkhl-head{display:none;} #wza_b img{width:22px;} .old2021 #banner{margin-top:50px!important;} .egfont{display:block;} /* 底部样式 */ .foot-con01-wrap, .foot-con02-wrap, .foot-con03 p { width: 100%; padding: 0 20px; } .foot-con01 { height: auto; overflow: hidden; padding: 15px 0; } .foot-con01-left { width: auto; margin: 70px 30px 0; } .foot-con01-right { width: auto; } .foot-con01-right p { float: left; margin-left: 50px; } .foot-con01-right font { display: none; } .foot-con01-right a { display: block; line-height: 28px; } .foot-con01-right a:nth-child(1) { font-size: 16px; margin-bottom: 10px; } .foot-con02-left { float: none; overflow: hidden; } .foot-con02-linkList { width: 25%; margin-right: 0; } .foot-con02-linkList:nth-child(5) { display: none; } .foot-con02-linkList li { text-align: center; } .foot-con02-right { float: none; margin: 0 auto; width: 510px; } .header2023_Top_Rel.fixed-header{padding:18px 0;} .home2022_index .bannerRel .header2023 .rightBox .down .top_fy{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li{float:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li:hover .sliderDown{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li.child:hover p a{background:none;} .home2022_index .bannerRel .header2023 .rightBox{ position: absolute; right: -100%; top: 50px; width: 100%; padding:10px 0; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .home2022_index .bannerRel .header2023 .rightBox.open{right:0;} .ssFormBox{position:static;margin-right:0;transform:scale(1);} .ssForm{float:none!important;width:auto;} .ssFormBox .ssBtn{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p a{padding:0;color:#444;} .ssForm .search_inp{height:30px;line-height:30px;color:#444;} .ssForm .ssbtn{margin-top:0;width:40px;height:30px;background:#1f519e;} .ssForm .ssbtn img{width:20px;display:block;margin:5px auto 0;} .home2022_index .bannerRel .header2023 .menu{display:block;} .home2022_index .bannerRel .header2023 h1{margin-top:0;width:120px;} .header2023_Top_Rel{padding-top:20px;} .ssFormBox{margin:6px 0;} .home2022_index .bannerRel .header2023 .header2023_Top .maxWidth{position:relative;z-index:200;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p a{float:left;font-size:16px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p i{display:block;float:right; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p i.col{transform:rotate(-180deg);} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li p{padding:6px 0;} .home2022_index .bannerRel .header2023 .rightBox .down{padding:0 18px;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox{background:#f9f9f9;box-shadow:0 0 3px rgba(0,0,0,.2);} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .menu svg path{fill:#005a9f;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown{position:static;padding:0;box-shadow:0 0 0 transparent;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item{float:none;width:auto;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item{width:auto!important;float:none;background:#f9f9f9;padding:10px 0 0;margin-bottom:0;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3{padding-bottom:10px;font-size:16px;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .maxWidth{padding:0;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .item, .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_e740a80b90bc4543851ccd9dae82cee8 .sliderDown .item{height:auto;} .Nav_top_Box .Li_fd1a49f5510a4c24891ccd07241999b3 .Left_box .item:last-child{margin-top:0;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .UL{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .UL li{width:50%;float:left;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3 em{display:block;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3 em.col{transform:rotate(0);} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item.last{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .Left_box{width:auto;float:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_e740a80b90bc4543851ccd9dae82cee8 .sliderDown .Left_box, .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .Left_box{float:none;width:auto;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .Right_box{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_e740a80b90bc4543851ccd9dae82cee8 .sliderDown .item:nth-of-type(4){height:auto;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item h3{color:#333;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .box_box{padding:0 9px;background:#f9f9f9;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .menuB{width:auto;float:none;border-bottom:1px solid #E6E6E6;} .home2022_index .bannerRel .header2023 .header2023_Top_Rel.fixed-header .rightBox .down .Nav_top_Box .zkhlNav > li:hover p a font{display:none;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item .box .UL li a{white-space:nowrap;max-width:90%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .footer2022 .up .LEFT .item{width:145px;} .footer2022 .up{padding:30px 0;} .footer2022 .up .RIGHT{width:250px;} } @media (max-width:880px) { .footer2022 .up .LEFT, .footer2022 .up .RIGHT{float:none;width:auto;} .footer2022 .up .LEFT .item .Ul{display:none;} .footer2022 .up .LEFT .item{float:none;width:auto;} .footer2022 .up .RIGHT{width:50%;margin:20px auto 0;} .footer2022 .up .LEFT .item h2{padding:10px 0;border-bottom:1px solid #888;} .footer2022 .up .LEFT .item h2 i{display:block; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .footer2022 .up .LEFT .item .Ul{margin-bottom:18px;} .footer2022 .up .LEFT .item h2 i.col{transform:rotate(180deg);} /*导航*/ /*.home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > li .sliderDown .item{display:none;}*/ .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item:nth-of-type(4){height:auto!important;} } @media (max-width:767px) { .menu_con { line-height: 26px; padding: 5px 0; } .menu_nav a { font-size: 14px; padding: 0px; line-height: 26px; width: 30%; text-align: center; } .old2021 #banner .banner_text{margin-top:75px!important;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .Left_box, .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_8381ae1bc96e40b8b729979b84ea9af1 .sliderDown .Left_box{width:100%;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item h3 { height: 42px!important;} .home2022_index .bannerRel .header2023 .rightBox .down .Nav_top_Box .zkhlNav > .Li_fd1a49f5510a4c24891ccd07241999b3 .sliderDown .item{width:100%!important;} } @media (max-width:750px) { .foot-con01-left { float: none; margin: 0 auto; text-align: center; } .foot-con01-right { float: none; width: 100%; overflow: hidden; } .foot-con01-right a:nth-child(1) { font-size: 14px; margin-bottom: 5px; } .foot-con01-right p { width: 50%; margin: 0; } .foot-con01-right a { line-height: 24px; font-size: 12px; } .foot-con02 { padding: 10px 0; } .foot-con02-right { float: none; margin: 0 auto; width: 100%; } .foot-con02-linkList li.first { line-height: 30px; } .foot-con02-linkList li a { line-height: 22px; font-size:12px !important;} .foot_con02-ewm { float: none; margin: 15px auto 0; width: 100%; text-align: center; } .foot_con02-ewm a.fl, .foot_con02-ewm a.fr { float: none; display: inline; } .foot_con02-ewm img { width: 40%; display: inline; margin: 0 10px; } .foot-con02-fwrx { float: none; margin: 10px auto 0; } .foot-con03 { height: auto; line-height: 22px; } .commonPart h2{font-size:20px;} .commonPart h2 span{display:block;font-size:14px;margin:0;margin-top:8px;} .commonPart h2 span img{width:12px;} .commonPart h2{line-height:normal;} .footer2022 .down .text em{display:block;} .footer2022 .down .text .first{margin-left:0;border-left:none;} .old2021 #banner{height:46vw;} .old2021 #banner .banner_text{margin-top:15%!important;} } @media (max-width:460px) { .footer2022 .up .RIGHT{width:65%;} } @media screen and (min-width:0\0) and (min-resolution: .001dpcm){ .swiper-container .swiper-slide{height:auto!important;} .swiper-container .swiper-wrapper{height:auto!important;} } @media \0screen { .maxWidth{min-width:1200px!important;width:1200px!important;margin:0 auto;} .swiper-container .swiper-slide{height:auto!important;} .swiper-container .swiper-wrapper{height:auto!important;} } .maxWidth{*min-width:1200px!important;*width:1200px!important;*margin:0 auto;}