@charset "utf-8"; html { font-size: 62.5%; /*10 ÷ 16 × 100% = 62.5%*/ } body { margin: 0; padding: 0; text-align: left; color: #333333; font-size: 1.2rem; /*1.6 × 10px = 16px */ font-family: "Microsoft YaHei", Arial, helvetica, sans-serif; background: #ffffff; overflow-x: hidden; line-height: 1; } footer { margin-bottom: 60px; } :root { --base_color: #184cb1; --second_color: #fd8a73; } .base_color { color: var(--base_color); } .second_color { color: var(--second_color); } .base_bg { background-color: var(--base_color); } .second_bg { background-color: var(--second_color); } p { margin: 0; } a { color: #333333; transition: all 0.3s; } a:hover { text-decoration: none; color: #000; } a:focus { outline: none; -moz-outline: none; } /*.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: var(--base_color); }*/ img { border: 0px; } input { outline: none; } ul, li, dl, dt, dd { list-style-type: none; list-style: none; margin: 0; padding: 0; text-align: left; } canvas { margin: 0; padding: 0; display: block; border: none; } .dv { display: inline-block !important; vertical-align: middle; } .mr_10 { margin-right: 10px; } .imgbox { position: relative; overflow: hidden; } .imgbox:after { content: ''; display: block; } .imgbox img, .imgbox video, .imgbox div.contbox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .imgbox_4_3, .imgbox_1_1 { background: #f8f9fa; } .imgbox_3_1:after { margin-top: 33.3333%; } .imgbox_5_2:after { margin-top: 40%; } .imgbox_2_1:after { margin-top: 50%; } .imgbox_4_3:after { margin-top: 75%; } .imgbox_1_1:after { margin-top: 100%; } .imgbox_3_5:after { margin-top: 140.66667%; } .imgbox_800_749:after { margin-top: 93.625%; } .imgbox_16_9:after { margin-top: 56.25%; } .valign-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .valign-wrapper .fluid-img { margin: 0 auto !important; } .ImgScale img, .ImgScale i { transition: all 0.3s; } .ImgScale:hover img, .ImgScale:hover i { transform: translate(-50%, -50%) scale(1.05); } .IScale i, .IScale img { transition: all 0.3s; } .IScale:hover i, .IScale:hover img { transform: translate(-50%, -50%) rotateY(180deg); } .rotateY:before { transform: rotateY(180deg); } .icon-40 { width: 40px; } .icon-auto { width: auto; } .fs-12 { font-size: 1.2rem; } .fs-14 { font-size: 1.4rem; } .fs-15 { font-size: 1.5rem; } .fs-16 { font-size: 1.6rem; } .fs-17 { font-size: 1.7rem; } .fs-18 { font-size: 1.8rem; } .fs-20 { font-size: 2.0rem; } .fs-22 { font-size: 2.2rem; } .fs-23 { font-size: 2.3rem; } .fs-24 { font-size: 2.4rem; } .fs-26 { font-size: 2.6rem; } .fs-28 { font-size: 2.8rem; } .fs-30 { font-size: 3.0rem; } .fs-40 { font-size: 4.0rem; } .op6 { opacity: 0.6; } .op8 { opacity: 0.8; } .lh-15 { line-height: 1.5; } .lh-18 { line-height: 1.8; } .lh-20 { line-height: 2.0; } .lh-24 { line-height: 2.4; } .rounded-10 { border-radius: 10px; } .rounded-20 { border-radius: 20px; } .rounded-30 { border-radius: 30px; } .layui-layer { max-width: 96%; } .hover_bg_orange:hover { background-color: orange !important; color: #fff !important; } .hover_border_orange:hover { background-color: orange !important; border: orange !important 1px solid; color: #fff !important; } .hover_bg_orange:hover * { color: #fff !important; } .hover_bg_base:hover { background-color: var(--base_color) !important; color: #fff !important; } .hover_bg_base:hover * { color: #fff !important; } .hover_second:hover { color: var(--second_color) !important; } .hover_bg_second:hover { background-color: var(--second_color) !important; color: #fff !important; } .hover_bg_second:hover * { color: #fff !important; } .hover_orange:hover { color: orange !important; } .hover_orange:hover * { color: orange !important; } .hover_base:hover { color: var(--base_color) !important; } .hover_base:hover * { color: var(--base_color) !important; } .hover_base_bg_border:hover { outline: none; border: 1px solid var(--base_color) !important; background-color: var(--base_color) !important; color: #fff !important; } .hover_base_bg_border:hover { outline: none; border: 1px solid var(--base_color) !important; background-color: var(--base_color) !important; color: #fff !important; } .hover_second_bg_border:hover { outline: none; border: 1px solid var(--second_color) !important; background-color: var(--second_color) !important; color: #fff !important; } .brightness-lg:hover img { filter: brightness(1000%); } .hover_brightness { transition: all 0.3s; } .hover_brightness:hover { filter: brightness(120%); } .hover_brightness-lg { transition: all 0.3s; } .hover_brightness-lg:hover { filter: brightness(200%); } .hover_drop_shadow { filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)) } .hover_play i { transition: all 0.3s; } .hover_play:hover i { transform: scale(1.1) rotate(360deg); } .pos-mid { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } /*PAGE ----------------------------------------*/ .de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: var(--base_color); background: var(--base_color); } .de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(../images/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(../images/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; } .de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px; } .de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; } .page-a { padding: 15px; } .page-a a { margin-top: -15px; float: right; width: calc(100% - 60px); display: inline-block; border: 1px dotted #efefef; padding: 15px; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .page-a a:hover { background-color: var(--base_color); border: 1px dotted var(--base_color); color: #fff; } /* Header ----------------------------------------*/ .nav a { color: #454545; } .nav a:hover, .nav a.active { color: #E23212; } /*NAV*/ .location a { color: #fff; } .location a:hover { color: #f60; } /*LOCATION*/ #sider .title:after { background: #fff; content: ""; width: 40px; height: 4px; display: block; margin: 20px auto 10px; } /* Footer ----------------------------------------*/ .page-footer { overflow: hidden; position: relative; color: #989898; } .footer-info a { color: #989898; } .footer-info a:hover, .footer-info a:hover * { color: #f60 !important; } .footer-copyright { background-color: #111111; color: #ffffff; } .footer-copyright a { color: #fff; } #page-footer-gt { color: #fff; } /*FOOTER*/ /*INDEX*/ .in_title { max-width: 100%; color: #333333; } .in_title a { color: #333333; } .in_title a:hover { color: #184cb1; } .in_line { width: 90px; height: 10px; display: block; margin: 2rem auto; } #in_box2 { background: url(../images/in_bg.gif) #FFF; } #in_box2 .in_title:before, .title_box:before { content: ""; width: 25px; height: 2px; background: var(--base_color); display: inline-block; vertical-align: middle; margin-right: 20px; } #in_box2 .in_title:after, .title_box:after { content: ""; width: 25px; height: 2px; background: var(--base_color); display: inline-block; vertical-align: middle; margin-left: 20px; } #in_ys { background-position: center; background-repeat: no-repeat; background-size: cover; } #in_news { background-position: center; background-repeat: no-repeat; background-size: cover; } /*PAGE*/ #about_box2 { background: url(../images/in_bg.gif) #FFF; } /*NEWS CONTENTS PAGE*/ .btn_more a { background: var(--base_color); color: #fff; } .btn_more a:hover { background: #f60; } .mainInfo iframe { width: 100%; height: 600px; } .mainInfo img { max-width: 100%; height: auto !important; } /*PRODUCT LIST PAGE*/ .proUL li a .cover { opacity: 0; transform: scale(1.2); width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); color: #fff; transition: all 0.3s; } .proUL li a:hover .cover { opacity: 1; transform: scale(1); } .proUL li a .title { transition: all 0.3s; } .proUL li a:hover .title { opacity: 0; } /*NEWS LIST PAGE*/ .newsList .cont { height: 40px; line-height: 20px; overflow: hidden; } .tels{ background: url(../images/tels.jpg) no-repeat left center; padding-left: 26px; font-size: 20px; font-weight: bold; display: block; height: 46px; line-height: 46px;} /*MESSAGE*/ #page_index #c_mess_box input, #page_index #c_mess_box textarea { margin-bottom: 10px !important; } #page_mess_box li { margin-bottom: 10px; } #page_mess_box li input { height: 40px; } .lineT { border-left: 5px solid var(--base_color); padding-left: 10px; } .de-contact .contact-list { border: 1px solid #efefef !important; background: #fafafa; border-radius: 10px; margin-bottom: 30px; } .de-contact .contact-list li { margin-bottom: 10px; } .de-contact .contact-list ul li div { padding-left: 60px; color: #595959; padding: 15px 15px 15px 60px; border-radius: 5px; } .de-contact .contact-list ul li div.icon-01 { background: url(../images/contact-icon-01.png) no-repeat 10px 10px #fff; } .de-contact .contact-list ul li div.icon-02 { background: url(../images/contact-icon-02.png) no-repeat 10px 10px #fff; } .de-contact .contact-list ul li div.icon-03 { background: url(../images/contact-icon-03.png) no-repeat 10px 10px #fff; } .de-contact .contact-list ul li div.icon-04 { background: url(../images/contact-icon-04.png) no-repeat 10px 10px #fff; } .de-contact .contact-list ul li div.icon-05 { background: url(../images/contact-icon-05.png) no-repeat 10px 10px #fff; } .de-contact .contact-list ul li div.icon-06 { background: url(../images/contact-icon-06.png) no-repeat 10px 10px #fff; } #dituContent { width: 100%; margin: 0 auto 30px; border: 1px dotted #ccc; border-radius: 3px; } .de-job-list { overflow: hidden; padding-bottom: 19px; min-height: 300px; padding: 5px 5px; } .de-job-list ul li { overflow: hidden; padding: 20px; /*height: 188px;*/ border: 1px solid #ededed; } .de-job-list ul li .job-title { float: left; width: 260px; margin-right: 10px; } .de-job-list ul li .job-title h3 { font-weight: bold; font-size: 18px; color: #333; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 15px; } .de-job-list ul li .job-title p { font-size: 16px; color: #237ed2; line-height: 20px; font-weight: bold; } .de-job-list ul li .job-title p em { font-weight: normal; font-size: 12px; } .de-job-list ul li .job-info { float: left; width: 200px; } .de-job-list ul li .job-info p { font-size: 13px; color: #b2b2b2; line-height: 20px; margin-bottom: 15px; } .de-job-list ul li .job-info p span { color: #737373; } .de-job-list ul li .job-btn { float: right; width: 80px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; background: #237ed2; margin-top: 20px; } .de-job-list ul li:hover { box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1); } .de-job-list ul li:hover .job-btn { background: #000; } .de-job-list ul li:hover .job-btn { display: block; } .jobs-info { padding: 40px 10px 30px; margin-bottom: 28px; border-bottom: 1px dashed #ededed; } .jobs-info .h3 { overflow: hidden; margin-bottom: 15px; } .jobs-info .h3 .job-name { float: left; font-weight: bold; font-size: 20px; color: #333333; width: 450px; } .jobs-info .h3 .job-price { float: right; font-weight: bold; font-size: 24px; color: #237ed2; line-height: 1.1; max-width: 360px; } .jobs-info .h3 .job-price em { font-weight: normal; font-size: 16px; } .jobs-info .p { font-size: 13px; color: #999999; line-height: 20px; margin-bottom: 10px; } .jobs-info .p span { color: #595959; } .jobs-info .btnn { padding-top: 10px; overflow: hidden; } .jobs-info .btnn a { display: block; width: 230px; height: 44px; text-align: center; line-height: 44px; color: #fff; background: #237ed2; font-size: 14px; } .jobs-info .btnn a:hover { background: #0058b1; } .jobs-info-content { padding: 0 20px; overflow: hidden; } .jobs-info-content h3 { font-size: 18px; color: #333333; font-weight: bold; line-height: 1.1; margin-bottom: 10px; } .apply-job { overflow: hidden; margin-top: 20px; } .apply-job .job-tr { overflow: hidden; } .apply-job .job-tr .tr-over { overflow: hidden; } .apply-job .job-tr .error { padding-left: 75px; height: 18px; line-height: 18px; font-size: 12px; color: #f00; } .apply-job .job-tr .tr-title { float: left; width: 50px; min-height: 20px; text-align: right; font-size: 14px; color: #808080; margin-right: 25px; line-height: 40px; } .apply-job .job-tr .tr-cont { float: left; width: calc(100% - 100px); } .apply-job .job-tr .tr-cont h3 { font-size: 14px; color: #4c4c4c; font-weight: bold; line-height: 40px; margin: 0; } .apply-job .job-tr .tr-cont input[type=text] { line-height: 38px; font-size: 14px; color: #333; width: 100%; display: block; padding: 0 10px; height: 38px; border: 1px solid #e6e6e6; } .apply-job .job-tr .tr-cont input[name='captcha'] { font-size: 14px; line-height: 38px; color: #333; width: 100px; float: left; margin-right: 30px; } .apply-job .job-tr .tr-cont .verify { cursor: pointer; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0; } .apply-job .job-tr .tr-cont .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .apply-job .job-tr .tr-cont textarea { font-size: 14px; color: #333; display: block; height: 170px; line-height: 20px; padding: 5px 10px; width: 100%; border: 1px solid #e6e6e6; } .apply-job .job-tr .tr-cont.radio-cont { line-height: 40px; } .apply-job .job-tr .tr-cont.radio-cont input[type=radio] { margin-right: 10px; } .apply-job .job-tr .tr-cont.radio-cont label { margin-right: 30px; color: #4c4c4c; font-weight: bold; } .apply-job .job-tr .tr-cont a.submit { display: block; width: 190px; height: 40px; line-height: 40px; text-align: center; background: #237ed2; color: #fff; font-size: 15px; } .apply-job .job-tr .tr-cont a.submit:hover { background: #0058b1; } /* 无内�*/ .no-goods, .no-network { padding-top: 100px; overflow: hidden; text-align: center; } .no-goods img { display: block; margin: 0 auto 30px; width: 220px; max-height: 105px; } .no-network img { display: block; margin: 0 auto 30px; width: 222px; height: 160px; } .no-goods p, .no-network p { font-size: 1.4rem; color: #666666; line-height: 20px; } .in_video iframe { width: 100%; height: 260px; } #sider a.active { border: 1px solid var(--second_color) !important; background-color: var(--second_color); }
  • <blockquote id="5tstl"><del id="5tstl"></del></blockquote>
  • <thead id="5tstl"></thead><thead id="5tstl"></thead>

    1. <thead id="5tstl"><del id="5tstl"><rp id="5tstl"></rp></del></thead>
      <blockquote id="5tstl"><del id="5tstl"></del></blockquote>
      人妻懂色av粉嫩av浪潮av