* { margin: 0; padding: 0; text-align: justify; } button{text-align: center;} html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; } /* html{min-width:1200px;} */ html, body { height: 100%; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } body { font-size: 14px; line-height: 1; /* font-family:"Microsoft YaHei","Helvetica Neue","Helvetica",Arial,sans-serif;background-color:#fff; */ color: #333; padding-top: 87px; } article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; } ul, ol { list-style: none; } img { border: 0 none; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } strong, em, i { font-style: normal; font-weight: normal; } ins { text-decoration: underline; } del { text-decoration: line-through; } mark { background: none; } input::-ms-clear { display: none !important; } input, select, textarea, button { vertical-align: middle; outline: none; border: 0; } input { border-radius: 0; box-shadow: none; } input[type='button'], input[type='submit'], input[type='reset'], button { -webkit-appearance: none; } textarea { -webkit-appearance: none; overflow-y: auto; overflow-x: hidden; resize: none; } /* 如果需要去除掉select元素的默认样式,放开下面的注释即可 */ select { appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } a { transition: 0.4s all; -webkit-transition: 0.4s all; color: #fff; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: none; } a:hover { color: #e10033 !important; } input:foucs { outline: none; } /** * view-port list: 320x480 320x568 320x570 360x592 360x598 360x604 360x640 360x720 375x667 375x812 393x699 412x732 414x736 480x854 540x960 640x360 720x1184 720x1280 800x600 1024x768 1080x1812 1080x1920 */ html { font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } @media screen and (max-width: 320px) { html { font-size: 42.667px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 48px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 361px) and (max-width: 375px) { html { font-size: 50px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 376px) and (max-width: 393px) { html { font-size: 52.4px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 394px) and (max-width: 412px) { html { font-size: 54.93px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 413px) and (max-width: 414px) { html { font-size: 55.2px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 415px) and (max-width: 480px) { html { font-size: 64px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 481px) and (max-width: 540px) { html { font-size: 72px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 541px) and (max-width: 640px) { html { font-size: 85.33px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 641px) and (max-width: 720px) { html { font-size: 96px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 721px) and (max-width: 768px) { html { font-size: 102.4px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } @media screen and (min-width: 769px) { html { font-size: 102.4px; font-size: -webkit-calc(13.33333333vw); font-size: calc(13.33333333vw); } } .weixin { position: fixed; width: 300px; height: 400px; 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%; text-align: center; } .weixin .img img { width: 290px; height: 290px; display: block; margin: 0 auto 10px; } .ratio-img { width: 100%; height: auto; background: url(../images/error.png) center no-repeat #f0f0f0; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*编辑器内部的类*/ .edit_con_original { line-height: 2; padding: 0 0; color: #333; } .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; } /* 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; } /* 公共类 */ .centerBox { max-width: 1440px; height: auto; overflow: hidden; margin: 0 auto; } .main { width: 100%; overflow: hidden; } .clearBoth::after { content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .btn_bs { transition: all 0.5s; } .btn_bs:hover { background: #b81c25 !important; color: #fff !important; border-color: #b81c25 !important; } .btn_bs:hover a { color: #fff !important; } /* 阿里图标 */ .wrap1440 { max-width: 1440px; margin: 0 auto; padding: 0 20px; } [class*='icon'] { font-family: 'iconfont'; } .btn { padding: 0.8em 2.5em; background: #0083f7; color: #fff !important; border-radius: 3em; display: inline-block; transition: all 0.3s; } .btn:hover { background: #00a397; } .wrap_1050 { width: 1050px; max-width: 94%; margin: auto; } .tran_scale { overflow: hidden; display: block; } .tran_scale img { transition: opacity 0.4s ease-in, transform 0.6s linear; } .line28 { line-height: 28px; } .fnt_16 { font-size: 16px; } .fnt_20 { font-size: 20px; } .fnt_36 { font-size: 36px; } .fnt_48 { font-size: 48px; } .fnt_50 { font-size: 50px; } /* ks字体大小 */ .fs-250 { font-size: 250px; } .fs-72 { font-size: 72px; } .fs-60 { font-size: 60px; } .fs-48 { font-size: 48px; } .fs-40 { font-size: 40px; } .fs-36 { font-size: 36px; } .fs-30 { font-size: 30px; } .fs-22 { font-size: 22px; } .fs-20 { font-size: 20px; } .fs-18 { font-size: 18px; } .fs-16 { font-size: 16px; } .fs-14 { font-size: 14px; } .bold { font-weight: bold; } .inbanner { position: relative; color: #fff; overflow: hidden; } .inbanner img { width: 100%; } .inbanner .inwrap.l-m-c { z-index: 10; top: auto; bottom: 12%; } .inbanner h2 { text-transform: uppercase; } .inbanner h2 + p { margin-top: 15px; } .inbanner .inwrap i { display: inline-block; height: 3px; width: 84px; background: #e10033; margin-top: 2%; } .bg-cover { background-size: cover; background-repeat: no-repeat; background-position: center center; } .inwrap { width: 1440px; max-width: 90%; margin: auto; } .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; } @media only screen and (max-width: 767px) { .inbanner { height: 200px; } .inbanner img { display: none; } .inbanner { background-position: right center; } .inbanner .inwrap.l-m-c { bottom: 20px; } .inbanner { height: 220px; } } /*头部*/ .wrap { max-width: 1420px; margin: 0 auto; } .header { position: fixed; left: 0; z-index: 12; width: 100%; top: 0; } .header .bg { width: 100%; height: auto; } .header nav { background: rgba(255, 255, 255, 1); height: 87px; width: 100%; z-index: 100; } .lt9 .header nav { background: #fff; position: relative; } .header nav .logo { position: absolute; top: 19px; left: 36px; } .header nav .logo img { width: 149px; height: 44px; } .header nav ul { display: inline-block; } .header nav ul li { float: left; margin: 0 20px; /* position: relative; */ } /*.header nav ul li.head_1A .child{display: block;}*/ .header nav ul li.head_1A .child .head_1A_fir{ position: relative; left: 20px; width: 820px; text-align: left; margin: 0 auto; } .header nav ul li.head_1A .child .head_1A_fir_t a{ position: relative; color: #4e5258; font-weight: bold; transition: none; } .header nav ul li.head_1A .child .head_1A_fir_t a.on{ border-bottom: 2px solid #c72a2f; } .header nav ul li.head_1A .child .head_1A_fir_t a.on::before{ content:""; position: absolute; bottom: -5px; left: 50%; margin-left: -2px; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #c72a2f transparent transparent transparent; } .header nav ul li.head_1A .child_second{ display: none; } .header nav ul li.head_1A .child_second.on{display: block;} .header nav ul li.head_1A .child_second a{ position: relative; line-height: 38px; margin-right: 5%; } .header nav ul li.head_1A .child_second a::before{ content:">"; color: #c72a2f; position: absolute; left: 0; top: 50%; font-weight: bold; line-height: 1; margin-top: -8px; } .header nav ul li > a:hover { color: #fff !important; } .header nav ul li .child { position: absolute; min-width: 100%; left: 0; top: 100%; visibility: hidden; z-index: 100; background: rgba(255, 255, 255, 0.9); padding: 1.6em 0; text-align: center; } .header nav ul li .child a { white-space: nowrap; padding: 10px 20px; color: #555; /* background: #c72a2f; */ display: inline-block; font-size: 16px; } .header nav ul li .child a:hover { /* background: #fff; */ color: #c72a2f; } .header nav ul li > a { color: #000; display: block; transition: 0.3s all; -webkit-transition: 0.3s all; padding: 0 20px; line-height: 87px; font-size: 18px; min-width: 84px; position: relative; text-align: center; } .header nav ul li > a:after { opacity: 0; transition: all 0.5s; background: #c72a2f; position: absolute; bottom: 0px; height: 3px; width: 100%; left: 0; content: ''; display: block; transform: translateY(100%); } .header nav ul li.on > a { color: #c72a2f !important; } .header nav ul li.on > a:after, .header nav ul li:hover > a:after { opacity: 1; transform: translateY(0%); } .header nav ul li:hover > a { /* background: #c72a2f; */ color: #c72a2f !important; } .header nav ul li:hover .child { visibility: visible; } .header .search { position: absolute; z-index: 3; right: 131px; top: 13px; height: 52px; line-height: 52px; width: 52px; overflow: hidden; transition: 0.5s all; -webkit-transition: 0.5s all; } .header .search:hover { width: 290px; } .header .search .txt { width: 180px; background: #fff; border: 1px solid #c72a2f; height: 50px; line-height: 50px; font-size: 16px; padding: 0 10px; position: absolute; right: 52px; top: 0; } .header .search .but { background: url(../images/search.png) center no-repeat #fff; width: 52px; height: 52px; border: 0; position: absolute; right: 0; top: 0; } .header .search:hover .but { background: red url(../images/search2.png) center center no-repeat; } .menu_h { display: none; } .nav_box { text-align: center; } .wrap { max-width: none; margin: 0 20px; } .header nav { margin-left: 0; left: 20px; width: auto; right: 20px; } #TLongin { position: absolute; right: 0; top: 22px; min-width: 120px; height: 31px; border-left: 1px solid #ddd; text-align: center; font-size: 0; padding: 10px 5px 0; } #TLongin a { text-align: center; color: #000; font-size: 15px; padding: 0 5px; line-height: 1; display: inline-block; vertical-align: middle; } #TLongin a#bntQuit { border-left: 1px solid #ddd; } #TLongin a.header_login:nth-child(1) { max-width: 77px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .header_login { color: #4e5258; font-size: 16px; } .menu_h { display: block; background: none; border: none; width: 87px; height: 87px; padding: 0; outline: none; z-index: 2000; background: #e10033; float: right; display: none; position: absolute; top: 0; right: 0; } .menu_h::before, .menu_h::after, .menu_h span { background: #fff; } .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 4px; width: 33px; left: 25px; top: 42%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; } .menu_h::after { width: 30px; } .menu_h span { position: absolute; width: 40px; height: 4px; left: 25px; top: 35px; color: #fff; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; line-height: 50px; } .menu_h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); } .menu_h::after { -webkit-transform: translate3d(0, 9px, 0); transform: translate3d(0, 9px, 0); } .menu-open .menu_h span { opacity: 0; } .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); width: 33px; } .menu-open nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .body-box { transition: 0.3s all; -webkit-transition: 0.3s all; } .menu-open .body-box { } .menu-open .header .search { display: block; position: absolute; top: 87px; height: 40px; line-height: 40px; width: auto; left: 0px; right: 0px; } .menu-open .header .search .but { height: 40px; } .menu-open .header .search .txt { width: 100%; left: 0; right: 0; line-height: 38px; height: 38px; } .menu-open .header ul { position: absolute; width: 100%; top: 126px; background: #fff; display: block; float: none; margin-right: 0; } .menu-open .header ul li { float: none; padding: 5px 0; } .menu-open .header ul li > a { line-height: 2; } .header nav ul li .child { /* position: relative; */ display: none; visibility: visible; } .header nav ul li .child a:hover { /* background: #ddd; */ } .header nav ul li:hover .child { display: block; } .footers { background: #404143; color: #e1e1e1; margin-top: 5.2%; } .footers .wrap1440 { padding-top: 3.2%; padding-bottom: 2%; overflow: hidden; } .foot_top { overflow: hidden; padding-bottom: 3.6%; } .foot_nav { overflow: hidden; float: left; } .foot_nav li { float: left; margin-right: 100px; } .foot_nav li a { color: #8b8b8b; } .foot_nav li a:hover { color: #e10033; } .foot_nav dt { margin-bottom: 25px; } .foot_nav dt a{color: #fff;} .foot_nav dd { margin-bottom: 1em; } .foot_contact { overflow: hidden; float: right; } .foot_contact .f_phone { float: left; line-height: 27px; } .foot_contact .f_phone .p { font-weight: bold; font-family: 'arial'; color: #e1e1e1; font-size: 18px; line-height: 1; padding: 4px 17px 4px 38px; background: url(../images/icon-phone.png) left center no-repeat; } .foot_contact .f_phone .t { font-size: 14px; line-height: 1; padding-right: 80px; } .foot_contact .f_code { float: right; max-width: 122px; max-height: 122px; } .foot_contact .f_code img { width: 100%; } .copyright { overflow: hidden; border-top: 1px solid #c5c6c6; padding-top: 20px; padding-bottom: 3.12%; overflow: hidden; color: #fff; } .copyright a { font-size: 14px; } .copyright .cr_left { float: left; } .copyright .cr_right { float: right; } .banner img { max-width: 100%; } .phoneImg { display: none; } .page { vertical-align: middle; text-align: center; margin: 20px 0px; color: #606060; height: 30px; line-height: 30px; } .page span { margin: 0 10px; } .page span em { color: #ce0109; font-family: Arial; } .page a { display: inline-block; text-align: center; width: 30px; font-family: Arial; margin: 0 5px; } .page a.num, .page a.prev, .page a.next, .page a.go { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #f0f0f0; color: #ce0109; font-family: '\5b8b\4f53'; } .page a.go { background: #ce0109; color: #fff; } .page a.on, .page a.num:hover, .page a.prev:hover, .page a.next:hover, .page a.go:hover { background: #ce0109; color: #fff; } .page a.first, .page a.last { width: 40px; font-family: 'Microsoft Yahei', '微软雅黑'; color: #ce0109; } .page a.first:hover, .page a.last:hover { color: #ce0109 !important; } .page a.first:hover, .page a.last:hover { background: none; } .page .txtnum { width: 40px; background: #fff; border: 1px solid #cecece; } .page .txtnum input { width: 40px; height: 18px; line-height: 18px; text-align: center; font-family: Arial; background: none; border: none; } .page a:hover { color: #fff !important; } .mobile_nav_btn { position: absolute; right: 0; top: 0; z-index: 2; width: 46px; height: 46px; display: block; float: right; background: url(../images/icon_drop_r.png) center center no-repeat; -webkit-background-size: auto 22px; background-size: auto 22px; display: none; } .menu-open .header ul li.open .mobile_nav_btn { background: url(../images/icon_drop3.png) center center no-repeat; -webkit-background-size: 22px auto; background-size: 22px auto; } /*搜索结果*/ .searchbox { padding: 0 30px; } .searchbox .inner { width: 52%; margin: 0 auto; } .searchbox input { float: left; width: calc(100% - 116px); height: 32px; line-height: 32px; border: 1px solid #676767; background: none; padding: 0 10px; } .searchbox a { float: right; width: 90px; height: 32px; line-height: 32px; text-align: center; background: #c72a2f; color: #fff !important; } .ser_t { margin: 20px 0 0; } .ser_t i, .searchlist .c i { color: #c72a2f; } .searchlist li { border-bottom: 1px dotted #dfdfdf; padding: 30px 0; } .searchlist li a { color: #000; } .searchlist li h2 { margin-bottom: 10px; } .searchlist li h2 i { color: #c72a2f; } .searchlist li .c { color: #606060; line-height: 1.8; -webkit-line-clamp: 2; max-height: 3.6em; } .page_ser .page { margin-bottom: 0; } /*网站地图*/ .about_box_title { margin-top: 5.2%; } .about_box_title .title { margin-bottom: 20px; } .pad_100 { padding-bottom: 100px; } .mapsite { padding-top: 20px; } .mapsite dl { overflow: hidden; margin-bottom: 43px; } .mapsite dl dt { width: 175px; text-align: center; margin-right: -175px; background: #e10033; line-height: 44px; display: inline-block; color: #fff; float: left; position: relative; z-index: 999; } .mapsite dl dt a { display: block; color: #fff; text-align: center; } .mapsite dl dt a:hover { color: #fff !important; } .mapsite dl dd { width: 100%; float: left; } .mapsite dl dd a { color: #333; } .mapsite dl dd ul { overflow: hidden; margin-left: 200px; } .mapsite dl dd ul li { margin-right: 50px; float: left; line-height: 44px; } .mapsite dl dd ul li b { font-weight: normal; margin-right: 10px; } .icon-weibo, .icon-weixin { cursor: pointer; transition: all 0.3s; color: #707070; } .icon-weibo:hover, .icon-weixin:hover { color: #c72a2f; } @media only screen and (min-width: 1024px) { .mapsite dl dd a:hover { color: #4a58b7; } } @media only screen and (max-width: 1023px) { .header nav ul li.open > a { color: #fff !important; } .header nav ul li > a:after { display: none; } .mapsite dl dd ul li { margin-right: 20px; } .header nav ul li { position: relative; } .header nav ul li .child a { padding: 0px 20px; display: block; color: #fff; } .header nav ul li .child a:hover { color: #fff !important; } .header nav ul li .child { position: static; padding: 0.5em 0; background: #c72a2f; } .menu-open .header ul { text-align: left; } } @media only screen and (max-width: 767px) { .pad_100 { padding-bottom: 20px; } .mapsite dl dt { width: 100%; margin-right: 0; float: none; height: 36px; line-height: 36px; } .mapsite dl dd ul { margin-left: 0; } .mapsite dl { margin-bottom: 20px; } } /*网站地图 end*/ @media only screen and (max-width: 1440px) { .wrap { max-width: 1360px; } .header nav ul li { margin: 0 15px; } .fnt_48 { font-size: 36px; } .header nav ul li.head_1A .child .head_1A_fir{ width: 710px; } .header .search:hover{ width: 204px; } .header .search .txt{ width: 130px; } .header nav ul li > a{ padding: 0 5px; } } @media only screen and (max-width: 1366px) { .wrap { max-width: 1280px; } .header nav ul li { margin: 0 10px; } .fnt_48 { font-size: 32px; } .header nav ul li.head_1A .child .head_1A_fir{ width: 755px; } } @media only screen and (max-width: 1280px) { .wrap { max-width: 1200px; } .header nav ul li { margin: 0 5px; } .foot_nav li { margin-right: 50px; } .foot_contact .f_phone .t { padding-right: 40px; } } @media only screen and (max-width: 1200px) { .wrap { max-width: 1000px; } .header nav ul li { margin: 0; } .header nav ul li > a { padding: 0 12px; } .header nav ul li.head_1A .child .head_1A_fir{ width: 540px; } .header nav ul li.head_1A .child_second a{ margin-right: 4%; line-height:20px; } } @media only screen and (max-width: 1024px) { .btn_shut , .header nav ul li.head_1A .child_second{ display: none !important; } .header nav ul li.head_1A .child .head_1A_fir{ width: 100%; } .header nav ul li.head_1A .child .head_1A_fir a{ color: #fff; padding-left: 0; font-weight: normal; } .header_login { display: none; } .nav_box { margin-left: 0; display: none; } .mobile_nav_btn { display: block; } .menu-open .menu_h { background: #fff; } .menu-open .menu_h::before, .menu-open .menu_h::after { background-color: #c72a2f; } .menu_h { display: block; } .header .search { top: 87px; display: none; } .menu-open .nav_box { display: block; } .foot_nav, .foot_contact, .foot_contact .f_phone, .foot_contact .f_code { float: none; } .foot_nav li { width: 25%; margin-right: 0; } .foot_contact .f_code { margin-top: 20px; } .foot_contact .f_phone .t { padding-right: 0; } .header .search .but { border: 1px solid #c72a2f; background: #c72a2f url(../images/search2.png) center center no-repeat; } .searchlist li .c { max-height: 5em; overflow: hidden; } .nav_box { display: none; } .header nav .logo { position: relative; top: 0; left: 0; float: left; } .wrap { margin: 0 10px; } .menu_h { height: 70px; width: 70px; } .menu_h span { top: 27px; left: 18px; } .menu-open .header .search { top: 100px; padding: 10px 20px; background: #fff; border-bottom: 1px solid #ddd; } .menu-open .header .search .txt { width: 80%; left: 20px; top: 10px; opacity: 1; } .header .search .but { right: 20px; top: 10px; } .header nav ul li > a { font-size: 18px; padding: 0 20px; } .menu-open .header nav { bottom: 0; } .menu-open .header ul { top: 160px; padding: 10px 0 20px; overflow: auto; bottom: 0; } .menu-open .menu_h { margin-top: 0; } .menu-open .nav_box { display: block; } .header nav ul li:hover > a { background: #fff; color: #333 !important; } .header nav ul li:hover .child { display: none; } .header nav ul li.open > a { background: #c72a2f; color: #fff !important; } .header nav ul li.open .child { visibility: visible; display: block; line-height: 40px; } .header nav .logo { padding: 15px 10px 5px; } .header nav .logo img { width: 100px; height: auto; } .header nav { position: relative; left: auto; line-height: 50px; right: auto; top: auto; bottom: auto; height: auto; } .none-head .header { padding-top: 0; } .header { padding-top: 70px; } .header nav { position: fixed; background: #fff; box-shadow: 0 0 3px #aaa; top: 0; left: 0; width: 100%; margin: 0; } .menu_h::before, .menu_h::after { left: 18px; } .footers .copyright a:hover { color: #fff !important; } } @media only screen and (max-width: 767px) { .page a { display: none; } .page > span:first-child { display: none; } .page a.prev, .page a.next, .page a.go { display: block; display: inline-block; } .page .dian { display: none; } .foot_contact .f_phone .p { padding-right: 4px; } .foot_nav li { float: none; width: 100%; margin-top: 20px; } .foot_nav dl { overflow: hidden; width: 100%; } .foot_nav dt { margin-bottom: 10px; } .foot_nav dd { float: left; margin-right: 10px; margin-bottom: 10px; } .copyright .cr_left { float: none; } .copyright .cr_right { float: none; line-height: 1.5; margin-top: 5px; } .searchbox { padding: 10px 0; } .searchbox .inner { width: 100%; } .searchlist li { padding: 15px 0; } } /*头部底部结束*/ /*字体大小*/ @media screen and (max-width: 1440px) { .fs-250 { font-size: 200px; } .fs-72 { font-size: 48px; } .fs-60 { font-size: 40px; } .fs-48 { font-size: 38px; } .fs-40 { font-size: 36px; } .fs-36 { font-size: 32px; } .fs-30 { font-size: 28px; } .fs-22 { font-size: 20px; } .fs-20 { font-size: 19px; } .fs-18 { font-size: 17px; } } @media screen and (max-width: 1280px) { .fs-250 { font-size: 160px; } .fs-72 { font-size: 40px; } .fs-60 { font-size: 36px; } .fs-48 { font-size: 32px; } .fs-40 { font-size: 30px; } .fs-36 { font-size: 28px; } .fs-30 { font-size: 24px; } .fs-22 { font-size: 18px; } .fs-20 { font-size: 18px; } .fs-18 { font-size: 16px; } .fs-16 { font-size: 15px; } } @media only screen and (max-width: 1024px) { .line28 { line-height: 24px; } .fnt_16 { font-size: 16px; } .fnt_20 { font-size: 18px; } .fnt_36 { font-size: 28px; } .fnt_50 { font-size: 35px; } .fs-250 { font-size: 125px; } .fs-72 { font-size: 36px; } .fs-60 { font-size: 30px; } .fs-48 { font-size: 24px; } .fs-40 { font-size: 20px; } .fs-36 { font-size: 24px; } .fs-30 { font-size: 20px; } .fs-22 { font-size: 16px; } .fs-20 { font-size: 17px; } .fs-18 { font-size: 15px; } .fs-16 { font-size: 14px; } .box-ratio { background-size: cover !important; } #TLongin { display: none; top: 54px; border-left: none; line-height: 38px; } #TLongin a { font-size: 19px; } .menu-open #TLongin { display: block; } body { padding-top: 70px; } } @media only screen and (max-width: 767px) { .fnt_16 { font-size: 14px; } .fnt_20 { font-size: 16px; } .fnt_36 { font-size: 20px; } .fnt_50 { font-size: 25px; } .foot_nav { margin-bottom: 15px; } .edit_con_original h1 { font-size: 1.5em; } } .tran_scale2 { overflow: hidden; display: block; } .tran_scale2 .box-ratio { -webkit-transition: opacity 0.4s ease-in, -webkit-transform 0.6s linear; transition: opacity 0.4s ease-in, transform 0.6s linear; } @media only screen and (min-width: 1025px) { .tran_scale:hover img { transform: scale(1.1, 1.1); } .tran_scale2:hover .box-ratio { 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); } } #infscr-loading { background: rgba(0, 0, 0, 0.4); position: fixed; width: 100px; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden; border-radius: 10px; text-align: center; color: #fff; left: 50%; top: 50%; z-index: 1000; margin: -15px 0 0 -50px; }