锘緻charset "UTF-8"; @font-face { font-family: "iconfont"; /* Project id 3175549 */ src: url("iconfont/iconfont.woff?t=1655169257430") format("woff"), url("iconfont/iconfont.ttf?t=1655169257430") format("truetype"); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shouye1:before { content: "\e643"; } .icon-kejixiangmu:before { content: "\e693"; } .icon-jinrongjiaoyi:before { content: "\e62d"; } .icon-hangye-fangdichans:before { content: "\e623"; } .icon-zhihuiwenlv-xinxihuajicheng:before { content: "\e60c"; } .icon-zhihuiwenlv-gaoduanzhiku:before { content: "\e765"; } .icon-zhihuiwenlv-jinrongwenlv:before { content: "\e620"; } .icon-zhihuiwenlv-hulianwang:before { content: "\e96f"; } .icon-wenlvjinrong-zichanziben:before { content: "\e608"; } .icon-wenlvjinrong-jinrongyunzuo:before { content: "\e60b"; } .icon-wenhua-ganbupeixun:before { content: "\e618"; } .icon-wenhua-jiaoyu:before { content: "\e664"; } .icon-wenhua-rencaipeixun:before { content: "\e6fb"; } .icon-shanghui-gongyinglian:before { content: "\e7e6"; } .icon-shanghui-wuyeguanli:before { content: "\e609"; } .icon-hangkong-fuwuyewu:before { content: "\e66b"; } .icon-hangkong-jiansheyewu:before { content: "\e607"; } .icon-hangkong-hangkongyewu:before { content: "\e64a"; } .icon-hangkong-wenlvronghe:before { content: "\e6b6"; } .icon-hangkong-lvyouyewu:before { content: "\e616"; } .icon-jiudian-tourongziyewu:before { content: "\e7ea"; } .icon-jiudian-jiudianyansheng:before { content: "\e76b"; } .icon-jiudian-jiudianguanlizhuye:before { content: "\e63d"; } .icon-touzilicai:before { content: "\e61f"; } .icon-pinpai:before { content: "\e605"; } .icon-qiye:before { content: "\e60f"; } .icon-fazhan:before { content: "\e69b"; } .icon-teamwork:before { content: "\e870"; } .icon-jingqu:before { content: "\e61e"; } .icon-hotel:before { content: "\e61c"; } .icon-fangwu:before { content: "\e617"; } .icon-wenhua:before { content: "\e619"; } .icon-fuwu:before { content: "\eb36"; } .icon-xiangshang:before { content: "\e626"; } .icon-wuyebaobei-3:before { content: "\e79a"; } .icon-lvhangjingqu:before { content: "\e606"; } .icon-zhiyejiankang:before { content: "\e659"; } .icon-feiji1:before { content: "\e655"; } .icon-wuyebaoxiu:before { content: "\e6af"; } .icon-caidan:before { content: "\e790"; } .icon-jinqian:before { content: "\e73b"; } .icon-jiankang:before { content: "\e68d"; } .icon-24gl-building2:before { content: "\e831"; } .icon-diqiu:before { content: "\e844"; } .icon-jiaoyu1:before { content: "\e642"; } .icon-record-video:before { content: "\e96a"; } .icon-a-mountainsshandingshanmai:before { content: "\e721"; } .icon-18:before { content: "\e611"; } .icon-weixin1:before { content: "\e610"; } .icon-qiye2:before { content: "\e725"; } .icon-mima:before { content: "\e646"; } .icon-dianhuazixun-dianhua:before { content: "\e603"; } .icon-xingzhuang-tupian:before { content: "\eb98"; } .icon-dizhi:before { content: "\e604"; } .icon-dayinchuanzhen:before { content: "\e627"; } .icon-shenqing:before { content: "\e61a"; } .icon-youxiang:before { content: "\e62e"; } .icon-24gf-telephone2:before { content: "\e96d"; } .icon-shouji:before { content: "\e6bd"; } .icon-zhinanzhen:before { content: "\e88c"; } .icon-zhanghao-:before { content: "\e625"; } .icon-fasong:before { content: "\e60d"; } .icon-saomiaomingpian:before { content: "\e66e"; } .icon-xingming:before { content: "\e6ad"; } .icon-a-weixiaokaixingaoxing-13:before { content: "\e7ef"; } .icon-a-guizhangzhidufalvfagui-49:before { content: "\e8ab"; } .icon-weixin:before { content: "\e6b3"; } .icon-sports:before { content: "\e601"; } .icon-jiangjiatongzhiicon:before { content: "\e669"; } .icon-jituanxinwen:before { content: "\e64d"; } .icon-zuzhijigou:before { content: "\e63c"; } .icon-duomeiti-:before { content: "\e700"; } .icon-airudiantubiaohuizhi-zhuanqu_wenhuachengguo:before { content: "\e69c"; } .icon-caizhengzijin:before { content: "\e624"; } .icon-icon_xinyong_xianxing_jijin-:before { content: "\e615"; } .icon-icon_xinyong_xianxing_jijin-1:before { content: "\e621"; } .icon-jiaoyu:before { content: "\e60a"; } .icon-huanjing:before { content: "\e692"; } .icon-xiangmu:before { content: "\e614"; } .icon-youjian:before { content: "\e600"; } .icon-youjian1:before { content: "\e61b"; } .icon-weibo:before { content: "\e62f"; } .icon-guojijiudian:before { content: "\e654"; } .icon-lvyou:before { content: "\e657"; } .icon-guoneijiudian:before { content: "\e687"; } .icon-qiyewenhua:before { content: "\e613"; } .icon-2jiankangzhishi:before { content: "\e622"; } .icon-ico_site:before { content: "\e668"; } .icon-24gf-phoneBubble:before { content: "\e966"; } .icon-feiji:before { content: "\e602"; } .icon-tiyu:before { content: "\e644"; } .icon-wuyeguanli:before { content: "\e6dd"; } .icon-qianbaojinrongzijin:before { content: "\e629"; } .icon-yanfaguanli-xiangmushezhi:before { content: "\e63f"; } .icon-xiangyou:before { content: "\e666"; } .icon-zhixiangyou:before { content: "\e8f4"; } .icon-bofangqi-bofangshu:before { content: "\e66d"; } .icon-zixunshoujipeizhi:before { content: "\ea40"; } .icon-xiangmufenxi:before { content: "\ea41"; } .icon-huiyiguanli:before { content: "\ea42"; } .icon-ribaoguanli:before { content: "\ea43"; } .icon-jiaosefenpei:before { content: "\ea45"; } .icon-shouye:before { content: "\ea46"; } /*! * my custom css * * */ .bg-primary { background-color: #b40606; } .bg-secondary { background-color: #6c757d; } .bg-success { background-color: #28a745; } .bg-info { background-color: #17a2b8; } .bg-warning { background-color: #ffc107; } .bg-danger { background-color: #dc3545; } .bg-light { background-color: #f8f9fa; } .bg-dark { background-color: #343a40; } .bg-gray1 { background-color: #f8f9fa; } .bg-gray2 { background-color: #e9ecef; } .bg-gray3 { background-color: #dee2e6; } .bg-gray4 { background-color: #ced4da; } .bg-gray5 { background-color: #adb5bd; } .bg-gray6 { background-color: #6c757d; } .bg-gray7 { background-color: #495057; } .bg-gray8 { background-color: #343a40; } .bg-gray9 { background-color: #212529; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid red; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .fz12 { font-size: 12px !important; } .fz14 { font-size: 14px !important; } .fz16 { font-size: 16px !important; } .fz18 { font-size: 18px !important; } .fz20 { font-size: 20px !important; } .fz22 { font-size: 22px !important; } .fz24 { font-size: 24px !important; } .fz26 { font-size: 26px !important; } .fz28 { font-size: 28px !important; } .fz30 { font-size: 30px !important; } .fz32 { font-size: 32px !important; } .fz36 { font-size: 36px !important; } .fz38 { font-size: 38px !important; } .fz40 { font-size: 40px !important; } .fw { font-weight: bold; } .pos-static { position: static !important; } .pos-r { position: relative !important; } .pos-a { position: absolute !important; } .pos-f { position: fixed !important; } .pos-sticky { position: static !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .fixed-left { position: fixed; left: 0; top: 0; bottom: 0; z-index: 1030; } .fixed-right { position: fixed; right: 0; bottom: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .w16 { width: 16.6666666667% !important; } .w20 { width: 20% !important; } .w25 { width: 25% !important; } .w33 { width: 33.333333% !important; } .w50 { width: 50% !important; } .w60 { width: 60% !important; } .w75 { width: 75% !important; } .w80 { width: 80% !important; } .w100 { width: 100% !important; } .h16 { height: 16.6666666667% !important; } .h20 { height: 20% !important; } .h25 { height: 25% !important; } .h33 { height: 33.333333% !important; } .h50 { height: 50% !important; } .h60 { height: 60% !important; } .h75 { height: 75% !important; } .h80 { height: 80% !important; } .h100 { height: 100% !important; } .mw100 { max-width: 100% !important; } .mh100 { max-height: 100% !important; } .t1 { top: 1px !important; } .r1 { right: 1px !important; } .b1 { bottom: 1px !important; } .l1 { left: 1px !important; } .m1 { margin: 1px !important; } .mt1 { margin-top: 1px !important; } .mr1 { margin-right: 1px !important; } .mb1 { margin-bottom: 1px !important; } .ml1 { margin-left: 1px !important; } .t5 { top: 5px !important; } .r5 { right: 5px !important; } .b5 { bottom: 5px !important; } .l5 { left: 5px !important; } .m5 { margin: 5px !important; } .mt5 { margin-top: 5px !important; } .mr5 { margin-right: 5px !important; } .mb5 { margin-bottom: 5px !important; } .ml5 { margin-left: 5px !important; } .t10 { top: 10px !important; } .r10 { right: 10px !important; } .b10 { bottom: 10px !important; } .l10 { left: 10px !important; } .m10 { margin: 10px !important; } .mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; } .t15 { top: 15px !important; } .r15 { right: 15px !important; } .b15 { bottom: 15px !important; } .l15 { left: 15px !important; } .m15 { margin: 15px !important; } .mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; } .t20 { top: 20px !important; } .r20 { right: 20px !important; } .b20 { bottom: 20px !important; } .l20 { left: 20px !important; } .m20 { margin: 20px !important; } .mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; } .t25 { top: 25px !important; } .r25 { right: 25px !important; } .b25 { bottom: 25px !important; } .l25 { left: 25px !important; } .m25 { margin: 25px !important; } .mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; } .t30 { top: 30px !important; } .r30 { right: 30px !important; } .b30 { bottom: 30px !important; } .l30 { left: 30px !important; } .m30 { margin: 30px !important; } .mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; } .t35 { top: 35px !important; } .r35 { right: 35px !important; } .b35 { bottom: 35px !important; } .l35 { left: 35px !important; } .m35 { margin: 35px !important; } .mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; } .t40 { top: 40px !important; } .r40 { right: 40px !important; } .b40 { bottom: 40px !important; } .l40 { left: 40px !important; } .m40 { margin: 40px !important; } .mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; } .t50 { top: 50px !important; } .r50 { right: 50px !important; } .b50 { bottom: 50px !important; } .l50 { left: 50px !important; } .m50 { margin: 50px !important; } .mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; } .t60 { top: 60px !important; } .r60 { right: 60px !important; } .b60 { bottom: 60px !important; } .l60 { left: 60px !important; } .m60 { margin: 60px !important; } .mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; } .t70 { top: 70px !important; } .r70 { right: 70px !important; } .b70 { bottom: 70px !important; } .l70 { left: 70px !important; } .m70 { margin: 70px !important; } .mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; } .t80 { top: 80px !important; } .r80 { right: 80px !important; } .b80 { bottom: 80px !important; } .l80 { left: 80px !important; } .m80 { margin: 80px !important; } .mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; } .t90 { top: 90px !important; } .r90 { right: 90px !important; } .b90 { bottom: 90px !important; } .l90 { left: 90px !important; } .m90 { margin: 90px !important; } .mt90 { margin-top: 90px !important; } .mr90 { margin-right: 90px !important; } .mb90 { margin-bottom: 90px !important; } .ml90 { margin-left: 90px !important; } .t100 { top: 100px !important; } .r100 { right: 100px !important; } .b100 { bottom: 100px !important; } .l100 { left: 100px !important; } .m100 { margin: 100px !important; } .mt100 { margin-top: 100px !important; } .mr100 { margin-right: 100px !important; } .mb100 { margin-bottom: 100px !important; } .ml100 { margin-left: 100px !important; } .t110 { top: 110px !important; } .r110 { right: 110px !important; } .b110 { bottom: 110px !important; } .l110 { left: 110px !important; } .m110 { margin: 110px !important; } .mt110 { margin-top: 110px !important; } .mr110 { margin-right: 110px !important; } .mb110 { margin-bottom: 110px !important; } .ml110 { margin-left: 110px !important; } .t120 { top: 120px !important; } .r120 { right: 120px !important; } .b120 { bottom: 120px !important; } .l120 { left: 120px !important; } .m120 { margin: 120px !important; } .mt120 { margin-top: 120px !important; } .mr120 { margin-right: 120px !important; } .mb120 { margin-bottom: 120px !important; } .ml120 { margin-left: 120px !important; } .t0 { top: 0 !important; } .r0 { right: 0 !important; } .b0 { bottom: 0 !important; } .l0 { left: 0 !important; } .m0 { margin: 0 !important; } .mt0 { margin-top: 0 !important; } .mr0 { margin-right: 0 !important; } .mb0 { margin-bottom: 0 !important; } .ml0 { margin-left: 0 !important; } .t1 { top: 1px !important; } .r1 { right: 1px !important; } .b1 { bottom: 1px !important; } .l1 { left: 1px !important; } .p1 { padding: 1px !important; } .pt1 { padding-top: 1px !important; } .pr1 { padding-right: 1px !important; } .pb1 { padding-bottom: 1px !important; } .pl1 { padding-left: 1px !important; } .t5 { top: 5px !important; } .r5 { right: 5px !important; } .b5 { bottom: 5px !important; } .l5 { left: 5px !important; } .p5 { padding: 5px !important; } .pt5 { padding-top: 5px !important; } .pr5 { padding-right: 5px !important; } .pb5 { padding-bottom: 5px !important; } .pl5 { padding-left: 5px !important; } .t10 { top: 10px !important; } .r10 { right: 10px !important; } .b10 { bottom: 10px !important; } .l10 { left: 10px !important; } .p10 { padding: 10px !important; } .pt10 { padding-top: 10px !important; } .pr10 { padding-right: 10px !important; } .pb10 { padding-bottom: 10px !important; } .pl10 { padding-left: 10px !important; } .t15 { top: 15px !important; } .r15 { right: 15px !important; } .b15 { bottom: 15px !important; } .l15 { left: 15px !important; } .p15 { padding: 15px !important; } .pt15 { padding-top: 15px !important; } .pr15 { padding-right: 15px !important; } .pb15 { padding-bottom: 15px !important; } .pl15 { padding-left: 15px !important; } .t20 { top: 20px !important; } .r20 { right: 20px !important; } .b20 { bottom: 20px !important; } .l20 { left: 20px !important; } .p20 { padding: 20px !important; } .pt20 { padding-top: 20px !important; } .pr20 { padding-right: 20px !important; } .pb20 { padding-bottom: 20px !important; } .pl20 { padding-left: 20px !important; } .t25 { top: 25px !important; } .r25 { right: 25px !important; } .b25 { bottom: 25px !important; } .l25 { left: 25px !important; } .p25 { padding: 25px !important; } .pt25 { padding-top: 25px !important; } .pr25 { padding-right: 25px !important; } .pb25 { padding-bottom: 25px !important; } .pl25 { padding-left: 25px !important; } .t30 { top: 30px !important; } .r30 { right: 30px !important; } .b30 { bottom: 30px !important; } .l30 { left: 30px !important; } .p30 { padding: 30px !important; } .pt30 { padding-top: 30px !important; } .pr30 { padding-right: 30px !important; } .pb30 { padding-bottom: 30px !important; } .pl30 { padding-left: 30px !important; } .t35 { top: 35px !important; } .r35 { right: 35px !important; } .b35 { bottom: 35px !important; } .l35 { left: 35px !important; } .p35 { padding: 35px !important; } .pt35 { padding-top: 35px !important; } .pr35 { padding-right: 35px !important; } .pb35 { padding-bottom: 35px !important; } .pl35 { padding-left: 35px !important; } .t40 { top: 40px !important; } .r40 { right: 40px !important; } .b40 { bottom: 40px !important; } .l40 { left: 40px !important; } .p40 { padding: 40px !important; } .pt40 { padding-top: 40px !important; } .pr40 { padding-right: 40px !important; } .pb40 { padding-bottom: 40px !important; } .pl40 { padding-left: 40px !important; } .t50 { top: 50px !important; } .r50 { right: 50px !important; } .b50 { bottom: 50px !important; } .l50 { left: 50px !important; } .p50 { padding: 50px !important; } .pt50 { padding-top: 50px !important; } .pr50 { padding-right: 50px !important; } .pb50 { padding-bottom: 50px !important; } .pl50 { padding-left: 50px !important; } .t60 { top: 60px !important; } .r60 { right: 60px !important; } .b60 { bottom: 60px !important; } .l60 { left: 60px !important; } .p60 { padding: 60px !important; } .pt60 { padding-top: 60px !important; } .pr60 { padding-right: 60px !important; } .pb60 { padding-bottom: 60px !important; } .pl60 { padding-left: 60px !important; } .t70 { top: 70px !important; } .r70 { right: 70px !important; } .b70 { bottom: 70px !important; } .l70 { left: 70px !important; } .p70 { padding: 70px !important; } .pt70 { padding-top: 70px !important; } .pr70 { padding-right: 70px !important; } .pb70 { padding-bottom: 70px !important; } .pl70 { padding-left: 70px !important; } .t80 { top: 80px !important; } .r80 { right: 80px !important; } .b80 { bottom: 80px !important; } .l80 { left: 80px !important; } .p80 { padding: 80px !important; } .pt80 { padding-top: 80px !important; } .pr80 { padding-right: 80px !important; } .pb80 { padding-bottom: 80px !important; } .pl80 { padding-left: 80px !important; } .t90 { top: 90px !important; } .r90 { right: 90px !important; } .b90 { bottom: 90px !important; } .l90 { left: 90px !important; } .p90 { padding: 90px !important; } .pt90 { padding-top: 90px !important; } .pr90 { padding-right: 90px !important; } .pb90 { padding-bottom: 90px !important; } .pl90 { padding-left: 90px !important; } .t100 { top: 100px !important; } .r100 { right: 100px !important; } .b100 { bottom: 100px !important; } .l100 { left: 100px !important; } .p100 { padding: 100px !important; } .pt100 { padding-top: 100px !important; } .pr100 { padding-right: 100px !important; } .pb100 { padding-bottom: 100px !important; } .pl100 { padding-left: 100px !important; } .t110 { top: 110px !important; } .r110 { right: 110px !important; } .b110 { bottom: 110px !important; } .l110 { left: 110px !important; } .p110 { padding: 110px !important; } .pt110 { padding-top: 110px !important; } .pr110 { padding-right: 110px !important; } .pb110 { padding-bottom: 110px !important; } .pl110 { padding-left: 110px !important; } .t120 { top: 120px !important; } .r120 { right: 120px !important; } .b120 { bottom: 120px !important; } .l120 { left: 120px !important; } .p120 { padding: 120px !important; } .pt120 { padding-top: 120px !important; } .pr120 { padding-right: 120px !important; } .pb120 { padding-bottom: 120px !important; } .pl120 { padding-left: 120px !important; } .t0 { top: 0 !important; } .r0 { right: 0 !important; } .b0 { bottom: 0 !important; } .l0 { left: 0 !important; } .p0 { padding: 0 !important; } .pt0 { padding-top: 0 !important; } .pr0 { padding-right: 0 !important; } .pb0 { padding-bottom: 0 !important; } .pl0 { padding-left: 0 !important; } .m-auto { margin: auto !important; } .mt-auto, .mr-auto, .mb-auto, .ml-auto, .mx-auto { margin-left: auto !important; } i, em { font-style: normal; } .text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .text-overflow-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .fl { float: left !important; } .fr { float: right !important; } .fn { float: none !important; } .lh16 { line-height: 1.6; } .lh2 { line-height: 2; } .lh24 { line-height: 2.4; } .lh26 { line-height: 2.6; } .lh3 { line-height: 3; } .tin2 { text-indent: 2em; } .hide { display: none !important; } .show { display: block !important; } .dib { display: inline-block; } .db { display: block; } .vam { vertical-align: middle !important; } .t-left { text-align: left !important; } .t-right { text-align: right !important; } .t-center { text-align: center !important; } .t-lowercase { text-transform: lowercase !important; } .t-uppercase { text-transform: uppercase !important; } .t-capitalize { text-transform: capitalize !important; } .fwn { font-weight: normal !important; } .fwb { font-weight: bold !important; } .oh { overflow: hidden; } .vim { vertical-align: middle; } .img-auto { max-width: initial; } .t-white { color: #fff !important; } .t-primary { color: #b40606; } .t-secondary { color: #6c757d; } .t-success { color: #28a745; } .t-info { color: #17a2b8; } .t-warning { color: #ffc107; } .t-danger { color: #dc3545; } .t-light { color: #f8f9fa; } .t-dark { color: #343a40; } .t-gray1 { color: #f8f9fa; } .t-gray2 { color: #e9ecef; } .t-gray3 { color: #dee2e6; } .t-gray4 { color: #ced4da; } .t-gray5 { color: #adb5bd; } .t-gray6 { color: #6c757d; } .t-gray7 { color: #495057; } .t-gray8 { color: #343a40; } .t-gray9 { color: #212529; } .bgf9 { background: #f9f9f9; } .t-666 { color: #666666; } .t-999 { color: #999999; } .w-16 { width: 16.6666666667% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-33 { width: 33.333333% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-100 { width: 100% !important; } .h-16 { height: 16.6666666667% !important; } .h-20 { height: 20% !important; } .h-25 { height: 25% !important; } .h-33 { height: 33.333333% !important; } .h-50 { height: 50% !important; } .h-60 { height: 60% !important; } .h-75 { height: 75% !important; } .h-80 { height: 80% !important; } .h-100 { height: 100% !important; } .w-auto { width: auto !important; } .h-auto { height: auto !important; } .mw-auto { max-width: inherit; } .plr10 { padding-left: 10px; padding-right: 10px; } .plr15 { padding-left: 15px; padding-right: 15px; } .plr20 { padding-left: 20px; padding-right: 20px; } .plr25 { padding-left: 25px; padding-right: 25px; } .plr30 { padding-left: 30px; padding-right: 30px; } .ptb5 { padding-top: 5px; padding-bottom: 5px; } .ptb10 { padding-top: 10px; padding-bottom: 10px; } .cp { cursor: pointer; } .btn-text { border: 0 !important; background: none; } .nobg { background: none !important; } .clearfix::after { display: block; content: ""; clear: both; } .msg { line-height: 2; } .msg-intro { color: #666; } .msg-intro span { /*width: 80px;*/ display: inline-block; /*text-align: right;*/ } .msg-intro a { color: #666; } .msg-content { min-height: 400px; font-size: 16px; } .msg-content img { margin: 0 auto; display: block; } /* ============================================================================= HTML5 CSS Reset Minified - Eric Meyer ========================================================================== */ /* ============================================================================= My CSS ========================================================================== */ /* ---- base ---- */ canvas { display: block; vertical-align: bottom; } /* ---- stats.js ---- */ .count-particles { background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles { font-size: 1.1em; } #stats, .count-particles { -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats { border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles { border-radius: 0 0 3px 3px; } /* ---- particles.js container ---- */ #particles-js { width: 100%; background-color: #b40606; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } @media screen and (max-width: 768px) { .page2-banner { height: 200px; } } @media screen and (min-width: 992px) { .page2-banner { height: 300px; } } @media screen and (min-width: 1400px) { .page2-banner { height: 450px; } } .t-orange { color: #ff844e; } .t-primary2 { color: #116db8; } body { font-size: 16px; background: #f9f9f9; } a { color: #333; text-decoration: none; } a:hover { color: #b40606; transition: .3s; } img { max-width: 100%; } .primary { color: #b40606; } .primary-light { color: #166cb2; } .bg-primary { background: #b40606; } .bg-gray { background: #a6afb5; } .t-gray { color: #a6afb5; } .bg-blackgold { background: #d9a178; } .t-blackgold { color: #d9a178; } .t-justify { text-align: justify !important; } .fz36 { font-size: 36px; } .bgf9 { background: #f9f9f9; } .head { background: #b40606; } .search { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; /*background: #fff;*/ } .search-box { display: none; flex-basis: 100%; } .search #search-btn { width: 38px; border: 0; background: 0; font-size: 20px; color: #ffffff; } .search-input { height: 38px; flex: 1; /*i{ color: #eeeeee; position: relative; right: 10px; top: 7px; background: #ffffff; display: none; }*/ } .search-input input { border: 0; } .banner { overflow: hidden; } /*澶撮儴鎼滅储*/ .nav { /*flex: 1;*/ } .nav ul { display: flex; /*max-width:80%;*/ flex-flow: column; justify-content: center; text-align: center; /*padding: 0 10px;*/ } .nav ul li { background: #f0f0f0; border-top: 1px solid #e0e0e0; line-height: 50px; } .nav ul li a { font-size: 18px; color: #666; white-space: nowrap; } .flex { display: flex; } .f-y-center { align-items: center; } .f-x-center { justify-content: center; } .f-x-between { justify-content: space-between; } .f-x-around { justify-content: space-around; } .f-x-evenly { justify-content: space-evenly; } .f-flow { flex-flow: column; } .flex1 { flex: 1; } .flex-center { align-items: center; justify-content: center; } .f-shrink-0 { flex-shrink: 0; } .news-list li { padding-left: 20px; overflow: hidden; line-height: 3.6; } .news-list li a { float: left; max-width: 76%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news-list li span { float: right; color: #999999; padding-right: 10px; } .news-list li:hover { background: #f6f6f6; } .news-list-date a { margin-top: 26px; } .news-list-date a:hover { box-shadow: 0 1px 8px #ccc; } .news-list-date a:hover .time { background: #b40606; color: #ffffff; } .news-list-date .time { display: flex; align-items: center; justify-content: center; flex-flow: column; padding: 20px; margin-right: 20px; background: #f8f8f8; } .news-list-pic a { overflow: hidden; padding: 30px; margin-top: 30px; background: #fff; display: flex; } .news-list-pic a .img { display: flex; align-items: center; justify-content: center; width: 390px; height: 195px; margin-right: 45px; overflow: hidden; } .news-list-pic a .text { flex: 1; } .news-list-pic a .text .title { font-size: 22px; font-weight: bold; padding-bottom: 20px; margin-top: 10px; /*color: #333;*/ } .news-list-pic a .text .intro { font-size: 18px; color: #999; line-height: 1.6; text-align: justify !important; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-list-pic a .text .date { color: #999999; margin-top: 15px; display: inline-block; } .news-list-pic a:hover .img img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: .5s; } .news-list-video { margin-top: 1px; } .news-list-video li { text-align: center; } .news-list-video .img { display: flex; align-items: center; justify-content: center; /*width : 390px;*/ height: 310px; overflow: hidden; } .news-list-video .img img { height: 100%; width: 100%; } .news-list-video-text { padding: 15px; line-height: 2; } .news-list-video a { background: #ffffff; display: block; } .news-list-video a p { font-size: 18px; font-weight: bold; } .news-list-video a span { display: inline-block; color: #999999; } .news-list-video a:hover .img img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition: .5s; } .tab1 { margin: 40px 0 0; } .tab1 .layui-tab-title { width: 100%; text-align: right; line-height: 2; border-bottom: 0; } .tab1 .layui-tab-title li { padding: 0; font-size: 18px; font-weight: bold; margin: 0 40px; } .tab1 .layui-tab-title li a { color: #a6afb5; } .tab1 .layui-tab-title .layui-this a { color: #b40606; } .tab1 .layui-tab-title .layui-this:after { border: 0; border-bottom: 4px solid #b40606; bottom: 0; top: inherit; width: 50%; left: 25%; } #banner ul li { text-align: center; } #banner ul li img { width: 100%; height: 100%; } #banner .layui-carousel-ind { top: -32px; text-align: right; } #banner .layui-carousel-ind ul { background: none; } #banner .layui-carousel-ind li { width: 16px; height: 16px; margin: 0 5px; background: #eee; } #banner .layui-carousel-ind .layui-this { background: #b40606; } /* 鏈緥瀛恈ss */ .slideBox { /*width:450px; height:230px;*/ overflow: hidden; position: relative; /*border:1px solid #ddd; */ } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .slideBox .hd ul li.on { background: #f00; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { /*width:450px; height:230px;*/ display: block; /*width: 100%;*/ margin: 0 auto; /*max-height: 690px;*/ } /* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙 */ .slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } .slideBox .next { left: auto; right: 3%; background-position: 8px 5px; } .slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slideBox .prevStop { display: none; } .slideBox .nextStop { display: none; } .i-video { /*margin-top: -300px;*/ position: fixed; right: 0; bottom: 0; z-index: 9999; display: none; } .i-group-bg { background: #c82d14 url("../images/i-group-bg-red.png") no-repeat center center; } .i-industry-title p { font-size: 30px; font-weight: bold; color: #ffffff; } .i-industry-title span { font-size: 36px; line-height: 1.06; font-weight: 300; color: #fff; text-transform: uppercase; } .q-link-nav-item { text-align: center; position: relative; overflow: hidden; padding-bottom: 30px; color: #ea634d; /*margin-left: 75px;*/ cursor: pointer; } .q-link-nav-item .iconfont { font-size: 35px; } .q-link-nav-item p { width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: rgba(0, 0, 0, 0.2); margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .q-link-nav-item span { font-size: 18px; font-weight: bold; color: #ffffff; } .q-link-nav-item:hover { color: #d9a178; } .q-link-nav-item:hover p { background: #d9a178; } .q-link-nav-item:hover .iconfont { color: #ffffff; } .q-link-nav-item:hover:after { display: block; } .q-link-con { display: none; background: url(../images/q-link-con-bg-red.jpg) no-repeat right bottom; } .q-link-con-item { height: 404px; padding: 40px; display: none; } .q-link-con-item-pic { width: 650px; height: 393px; } .q-link-con-item-pic:hover { transform: scale(1.21, 1.21); transition: 1s; } .q-link-con-item-en { font-size: 36px; color: #b40606; font-weight: 300; } .q-link-con-item-intro { margin-top: 25px; padding-top: 35px; text-indent: 2em; line-height: 1.6; position: relative; text-align: justify !important; } .q-link-con-item-intro:before { position: absolute; left: 0; top: 0; content: ''; width: 67px; height: 9px; background: #b40606; } .q-link-con-item.on { display: block; } .page-lv2-head { height: 270px; background: #b40606 url("../images/subbanner-about.jpg") no-repeat center 0; } #news { background: #b40606 url("../images/subbanner-news.jpg") no-repeat center 0; } .tab-spacial li { width: 32%; margin-left: 2%; display: block; float: left; margin-bottom: 15px; overflow: hidden; } .tab-spacial li:nth-child(3n+1) { margin-left: 0; } .tab-spacial a img { width: 100%; height: 120px; } .special { overflow: hidden; position: relative; } .special .prev, .special .next { display: block; overflow: hidden; cursor: pointer; position: absolute; height: 22px; line-height: 22px; width: 22px; text-align: center; bottom: 30px; right: 0; background: #a6afb5; color: #ffffff; } .special .prev:hover, .special .next:hover { background: #b40606; } .special .prev { right: 40px; } .special .next { /*left: auto; right : 0;*/ } .special .bd { overflow: hidden; } .special .bd ul { overflow: hidden; zoom: 1; } .special .bd ul li { margin: 0 15px 0 0; float: left; _display: inline; overflow: hidden; text-align: center; } .special .bd ul li img { width: 100%; height: 100%; display: block; min-width: 200px; } .sub-nav { display: flex; flex-wrap: wrap; } .sub-nav a { padding-bottom: 12px; font-size: 18px; font-weight: bold; margin: 10px 50px; position: relative; } .sub-nav a.on, .sub-nav a:hover { color: #b40606; } .sub-nav a.on:after, .sub-nav a:hover:after { content: ''; width: 60%; height: 3px; background: #b40606; position: absolute; left: 20%; bottom: 0; } /*foot*/ .footbg { padding-bottom: 20px; margin-top: 20px; background: #474a4f url(../images/foot-bg.png) no-repeat center 0; background-size: cover; } .foot { padding-top: 20px; color: #fff; } .foot a { color: #fff; } .foot-hr { border-top: 1px solid #8e0600 !important; border-bottom: 1px solid #f44239 !important; } .footbg2 { background: #b40606 url("../images/foot-ball-red.png") no-repeat 24% 0; } .foot-form { margin-top: 10px; } .foot-form .layui-form-select .layui-input { background: 0; border: 0; border-bottom: 1px solid #ccc; color: #fff; } .foot-form .layui-form-select dl dd.layui-this { background: #b40606; } .foot-nav dl dt { font-size: 18px; font-weight: bold; color: #ffffff; } .foot-nav dl dt a { color: #ffffff; } .foot-qrcode { position: relative; display: inline-block; } .foot-qrcode .wx-qrcode { display: none; text-align: center; position: absolute; padding-top: 55px; top: 0; left: -43px; } .foot-qrcode .wx-qrcode img { max-width: initial; width: 130px; margin-bottom: 8px; display: inline-block; } .foot-qrcode:hover .wx-qrcode { display: block; } .crumbs { overflow: hidden; height: 60px; line-height: 60px; background: #eee; text-indent: 1em; } .title1 { height: 60px; line-height: 60px; border-left: 6px solid #b40606; text-indent: 1em; background: #eee; } .title1 a { color: #b40606; } .title1 .more { float: right; font-size: 14px; color: #666666; margin-right: 20px; } .red { color: #e30104; } .msg-intro { color: #999999; } .msg-intro a { color: #999999; } .msg-intro a:hover { color: #b40606; transition: .3s; } .msg-content { line-height: 2; padding-top: 30px; font-size: 16px; } .msg-content p { text-indent: 2rem; padding-bottom: 20px; text-align: justify; } .msg-content img { max-width: 100% !important; } .nav-xs { display: none; } .toutiao { height: 200px; margin-top: -100px; overflow: hidden; } .toutiao .swiper-slide { height: 200px; } .toutiao-more { flex-shrink: 0; } .i-about { padding-right: 150px; min-height: 250px; } .i-about-intro { text-align: justify !important; } .i-about-bg { background: #fff url(../images/about-bg.jpg) no-repeat right 0; } .i-about-bg-pic { /*&:hover{ transform: scale(1.1); transition: .8s; }*/ } .i-about-bg2 { background: #b40606 url("../images/i-about-bg-red.png") no-repeat center 0; } .i-about-bg2-box { height: 610px !important; } .i-about-bg2-box .particles-js-canvas-el { display: none; } .i-about-item { color: #ffffff; text-align: center; } .i-about-item-icon { width: 68px; height: 68px; border: 3px solid #fff; border-radius: 50%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin: 0 auto; position: relative; } .i-about-item-icon i { font-size: 40px; } .i-about-item-title { font-size: 24px; margin-top: 20px; padding-top: 20px; position: relative; } .i-about-item-title:after { content: ''; position: absolute; left: 50%; margin-left: -13px; top: 0; width: 26px; height: 4px; background: #d9a178; } .i-about-item-text { margin-top: 20px; line-height: 2; font-weight: bold; font-size: 18px; } .i-about-item-text span { display: inline-block; margin: 0 5px; } .i-about-link { max-width: 75%; margin: 30px auto 0; } .i-about-link a { font-size: 18px; background: #fff; padding: 15px 30px; } .i-1363 { padding-right: 150px; min-height: 250px; } .i-1363-intro { text-align: justify !important; } .i-1363-bg { background: #fff url(../images/about-bg.jpg) no-repeat right 0; } .i-1363-bg-pic { /*&:hover{ transform: scale(1.1); transition: .8s; }*/ } .i-1363-bg2 { background: #9c130d url("../images/1363-bg1.jpg") no-repeat center 0; height: 100%; } .i-1363-bg2 .i-title-white { margin-top: 50px; } .i-1363-bg2 .i-title-text p { color: #ffe6d4; align-items: baseline; } .i-1363-bg2 .i-title-text p em { font-family: 'fantasy','iconfont'; } .i-1363-bg2 .i-title-text p span { font-size: 36px; margin-left: 15px; color: #fff; } .i-1363-bg2 .i-title-text span { color: #ffe6d4; } .i-1363-bg2-box { height: 524px !important; } .i-1363-bg2-box .particles-js-canvas-el { display: none; } .i-1363-item { color: #ffffff; text-align: center; } .i-1363-item-title { font-size: 18px; font-weight: bold; display: flex; align-items: baseline; justify-content: center; position: relative; } .i-1363-item-title span { font-size: 72px; color: #eeb890; font-family: 'fantasy','iconfont'; } .i-1363-item-text { margin-top: 20px; line-height: 2; font-weight: bold; font-size: 18px; } .i-1363-item-text span { display: inline-block; margin: 0 5px; } .i-1363-link { max-width: 75%; margin: 30px auto 0; } .i-1363-link a { font-size: 18px; background: #fff; padding: 15px 30px; } .i-subsidiary { margin-top: 50px; padding-bottom: 45px; } .i-subsidiary-company { margin: 0 15px !important; } .i-subsidiary-company a { background: #fff; display: block; font-size: 16px; /*text-align: center;*/ text-indent: 1em; } .i-subsidiary-company a:hover { background: #d9a178; color: #ffffff; } .i-group-title { margin-top: 40px; } .i-dj { display: none; } .i-dj-container { padding: 15px; } .my-hide { display: none; } .timeline-md { width: 1200px; margin: 0 auto; height: 302px; /*overflow:hidden;*/ position: relative; /* border:1px solid #ccc;*/ } .timeline-md:before { content: ''; width: 100%; height: 2px; background: #999; position: absolute; top: 152px; /*margin-top: -1px;*/ } .timeline-md .prev, .timeline-md .next { display: block; overflow: hidden; color: #999; cursor: pointer; font-size: 40px; width: 46px; height: 46px; position: absolute; z-index: 99; top: 50%; margin-top: -20px; left: -70px; } .timeline-md .next { left: auto; right: -80px; } .timeline-md .bd { width: 1200px; padding: 10px; overflow: hidden; } .timeline-md .bd ul { overflow: hidden; zoom: 1; height: 300px; } .timeline-md .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; height: 160px; padding-left: 60px; background: url("../images/aboutLine2.png") no-repeat 0 15px; } .timeline-md .bd ul li:nth-child(odd) { margin-top: 137px; padding-top: 30px; background: url("../images/aboutLine.png") no-repeat 0 0; } .timeline-md .bd ul li p { font-size: 34px; color: #666; margin-bottom: 10px; } .timeline-md .bd ul li span { font-size: 14px; line-height: 1.5; width: 300px; color: #666; display: inline-block; max-height: 80px; overflow: hidden; } .timeline-xs { width: 80%; margin: 0 auto; position: relative; } .timeline-xs .prev, .timeline-xs .next { display: block; overflow: hidden; color: #999; cursor: pointer; font-size: 40px; width: 46px; height: 46px; position: absolute; z-index: 99; top: 50%; margin-top: -20px; left: -30px; } .timeline-xs .next { left: auto; right: -30px; } .timeline-xs .bd { width: 80%; /*padding: 10px;*/ overflow: hidden; margin: 0 auto; } .timeline-xs .bd ul { overflow: hidden; zoom: 1; } .timeline-xs .bd ul li { margin: 0 8px; float: left; _display: inline; overflow: hidden; } .timeline-xs .bd ul li p { font-size: 34px; color: #666; } .timeline-xs .bd ul li span { font-size: 14px; line-height: 1.5; width: 300px; color: #666; } .timeline-xs-swiper p { font-size: 24px; color: #d9a178; } .leader-box { width: 80%; margin: 0 auto; } .leader-intro { top: 30%; left: 68%; } .leader-intro strong { font-size: 30px; } .leader-intro p { font-size: 18px; } .leader-list { margin: 0 auto; } .leader-list a { padding-top: 40px; } .leader-list a img { display: block; margin: 0 auto; } .leader-list a span { font-size: 20px; color: #f6a200; display: inline-block; margin: 0 0 10px; font-weight: bold; } .leader-list a p { min-height: 60px; line-height: 1.6; color: #666666; margin-top: 1rem; } .contact .layui-container { width: 100%; } .contact-info li { margin-top: 20px; font-size: 18px; display: flex; align-items: center; } .contact-info i { width: 45px; height: 45px; border: 1px solid #aaa; display: inline-block; border-radius: 5px; font-size: 24px; color: #666; vertical-align: middle; margin-right: 20px; text-align: center; } .contact-info p { flex: 1; } .contact-company-list .bg-white { padding: 30px; } .contact-company-list .title { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .contact-company-list p { line-height: 1.6; font-size: 18px; } #i-about { /*height: 524px;*/ padding-top: 150px; box-sizing: border-box; padding-bottom: 60px; } #i-about .bd li { padding: 0 10px; } .ebook img { width: 100%; } .ebook img:hover { transform: scale(1.1, 1.1); transition: .3s; } .ebook .reading { color: #f6a200; } .ebook p { border: 1px solid #ccc; display: flex; justify-content: space-between; padding: 8px 15px; margin-top: 15px; } .about-jianjie p { text-align: justify !important; } .about-intro { background: url("../images/about-bg.jpg") no-repeat center center; } .about-1363 .i-1363-bg2 { background: url("../images/1363-bg2.jpg") no-repeat center bottom; } .about-1363 .i-1363-bg2 .i-title-text p { color: #b40606; } .about-1363 .i-1363-bg2 .i-title-text p em { font-size: 60px; } .about-1363 .i-1363-bg2 .i-title-text p span { color: initial; } .about-1363 .i-1363-item { color: #666666; } .about-1363 .i-1363-item-text { font-weight: normal; } .about-1363 .i-1363-item-title span { color: #b40606; } .about-1363 #i-1363-sm { height: auto; padding: 0 0 30px; background: url("../images/1363-bg2.jpg") no-repeat center bottom; } .about-1363 #i-1363-sm .i-title-text p { color: #b40606; } .about-1363 #i-1363-sm .i-title-text p em { font-size: 30px; color: #b40606; } .about-1363 #i-1363-sm .i-title-text p span { color: initial; } #i-about-sm { height: 220px; padding: 20px 0; background: #b40606 url(../images/i-about-bg-red.png) no-repeat center 0; background-size: cover; } #i-about-sm .slideBox { margin-top: 16px; } #i-1363-sm { height: 250px; padding: 20px 0; background: #b40606 url(../images/1363-bg1.jpg) no-repeat center 0; background-size: cover; } #i-1363-sm .i-title-white { background: url("../images/i-title-white-red.png") no-repeat center 0; background-size: auto 40px; } #i-1363-sm .i-title-white p i { background: #ffffff; } #i-1363-sm .i-title-text p { align-items: baseline; } #i-1363-sm .i-title-text p em { font-family: 'fantasy','iconfont'; font-size: 24px; color: #ffe6d4; } #i-1363-sm .i-title-text p span { font-size: 18px; margin-left: 10px; color: #ffffff; } #i-1363-sm .i-title-text span { color: #ffe6d4; } #i-1363-sm .i-1363-item-text { margin-top: 10px; } .i-special { padding-top: 30px; } .i-special-title p { font-size: 30px; font-weight: bold; color: #b40606; } .i-special-title span { font-size: 30px; color: #a6afb5; text-transform: uppercase; } .i-special-title:hover { animation: bounce; animation-duration: 1.3s; /*cursor: pointer;*/ } .page2-main { padding: 60px 0; } .page2-banner { position: relative; background: #b40606; color: #ffffff; display: flex; align-items: center; justify-content: center; } .page2-banner img { display: block; margin: 0 auto; } .page2-banner-text { position: absolute; display: flex; flex-flow: column; align-items: center; justify-content: center; top: 43%; } .page2-banner-text p { font-size: 60px; font-weight: bold; } .page2-banner-text span { font-size: 36px; text-transform: uppercase; font-weight: 300; } .page2-container { width: 80%; margin: 0 auto; } .about-title { line-height: .9; font: bold 12px/.8 serif; } .about-title span { font-size: 48px; text-transform: uppercase; font-weight: 400; background-image: linear-gradient(#a6afb6, #fff); background-clip: text; -webkit-background-clip: text; color: transparent; } .about-title p { font-size: 30px; font-weight: bold; } .about-title p i { color: #b40606; position: relative; padding-bottom: 5px; } .about-title p i:after { content: ''; border-bottom: 3px solid #b40606; position: absolute; left: 0; top: 100%; width: 80%; } #history { padding: 60px 0; background: #fbfbfb url("../images/history-bg.jpg") no-repeat center bottom; } .event_box { /*width: 90%;*/ /*margin: 3% auto 0;*/ position: relative; min-height: 260px; } .event_box .parHd { width: 100%; display: inline-block; height: 92px; } .parHd ul { width: 100%; text-align: center; margin: 0 auto; height: auto; } .parHd .tempWrap { margin: 0 auto; } .parHd .tempWrap:after { content: ''; width: 85%; height: 2px; background: #d8a178; position: absolute; right: 8%; top: 50%; margin-top: -1px; z-index: 10; } .parHd li.no_line:before { display: none; } .parHd li { display: inline-block; cursor: pointer; font-size: 24px; color: #d8a178; margin: 0 20px; position: relative; height: 120px; } .parHd li:after { content: ''; background: #d8a178; border-radius: 50%; width: 24px; height: 24px; position: absolute; z-index: 20; top: 50%; margin-top: -12px; left: 50%; margin-left: -17px; } .parHd li.act { font-size: 36px; } .parHd li.act span { position: absolute; top: 80px; left: -33%; } .parHd li.act::before { content: ''; background: #fff; border: 2px solid #d8a178; border-radius: 50%; width: 38px; height: 38px; position: absolute; box-sizing: border-box; z-index: 20; top: 50%; margin-top: -19px; left: 50%; margin-left: -24px; } .parHd li.act:first-child span { left: -10%; } .parHd li.act:last-child span { left: -50%; } .parBd { text-align: center; margin-top: 30px; font-size: 18px; line-height: 1.6; } .event_box .sPrev, .event_box .sNext { width: 50px; height: 50px; display: block; position: absolute; top: 35px; cursor: pointer; } .event_box .sPrev { left: -50px; } .event_box .sNext { right: -50px; } .event_box .sPrev img, .event_box .sNext img { transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -moz-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); -o-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95); } .picNews-title { position: absolute; right: 30px; z-index: 2; width: 118px; height: 112px; background: #d9a178 url("../images/group-news-red.png") no-repeat center center; } .i-dynamic { margin-top: 20px; background: url("../images/i-dynamic-bg.jpg"); } .i-title1, .i-about-title2, .i-about-title, .i-industry-title, .q-link-con-item-en, .i-special-title, .foot-info span { font-family: "Times New Roman",Cambria,瀹嬩綋,serif; } #leader { padding: 50px 0; } .i-news-tab-content { padding: 0; } .msg-container { padding: 30px; } .msg-title { font-size: 24px; margin-top: 30px; } .about-sm-swiper { overflow: hidden; margin-top: 16px; } .i1363-sm-swiper { overflow: hidden; margin-top: 10px; } /*淇′欢鍒楄〃*/ .title2 { height: 40px; line-height: 40px; overflow: hidden; padding-bottom: 3px; border-bottom: 1px solid #d2d2d2; } .title2 span:first-of-type { border-left: 10px solid #b40606; display: inline-block; height: 25px; vertical-align: text-bottom; } .title2 a { display: inline-block; } .write-email label { width: 120px; text-align: right; margin-right: 10px; display: inline-block; } .write-email label span { padding-right: 5px; vertical-align: text-top; font-size: 24px; } .write-email input[type='text'], .write-email input[type='file'], .write-email textarea, .write-email select { width: 360px; background: #eeeeee; padding: 10px; border: 0; } .write-email select { padding: 10px 0; width: 380px; text-indent: 1em; } .write-email .form-group { margin-top: 20px; } .write-email .text-top label { vertical-align: top; } .write-email .w380 { width: 380px; } .write-email input[type='submit'], .write-email input[type='reset'] { background: #b40606; color: #ffffff; text-align: center; width: 157px; padding: 7px 10px; border: 0; } .write-email input[type='reset'] { margin-left: 60px; } .my-mail input, .my-mail textarea { background: #eeeeee; } .layui-table th, .layui-table td { font-size: 16px; } #x_email { background: #b40606; color: #ffffff; text-align: center; width: 157px; padding: 7px 10px; border: 0; } .slideTxtBox .bd ul { padding: 10px 0 0; zoom: 1; } .slideTxtBox .bd li { margin-left: 20px; line-height: 2.6; list-style: disc; color: #999; padding-right: 1%; } .slideTxtBox .bd li a { float: left; max-width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .slideTxtBox .bd li span { float: right; color: #999999; } /*淇′欢鍒楄〃缁撴潫*/ @media screen and (max-width: 768px) { body { background: #f2f2f2; } #history { padding: 30px 0; } #leader { padding: 30px 0; } .msg-container { padding: 4vw; } .msg-title { font-size: 4vw; margin-top: 0; } .head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .logo { padding-left: 30px; } .nav-xs { display: block; padding-right: 30px; /*padding-bottom: 10px; margin-top: 10px;*/ } #showNavBtn { padding: 0; } .nav { display: none; margin: 15px 0 0; flex-basis: 100%; } .nav ul { /*flex-flow: wrap;*/ /*padding-bottom: 15px;*/ } .nav ul li { /*line-height: 2;*/ /* min-width: 30%;*/ } .nav-lv2 { display: none; } .nav-lv2-box { display: flex; flex-wrap: wrap; justify-content: center; background: rgba(180, 6, 6, 0.1); } .nav-lv2-box a { margin: 0 10px; } .search-box { padding: 15px; background: #b40606; } .toutiao { margin-top: 0; height: 20px; /*border-left: 1px solid #333;*/ padding-left: 10px; } .toutiao-box { margin: 15px; background: #fff; padding: 10px; border-radius: 10px; } .toutiao-sm-bt { flex-shrink: 0; margin-right: 10px; } .toutiao-sm-bt img { width: 68px; } .toutiao-item { padding: 0; } .toutiao-title { font-size: 14px; font-weight: normal !important; } .toutiao-intro { margin: 10px 0; } .toutiao-sm-more { color: #ffffff; background: #a6afb5; text-align: center; display: inline-block; width: 20px; height: 20px; line-height: 20px; } .toutiao .swiper-slide { height: 20px; } .i-title { /*height: 35px;*/ text-align: center; } .i-title1 { /*margin-top: 40px;*/ background: url("../images/title1-red.png") no-repeat center 30%; background-size: auto 30px; } .i-title-text p { font-size: 16px; color: #b40606; font-weight: bold; display: flex; align-items: center; justify-content: center; } .i-title-text p i { display: inline-block; width: 5px; height: 5px; margin: 0 5px; background: #b40606; border-radius: 50%; } .i-title-text p em { font-size: 20px; } .i-title-text span { font-size: 12px; color: #a6afb5; letter-spacing: 3px; display: inline-block; opacity: .8; } .i-dynamic { background: 0; margin-top: 0; } .i-dynamic #picNews, .i-dynamic .i-tab1 { /*padding: 0 15px 15px;*/ padding: 0; } .i-dynamic-title { font-size: 18px; } .i-dynamic-text { margin-top: 15px; } .i-dynamic-intro { margin-top: 10px; margin-bottom: 20px; } .tab1 { margin-top: 0; } .tab1 .layui-tab-title { display: flex; justify-content: end; height: auto; width: auto; flex-wrap: wrap; background: #f8f8f8; border-radius: 15px 15px 0 0; } .tab1 .layui-tab-title li { margin: 0 10px 10px 0; padding-left: 10px; font-size: 14px; font-weight: normal; line-height: 1; min-width: auto; border-left: 1px solid #ccc; } .tab1 .layui-tab-title li a { color: #333333; } .tab1 .layui-tab-title li:first-child { border-left: 0; } .tab1 .layui-tab-title .layui-this:after { display: none; } .i-news-title { display: flex; align-items: center; justify-content: space-between; background: #f8f8f8; border-radius: 15px 15px 0 0; padding: 10px 25px; } .i-news-bt { position: relative; font-weight: bold; padding-bottom: 6px; flex-shrink: 0; } .i-news-bt:after { content: ''; position: absolute; left: 0; top: 100%; width: 2em; height: 3px; background: #b40606; } .i-news-tab { padding: 0 3.33vw; margin: 0 0 3.87vw; overflow: hidden; } .i-news-tab .swiper-slide { width: 85vw; } .i-news-tab .swiper-slide a { color: #ffffff; position: relative; display: block; box-sizing: border-box; height: 49.33vw; border-radius: 2.67vw; overflow: hidden; background: gainsboro; } .i-news-tab-item-more { text-align: right; position: absolute; right: 20px; top: 20px; } .i-news-tab-item-more span { font-size: 12px; } .i-news-tab-item-more em { width: 15px; height: 15px; display: inline-block; line-height: 15px; text-align: center; } .i-news-tab img { height: 100%; width: 100%; } .i-news-tab-title { display: flex; position: absolute; bottom: 10px; left: 20px; } .i-news-tab-intro { width: 66vw; } .i-news-tab-type { margin-right: 2vw; flex-shrink: 0; } .i-news-tab-type i { background: #b40606; font-size: 12px; padding: 2px 4px; border-radius: 5px; } .i-news-tab-more { width: 93.33vw; height: 8.93vw; background: linear-gradient(0deg, #f2f2f2 0%, #f8f8f8 100%); border-radius: 2.67vw; display: flex; align-items: center; justify-content: center; font-size: 3.2vw; color: #252525; margin: 3.73vw auto; } .i-news-tab-more i { font-size: 3.2vw; } .i-news-tab-content { padding: 15px 0 1px; background: url("../images/i-dynamic-bg.jpg"); } .i-about { padding: 20px 15px; min-height: auto; } .i-about-bg { margin: 10px; padding: 0; background-size: 80%; } .i-about-title { font-size: 18px; } .i-about-title2 { font-size: 18px; } .i-about-title3 { font-size: 14px; } .i-about-intro { font-size: 14px; margin-top: 20px; } .i-about-more { font-size: 14px; margin-top: 10px; } .i-about-item-icon { width: 45px; height: 45px; border: 2px solid #fff; } .i-about-item-icon i { font-size: 26px; } .i-about-item-title { font-size: 16px; margin-top: 13px; padding-top: 13px; position: relative; } .i-about-item-title:after { margin-left: -13px; width: 18px; height: 3px; } .i-about-item-text { margin-top: 13px; font-size: 14px; } .i-about-item-text span { margin: 0 5px; } .i-about-link { max-width: 100%; margin-top: 15px; } .i-about-link a { font-size: 16px; padding: 10px 20px; } .i-1363 { padding: 20px 15px; min-height: auto; } .i-1363-item-title { font-size: 16px; position: relative; } .i-1363-item-title span { font-size: 36px; } .i-1363-item-text { margin-top: 13px; font-size: 14px; } .i-1363-item-text span { margin: 0 5px; } .i-industry { padding-bottom: 20px; flex-flow: column; } .i-industry-title { margin-bottom: 20px; } .i-industry-title p { font-size: 18px; } .i-industry-title span { font-size: 22px; } .i-industry-title img { height: 70px; } .i-group-bg { background-size: cover; } .q-link-nav { /*flex-wrap: wrap; */ justify-content: space-between; overflow-x: auto; } .q-link-nav-item { /*padding: 10px 0; margin-right: 15px;*/ flex-shrink: 0; /*width: 20%; flex-grow:1;*/ width: 33.333333%; } .q-link-nav-item .iconfont { font-size: 25px; } .q-link-nav-item p { width: 60px; height: 60px; } .q-link-nav-item span { font-size: 14px; font-weight: bold; } .q-link-subsidiary { justify-content: initial !important; /*x杞存í鎷?/ flex-wrap: nowrap; overflow-x: auto; /*x杞存í鎷塭nd*/ } .q-link-subsidiary .iconfont { font-size: 30px; } .q-link-subsidiary-item { color: #fff; width: 80px; height: 80px; border: 1px solid #e5e5e5; display: flex; border-radius: 50%; flex-wrap: wrap; flex-flow: column; align-items: center; justify-content: center; margin: 5px 5px 0 0; flex-shrink: 0; } .q-link-subsidiary-item:hover { color: #ffffff; } .q-link-subsidiary span { font-size: 14px; /*font-weight: bold;*/ } .i-group-title { margin-top: 20px; } .i-subsidiary { margin-top: 0px; padding-bottom: 20px; } .i-subsidiary-box { flex-wrap: wrap; justify-content: initial; } .i-subsidiary-company { width: 100%; margin: 0 !important; } .i-subsidiary div a { padding: 10px !important; } .i-dj { display: none; } .i-dj-container { padding: 0; } .i-dj-pic { margin: 15px; padding-bottom: 15px; } .i-special { padding-top: 20px; } .i-special-title p { font-size: 18px; } .i-special-title span { font-size: 18px; } .special { margin-top: 20px; } .special .bd ul li { margin: 0; } .foot { padding-top: 10px; } .footbg2 { margin-top: 20px; background: #b40606 url("../images/foot-ball-red.png") no-repeat center 0; background-size: contain; } .foot-logo { max-width: 65%; margin: 0 auto; } .foot-address { flex-flow: column; } .foot-info { margin-left: 0; margin-right: 0; flex-flow: column; text-align: center; margin-top: 20px; } .foot-info > div { margin: 10px 0; } .foot-hr2 { margin-top: 20px; } .foot .copyright { font-size: 3.2vw; } .logo img { max-width: 50%; } .page-lv2-head { height: auto; padding: 50px 0; } .page-lv2-title strong { font-size: 36px; } .page-lv2-title p { font-size: 26px; } .sub-nav a { margin: 10px; } .news-list-pic a { flex-flow: column; padding: 15px; margin-top: 15px; } .news-list-pic a img { width: 100%; height: auto; display: block; margin: 0 auto; float: none; } .news-list-pic a .text .title { margin-top: 10px; padding-bottom: 10px; font-size: 18px; } .news-list-pic a .text .intro { font-size: 16px; } .news-list-date { border-top: 1px solid #dee2e6; margin: 0 3.33vw; padding-top: 2vw; } .news-list-date a { border-radius: 2.67vw; margin-top: 1.47vw; flex-flow: column-reverse; background: #f8f8f8; padding: 4.26vw 0 3vw 3.07vw; } .news-list-date a:hover .time { background: 0; color: #b40606; } .news-list-date .layui-elip { width: 76.13vw; font-size: 3.47vw; line-height: 4.8vw; height: 9.6vw; margin-bottom: 3.34vw; } .news-list-date .text-overflow-2 { display: none; } .news-list-date .time { padding: 0; margin: 0; flex-flow: row-reverse; justify-content: flex-end; font-size: 2.67vw; color: #999999; } .news-list-date .time strong { font-size: 2.67vw !important; font-weight: normal; } .news-list-date .time strong:before { content: "-"; } .news-list-date .time span { margin-right: 3.2vw; } .news-list-video .img { height: 210px; } .about-title span { font-size: 30px; } .about-title p { font-size: 20px; } .about-bt { padding: 30px 0; } .about-video video { width: 100%; } .about-text { padding: 20px; } .about-title { font-size: 24px; } .about-intro { background-size: contain; background-position: center 0; } .leader-box { width: 100%; } .leader-intro { top: 30%; left: 60%; } .leader-intro strong { font-size: 20px; } .leader-intro p { font-size: 16px; } .leader-list { width: 100%; margin: 0 auto; } .page2-main { padding: 30px 0; } .page2-banner-text p { font-size: 30px; } .page2-banner-text span { font-size: 18px; } } @media screen and (min-width: 768px) { .q-link-nav { justify-content: space-around; } .q-link-nav-item { width: auto; } .special { margin-top: 20px; } .special .bd ul li { margin: 0 10px; } .special .bd ul li img { min-width: 200px; } .special .bd ul li img:hover { transform: scale(1.2); transition: 1.2s; } .i-dynamic-text { padding: 20px; } } @media screen and (min-width: 992px) { .head { padding: 0; position: absolute; z-index: 999; width: 100%; background: rgba(192, 8, 19, 0.35); display: flex; align-items: center; justify-content: center; } .head .logo { flex-shrink: 0; } .head-container { min-height: 120px; justify-content: center; } .layui-container { width: 85%; } .nav { height: 120px; /* margin:0 15px;*/ flex-basis: initial; } .nav-lv2 { display: none; position: absolute; top: 100%; z-index: 999; font-weight: normal; } .nav-lv2-arrow { position: relative; width: 14px; height: 14px; display: inline-block; /*&:after{ //display: none; position: absolute; left: 50%; top: -19px; margin-left: -11px; content: ""; width: 0; height: 0; border: 14px solid transparent; border-bottom: 14px solid rgba(192, 8, 19, 0.35); z-index: 2; }*/ } .nav-lv2-arrow:before { position: absolute; left: 50%; top: -15px; margin-left: -9px; content: ""; width: 0; height: 0; border: 12px solid transparent; border-bottom: 12px solid rgba(192, 8, 19, 0.35); z-index: 1; } .nav-lv2-box { background: rgba(192, 8, 19, 0.35); border: 1px solid rgba(160, 177, 248, 0.27); position: relative; top: -25px; } .nav-lv2-box a { line-height: 50px; padding: 0 40px !important; } .nav-lv2-box a:hover { background: rgba(255, 255, 255, 0.3); } .nav ul { height: 100%; font-weight: bold; flex-flow: initial; justify-content: space-around; display: flex; } .nav ul li { background: 0; border-top: 0; flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; } .nav ul li a { display: block; padding: 0 10px; color: #ffffff; } .search-box { display: block; margin: 0; flex-basis: initial; padding: 30px 60px; position: relative; } .search-box:hover .search-input { display: block; } .search #search-btn { /*border: 1px solid #ddd; */ width: 30px; padding: 3px; /* color: #999999;*/ } .search-input { display: none; height: 38px; width: 360px; z-index: 99; position: absolute; top: 75px; right: 0; } .search-input i { color: #eee; position: relative; right: 10px; top: 7px; background: #ffffff; display: inline-block; } .search-input input { border: 1px solid #eee; } .toutiao-item { padding-left: 10%; display: flex; justify-content: space-between; align-items: center; position: relative; background: #ffffff; } .toutiao-title { font-size: 24px; } .toutiao-intro { margin: 20px 0 30px; } .toutiao-text { padding-right: 100px; overflow: hidden; } .slideBox .bd img { width: 100%; /*height: 716px;*/ } .i-title { /*height: 52px; */ text-align: center; line-height: 1.2; } .i-title1 { margin-top: 30px; background: url("../images/title1-red.png") no-repeat center 0; } .i-title-text p { font-size: 36px; color: #b40606; font-weight: bold; display: flex; align-items: center; justify-content: center; } .i-title-text p i { display: inline-block; width: 8px; height: 8px; margin: 0 8px; background: #b40606; border-radius: 50%; } .i-title-text p em { font-size: 48px; } .i-title-text span { font-size: 18px; color: #a6afb5; letter-spacing: 3px; } .i-title-text:hover { animation: bounce; animation-duration: 1.3s; /*cursor: pointer;*/ } .i-title-white { margin-top: 45px; background: url("../images/i-title-white-red.png") no-repeat center 0; } .i-title-white p i { background: #ffffff; } .i-tab1 { padding-left: 110px; } #picNews { padding-bottom: 50px; max-height: 700px; } #picNews .picNews-img { height: 390px; overflow: hidden; /*display: flex;justify-content: center;*/ } #picNews .picNews-img img { height: auto; width: 100%; /* flex-shrink: 0;*/ } .i-dynamic { margin-right: 30px; } .i-dynamic-title { font-size: 24px; } .i-dynamic-text { margin-top: 35px; padding: 0; line-height: 1.6; } .i-dynamic-intro { margin-top: 20px; margin-bottom: 30px; } .i-about { /*&-link{ margin-top: 30px; a{font-size: 16px;} }*/ } .i-about-title { font-size: 30px; } .i-about-title2 { font-size: 36px; } .i-about-title3 { font-size: 22px; } .i-about-text { padding-left: 80px; padding-top: 60px; } .i-about-intro { margin-top: 40px; } .i-about-more { margin-top: 20px; } .i-about-bg2 { height: 610px; } .i-about-item li:hover { /*cursor: pointer; */ transform: scale(1.3, 1.3); transition: .6s; color: #d9a178; } .i-about-item li:hover .i-about-item-icon { border: 3px solid #d9a178; } .q-link-nav { flex: 1; overflow-x: auto; } .q-link-nav-item { flex-shrink: 0; } .q-link-nav-item.on { color: #ffd8bb; } .q-link-nav-item.on p { background: #fff; } .q-link-nav-item.on .iconfont { color: #ea634d; } .q-link-nav-item.on:after { display: block; } .q-link-nav-item:after { position: absolute; left: 50%; bottom: 0; margin-left: -10px; content: ''; width: 0; height: 0; border: 12px solid transparent; /*border-left: 9px solid transparent; border-right: 9px solid transparent;*/ border-bottom: 12px solid #fff; display: none; } .q-link:after { content: ''; flex: auto; } .i-dj-row { margin-top: 20px; padding-bottom: 50px; } .i-dj-container { padding: 0; } .i-dj-pic:hover img { transform: scale(1.1, 1.1); transition: 1s; } .special { margin-top: 25px; padding-bottom: 80px; } .foot { color: #ffffff; } .footbg { margin-top: 40px; background: #b40606 url(../images/foot-bg.png) no-repeat right 0; } .foot-address { align-items: flex-end; } .foot-hr2 { margin-top: 50px; } .foot-info { margin-left: 100px; margin-right: 80px; flex-wrap: wrap; } .foot a { color: #ffffff; } .foot-form { color: initial; } .footbg2 { color: #ffffff; height: 390px; background: #b40606 url("../images/foot-ball-red.png") no-repeat 24% 0; } .foot-form .layui-form-select .layui-input { /*background: #fff;*/ } .foot-form .layui-form-select .layui-input::placeholder { color: #ffffff; } .page-lv2-title { margin-left: 120px; } .page-lv2-title strong { font-size: 46px; } .page-lv2-title p { font-size: 36px; } .about { padding-bottom: 40px; } .about-bt { padding: 50px 0 40px; } .about .layui-col-md7 { background: url("../images/about-bg.png") no-repeat 0 0; padding-left: 8.333333%; height: 675px; } .about-video { /*width: 1048px;height: 592px;*/ /* max-height: 592px;*/ } .about-video-player { /*width: 920px; height:460px;*/ width: 80%; } .about-title { font-size: 30px; } .about-text { padding-left: 100px; margin-top: 10px; } /* .leader{ &-list{ width: 1280px; margin: 0 auto; a{ padding: 20px 40px 0; } } }*/ .contact .layui-container { width: 1200px; } .contact-info { height: 360px; } .i-video { display: block; width: 541px; } #index-panda { width: 236px; height: 236px; transition: .3s; cursor: pointer; margin-top: -90px; background: url("../images/panda.png") no-repeat 0 bottom; } #index-panda:hover { background: url("../images/panda2.png") no-repeat 0 0; animation: bounce; animation-duration: 1.3s; } } @media screen and (min-width: 1200px) { .container { width: 1170px; } } @media screen and (max-width: 1440px) { .logo { margin: 20px 0 15px; } .head-container { flex-wrap: initial; flex-flow: column; } .nav ul li a { font-size: 16px; } .news-list li { line-height: 2.7; } .q-link-con-item-pic:hover { transform: scale(1.1, 1.1); } .i-about-intro { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } } @media screen and (min-width: 1440px) { .head { justify-content: space-evenly; } } .Pager { line-height: 44px; text-align: center; } .Pager a { padding: 3px 8px; background-color: #b40606; margin: 0px 4px; color: white; } .Pager .pageOn { /**color: #316ABC;**/ color: #b40606; background-color: white; border: 1px solid #b40606; padding: 2px 7px; } .page { line-height: 44px; text-align: center; } .page a, .page .pageBtn { padding: 3px 8px; background-color: #b40606; border: 1px solid #b40606; margin: 0px 5px; color: white; } .page .pageOn { /**color: $primary;**/ color: #b40606; background-color: white; border: 1px solid #b40606; padding: 2px 7px; } .page .on a, .page .pageBtn:hover, .page a:hover { color: #b40606; background: #fff; border: 1px solid #b40606; } .page .pageBtn { cursor: pointer; } .sj02-iem { margin-bottom: 30px; } .sj02-iem .title { border-bottom: 1px solid #b40606; position: relative; } .sj02-iem .title a { display: inline-block; padding: 0 20px; height: 34px; line-height: 34px; text-align: center; font-size: 18px; color: #ffffff; background: #b40606; } .sj02-iem .list01 ul { padding: 10px 0 0; zoom: 1; } .sj02-iem .list01 li { color: #999; margin-left: 20px; line-height: 2.6; list-style: disc; } .sj02-iem .list01 li a { float: left; max-width: 76%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sj02-iem .list01 li img { vertical-align: initial; padding-left: 5px; } .sj02-iem .list01 li span { float: right; color: #999999; padding-right: 10px; } /****绔欑偣鍦板浘***/ .site-map-wrap { min-height: 600px; } .site-map-item { border: 1px solid #F1F1F1; margin-bottom: 20px; } .site-map-item .site-map-title { text-indent: 32px; color: #b40606; font-size: 16px; line-height: 52px; height: 52px; background: #f1f0f0; overflow: hidden; border-top: 2px solid #b40606; } .site-map-item .site-map-title a { color: #b40606; font-weight: bold; font-size: 16px; margin-left: 10px; } .site-map-list { padding: 10px 20px 10px 20px; } .site-map-list a { color: black; } .site-map-list ul { overflow: hidden; } .site-map-list ul li { padding-left: 2em; } .site-map-list .zzxx li, .site-map-list .leaderlist li { float: left; } .site-map-list .zdgk { padding-bottom: 10px; } .site-map-list .jcgk { padding-bottom: 20px; } .site-map-list .zdgk ul li { float: left; } .site-map-list .jcgk label { font-weight: bold; } .site-map-list .jcgk ul li ul li { float: left; } .site-map-list .gkml label { padding-left: 2em; font-weight: bold; } /****绔欑偣鍦板浘缁撴潫***/ .page { max-width: auto; display: inline-block; } .page ul li { margin: 5px 7px 20px; display: inline-block; } .page #pagenum { width: 40px; text-align: center; margin: 0 5px; } .head{position: static; background:#b40606;} .toutiao{margin-top: 0px;}