/* 榧犳爣绠ご */ .jiantou { cursor: default; } @font-face { font-family: 'BEBAS'; src: url('../font/BEBAS.TTF'); } .navto{ position: relative; top: -90px; display: block; } .nolink{ opacity: .5; cursor: no-drop; } #bsWXBox{ overflow: hidden; } .bsTop{ width: 100% !important; } .bsFrameDiv>div{ width: 100% !important; height: 210px !important; } .bsFrameDiv>div img{ margin: 15px !important; } /* 鑳屾櫙涓讳綋棰滆壊 */ body { background-color: #fff; color: #333333; font-size: 15px; } a { font-size: 15px; color: #333; } a:hover { color: #009a67; } /* 鍥剧墖瀵归綈 */ img { vertical-align: middle; } i { display: inline-block; vertical-align: middle; } .container { padding: 0; margin: auto; } p { font-size: 14px; color: #666; line-height: 20px; } .border{ border: 1px solid #eee; } .border-p{ padding: 2px; } /* 鍗曚竴鐗堝績濯掍綋鏌ヨ淇敼鏈€澶ф渶灏忓搴 */ @media screen and (min-width: 1600px) { .container { width: 1600px; } } @media screen and (max-width: 992px) { .container { padding: 0 15px; } } /* 澶撮儴1 */ .head01{ background-color: #f1f1f1; } .head01 .box{ display: flex; justify-content: space-between; } .head01 .box p{ font-size: 13px; line-height: 30px; color: #666; } .head01 .box a{ font-size: 13px; color: #666; } .head01 .box span{ display: inline-block; width: 1px; height: 12px; background-color: #c8c8c8; position: relative; top: 1px; margin: 0 12px; } .head02{ padding: 40px 0; } .head02 .headbox_logo{ padding-right: 50px; } .head02 .box{ display: flex; justify-content: space-between; } .head02 .headbox_logo a img{ max-width: 360px; } .head02 .headbox_logo .htit{ padding-left: 20px; border-left: 1px solid #e1e1e1; margin-left: 20px; } .head02 .headbox_logo .htit h2{ font-size: 26px; font-weight: bold; padding: 4px 0 2px; } .head02 .headbox_logo .htit p{ font-size: 16px; color: #666; } .head02 .headbox_logo .htit p span{ color: #0d9d6d; } .head02 .hdh{ display: flex; justify-content: left; } .head02 .hdh p{ font-size: 16px; line-height: 24px; color: #333; } .head02 .hdh p:first-of-type{ margin-right: 12px; } .head02 .hdh p i{ font-size: 22px; margin-right: 6px; color: #333; } .head02 .hdh p span:last-of-type{ font-size: 13px; } .head02 .hdh p a{ font-size: 24px; font-family: 'BEBAS'; } .head02 .hdh p strong{ color: #0d9d6d; /* font-size: 24px; */ } .head03{ background: #0d9d6d; } .head03 .headbox_navxl{ top: 230px; z-index: 99; width: 100%; } .head03 .headbox_navitem{ overflow: unset; } .head03 .headbox_navitem .headbox_navitema{ line-height: 60px; } .head03 .headbox_navitema::after{ content: ''; position: absolute; right: 0; width: 1px; height: 20px; background-color: rgba(255, 255, 255, .3); transform: translate(50%, -50%) rotate(0deg); -webkit-transform: translate(50%, -50%) rotate(0deg); -moz-transform: translate(50%, -50%) rotate(0deg); -ms-transform: translate(50%, -50%) rotate(0deg); -o-transform: translate(50%, -50%) rotate(0deg); } .head03 .headbox_navxl_box{ padding: 65px 0; display: flex; padding-left: 200px; width: 90%; margin: auto; max-width: 1660px; } /* 鍏叡閮ㄥ垎鏍峰紡寮€濮 */ .head { position: fixed; left: 0; top: 0; width: 100%; height: 90px; background-color: #009a67; z-index: 999; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .head_zw { height: 90px; } .head .container { height: 100%; } .headbox { display: flex; height: 100%; /* position: relative;*/ } .head .headbox::after{ content: ''; height: 100%; width: 100%; background-color: #fff; position: absolute; right: 100%; } .headbox_logo { position: relative; display: flex; padding-right: 138px; background-color: #fff; } .headbox_logoa { display: flex; align-items: center; } .headbox_logoa img{ max-width: 262px; } .headbox_logodw { position: absolute; top: 0; right: 0; height: 100%; background-color: #fff; z-index: -1; min-width: 1000px; } .headbox_nav { flex: 1; display: flex; padding: 0 40px; } .headbox_navitem { flex: 1; display: flex; /* position: relative; */ overflow: hidden; } .headbox_navitemsj { position: absolute; left: 50%; bottom: -10px; margin-left: -10px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; } .headbox_navitemsj img { opacity: 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; } .headbox_navitem:hover .headbox_navitemsj { margin-left: -10px; bottom: -1px; } .headbox_navitem:hover .headbox_navitemsj img { opacity: 1; } .headbox_navitem.on .headbox_navitemsj { margin-left: -10px; bottom: -1px; } .headbox_navitem.on .headbox_navitemsj img { display: block; } .headbox_navitem .headbox_navitema { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 15px; color: #fff; /* font-weight: 700;*/ z-index: 3; } .headbox_navitema::after { content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background-color: rgba(255, 255, 255, .4); transform: translate(50%, -50%) rotate(30deg); -webkit-transform: translate(50%, -50%) rotate(30deg); -moz-transform: translate(50%, -50%) rotate(30deg); -ms-transform: translate(50%, -50%) rotate(30deg); -o-transform: translate(50%, -50%) rotate(30deg); } .headbox_navitem:last-child .headbox_navitema::after { display: none; } .headbox_ss { position: relative; display: flex; align-items: center; cursor: pointer; } .headbox_ssbox i { font-size: 20px; color: #fff; } .headbox_dwbox { display: none; position: absolute; right: 0; top: 90px; } .headbox_ssfr { position: relative; display: flex; background-color: rgba(255, 255, 255, .9); padding: 0 20px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .headbox_ssdw { position: absolute; right: 19px; top: 50%; transform: translateY(-49%); -webkit-transform: translateY(-49%); -moz-transform: translateY(-49%); -ms-transform: translateY(-49%); -o-transform: translateY(-49%); z-index: 1; } .headbox_ssdw i { font-size: 18px; color: #17a375; } .headbox_ssfrsr { height: 52px; line-height: 52px; border: 0; font-size: 15px; color: #333; background-color: transparent; } .headbox_ssfrtj { position: relative; height: 52px; width: 52px; border: 0; cursor: pointer; z-index: 2; background-color: transparent; } .headbox_ssfrsr::-webkit-input-placeholder { color: #999; font-size: 14px; } .headbox_ssfrsr:-moz-placeholder { color: #999; font-size: 14px; } .headbox_ssfrsr::-moz-placeholder { color: #999; font-size: 14px; } .headbox_ssfrsr:-ms-input-placeholder { color: #999; font-size: 14px; } .headbox_btn { width: 50px; height: 100%; display: flex; align-items: center; justify-content: center; display: none; } .headbox_btn i { font-size: 24px; color: #fff; } /* 搴曢儴 */ .foot { background-color: #333333; } .foott { display: flex; } .foottr { margin-left: 36px; position: relative; } .foottr img { transform: translateY(-104px); -webkit-transform: translateY(-104px); -moz-transform: translateY(-104px); -ms-transform: translateY(-104px); -o-transform: translateY(-104px); background-color: #fff; padding: 6px 6px 40px; max-width: 180px; } .foottr p{ text-align: center; transform: translateY(-137px); -webkit-transform: translateY(-137px); -moz-transform: translateY(-137px); -ms-transform: translateY(-137px); -o-transform: translateY(-137px); } .foottl { flex: 1; } .foottl_nav { height: 71px; line-height: 70px; border-bottom: 1px solid #444444; display: flex; justify-content: space-between; } .foottl_navl .foottl_navla { display: inline-block; font-size: 15px; color: #999999; padding-right: 36px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .foottl_navl .foottl_navla:hover { color: #fff; /* padding-left: 5px; */ } .foottl_navrdt span { font-size: 15px; color: #999999; } .foottl_navrdt i { font-size: 24px; color: #999999; } .foottl_navrdt:hover span { color: #fff; } .foottl_navrdt:hover i { color: #fff; } .foottl_qt { padding: 65px 0 120px; display: flex; justify-content: space-between; } .foottl_qtl_item { margin-top: 5px; color: #999; } .foottl_qtl_item span { font-size: 15px; margin-right: 5px; } .foottl_qtl_item a{ font-size: 15px; color: #999999; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .foottl_qtl_item a strong{ color: #fff; font-weight: normal; } .foottl_qtl_item:hover a{ color: #fff; } .foottl_bq { height: 50px; line-height: 50px; font-size: 13px; color: #666; } .foottl_bq img{ display: inline-block; } /* 澶撮儴涓嬫媺 */ .headbox_navxl { display: none; position: absolute; left: 0; top: 90px; width: 100vw; background-color: #fff; /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); */ box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .headbox_navxl_box { padding: 65px 0; display: flex; padding-left: 650px; } .headbox_navxl_boxl h2 { font-size: 30px; font-weight: 700; color: #333333; } .headbox_navxl_boxl P { margin-top: 20px; width: 120px; font-family: 'BEBAS'; font-size: 26px; line-height: 30px; color: #e9e9e9; word-break: break-word; } .headbox_navxl_boxx { margin: 0 55px; width: 1px; background-color: #e1e1e1; } .headbox_navxl_boxr { width: 265px; display: flex; flex-wrap: wrap; align-items: flex-start; } .headbox_navxl_boxr>a { position: relative; width: 50%; font-size: 15px; color: #666666; padding: 10px; } .headbox_navxl_boxr>a::after { content: ''; position: absolute; width: 0; height: 1px; background-color: #333; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .headbox_navxl_boxr>a:hover::after { width: 22px; } .headbox_navxl_boxr>a:hover { padding-left: 12px; color: #009a67; } .foottl_bq a { font-size: 13px; color: #666; } /* 鏈嶅姟涓庢敮鎸 */ .fwzc { margin-top: 90px; background-color: #009a67; } .fwzcbox { display: flex; height: 165px; } .fwzcboxl { font-family: 'BEBAS'; text-transform: uppercase; width: 25%; display: flex; position: relative; align-items: center; font-size: 36px; font-weight: 700; color: rgba(255, 255, 255, .15); } .fwzcboxldw { position: absolute; top: 32px; left: 28px; font-size: 36px; font-weight: 700; color: #fff; } .fwzcboxr { display: flex; align-items: center; } .fwzcboxr_box { display: flex; } .fwzcboxr_box .fwzcboxr_boxa { display: flex; margin-left: 80px; } .fwzcboxr_boxai { margin: 0 22px; } .fwzcboxr_boxai i { padding-top: 6px; font-size: 56px; color: #fff; line-height: 1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .fwzcboxr_boxatxt { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .fwzcboxr_boxatxt span { font-size: 26px; color: #ffffff; font-weight: 600; } .fwzcboxr_boxatxt p { text-transform: uppercase; font-size: 13px; color: rgba(255, 255, 255, .8); } .fwzcboxr_box .fwzcboxr_boxa:hover i { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .fwzcboxr_box .fwzcboxr_boxa:hover .fwzcboxr_boxatxt { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); } /* 鍐呴〉閫氭爮鑳屾櫙 */ .nytl { position: relative; height: 280px; overflow: hidden; } .nytlbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; z-index: -1; } .nytl:hover .nytlbox { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .nytl .container { height: 100%; display: flex; align-items: center; } .nytl_txt { width: 100%; padding-left: 200px; } .nytl_txth { font-size: 36px; font-weight: 700; color: #333333; } .nytl_x { margin-top: 15px; height: 1px; width: 70px; background-color: #009a67; } .nytl_p { margin-top: 5px; font-size: 18px; color: #333333; } .nylinkbox { display: flex; border-bottom: 1px solid #d8d8d8; } .nylinkbox .nylinkbox_item { height: 72px; display: flex; align-items: center; padding: 0 20px; margin-right: 30px; } .nylinkbox_item span { position: relative; font-size: 18px; color: #333333; } .nylinkbox_item span::before { content: ''; position: absolute; display: block; top: 50%; left: 0; width: 35px; height: 1px; background-color: #333; transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); z-index: -1; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .nylinkbox .nylinkbox_item:hover span::before, .nylinkbox .nylinkbox_item.on span::before { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); } .nylinkbox .nylinkbox_item:hover span, .nylinkbox .nylinkbox_item.on span { color: #009a67; font-weight: 600; } /* 绉诲姩绔 */ .nylink_mb { margin-top: 30px; } .nylink_mbtitle { height: 70px; background-color: #009a67; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; } .nylink_mbtitle span { font-size: 24px; color: #ffffff; } .nylink_mbtitle i { font-size: 28px; color: #ffffff; cursor: pointer; } .nylink_mbbox { padding: 25px 0; background-color: #f5f5f5; } .nylink_mbboxbig { display: flex; flex-wrap: wrap; } .nylink_mbboxbig .nylink_mbboxbig_item { width: 50%; height: 60px; line-height: 60px; text-align: center; font-size: 15px; color: #333333; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .nylink_mbboxbig .nylink_mbboxbig_item:nth-child(even) { border-right: 0; } .nylink_mbbox { display: none; } .nylink_mb { display: none; } .nylink_mbboxbig .nylink_mbboxbig_item:hover { background-color: #fff; color: #009a67; } .nylink_mbboxbig .nylink_mbboxbig_item.on { background-color: #fff; color: #009a67; } /* 鍐呴〉鏍囪 */ .nyby { height: 290px; display: flex; align-items: center; } .nyby_txt { width: 100%; text-align: center; } .nyby_txth { font-size: 68px; color: #009a67; text-transform: uppercase; font-family: 'BEBAS'; } .nyby_txtp { font-size: 30px; color: #333333; } /*鍐呴〉鍒嗛〉 */ .ntfy { margin-top: 70px; display: flex; justify-content: center; } .ntfybox { display: flex; flex-wrap: wrap; justify-content: center; } .ntfybox .ntfybox_item { width: 42px; height: 42px; display: flex; justify-content: center; align-items: center; font-size: 15px; background-color: #f1f1f1; color: #333333; margin: 0 5px; margin-bottom: 10px; } .ntfybox .ntfybox_item:first-of-type, .ntfybox .ntfybox_item:last-of-type{ width: 90px; } .ntfybox .ntfybox_item.on { border: 1px solid #009a67; background-color: #fff; } .ntfybox .ntfybox_item.bends { color: #999999; } /* 瀹㈡埛鍒嗙被 */ .khflbox { position: relative; display: flex; flex-wrap: wrap; } .khflboxdw { position: absolute; left: 0; bottom: 4px; width: 100%; height: 60px; background-color: #f1f1f1; z-index: -1; } .khflbox .khflbox_item { background-color: #f1f1f1; width: 20%; height: 60px; line-height: 60px; font-size: 18px; color: #333333; text-align: center; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px; } .khflbox .khflbox_item:hover { background-color: #009a67; color: #fff; } .khflbox .khflbox_item.on { background-color: #009a67; color: #fff; } /* 鍐呴〉闈㈠寘灞 */ .nymbxbox { height: 71px; border-bottom: 1px solid #e1e1e1; display: flex; align-items: center; line-height: 70px; } .nymbxbox_l { width: 87%; display: flex; overflow: auto; } .nymbxbox_l .iconweizhi { font-size: 24px; color: #9c9d9e; } .nymbxbox_l span { font-size: 15px; color: #999999; margin: 0 5px; flex-shrink: 0; } .nymbxbox_l a { font-size: 15px; color: #999999; padding: 0 8px; flex-shrink: 0; } .nymbxbox_l i { margin-top: 2px; font-size: 14px; color: #999999; } .nymbxbox_r { width: 13%; } .nymbxbox_r .nymbxbox_rfh { display: block; height: 42px; background-color: #e9e9e9; line-height: 42px; text-align: center; } .nymbxbox_rfh i { font-size: 20px; /* color: #111111; */ margin-right: 10px; } .nymbxbox_rfh span { font-size: 15px; /* color: #333333; */ } /* 渚ц竟灞曞紑瀵艰埅 */ .a_txt { display: block; position: fixed; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 10000 } .a_txt .div1 { position: absolute; width: 100%; height: 100%; background: #000; filter: alpha(opacity=0); opacity: 0; left: 0px; top: 0px; z-index: 1 } .a_txt .div2 { position: absolute; width: 20%; left: 0px; top: 1%; z-index: 100; text-align: center; filter: alpha(opacity=0); opacity: 0; padding-right: 10px; } .a_txt .div2 img{ display: inline-block; } .a_txt .div3 { position: absolute; width: 80%; right: 0px; top: 0px; background:rgba(0,154,103,1); height: 100%; z-index: 100; right: -80% } .a_txt .div3 ul { padding: 10%; } .a_txt .div3 ul li { border-bottom: 1px solid rgba(255,255,255,.2); clear: both; } .mblink_item { display: flex; } .mblink_itema { height: 55px; display: flex; align-items: center; flex: 1; font-size: 15px; color: #fff; padding-left: 5%; } .mblink_itema:hover { color: #fff;} .mblink_itemi { height: 55px; width: 55px; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.8); } .mblink_itemi.on:before{ content: "\e728"; } .a_txt2 { display: none; padding: 3% 8% 5%; border-top: 1px dotted rgba(255,255,255,.1); overflow: hidden; /* background: #333;*/ } .a_txt2 a { font-size: 13px; display: block; height: 35px; line-height: 40px; color: rgba(255, 255, 255, 1); /* color: #333;*/ width: 100%; float: left; } .a_txt2 a i{ font-size: 12px; margin-right: 5px; /* color:#009a67*/ color: rgba(255, 255, 255, .5); } .a_closed i{ margin: auto; font-size: 30px; color: #fff; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 鍜 Chrome */ -o-transform:rotate(45deg); } .shenglue { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .shenglue2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .shenglue3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .shenglue4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .shenglue5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .pic { position: relative; overflow: hidden; } .pic img { object-fit: cover; width: 100%; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .pic:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } @media screen and (max-width: 1600px) { .headbox_logo { padding-right: 30px; } .fwzcboxr_box .fwzcboxr_boxa { margin-left: 50px; } .nyby_txth { font-size: 58px; } } @media screen and (max-width: 1200px) { .head02 .headbox_logo .htit{ display: none; } .head .container { width: 98%; } .foottr img { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .foottr p{ transform: translateY(-37px); -webkit-transform: translateY(-37px); -moz-transform: translateY(-37px); -ms-transform: translateY(-37px); -o-transform: translateY(-37px); } .headbox_nav { padding: 0 20px; } .foottl_navl .foottl_navla{ margin-right: 20px; } .headbox_ssfrsr { width: 120px; } .headbox_navitem .headbox_navitema { font-size: 15px; } .fwzcboxr_box .fwzcboxr_boxa { margin-left: 30px; } .fwzcboxr_boxai { margin: 0 10px; } .fwzcboxl { width: 30%; } .nylinkbox .nylinkbox_item { margin-right: 0; padding: 0; flex: 1; font-size: 15px; } .nyby_txth { font-size: 50px; } .nyby { height: 250px; } } @media screen and (max-width: 992px) { .head02 .headbox_logo a img{ max-width: 262px; } .head03{ background: #fff; position: absolute; right: 2rem; top: 2rem; width: 50px; float: right; } .head02 .hdh{ display: none; } .head02{ padding: 20px 0; } .head03 .headbox_btn i{ color: #009a67; } .head01{ display: none; } .headbox_nav { display: none; } .head .container { width: 100%; } .headbox { justify-content: space-between; } .headbox_ss .headbox_ssbox{ padding-right: 15px; } .head { height: 80px; } .head_zw { height: 80px; } .foottr { display: none; } .fwzc { margin-top: 50px; } .fwzcbox { display: flex; flex-flow: column; padding: 30px 0; height: auto; } .fwzcboxl { width: 100%; font-size: 30px; margin-bottom: 30px; display: none; } .fwzcboxldw { font-size: 28px; top: 10px; left: 0; } .fwzcboxr{ align-items: flex-start; } .foottl_qt{ padding: 40px 0; } .foottl_qtl_item{ font-size: 14px; margin-top: 10px; } .foottl_bq{ text-align: center; margin-bottom: 20px; line-height: 22px; } .fwzcboxr_boxai{ margin-left: 0; } .fwzcboxr_boxai i { font-size: 36px; } .fwzcboxr_boxatxt span { font-size: 15px; } .fwzcboxr_boxatxt p { font-size: 10px; line-height: 14px; } .khflboxdw{ height: 45px; } .khflbox .khflbox_item { width: 33.33%; font-size: 14px; height: 45px; line-height: 45px; } .nyby_txth { font-size: 46px; } .nyby { height: 200px; } .nyby_txtp { font-size: 28px; } .headbox_dwbox { top: 81px; } .headbox_btn { display: flex; padding:0 7px; } .foot{ padding-bottom: 50px; } .nytl { height: 240px; } .nytl_txt { text-align: center; padding-left: 0; } .nytl_x { display: none; } .nylinkbox { display: none; } .nylink_mb { display: block; } .ntfy { margin-top:20px; } .nymbxbox { height: 51px; line-height: 50px; } .nymbxbox_l span { font-size: 14px; } .nymbxbox_l .iconweizhi { font-size: 20px; } .nymbxbox_l a { font-size: 14px; } .nymbxbox_rfh span { font-size: 14px; } .nymbxbox_r .nymbxbox_rfh { height: 30px; line-height: 30px; } .nymbxbox_rfh i { font-size: 18px; } /* 鍐呴〉 */ .nytl{ height: 160px; } .nytl_txth{ font-size: 28px; } .nytl_p{ font-size: 14px; } .nylink_mbtitle span { font-size: 18px; } .nylink_mbbox { padding:0; } .nylink_mbboxbig .nylink_mbboxbig_item { height: 40px; line-height: 40px; font-size: 14px; border-color: #fff; } .nymbxbox_l .iconweizhi { font-size: 18px; } .nylink_mbtitle i{ font-size: 18px; } .nymbxbox_l span { font-size: 12px; } .nymbxbox_l a { font-size: 12px; } .nymbxbox_rfh span { font-size: 12px; } .nymbxbox_rfh i { margin-top: 0; font-size: 15px; margin-right:2px; } .nymbxbox_l { width: calc(100% - 100px ); } .nymbxbox_r { width: 90px; margin-left: 10px; } .ntfybox .ntfybox_item { font-size: 13px; width: 34px; height: 34px; margin: 0 2px; margin-bottom: 8px; } .nyby_txt{ padding: 0 15px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0; } } @media screen and (max-width: 768px) { .nytl { display: none;} .nytl_txt { display: none; } .nyby_txth { font-size: 36px; } .headbox_logoa img{ padding-right: 20px; } .head { height: 72px; background-color: #fff; } .head_zw { height: 72px; } .headbox_ssfr { display: none; } .foottl_nav { display: none; } .foottl_qt { /* padding: 50px 0 60px; */ } .foottl_qtr { display: none; } .fwzc { /* display: none; */ } .headbox_ssbox { display: none; } .headbox_btn i { color: #009a67; } .headbox_logo { padding-right: 0; } .nytl { /* height: 200px; */ } .nylink_mbtitle { height: 50px; } } .por { position: relative}