a { text-decoration: none } a:link, a:visited { color: #333 } a:hover, a:active { color: #d1171e } html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, figure, figcaption, table, th, td img { margin: 0; padding: 0 } a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline } html { -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { line-height: 1.5; color: #2b2a28; background-color: #fff; font-family: "微软雅黑"; font-size: 14px; text-align: left; margin: 0 auto; line-height: 24px; background: #fff; color: #333; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } img { max-width: 100%; border: 0; vertical-align: middle } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; outline: none } button { border-radius: 0px; -webkit-border-radius: 0px; outline: none } input { border-radius: 0; outline: none } input:-ms-clear { display: none } input, textarea { border: 0; font-family: "微软雅黑" } textarea { resize: none; outline: none } td { word-break: break-all } ul, ol { list-style: none } input:-moz-placeholder, textarea:-moz-placeholder { color: #aab3b7 } input::-moz-placeholder, textarea::-moz-placeholder { color: #aab3b7 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aab3b7 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aab3b7 } ul:before, ol:before, li:before, dl:before, dt:before, dd:before, div:before, .clearfix:before, ul:after, ol:after, li:after, dl:after, dt:after, dd:after, div:after, .clearfix:after { content: ""; display: block } ul:after, ol:after, li:after, dl:after, dt:after, dd:after, div:after, .clearfix:after { clear: both } .floating_ck { position: fixed; right: 0; bottom: 28%; *bottom: 26%; z-index: 999 } .floating_ck dl dd { position: relative; background-color: #E60012; margin-bottom: 3px; text-align: center; cursor: pointer } .floating_ck dl dd a, .floating_ck dl dd p { width: 100%; position: relative } .floating_ck dl dd img { margin: 0 auto; text-align: center } .floating_ck dl dd p { text-align: center } .floating_ck dl dd:hover .floating_left { display: block } .quote, .qrcord { padding: 8px 0 4px } .floating_ck dl dd a, .floating_ck dl dd p { color: #fff } .floating_ck dl dd a img { display: inline-block; text-align: center; margin: 0 auto } .floating_left { position: absolute; left: -190px; top: 0px; width: 300px; z-index: 999; height: 70px; line-height: 70px; background: #E60012; display: none } .floating_left a { color: #fff } .floating_ewm p { color: #Fff } .floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px } .floating_ewm .qrcord_p02 { font-size: 20px } .is-ie8 { display: block; width: 90%; height: 50px; border: 1px dashed #f7685e; background-color: #ff4c44; margin: 10px auto; padding: 0 20px } .is-ie8 span { display: inline-block; height: 48px; line-height: 48px; font-size: 16px; color: #e5e5e5; position: relative; padding-left: 24px } .is-ie8 span i { display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 15px; background: url("../images/index/icon_notice.png") center center no-repeat } .is-ie8 a { display: inline-block; height: 48px; line-height: 48px; font-size: 16px; color: #fff; font-weight: bold; text-decoration: underline } .fixed-flolt { position: fixed; right: 0; top: 50%; margin-top: -200px; line-height: 1; z-index: 9999; transform: scale(0.9) } .fixed-flolt .btnbox { width: 189px; height: 433px; padding: 100px 4px 0; background: url(../images_pc/rlflbg.png) center top no-repeat; background-size: 100%; position: relative } .fixed-flolt .btnbox:before { content: ""; width: 146px; height: 146px; background: url(../images_pc/rlflpic.png) center no-repeat; background-size: 100%; position: absolute; right: 15px; top: -50px } .fixed-flolt .btn { width: 171px; padding: 12px 0; padding-left: 62px; margin-top: 15px; background: rgba(244, 244, 244, 0.3); border: 1px solid #ffa69a; border-radius: 6px 6px 6px 0; font-size: 16px; color: #850101; display: block; position: relative; cursor: pointer; transition: all linear 0.3s } .fixed-flolt .btn:before { content: ""; width: 40px; height: 42px; border-radius: 8px; position: absolute; left: 12px; top: 0; bottom: 0; margin: auto 0; box-shadow: 0 7px 18px rgba(167, 19, 14, 0.67); transition: all linear 0.3s } .fixed-flolt .btn:after { content: ""; width: 0; border-top: 7px solid #6d2213; border-right: 0 solid transparent; border-left: 8px solid transparent; position: absolute; left: 0; bottom: -8px; z-index: -1 } .fixed-flolt .btn span { color: #fff; font-weight: bold; text-shadow: 0 2px 13px #ba210d; display: block; margin-top: 6px; transition: all linear 0.3s } .fixed-flolt .btn span:before { content: ""; height: 1px; background-image: linear-gradient(to right, transparent, #fdeac0, transparent); position: absolute; left: 0; right: 0; bottom: -1px } .fixed-flolt .btn:hover { background: rgba(0, 0, 0, 0.5); color: rgba(255, 237, 233, 0.75) } .fixed-flolt .btn:hover span { color: #ffcf11 } .fixed-flolt .btn1:before { background: url(../images_pc/rlfltb01.png) center no-repeat; background-size: 100% } .fixed-flolt .btn1:hover:before { background: url(../images_pc/rlfltb01.png) center no-repeat #f8c077; background-size: 100% } .fixed-flolt .btn2:before { background: url(../images_pc/rlfltb02.png) center no-repeat; background-size: 100% } .fixed-flolt .btn2:hover:before { background: url(../images_pc/rlfltb02.png) center no-repeat #f8c077; background-size: 100% } .fixed-flolt .btn3 { padding: 10px 0; color: #ffede9; color: rgba(255, 237, 233, 0.75); text-align: center; background: rgba(0, 0, 0, 0.5) } .fixed-flolt .btn3:before { display: none } .fixed-flolt .btn3 span { font-size: 19px; color: #ffcf11; letter-spacing: 0.5px; text-shadow: none } .fixed-flolt .btn4 { width: 157px; height: 42px; background: url(../images_pc/rlflxsbg.png) center no-repeat; background-size: 100%; display: block; margin-left: 18px; margin-top: 24px; font-size: 20px; color: #1f1f1f; text-align: center; font-weight: bold; line-height: 42px; cursor: pointer; animation: effect 1.2s linear infinite } .fixed-flolt .btn4:after { content: ""; width: 23px; height: 30px; background: url(../images_pc/rlflxstb.png) center no-repeat; display: inline-block; vertical-align: middle; margin-left: 7px } .fixed-flolt .btn4:hover { animation: none } .fixed-flolt .wxgz_code { width: 193px; position: absolute; right: -220px; bottom: -155px; opacity: 0; transition: all linear 0.3s } .fixed-flolt .wxgz_code .close { width: 20px; height: 20px; display: block; position: absolute; left: -4px; top: -6px; background: #9a9c9c; border-radius: 50%; font-size: 16px; color: #fff; text-align: center; line-height: 17px; cursor: pointer; transition: all linear 0.3s } .fixed-flolt .wxgz_code .close:hover { background: #ffcf11; color: #080808 } .fixed-flolt.fixed-flolt_active .wxgz_code { right: 0; opacity: 1 } .fixed-flolt.fixed-flolt_active .back-top { bottom: -220px } .back-top { width: 100px; height: 40px; border-radius: 40px; background: #fff; position: absolute; z-index: 9999; bottom: -70px; right: 35px; box-shadow: 0 6px 24px rgba(222, 56, 53, 0.3); cursor: pointer; transition: all .3s linear; display: none } .back-top span { display: block; width: 16px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -8px; border-top: 1px solid #e15856 } .back-top span:after { content: ''; display: block; position: absolute; width: 12px; height: 12px; border-top: 1px solid #d51511; border-right: 1px solid #d51511; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 8px; left: 2px; -webkit-animation: backTop 1s linear infinite; animation: backTop 1s linear infinite } .back-top:hover { -webkit-box-shadow: 0 6px 12px rgba(222, 56, 53, 0.1); -moz-box-shadow: 0 6px 12px rgba(222, 56, 53, 0.1); box-shadow: 0 6px 12px rgba(222, 56, 53, 0.1) } @keyframes backTop { 0%, 100% { top: 8px } 50% { top: 5px } } @-webkit-keyframes backTop { 0%, 100% { top: 8px } 50% { top: 5px } } @keyframes scaleChange { 0%, 100% { transform: scale(1) } 50% { transform: scale(0.6) } } @-webkit-keyframes scaleChange { 0%, 100% { transform: scale(1) } 50% { transform: scale(0.6) } } @keyframes effect { 0% { transform: scale(1) } 50% { transform: scale(0.9) } 100% { transform: scale(1) } } .gq-decor { width: 311px; height: 169px; position: fixed; padding-left: 12px; padding-right: 1px; padding-top: 2px; padding-bottom: 16px; overflow: hidden; left: 0; bottom: 0; z-index: 333 } .gq-decor .decor-top { position: relative; width: 298px; height: 144px } .gq-decor .decor-top .decor-flag { width: 225px; height: 144px; position: absolute; left: 0; bottom: 0px; -webkit-animation: flagmove 5s linear; -moz-animation: flagmove 5s linear; -o-animation: flagmove 5s linear; animation: flagmove 5s linear } .gq-decor .decor-top .decor-text { position: absolute; width: 100%; height: 144px; left: 0; top: 0 } .gq-decor .decor-top .decor-text .d_text { right: 12px; bottom: 33px; position: absolute; width: 209px; height: 56px; -webkit-animation: textsee 5s linear; -moz-animation: textsee 5s linear; -o-animation: textsee 5s linear; animation: textsee 5s linear } .gq-decor .decor-top .decor-text .d_num { width: 127px; height: 105px; position: absolute; left: 116px; bottom: 8px; -webkit-animation: numrotate 5s linear; -moz-animation: numrotate 5s linear; -o-animation: numrotate 5s linear; animation: numrorate 5s linear } .gq-decor .decor-top .decor-text .d_year { width: 53px; height: 9px; position: absolute; left: 176px; bottom: 25px; -webkit-animation: numberup 5s linear; -moz-animation: numberup 5s linear; -o-animation: numberup 5s linear; animation: numberup 5s linear } .gq-decor .decor-top .decor-birds .bird01 { width: 29px; height: 30px; left: 212px; top: 14px; position: absolute; -webkit-animation: bird01fly 5s linear; -moz-animation: bird01fly 5s linear; -o-animation: bird01fly 5s linear; animation: bird01fly 5s linear } .gq-decor .decor-top .decor-birds .bird02 { width: 25px; height: 25px; left: 242px; top: 17px; position: absolute; -webkit-animation: bird02fly 5s linear; -moz-animation: bird02fly 5s linear; -o-animation: bird02fly 5s linear; animation: bird02fly 5s linear } .gq-decor .decor-top .decor-birds .bird03 { width: 35px; height: 31px; left: 266px; top: -2px; position: absolute; -webkit-animation: bird03fly 5s linear; -moz-animation: bird03fly 5s linear; -o-animation: bird03fly 5s linear; animation: bird03fly 5s linear } .gq-decor .decor-bottom { position: absolute; left: 12px; bottom: 16px; width: 298px; height: 27px } .gq-decor .decor-bottom .text_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; -webkit-animation: bgmove 5s linear; -moz-animation: bgmove 5s linear; -o-animation: bgmove 5s linear; animation: bgmove 5s linear } .gq-decor .decor-bottom .light { position: absolute; left: 135px; bottom: 0; width: 200px; height: auto; z-index: 1; -webkit-animation: lightmove 5s linear, lightmove2 5s linear infinite 6s; -moz-animation: lightmove 5s linear, lightmove2 5s linear infinite 6s; -o-animation: lightmove 5s linear, lightmove2 5s linear infinite 6s; animation: lightmove 5s linear, lightmove2 5s linear infinite 6s } .gq-decor .decor-bottom .text_desc { position: absolute; width: 264px; height: 13px; left: 19px; top: 7px; z-index: 2; -webkit-animation: textfade 5s linear; -moz-animation: textfade 5s linear; -o-animation: textfade 5s linear; animation: textfade 5s linear } @-webkit-keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @-moz-keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @-o-keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @keyframes flagmove { 0% { bottom: -169px; opacity: 0 } 20% { bottom: 0; opacity: 1 } } @-webkit-keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @-moz-keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @-o-keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @keyframes numrorate { 0% { bottom: -138px; transform: rotateY(0) } 12% { bottom: -138px; transform: rotateY(0) } 24% { transform: rotateY(180deg) } 36% { transform: rotateY(0deg); bottom: 8px } } @-webkit-keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @-moz-keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @-o-keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @keyframes textsee { 0% { opacity: 0 } 36% { opacity: 0 } 46% { opacity: 1 } } @-webkit-keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @-moz-keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @-o-keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @keyframes bird01fly { 0% { left: -40px; top: 92px } 20% { left: -40px; top: 92px } 44% { left: 212px; top: 14px } } @-webkit-keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @-moz-keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @-o-keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @keyframes bird02fly { 0% { left: 30px; top: 180px } 20% { left: 30px; top: 180px } 44% { left: 242px; top: 17px } } @-webkit-keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @-moz-keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @-o-keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @keyframes bird03fly { 0% { left: -50px; top: 42px } 20% { left: -50px; top: 42px } 44% { left: 266px; top: -2px } } @-webkit-keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @-moz-keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @-o-keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @keyframes bgmove { 0% { bottom: -50px } 36% { bottom: -50px } 46% { bottom: 0 } 100% { bottom: 0 } } @-webkit-keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @-moz-keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @-o-keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @keyframes lightmove { 0% { bottom: -50px; left: 0 } 36% { bottom: -50px } 46% { bottom: 0; left: 0 } 100% { left: 135px } } @-webkit-keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @-moz-keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @-o-keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @keyframes lightmove2 { 0% { left: 135px } 5% { left: 150px } 55% { left: 0px } 100% { left: 135px } } @-webkit-keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @-moz-keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @-o-keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @keyframes textfade { 0% { opacity: 0 } 46% { opacity: 0 } 58% { opacity: 1 } } @-webkit-keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @-moz-keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @-o-keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @keyframes numberup { 0% { bottom: 0; opacity: 0 } 46% { bottom: 0; opacity: 0 } 52% { opacity: 1 } 58% { bottom: 25px } } @font-face { font-family: 'yahei'; font-style: italic; src: url("../fonts/yahei.ttf") format("truetype"); font-display: swap } body { background: #fff } .container { width: 100%; position: relative } .wrapper { max-width: 1920px; position: relative; margin-left: auto; margin-right: auto } .wrap { margin-left: auto; margin-right: auto; width: 1520px; position: relative; z-index: 1 } .header { padding: 15px 0; width: 100%; z-index: 99999; transition: all .3s; background: #1d1d1f; position: absolute; left: 0; top: 0 } .header .logo { display: block; float: left; height: 50px; transition: all .3s } .header .logo img { display: block; height: 100% !important; transition: all .3s } .header ul { float: right; line-height: 0; font-size: 0; width: 70%; transition: all .3s } .header ul li { display: block; position: relative; float: left; width: 14%; transition: all .3s } .header ul li>a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: right; transition: all .3s; padding-right: 24px } .header ul li>a .down { display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 15px; height: 16px; background: url(/images/down.png) center center no-repeat; background-size: 100% } .header ul li:hover a { color: #ff9600 } .header ul li:hover a .down { background: url(/images/down_hover.png) center center no-repeat; background-size: 100% } .header ul li .sub-menu.active { visibility: inherit; opacity: 1; top: 50px } .header ul li .sub-menu { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 60px; background: #f5f5f5; width: 150px; transition: all .3s } .header ul li .sub-menu p a { display: block; height: 40px; line-height: 40px; font-size: 16px; padding: 0 20px; transition: all .3s; color: #666; text-align: center } .header ul li .sub-menu p a:hover { color: #ff9600 } .header ul li .sub-menu p+p { border-top: 1px solid #efefef } .header_scroll.header { background: rgba(0, 0, 0, 0.5) !important; position: fixed !important; top: 0 !important; box-shadow: 0 0 20px 0 rgba(12, 30, 72, 0.1) } .header_scroll.header .logo { height: 48px } .header_scroll.header ul li>a { height: 48px; line-height: 48px } .header_scroll.header ul li .sub-menu.active { top: 48px } .footer { padding: 35px 0 } .footer p { width: 100%; text-align: center; font-size: 16px; line-height: 30px } .newsdetaiban { background: url(../images_pc/newsdetail-banbg.jpg) center no-repeat; background-size: cover; padding-top: 260px; padding-bottom: 160px; text-align: center } .newsdetaiban h1 { font-size: 56px; color: #ffffff; font-weight: bold; line-height: 1.4 } .newsdetaiban p { font-size: 18px; color: #ffffff; margin-top: 44px } .newsdetaibox { background: #f5f5f7; padding-bottom: 100px } .newsdetaibox .sty1 { padding-top: 44px; padding-bottom: 32px } .newsdetaibox .sty1 dd { padding-left: 112px; float: left; position: relative } .newsdetaibox .sty1 dd:before { content: ""; width: 80px; height: 91px; background: url(../images_pc/newsdetail-kf.png) center no-repeat; background-size: 100%; position: absolute; left: 0; top: -15px } .newsdetaibox .sty1 dd p { font-size: 16px; line-height: 1.6 } .newsdetaibox .sty1 dd .p1 { color: #888888 } .newsdetaibox .sty1 dd .p2 { color: #1d1d1f } .newsdetaibox .sty1 dd .p2 span { font-size: 30px; color: #f3392b; font-weight: bold; padding-left: 8px; position: relative; top: 3px } .newsdetaibox .sty1 dt { width: 200px; height: 60px; background: #f3392b; float: right; transition: all linear 0.3s } .newsdetaibox .sty1 dt a { font-size: 20px; color: #ffffff; text-align: center; line-height: 60px; font-weight: bold; letter-spacing: 1px; display: block } .newsdetaibox .sty1 dt:hover { border-radius: 20px } .newsdetaibox .sty2 { background: #fff; border-radius: 20px; padding: 60px 14% 120px } .newsdetaibox .sty2 .content { margin: 0 auto } .newsdetaibox .sty2 .content h2 { font-size: 36px; color: #1d1d1f; line-height: 1.4; margin: 50px 0 24px } .newsdetaibox .sty2 .content h3 { font-size: 22px; color: #1d1d1f; line-height: 1.4; text-indent: 38px; margin: 24px 0 } .newsdetaibox .sty2 .content p, .newsdetaibox .sty2 .content div { font-size: 18px; line-height: 2; color: #2e2e32; text-indent: 38px; margin: 24px 0 } .newsdetaibox .sty2 .content p img, .newsdetaibox .sty2 .content p video, .newsdetaibox .sty2 .content div img, .newsdetaibox .sty2 .content div video { max-width: 800px; height: auto !important; border-radius: 20px; margin: 33px auto; display: block } .newsdetaibox .sty2 .content .no-indent { text-indent: 0 } .newsdetaibox .sty2 .prev_next { margin-top: 80px } .newsdetaibox .sty2 .prev_next a { width: 48.429%; background: #f5f5f7; border-radius: 20px; padding: 28px 30px 25px; font-size: 20px; color: #575c66; line-height: 1; display: block; transition: all linear 0.3s } .newsdetaibox .sty2 .prev_next a span { height: 91px; border-top: 2px solid #fcfcfc; padding-top: 11px; margin-top: 20px; font-size: 24px; color: #1d1d1f; line-height: 1.66; letter-spacing: 1px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden } .newsdetaibox .sty2 .prev_next a:hover { background: #fff; box-shadow: 0 10px 32px rgba(29, 29, 31, 0.12) } .newsdetaibox .sty2 .prev_next a:hover span { border-top: 2px solid #f8f8fa } .newsdetaibox .sty2 .prev_next .prev { float: left } .newsdetaibox .sty2 .prev_next .next { float: right } .message-panel { padding: 45px 0 90px } .message-wrap { width: 796px; margin: 0 auto; overflow: hidden } .message-wrap h2 { font-size: 48px; line-height: 70px; color: #1d1d1f; font-weight: bold; text-align: center } .message-wrap p { margin-top: 10px; font-size: 17px; line-height: 30px; padding: 0 8%; color: #1d1d1f; text-align: center } .message-wrap p strong { font-weight: normal; color: #f2281c } .form-panel { margin-top: 50px; width: 100%; overflow: hidden } .form-panel .input-panel { width: 100%; overflow: hidden } .form-panel .input-panel .item-form { width: 45.47739%; float: left; border: 1px solid #a5a5a5; padding-left: 60px; padding-right: 10px; position: relative } .form-panel .input-panel .item-form:before { content: ''; display: block; width: 36px; height: 36px; left: 12px; top: 9px; position: absolute; background: url(../images_pc/icon_user.png) left top no-repeat } .form-panel .input-panel .item-form input { display: block; width: 100%; height: 54px; font-size: 17px } .form-panel .input-panel .item-form+.item-form { float: right } .form-panel .input-panel .item-form+.item-form:before { background: url(../images_pc/icon_phone.png) left top no-repeat } .form-panel .textarea-panel { margin-top: 44px; overflow: hidden } .form-panel .textarea-panel .item-form { border: 1px solid #a5a5a5; padding-left: 60px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; position: relative } .form-panel .textarea-panel .item-form:before { content: ''; display: block; width: 36px; height: 36px; left: 12px; top: 9px; position: absolute; background: url(../images_pc/icon_msg.png) left top no-repeat } .form-panel .textarea-panel .item-form textarea { display: block; width: 100%; resize: none; height: 98px; font-size: 17px; line-height: 30px } .form-panel .btn-panel { margin-top: 50px; width: 100%; overflow: hidden } .form-panel .btn-panel .btn-send { display: block; width: 300px; height: 56px; border-radius: 10px; background: #f2281c; text-align: center; font-size: 17px; font-weight: bold; color: #fff; line-height: 56px; margin: 0 auto; transition: all .3s } .form-panel .btn-panel .btn-send:hover { border-radius: 56px } .lx-panel { display: flex; overflow: hidden } .lx-panel .item-lx { padding: 40px 2%; width: 33.333333%; float: left; background: #f5f5f7; position: relative } .lx-panel .item-lx:after { content: ''; display: block; background: #fff; position: absolute; right: 0; top: 0; width: 5px; height: 100% } .lx-panel .item-lx span, .lx-panel .item-lx strong, .lx-panel .item-lx a, .lx-panel .item-lx em, .lx-panel .item-lx p { display: block; text-align: center; overflow: hidden } .lx-panel .item-lx span { font-size: 17px; line-height: 32px; color: #1d1d1f } .lx-panel .item-lx strong, .lx-panel .item-lx a, .lx-panel .item-lx em, .lx-panel .item-lx i { line-height: 1.5; color: #f2281c } .lx-panel .item-lx strong, .lx-panel .item-lx a { font-size: 32px; font-weight: bold } .lx-panel .item-lx em { font-size: 24px; font-style: normal; font-weight: bold } .lx-panel .item-lx em i { font-size: 40px; font-style: normal; vertical-align: -5px; margin: 0 5px } .lx-panel .item-lx a { transition: all .3s } .lx-panel .item-lx a:hover { font-size: 30px } .lx-panel .item-lx p { line-height: 30px; margin-top: 12px; font-size: 16px; color: #888888 } .lx-panel .item-lx+.item-lx:after { width: 4px } .lx-panel .item-lx+.item-lx:before { content: ''; display: block; width: 4px; height: 100%; position: absolute; left: 0; top: 0; background: #fff } .lx-panel .item-lx+.item-lx+.item-lx:before { width: 5px } .lx-panel .item-lx+.item-lx+.item-lx:after { display: none } @media (max-width: 1760px) { .wrap { width: 1440px } .newsdetaiban { padding-top: 240px; padding-bottom: 145px } .newsdetaiban h1 { font-size: 50px } .newsdetaibox { padding-bottom: 80px } .newsdetaibox .sty2 { padding: 40px 12% 80px } .newsdetaibox .sty2 .content h2 { font-size: 33px } .message-panel { padding: 100px 0 80px } .message-wrap h2 { font-size: 44px; line-height: 64px } .message-wrap p { margin-top: 10px; font-size: 17px; line-height: 30px; padding: 0 8% } } @media (max-width: 1600px) { .wrap { width: 1280px } .newsdetaiban { padding-top: 220px; padding-bottom: 130px } .newsdetaiban h1 { font-size: 45px } .newsdetaibox { padding-bottom: 60px } .newsdetaibox .sty2 { padding: 30px 7% 60px } .newsdetaibox .sty2 .content h2 { font-size: 30px } .newsdetaibox .sty2 .content h3 { font-size: 20px } .newsdetaibox .sty2 .prev_next { margin-top: 60px } .newsdetaibox .sty2 .prev_next a span { height: 85px; font-size: 22px } .message-panel { padding: 80px 0 70px } .message-wrap h2 { font-size: 40px; line-height: 60px } .message-wrap p { margin-top: 10px; font-size: 17px; line-height: 30px; padding: 0 8% } .lx-panel .item-lx { padding-top: 30px; padding-bottom: 30px; } .lx-panel .item-lx span { font-size: 17px; line-height: 32px } .lx-panel .item-lx strong, .lx-panel .item-lx a, .lx-panel .item-lx em, .lx-panel .item-lx i { line-height: 40px } .lx-panel .item-lx strong, .lx-panel .item-lx a { font-size: 28px } .lx-panel .item-lx a:hover { font-size: 26px } .lx-panel .item-lx em { font-size: 22px } .lx-panel .item-lx em i { font-size: 36px; vertical-align: -5px; margin: 0 5px } .lx-panel .item-lx p { line-height: 28px; margin-top: 10px; font-size: 16px } } @media (max-width: 1440px) { .wrap { width: 1120px } .header { padding: 12px 0 } .header .logo { height: 44px } .header ul { width: 70% } .header ul li>a { height: 44px; line-height: 44px } .header ul li .sub-menu.active { top: 44px } .header.header_scroll .logo { height: 40px } .header.header_scroll ul li>a { height: 40px; line-height: 40px } .header.header_scroll ul li .sub-menu.active { top: 40px } .newsdetaiban { padding-top: 200px; padding-bottom: 115px } .newsdetaiban h1 { font-size: 40px } .newsdetaibox { padding-bottom: 40px } .newsdetaibox .sty2 { padding: 10px 4% 40px } .newsdetaibox .sty2 .content h2 { font-size: 27px; margin: 40px 0 20px } .newsdetaibox .sty2 .content h3 { font-size: 18px; margin: 20px 0 } .newsdetaibox .sty2 .content p { font-size: 16px; margin: 20px 0 } .newsdetaibox .sty2 .prev_next { margin-top: 40px } .newsdetaibox .sty2 .prev_next a { font-size: 18px; padding: 24px 28px 20px } .newsdetaibox .sty2 .prev_next a span { height: 79px; font-size: 20px } .message-panel { padding: 60px 0 60px } .message-wrap h2 { font-size: 36px; line-height: 52px } .message-wrap p { margin-top: 10px; font-size: 16px; line-height: 28px; padding: 0 11% } .form-panel { margin-top: 40px } .form-panel .input-panel input { font-size: 16px } .form-panel .textarea-panel { margin-top: 40px } .form-panel .textarea-panel .item-form textarea { font-size: 16px } .form-panel .btn-panel { margin-top: 40px } .form-panel .btn-panel .btn-send { font-size: 16px } .lx-panel .item-lx span { font-size: 16px; line-height: 28px } .lx-panel .item-lx strong, .lx-panel .item-lx a, .lx-panel .item-lx em, .lx-panel .item-lx i { line-height: 36px } .lx-panel .item-lx strong, .lx-panel .item-lx a { font-size: 26px } .lx-panel .item-lx a:hover { font-size: 24px } .lx-panel .item-lx em { font-size: 20px } .lx-panel .item-lx em i { font-size: 32px; vertical-align: -4px; margin: 0 5px } .lx-panel .item-lx p { line-height: 26px; margin-top: 10px; font-size: 16px } .footer { padding: 30px 0 } .footer p { line-height: 28px } } @media (max-width: 1280px) { .wrap { width: 960px } .header { padding: 10px 0 } .header .logo { height: 40px } .header ul { width: 70% } .header ul li>a { font-size: 14px; height: 40px; line-height: 40px } .header ul li .sub-menu.active { top: 40px } .header ul li .sub-menu p a { font-size: 14px } .header.header_scroll .logo { height: 36px } .header.header_scroll ul li>a { height: 36px; line-height: 36px } .header.header_scroll ul li .sub-menu.active { top: 36px } .newsdetaiban { padding-top: 180px; padding-bottom: 100px } .newsdetaiban h1 { font-size: 35px } .newsdetaiban p { font-size: 14px; margin-top: 30px } .newsdetaibox .sty1 dd { padding-left: 90px } .newsdetaibox .sty1 dd:before { width: 67px; height: 80px } .newsdetaibox .sty1 dd p { font-size: 14px } .newsdetaibox .sty1 dd .p2 span { font-size: 25px } .newsdetaibox .sty1 dt { width: 160px; height: 55px; line-height: 55px } .newsdetaibox .sty2 .prev_next { margin-top: 30px } .newsdetaibox .sty2 .prev_next a { font-size: 16px } .newsdetaibox .sty2 .prev_next a span { height: 71px; font-size: 18px } .message-panel { padding: 40px 0 50px } .message-wrap h2 { font-size: 32px; line-height: 48px } .message-wrap p { margin-top: 10px; font-size: 16px; line-height: 28px; padding: 0 11% } .form-panel { margin-top: 30px } .form-panel .input-panel input { font-size: 16px } .form-panel .textarea-panel { margin-top: 30px } .form-panel .textarea-panel .item-form textarea { font-size: 16px } .form-panel .btn-panel { margin-top: 30px } .form-panel .btn-panel .btn-send { font-size: 16px } .lx-panel .item-lx { padding-top: 20px; padding-bottom: 20px; } .lx-panel .item-lx span { font-size: 16px; line-height: 24px } .lx-panel .item-lx strong, .lx-panel .item-lx a, .lx-panel .item-lx em, .lx-panel .item-lx i { line-height: 32px } .lx-panel .item-lx strong, .lx-panel .item-lx a { font-size: 24px } .lx-panel .item-lx a:hover { font-size: 22px } .lx-panel .item-lx em { font-size: 18px } .lx-panel .item-lx em i { font-size: 28px; vertical-align: -3px; margin: 0 5px } .lx-panel .item-lx p { line-height: 24px; margin-top: 10px; font-size: 16px } .footer { padding: 20px 0 } .footer p { line-height: 24px } } @media (max-width: 1120px) { .lx-panel .item-lx span { font-size: 16px; line-height: 24px } .lx-panel .item-lx strong, .lx-panel .item-lx a, .lx-panel .item-lx em, .lx-panel .item-lx i { line-height: 32px; margin-top: 5px } .lx-panel .item-lx strong, .lx-panel .item-lx a { font-size: 24px } .lx-panel .item-lx a:hover { font-size: 22px } .lx-panel .item-lx em { font-size: 16px } .lx-panel .item-lx em i { font-size: 24px; vertical-align: -2px; margin: 0 5px } .lx-panel .item-lx p { line-height: 24px; margin-top: 5px; font-size: 16px } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s }