* { padding: 0; margin: 0; font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important; } .fa { font-family: FontAwesome !important; } a { cursor: pointer; text-decoration: none; } a:hover { text-decoration: none; } img { border: none; } ul { list-style-type: none; } .col-md-6, .col-xs-12, .col-sm-6 { padding: 0; } .centerArea1 { width: 95%; max-width: 1200px; margin: 0 auto; } .centerArea2 { width: 100%; max-width: 1440px; margin: 0 auto; } #page-content-wrapper .container { width: 100%; margin: 0; padding: 0; } .header { height: 80px; position: fixed; transition: top .3s !important; width: 100%; background-color: white; opacity: 1 !important; left: 0; top: 0; z-index: 9999; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px; } .header .logo { display: block; float: left; } .header .navContainer { height: 100%; text-align: center; display: inline-block; width: calc(100% - 340px - 320px); position: absolute; top: 0; left: 320px; } .header .navContainer > ul { height: 100%; position: relative; z-index: 95; margin:0 auto; text-align: center; } .header .navContainer > ul > li { height: 100%; line-height: 80px; width:auto; position: relative; z-index: 96; display:inline-block; } @media only screen and (min-width: 1750px) { .header .navContainer > ul > li { padding-left: 5%; padding-right: 5%; } } @media only screen and (max-width: 1750px) and (min-width: 1520px) { .header .navContainer > ul > li { padding-left: 4%; padding-right: 4%; } } @media only screen and (max-width: 1520px) { .header .navContainer > ul > li { padding-left: 2%; padding-right: 2%; } } .header .navContainer > ul > li:first-child{ padding-left: 0px; } .header .navContainer > ul > li:last-child{ padding-right: 0px; } .header .navContainer > ul > li > a { font-size: 16px; color: #3c3c3c; font-weight: 600; white-space: nowrap; } .header .navContainer > ul > li > a:hover { color: #E67349; } .header .navContainer > ul > li > ul { position: absolute; z-index: 97; top: 80px; left: 0; width: 100%; height: 274px; display: none; background: none; overflow: hidden; border-left: 1px solid gainsboro; padding-left: 1px; padding-top: 20px; } .header .navContainer > ul > li > ul li { transition: all 0.3s ease-out, all 0.3s ease-out; padding: 8px 2px; line-height: 18px; } .header .navContainer > ul > li > ul li ul { display: none !important; } .header .navContainer > ul > li > ul li a { color: #525252; transition: all 0.3s ease-out, all 0.3s ease-out; } .header .navContainer > ul > li > ul li:hover { background: #FF773D; } .header .navContainer > ul > li > ul li:hover a { color: white; } .header .navContainer > ul li:first-child ul { border-left: none; padding-left: 0; } .header .headerRight { float: right; height: 80px; } .header .headerRight .search { float: left; display: block; height: 100%; width: 82px; text-align: center; line-height: 80px; border-right: 1px solid gainsboro; border-left: 1px solid gainsboro; } .header .headerRight .search i { color: #ed6d1e; font-size: 20px; display: block; height: 100%; line-height: 80px; } .header .headerRight .dropdown { float: left; width: 102px; height: 80px; } .header .headerRight .dropdown .button { display: block; width: 100%; height: 100%; border: none; color:#333333; text-decoration: none; line-height: 66px; border-radius: 0; } .header .headerRight .onlineMall { background: #E63843; font-size: 18px; color: white; text-align: center; width: 155px; height: 80px; line-height: 80px; display: block; float: left; } li.Brand ul li { display: none !important; } .pcArea.header .navContainer ul li .showMore { display: none; } .pcArea.header .navContainer .submenuBg { position: fixed; z-index: 94; top: 80px; left: 0; width: 100%; height: 275px; display: none; background: white; background: rgba(255, 255, 255, 0.9); overflow: hidden; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px inset; } .pcArea.header .navContainer .submenuBg > div { position: relative; width: 100%; height: 100%; } .pcArea.header .navContainer .submenuBg > div > div { height: 100%; text-align: center; display: inline-block; position: absolute; top: 0; left: 50%; margin-left: -270px; } .pcArea.header .navContainer .submenuBg > div > div ul { display: block; float: left; padding-right: 1px; border-right: 1px solid gainsboro; padding-top: 20px; padding-bottom: 20px; height: 190px; } .pcArea.header .navContainer .submenuBg > div > div ul li { padding: 0; height: 30px; } .pcArea.header .navContainer .submenuBg > div > div ul li a { display: block; line-height: 30px; color: #7f8085; } .pcArea.header .navContainer .submenuBg > div > div ul li:hover a { color: white; background: #FF773D; } .pcArea.header .navContainer .submenuBg > div > div ul:first-child { padding-left: 1px; border-left: 1px solid gainsboro; } .main.brand{ margin-top:0px; } .main .bg_video_contain { height: calc(100vh - 80px); background: url("../images/Banner.jpg") no-repeat center; width: 100%; position: relative; } .main .bg_video_contain .index_img { width: 100%; position: relative; z-index: 99; transform: translate(0, 0); overflow: hidden; } .main .bg_video_contain .word { position: absolute; z-index: 999; width: 100%; top: 0; left: 0; overflow: hidden; background: url("../images/videoWordBg.png") no-repeat right top; } .main .bg_video_contain .word .videoWord { height: 166px; background: url("../images/videoWord.png") no-repeat center; } .main .bg_video_contain .word .playBtn { height: 122px; margin-top: 42px; } .main .bg_video_contain .word .playBtn > div { position: relative; width: 60px; height: 60px; margin: 0 auto; } .main .bg_video_contain .word .playBtn > div > div { position: relative; cursor: pointer; } .main .bg_video_contain .word .playBtn > div > div i { width: 68px; height: 68px; display: block; font-size: 78px; /* margin: 0 auto; */ color: #FF773D; } .main .bg_video_contain .word .playBtn > div > div img { display: block; width: 100%; } .main .bg_video_contain .word .playBtn > div div:before { content: ""; width: 60px; height: 60px; border-radius: 50%; border: 4px solid #fff; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; opacity: 0; transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); -webkit-transform: scale(1.7); transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; display: block; } .main .bg_video_contain .word .playBtn > div:hover div:before { display: block; opacity: 1; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } .main .bg_video_contain .word .playBtn .tipsWord { color: white; height: 26px; line-height: 26px; text-align: center; width: 100%; padding-top: 15px; font-size: 14px; } .main .bg_video_contain .word .more { width: 60px; height: 60px; position: absolute; bottom: 74px; left: 50%; margin-left: -29px; z-index: 99999; background: url("../images/videoMore.png") no-repeat center; background-size: 100% 100%; cursor: pointer; transition: all .3s; display: none; opacity: 0.9; filter: Alpha(opacity=90); } .main .bg_video_contain .word .more:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .main .videoFix { position: fixed; width: 100%; height: 100%; z-index: 99995; top: 0; left: 0; display: none; } .main .videoFix .container { position: relative; width: 100%; height: 100%; z-index: 99996; } .main .videoFix .container .fixBg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: black; opacity: 0.7; z-index: 99997; } .main .videoFix .container .videoContainer { position: absolute; z-index: 99998; width: 60%; left: 50%; top: 50%; } .main .videoFix .container .videoContainer video { width: 100%; } .main .videoFix .container .videoColse { position: absolute; z-index: 99998; width: 44px; height: 44px; text-align: center; line-height: 44px; background: rgba(0, 0, 0, 0.4); left: 50%; margin-left: -22px; bottom: 30px; border-radius: 50%; cursor: pointer; } .main .videoFix .container .videoColse img { width: 18px; display: block; margin: 13px auto; } .main .about { margin-top: 135px; } .main .about .title { color: #3c3c3c; font-size: 60px; font-weight: bold; text-align: center; line-height: 80px; } .main .about .subTitle { font-size: 18px; color: #3c3c3c; text-align: center; line-height: 32px; padding-left:16px; padding-right:16px; padding-top: 22px; padding-bottom: 24px; } .main .about .aboutContainer > div { display: block; transition: all 0.45s ease-out; position: relative; } .main .about .aboutContainer > div a { display: block; width: 100%; position: relative; z-index: 9; } .main .about .aboutContainer > div .line { display: inline-block; position: absolute; top: 10px; z-index: 0; width: calc(100% - 20px); height: calc(100% - 20px); overflow: hidden; z-index: 99; } .main .about .aboutContainer > div .line .line_top { content: ''; display: inline-block; position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 1px; background: #fff; opacity: 0; transition: all .5s ease-out; } .main .about .aboutContainer > div .line .line_right { content: ''; display: inline-block; position: absolute; z-index: 1; top: 0; right: 0; width: 1px; height: 0; background: #fff; opacity: 0; transition: all .5s ease-out; } .main .about .aboutContainer > div .line .line_bottom { content: ''; display: inline-block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 0; height: 1px; background: #fff; opacity: 0; transition: all .5s ease-out; } .main .about .aboutContainer > div .line .line_left { content: ''; display: inline-block; position: absolute; left: 0; z-index: 1; width: 1px; height: 0%; background: #fff; opacity: 0; transition: all .5s ease-out; } .main .about .aboutContainer > div img { width: 100%; } .main .about .aboutContainer > div .mask { display: block; position: absolute; width: 100%; height: 100%; z-index: 98; top: 0; left: 0; transition: all 0.45s ease-out; } .main .about .aboutContainer > div .word { position: absolute; z-index: 997; left: 40px; bottom: 60px; } .main .about .aboutContainer > div .word div:first-child { line-height: 56px; font-size: 40px; color: white; } .main .about .aboutContainer > div .word div:first-child + div { display: inline-block; font-size: 26px; line-height: 36px; padding-bottom: 10px; color: white; border-bottom: 1px solid gainsboro; } .main .about .aboutContainer > div .blackMask { opacity: 0; filter: Alpha(opacity=0); background: black; } .main .about .aboutContainer > div .hoverMask { opacity: 0; filter: Alpha(opacity=0); } .main .about .aboutContainer > div .hoverMask img { width: 100%; } .main .about .aboutContainer > div a:hover .line .line_left, .main .about .aboutContainer > div a:hover .line .line_right { height: 100%; opacity: 1; filter: Alpha(opacity=100); transition: all .5s ease-in-out; } .main .about .aboutContainer > div a:hover .line .line_top, .main .about .aboutContainer > div a:hover .line .line_bottom { width: 100%; opacity: 1; filter: Alpha(opacity=100); transition: all .5s ease-in-out; } .main .about .aboutContainer > div a:hover .blackMask { opacity: 0; filter: Alpha(opacity=0); } .main .about .aboutContainer > div a:hover .hoverMask { opacity: 0.7; filter: Alpha(opacity=0); } .main .about .aboutContainer > div:first-child { padding-right: 6px; } .main .about .aboutContainer > div:first-child .line { left: 9px; } .main .about .aboutContainer > div:first-child + div { padding: 0 3px; } .main .about .aboutContainer > div:first-child + div .line { left: 10px; } .main .about .aboutContainer > div:first-child + div + div { padding-left: 6px; } .main .about .aboutContainer > div:first-child + div + div .line { right: 9px; } .main .doWhat > div .leftS { padding: 0; margin-top: -35px; float: right; } .main .doWhat > div .leftS .swiper-container { height: 644px; } .main .doWhat > div .leftS .swiper-container .swiper-wrapper .swiper-slide { margin-top: -100px; overflow: hidden !important; } .main .doWhat > div .leftS .swiper-container .swiper-wrapper .swiper-slide > a { display: block; width: 100%; height: 100%; max-width: 720px; } .main .doWhat > div .leftS .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; display: block; } .main .doWhat > div .rightS { float: right; margin-top: -35px; height: 644px; padding: 166px 0 0 0; background: #F1F1F1; text-align: center; } .main .doWhat > div .rightS div { text-align: center; } .main .doWhat > div .rightS .businessArea { margin-top: 100px; color: #3C3C3C; font-size: 28px; line-height: 42px; } .main .doWhat > div .rightS .whatWeDo { line-height: 80px; color: #3C3C3C; font-size: 60px; font-weight: 600; padding-bottom: 16px; } .main .doWhat > div .rightS .direction { color: #3C3C3C; font-size: 18px; line-height: 22px; padding-bottom: 24px; } .main .doWhat > div .rightS .swiperBtnList { height: 94px; text-align: center; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn { display: inline-block; margin: 0 10px; width: 62px; height:94px; padding-top: 64px; line-height: 24px; color: #F1F1F1; color: transparent; font-size: 14px; transition: all 0.45s ease-out; text-decoration: none; white-space: nowrap; position: relative; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn .font{ display: inline-block; width: 162px; position: absolute; top:70px; left:50%; margin-left: -81px; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn.active { color: #E67349; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child { background: url("../images/jn_hover.png") no-repeat center top; background: url("../images/jn.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn { background: url("../images/rh_hover.png") no-repeat center top; background: url("../images/rh.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn { background: url("../images/sp_hover.png") no-repeat center top; background: url("../images/sp.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn { background: url("../images/wt_hover.png") no-repeat center top; background: url("../images/wt.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .active.swiper_btn:first-child { background: url("../images/jn_hover.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn.active { background: url("../images/rh_hover.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn.active { background: url("../images/sp_hover.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn.active { background: url("../images/wt_hover.png") no-repeat center top; background-size:100% auto; } .main .doWhat > div .rightS .learnMore { display: block; width: 150px; height: 36px; border: 1px solid #e67349; border-radius: 2px; font-size: 14px; text-align: center; line-height: 36px; color: #E67349; margin: 18px auto; transition: all 0.45s ease-out; text-decoration: none; } .main .doWhat > div .rightS .learnMore:hover { color: white; background: #FF773D; } .main .doWhat > div .rightS .cooperativePartner { display: inline-block; line-height: 20px; color: #FF3000; font-size: 14px; text-decoration: underline; } .main .newsContainer { padding-top: 40px; } .main .newsContainer .containerTitle { color: #3C3C3C; font-size: 60px; text-align: center; font-weight: 600; margin-top: 100px; } .main .newsContainer .tabNameList { text-align: center; margin-bottom: 42px; } .main .newsContainer .tabNameList .tabName { display: inline-block; color: #3C3C3C; font-size: 28px; padding: 3px; border-bottom: 3px solid white; margin: 0 12px; cursor: pointer; } .main .newsContainer .tabNameList .tabName.active { border-bottom: 3px solid #e63843; } .main .newsContainer .tabList .tab { display: none; } .main .newsContainer .tabList .tab .imageContain .col-md-6:first-child { padding-right: 20px; } .main .newsContainer .tabList .tab .imageContain .col-md-6:first-child + .col-md-6 { padding-left: 20px; } .main .newsContainer .tabList .tab .imageContain > div > div { border: 1px solid gainsboro; } .main .newsContainer .tabList .tab .imageContain > div .img { display: block; height: 333px; background: #727272; position: relative; z-index: 9; overflow: hidden; } .main .newsContainer .tabList .tab .imageContain > div .img img { width: 100%; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo { padding: 22px 46px; margin-top: -1px; position: relative; z-index: 8; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .title { font-size: 18px; color: #3C3C3C; height:64px; line-height: 32px; margin-bottom: 5px; overflow: hidden; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .title a { display:block; height:64px; color: #3C3C3C; font-size: 18px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.3s ease-out, all 0.3s ease-out; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .abstract { height: 78px; line-height: 26px; color: #525252; font-size: 16px; margin-bottom: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo { height: 20px; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo .time { color: #8C8C8C; font-size: 14px; float: left; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo .more { float: right; color: #E67349; font-size: 14px; display: none; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .otherInfo .more i { font-size: 18px; margin-left: 12px; } .main .newsContainer .tabList .tab .imageContain > div > div:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px; } .main .newsContainer .tabList .tab .imageContain > div > div:hover .wordInfo .title a { color: #E67349; } .main .newsContainer .tabList .tab .imageContain > div > div:hover .otherInfo .more { display: block; } .main .newsContainer .tabList .tab .wordsNews { padding-top: 50px; padding-bottom: 50px; } .main .newsContainer .tabList .tab .wordsNews > div { position: relative; } .main .newsContainer .tabList .tab .wordsNews > div .newsTitle { display: block; } .main .newsContainer .tabList .tab .wordsNews > div .newsTitle { transition: all 0.3s ease-out, all 0.3s ease-out; color: #3C3C3C; font-size: 18px; line-height: 32px; margin-bottom: 12px; height: 96px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .main .newsContainer .tabList .tab .wordsNews > div .newsTitle:hover { color: #E67349; } .main .newsContainer .tabList .tab .wordsNews > div .time { color: #8C8C8C; font-size: 14px; } .main .newsContainer .tabList .tab .wordsNews > div .borderDiv { position: absolute; width: 1px; height: 100%; background: #DCDCDC; top: 0; } .main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child { padding-right: 66.666px; } .main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child .borderDiv { right: 16.6666px; } .main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 { padding: 0 33.3333px; } .main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 .borderDiv { display: none; } .main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 + .col-md-4 { padding-left: 66.666px; } .main .newsContainer .tabList .tab .wordsNews .col-md-4:first-child + .col-md-4 + .col-md-4 .borderDiv { left: 16.6666px; } .main .newsContainer .tabList .tab .newsMore { display: block; width: calc(33.3333% + 16.6666px + 16.6666px); margin: 0 auto; height: 44px; line-height: 44px; text-align: center; border: 1px solid #DCDCDC; color: #3C3C3C; text-decoration: none; } .main .newsContainer .tabList .tab .newsMore i { margin-left: 12px; } .main .newsContainer .tabList .tab .newsMore:hover { background: #FF773D; color: white; transition: all 0.3s ease-out, all 0.3s ease-out; } .main .newsContainer .tabList .tab.active { display: block; } .footer .enterprises { height: 40px; } .footer .enterprises .showEnterprisesBtn { width: 150px; height: 40px; line-height: 40px; padding-left: 22px; color: white; float: right; background: #FF773D; cursor: pointer; } .footer .enterprises .showEnterprisesBtn i { float: right; display: block; margin-right: 20px; color: white; font-size: 16px; margin-top: 10px; } .footer .logo_share { background: #DCDCDC; padding-top: 50px; padding-bottom: 35px; } .footer .logo_share .leftSide { float: left; } .footer .logo_share .leftSide .logo { width: 210px; height: 68px; padding-bottom: 10px; background: url("../images/Bitmap.png") no-repeat left center; background-size: cover; } .footer .logo_share .leftSide .logo + div { color: #525252; font-size: 14px; line-height: 26px; } .footer .logo_share .rightSide { float: right; } .footer .logo_share .rightSide > div { display: inline-block; margin-left: 14px; margin-top: 25px; position: relative; } .footer .logo_share .rightSide > div .QR_code { position: absolute; width: 80px; height: 80px; border: 1px solid; top: -88px; left: 50%; margin-left: -40px; display: none; z-index: 99; } .footer .logo_share .rightSide > div .btn i { display: block; font-size: 18px; margin-top: 5px; margin-left: -2px; color: #8c8c8c; } .footer .logo_share .rightSide .WeChat .btn:hover i { color: #32af00; } .footer .logo_share .rightSide .micro-blog .btn:hover i { color: #ed2828; } .footer .tips_copyright { background: #525252; padding-top: 22px; padding-bottom: 22px; } .footer .tips_copyright a { color: white; margin-right: 15px; font-size: 14px; } .footer .tips_copyright .tips { line-height: 24px; color: white; opacity: 0.3; padding-top: 10px; } .footer .tips_copyright .copyright { line-height: 24px; color: white; opacity: 0.3; } .footer .tips_copyright .copyright a { color: white; } .phoneArea { display: none; } .popup_bg { background: black; opacity: 0.5; width: 100%; height: 100%; position: fixed; z-index: 999998; display: none; top: 0; } .leftS_popup { overflow: hidden; position: fixed; z-index: 9999998; width: 100%; max-width: 375px; height: 100%; top: 0; bottom: 0; left: 0; display: none; } .leftS_popup .navContainer { position: absolute; left: -375px; top: 0; z-index: 99999999; width: 100%; background-size: 100%; height: 100%; overflow: auto; background: white; } .leftS_popup .navContainer > ul { display: block; width: 94%; margin: 0 auto; } .leftS_popup .navContainer > ul > li { display: block; position: relative; top: 0; width: 100%; vertical-align: top; opacity: 0; transition: all .3s; overflow: hidden; } .leftS_popup .navContainer > ul > li > a { padding: 28px 0 15px 0; display: block; border-bottom: 1px solid #ddd; text-align: center; color: #3c3c3c; font-size: 20px; text-decoration: none; } .leftS_popup .navContainer > ul > li .showMore { position: absolute; width: 40px; height: 40px; top: 22px; right: 0; background-size: 14px auto; cursor: pointer; } .leftS_popup .navContainer > ul > li .showMore.plus { background: url("/gzligen/-themes-/theme1/images/plus.svg") no-repeat center; background-size: 14px auto; } .leftS_popup .navContainer > ul > li .showMore.minus { background: url("/gzligen/-themes-/theme1/images/minus.svg") no-repeat center; background-size: 14px auto; } .leftS_popup .navContainer > ul > li ul { display: none; width: 80%; margin: 0 auto; } .leftS_popup .navContainer > ul > li ul li { border-bottom: 1px solid #e5e5e5; } .leftS_popup .navContainer > ul > li ul li a { text-align: center; display: inline-block; width: 100%; padding: 16px 0; font-size: 17px; line-height: 1; font-weight: 700; letter-spacing: -0.01em; color: #333; } .leftS_popup .navContainer > ul > li ul li ul { display: none !important; } .leftS_popup .navContainer > ul > li ul li .showMore { display: none !important; } .leftS_popup .navContainer > ul > li.active { display: block; } .leftS_popup .navContainer > ul > li.active > a { color: #FF773D; } @-webkit-keyframes showNavLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } @keyframes showNavLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } @-moz-keyframes showNavLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } @-o-keyframes showNavLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } .leftS_popup .navContainer > ul li:nth-child(1) { animation: showNavLi 0.5s ease-out 0.5s 1 forwards; } .leftS_popup .navContainer > ul li:nth-child(2) { animation: showNavLi 0.5s ease-out 0.6s 1 forwards; } .leftS_popup .navContainer > ul li:nth-child(3) { animation: showNavLi 0.5s ease-out 0.7s 1 forwards; } .leftS_popup .navContainer > ul li:nth-child(4) { animation: showNavLi 0.5s ease-out 0.8s 1 forwards; } .leftS_popup .navContainer > ul li:nth-child(5) { animation: showNavLi 0.5s ease-out 0.9s 1 forwards; } .leftS_popup .navContainer > ul li:nth-child(6) { animation: showNavLi 0.5s ease-out 1.0s 1 forwards; } .leftS_popup .navContainer > ul li:nth-child(7) { animation: showNavLi 0.5s ease-out 1.1s 1 forwards; } .leftS_popup .navContainer .closeDiv { height: 48px; width: 95%; margin: 0 auto; } .leftS_popup .navContainer .closeDiv .closeBtn { height: 100%; float: right; width: 44px; text-align: center; line-height: 44px; cursor: pointer; } .leftS_popup .navContainer .closeDiv .closeBtn img { display: block; margin: 14px auto; width: 20px; } .leftS_popup .navContainer .closeDiv .typeface { float: left; margin-top: 12px; } .leftS_popup .navContainer .closeDiv .typeface a { display: inline-block; padding: 5px; border-bottom: 2px solid transparent; margin-right: 13px; font-size: 12px; line-height: 1; font-weight: 400; letter-spacing: 0.05em; color: #111; position: relative; } .leftS_popup .navContainer .closeDiv .typeface a.on, .leftS_popup .navContainer .closeDiv .typeface a:hover { border-bottom: 2px solid #111; font-weight: 700; color: #111; } .leftS_popup .navContainer .search { position: relative; padding-bottom: 8px; border-bottom: 2px solid #111; margin: 28px 15px 0; font-size: 0; height: 40px; } .leftS_popup .navContainer .search input { word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; -webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; cursor: text; padding: 1px; } .leftS_popup .navContainer .search .searchValue { display: inline-block; width: 90%; padding: 5px 24px 5px 7.5px; font-size: 16.5px; line-height: 1; color: #111; letter-spacing: 0.06em; border: 0; } .leftS_popup .navContainer .search .deleteBtn { display: none; position: absolute; top: 2px; left: 80%; width: 25px; height: 25px; background: url(../images/close.svg) no-repeat center; background-color: gainsboro; background-size: 10px auto; border: none; border-radius: 50%; } .leftS_popup .navContainer .search .searchBtn { display: inline-block; position: absolute; opacity: 0; top: 0; right: 0; width: 38px; height: 33px; z-index: 999; } .leftS_popup .navContainer .search i { display: inline-block; position: absolute; z-index: 998; top: 0; right: 0; font-size: 24px; color: #3c3c3c; } .rightS_popup { overflow: hidden; position: fixed; z-index: 9999998; width: 100%; max-width: 375px; height: 100%; top: 0; bottom: 0; right: 0; display: none; } .rightS_popup .popup_contain { position: absolute; right: -375px; top: 0; z-index: 99999999; background: black; width: 100%; background-size: 100%; height: 101%; overflow: auto; } .rightS_popup .popup_contain .popup_header { position: relative; background: url(../images/phoneImages/zxsc_select.png) no-repeat left -19px; height: 47px; } .rightS_popup .popup_contain .popup_header .close { width: 44px; height: 100%; float: none; margin-left: 10px; } .rightS_popup .popup_contain ul li { height: 92px; display: block; position: relative; top: 0; width: 100%; vertical-align: top; opacity: 0; transition: all .3s; overflow: hidden; } .rightS_popup .popup_contain ul li a { display: block; width: 100%; height: 100%; } @-webkit-keyframes showLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } @-moz-keyframes showLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } @-o-keyframes showLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } @keyframes showLi { 0% { top: 104px; opacity: 0; } 100% { top: 0; opacity: 1; } } .rightS_popup .popup_contain ul li:nth-child(1) { animation: showLi 0.5s ease-out 0.5s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(2) { animation: showLi 0.5s ease-out 0.6s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(3) { animation: showLi 0.5s ease-out 0.7s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(4) { animation: showLi 0.5s ease-out 0.8s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(5) { animation: showLi 0.5s ease-out 0.9s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(6) { animation: showLi 0.5s ease-out 1.0s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(7) { animation: showLi 0.5s ease-out 1.1s 1 forwards; } .rightS_popup .popup_contain ul li:first-child { background: url("../images/phoneImages/lq.png") no-repeat center; background-size: 100% auto; } .rightS_popup .popup_contain ul li:first-child + li { background: url("../images/phoneImages/sy.png") no-repeat center; background-size: 100% auto; } .rightS_popup .popup_contain ul li:first-child + li + li { background: url("../images/phoneImages/555.png") no-repeat center; background-size: 100% auto; } .rightS_popup .popup_contain ul li:first-child + li + li + li { background: url("../images/phoneImages/qjy.png") no-repeat center; background-size: 100% auto; } .rightS_popup .popup_contain ul li:first-child + li + li + li + li { background: url("../images/phoneImages/sjp.png") no-repeat center; background-size: 100% auto; } .rightS_popup .popup_contain ul li:first-child + li + li + li + li + li { background: url("../images/phoneImages/ktp.png") no-repeat center; background-size: 100% auto; } .rightS_popup .popup_contain ul li:first-child + li + li + li + li + li + li { background: url("../images/phoneImages/moreList.png") no-repeat left center; height: 73px; } .phoneBanner { display: none; } .bg_video_contain .home-container .video-section { position: absolute !important; } .innerMain { overflow: hidden; } .innerMain .innerBanner { height: 458px; padding-top: 80px; width: 100%; max-width: 1920px; margin: 0 auto; border-bottom: 1px solid #DCDCDC; position: relative; z-index: 9; } .innerMain .innerBanner > div { height: 100%; position: relative; z-index: 99; } .innerMain .innerBanner > div .columnBreadcrumb { padding-top: 15px; line-height: 18px; color: rgba(255, 255, 255, 0.4); } .innerMain .innerBanner > div .columnBreadcrumb a { color: rgba(255, 255, 255, 0.4); } .innerMain .innerBanner > div .columnBreadcrumb a:last-child { color: white; } .innerMain .innerBanner > div .positionColumn .columnName { line-height: 52px; font-size: 40px; text-align: center; padding-bottom: 4px; padding-top: 74px; color: white; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .innerMain .innerBanner > div .positionColumn .subName { line-height: 25px; font-size: 22px; color: white; text-align: center; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); } .innerMain .innerBanner > div .positionColumn .subName span { display: inline-block; width: 45px; border: 1px solid white; margin-bottom: 5px; margin-left: 6px; } @media only screen and (width:768px){ .innerMain .innerBanner > div .positionColumn .subName span{ width:40px; } } .innerMain .innerBanner > div .positionColumn .subName span:first-child { margin-left: 0; margin-right: 6px; } .innerMain .innerBanner > div .positionColumn.Brand .columnName, .innerMain .innerBanner > div .positionColumn.null .columnName { padding-top: 100px !important; } .innerMain .innerBanner > div .subMenu { height: 74px; position: absolute; bottom: 1px; left: 0; width: 100%; z-index: 999; } .innerMain .innerBanner > div .subMenu ul { background: white; height: 74px; } .innerMain .innerBanner > div .subMenu ul li { margin-top: 20px; line-height: 32px; text-align: center; position: relative; padding: 0; border-left: 2px solid #DCDCDC; } .innerMain .innerBanner > div .subMenu ul li a { color: #3C3C3C; font-size: 18px; } .innerMain .innerBanner > div .subMenu ul li span { position: absolute; width: 0; height: 4px; background: none; bottom: -21px; left: 50%; transition: all 0.3s ease-out, all 0.3s ease-out; } .innerMain .innerBanner > div .subMenu ul li ul { display: none; } .innerMain .innerBanner > div .subMenu ul li.selected span { width: 42px; background: #FF5E19; margin-left: -21px; } .innerMain .innerBanner > div .subMenu ul li:hover span { width: 42px; background: #FF5E19; margin-left: -21px; } .innerMain .innerBanner > div .subMenu ul li:first-child { border-left: 0; } .innerMain .innerBanner > div .subMenu ul.dropdown-menu { width: 100%; height: auto; padding: 6px 12px; } .innerMain .innerBanner > div .subMenu ul.dropdown-menu li { width: 100% !important; border: none; height: 44px; line-height: 44px; text-align: left; margin: 0; } .innerMain .innerBanner > div .subMenu ul.dropdown-menu li a { line-height: 44px; padding: 0 12px; } .innerMain .innerBanner > div .subMenu ul.dropdown-menu li span { display: none; } .innerMain .innerBanner > div .subMenu .dropdown-toggle { display: none; width: 100%; height: 100%; border-radius: 0; text-align: left; font-size: 18px; } .innerMain .innerBanner > div .subMenu .dropdown-toggle .caret { float: right; display: block; margin-top: 10px; } .innerMain .innerBanner > div .subMenu.dropdown, .innerMain .innerBanner > div .subMenu.dropup { height: 54px; } .innerMain .innerBanner > div .subMenu.dropdown .dropdown-toggle, .innerMain .innerBanner > div .subMenu.dropup .dropdown-toggle { display: block; } .innerMain .innerBanner > div .positionColumn.Brand + .subMenu { display: none; } .innerMain .innerBanner .Arc { position: absolute; z-index: 10; right: 0; height: 100%; width: 100%; background: url("../images/arc.svg") no-repeat right bottom; background-size: auto 100%; top: 0; } .innerMain .innerBanner.About, .innerMain .Brand.innerBanner { background: url("../images/banner2.jpg?v=2.0") no-repeat center; background-size: auto 100%; } @media screen and (max-width:440px) and (min-width:320px){ .innerMain .innerBanner.About, .innerMain .Brand.innerBanner { background: url("../images/banner2_p.jpg") no-repeat center; background-size: 100% auto; } } @media screen and (max-width:320px){ .innerMain .innerBanner.About, .innerMain .Brand.innerBanner { background: url("../images/banner2_p.jpg") no-repeat center; background-size: auto 100%; } } .innerMain .innerBanner.Group, .innerMain .innerBanner.null, .innerMain .innerBanner.field { background: url("../images/newsBanner.jpg") no-repeat center; background-size: auto 100%; z-index: 100; } .innerMain .innerBanner.Culture { background: url("../images/banner5.jpg") no-repeat center; background-size: auto 100%; } .innerMain .innerBanner.Info { background: url("../images/banner4.jpg?v=2.0") no-repeat center; background-size: auto 100%; } .innerMain .innerBanner.Brand { background: url("../images/banner3.jpg") no-repeat center; background-size: auto 100%; } .innerMain .positionColumn.About.Us { display: none !important; } .innerMain .content { padding: 48px 0; } .innerMain .content .currentColumn { color: #3C3C3C; font-size: 40px; line-height: 56px; text-align: center; } .innerMain .content .imgList ul { margin-top: -20px; } .innerMain .content .imgList ul li { padding-top: 45px; } .innerMain .content .imgList ul li .img { width: 100%; height: 248px; overflow: hidden; display: block; } .innerMain .content .imgList ul li .word { padding: 16px 25px; border: 1px solid gainsboro; margin-top: -1px; } .innerMain .content .imgList ul li .word .time { color: #525252; font-size: 14px; line-height: 20px; padding-bottom: 10px; } .innerMain .content .imgList ul li .word .title { height: 64px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .innerMain .content .imgList ul li .word .title a { line-height: 32px; color: #3C3C3C; font-size: 18px; transition: all 0.3s ease-out, all 0.3s ease-out; } .innerMain .content .imgList ul li > div:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 1px; } .innerMain .content .imgList ul li > div:hover .word { border: 1px solid white; } .innerMain .content .imgList ul li > div:hover .title a { color: #E67349; } .innerMain .content .imgList ul li:nth-child(3n+1) { padding-left: 0; padding-right: 30px; } .innerMain .content .imgList ul li:nth-child(3n+2) { padding-right: 15px; padding-left: 15px; } .innerMain .content .imgList ul li:nth-child(3n) { padding-left: 30px; padding-right: 0; } .innerMain .content .newspaperList ul li { padding-top: 40px; } .innerMain .content .newspaperList ul li > div { background: #FAF8F4; border: 1px solid #DBDCE0; } .innerMain .content .newspaperList ul li > div .img { background: #FAF8F4; padding: 15px; } .innerMain .content .newspaperList ul li > div .img div { border: 1px solid #DBDCE0; width: 100%; height: 100%; overflow: hidden; } .innerMain .content .newspaperList ul li > div .word { border: none !important; padding: 4px 10px 20px 10px; } .innerMain .content .newspaperList ul li > div .word .title { text-align: center; height: auto; } .innerMain .content .newspaperList ul li:nth-child(4n+1) { padding-left: 0; padding-right: 20px; } .innerMain .content .newspaperList ul li:nth-child(4n+2) { padding-left: 7px; padding-right: 13px; } .innerMain .content .newspaperList ul li:nth-child(4n+3) { padding-left: 13px; padding-right: 7px; } .innerMain .content .newspaperList ul li:nth-child(4n+4) { padding-left: 20px; padding-right: 0; } .innerMain .content .newspagerContainter { margin: 36px auto 0 auto; } .innerMain .content .newspagerContainter .pageImgList { width: 49.1%; float: left; padding-right: 68px; } .innerMain .content .newspagerContainter .pageImgList img { width: 100%; display: none; border: 1px solid rgba(31, 31, 31, 0.15); box-shadow: 0 6px 24px 0 rgba(31, 31, 31, 0.19); } .innerMain .content .newspagerContainter .pageImgList img:first-child { display: block; } .innerMain .content .newspagerContainter .pageList { width: 50.9%; float: left; } .innerMain .content .newspagerContainter .pageList .pageNameList .pageName { height: 30px; line-height: 30px; font-size: 16px; color: #4A4A4A; text-align: center; cursor: pointer; transition: all 0.3s ease-out, all 0.3s ease-out; } .innerMain .content .newspagerContainter .pageList .pageNameList .pageName.selected { color: #FF6F00; background: #FAF8F4; } .innerMain .content .newspagerContainter .pageList .catalog { padding-top: 42px; padding-bottom: 8px; line-height: 28px; border-bottom: 1px solid #B2B2B2; position: relative; font-size: 18px; color: #3C3C3C; } .innerMain .content .newspagerContainter .pageList .catalog:before { content: " "; position: absolute; width: 36px; height: 3px; background: #F56A00; left: 0; bottom: -1px; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews { display: none; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li { border-top: 1px dashed #B2B2B2; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a { display: block; padding: 18px 0; transition: all 0.3s ease-out, all 0.3s ease-out; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a .title { font-size: 18px; line-height: 28px; padding-bottom: 8px; color: black; font-weight: 600; transition: all 0.3s ease-out, all 0.3s ease-out; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a .abstract { font-size: 16px; color: #525252; line-height: 26px; max-height: 52px; overflow: hidden; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a .time { padding-top: 3px; line-height: 24px; font-size: 14px; color: #919191; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a:hover { background: #FAF8F4; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li a:hover .title { color: #FF6F00; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews ul li:first-child { border-top: 0; } .innerMain .content .newspagerContainter .pageList .pageNewsList .pageNews:first-child { display: block; } .innerMain .content .chooseTime { margin: 16px auto 34px auto; width: 95%; max-width: 858px; position: relative; z-index: 99; } .innerMain .content .chooseTime > div.dropdown { float: right; margin-left: 0; width: 80px; } .innerMain .content .chooseTime > div.dropdown .dropdown-menu { width: 100%; min-width: 100%; } .innerMain .content .chooseTime > div.dropdown .month_menu li { display: none; } .innerMain .content .chooseTime > div.dropdown button { width: 100% !important; position: relative; border: none; background: none !important; text-align: center; box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; border-radius: 0; outline: none; } .innerMain .content .chooseTime > div.dropdown button, .innerMain .content .chooseTime > div.dropdown span, .innerMain .content .chooseTime > div.dropdown a { font-size: 14px; color: #525252; } .innerMain .article { width: 95%; max-width: 768px; margin: 0 auto; } .innerMain .article .articleInfo { height: 26px; } .innerMain .article .articleInfo div { color: #1F1F1F; font-size: 16px; float: left; line-height: 26px; margin-right: 30px; } .innerMain .article .title { padding-top: 8px; padding-bottom: 20px; color: #1F1F1F; font-weight: 600; font-size: 40px; line-height: 56px; border-bottom: 1px solid #DCDCDC; } .innerMain .article .articleDetail { padding-top: 30px; } .innerMain .article .articleDetail p { color: #1F1F1F; line-height: 26px; font-size: 16px; } .innerMain .article .articleDetail img { max-width: 100% !important; } .innerMain .article .articleDetail table { width: 100% !important; } .innerMain .article .share { padding-top: 60px; } .innerMain .groupIntroduction { padding-top: 36px; } .innerMain .groupIntroduction .currentImg { float: left; background: gray; width: 36.9%; } .innerMain .groupIntroduction .currentImg img { max-width: 100%; } .innerMain .groupIntroduction .htmlPageContent { width: 56%; float: right; } .innerMain .groupIntroduction .htmlPageContent .topSign { width: 35px; height: 5px; background: #F56A00; margin-bottom: 50px; margin-top: 20px; } .innerMain .groupIntroduction .htmlPageContent p { font-size: 16px; line-height: 26px; color: #1F1F1F; } .innerMain .groupProcessContent { width: 95%; max-width: 700px; margin: 0 auto; } .innerMain .groupProcessContent .title { padding-bottom: 40px; font-size: 28px; line-height: 40px; text-align: center; color: #3c3c3c; } .innerMain .groupProcessContent .historyList { position: relative; padding-top: 36px; } .innerMain .groupProcessContent .historyList .history { position: relative; } .innerMain .groupProcessContent .historyList .history > div { padding-bottom: 44px; } .innerMain .groupProcessContent .historyList .history > div .year { margin-top: -10px; font-size: 40px; color: #000000; line-height: 56px; } .innerMain .groupProcessContent .historyList .history > div .year_month { color: #F56A00; font-size: 14px; line-height: 21px; position: relative; margin-top: 20px; margin-bottom: 4px; } .innerMain .groupProcessContent .historyList .history > div .year_month span { display: block; width: 20px; height: 1px; background-color: #DCDCDC; position: absolute; top: 10px; } .innerMain .groupProcessContent .historyList .history > div .event { color: #525252; font-size: 16px; line-height: 26px; } .innerMain .groupProcessContent .historyList .history > div img { margin-top: 78px; max-width: 100%; } .innerMain .groupProcessContent .historyList .history > div:first-child { border-right: 1px solid #DCDCDC; padding-right: 40px; } .innerMain .groupProcessContent .historyList .history > div:first-child .year { text-align: right; } .innerMain .groupProcessContent .historyList .history > div:first-child .year_month { text-align: right; } .innerMain .groupProcessContent .historyList .history > div:first-child .year_month span { right: -40px; } .innerMain .groupProcessContent .historyList .history > div:first-child .event { text-align: right; } .innerMain .groupProcessContent .historyList .history > div:first-child + div { padding-left: 40px; border-left: 1px solid #DCDCDC; margin-left: -1px; } .innerMain .groupProcessContent .historyList .history > div:first-child + div .year { text-align: left; } .innerMain .groupProcessContent .historyList .history > div:first-child + div .year_month { text-align: left; } .innerMain .groupProcessContent .historyList .history > div:first-child + div .year_month span { left: -40px; } .innerMain .groupProcessContent .historyList .history > div:first-child + div .event { text-align: left; } .innerMain .groupProcessContent .historyList .history .sign { position: absolute; width: 8px; height: 8px; background: #FF773D; border-radius: 50%; top: 15px; left: 50%; margin-left: -5px; padding: 0; } .innerMain .groupProcessContent .historyList .history .sign:before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #FF773D; position: absolute; left: 50%; margin-left: -6px; top: -2px; padding: 0; } .innerMain .groupProcessContent .historyList .history:first-child { padding-top: 15px; } .innerMain .groupProcessContent .historyList .history:first-child > div .year { margin-top: -24px; } .innerMain .groupProcessContent .historyList .history:first-child > div img { margin-top: 62px; } .innerMain .groupProcessContent .historyList > .sign.end { position: absolute; width: 8px; height: 8px; background: #FF773D; border-radius: 50%; bottom: 0; left: 50%; margin-left: -5px; padding: 0; } .innerMain .newsList { width: 95%; max-width: 858px; margin: 36px auto 0 auto; } .innerMain .newsList ul { border-top: 1px solid gainsboro; } .innerMain .newsList ul li { padding-top: 26px; padding-bottom: 26px; border-bottom: 1px dashed gainsboro; transition: all 0.3s ease-out, all 0.3s ease-out; } .innerMain .newsList ul li > a { display: block; } .innerMain .newsList ul li .newsImg { display: block; width: 32.867%; float: left; height: 160px; overflow: hidden; border: 1px solid gainsboro; background-color: #eeeeee; } .innerMain .newsList ul li .newsWordInfo { width: 64.1212%; float: right; padding-right: 20px; } .innerMain .newsList ul li .newsWordInfo .title { display: inline-block; color: black; font-size: 18px; line-height: 28px; height:56px; margin-top: 4px; margin-bottom: 6px; transition: all 0.3s ease-out, all 0.3s ease-out; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-width: 100%; font-weight: 600; } .innerMain .newsList ul li .newsWordInfo .abstract { color: #525252; font-size: 16px; line-height: 24px; margin-bottom: 6px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; } .innerMain .newsList ul li .newsWordInfo .time { color: #9B9B9B; font-size: 14px; line-height: 20px; } .innerMain .newsList ul li:hover { background: #FAF8F4; } .innerMain .newsList ul li:hover .title { color: #F56A00; } .groupIntroduction .footer { margin-top: 50px; } .newsDeaaultBg { display: block; width: 100%; height: 100%; background: url("../images/newsDefault.png") no-repeat center; background-color: #eeeeee; background-size: 64.5% auto; } .page { padding-top: 70px; text-align: center; } .page #info span, .page #info a { display: inline-block; height: 38px; line-height: 38px; background: #FFFFFF; border: 1px solid gainsboro; border-radius: 4px; padding: 0 16px !important; cursor: pointer; color: #B2B2B2; transition: all 0.3s ease-out, all 0.3s ease-out; } .page #info span:hover, .page #info a:hover { background: #E67349; border: 1px solid #E67349; color: white; } .page #info .pageCount { cursor: default; } .page #info .currentlinkspan { background: #E67349; border: 1px solid #E67349; color: white; } .page #info span.cannotClick, .page #info a.cannotClick { background: #FFFFFF !important; border: 1px solid gainsboro !important; padding: 0 16px !important; cursor: default; color: #B2B2B2; } .brandClassification { padding: 18px 0; } .brandClassification .select-selector { text-align: center; } .brandClassification .select-selector a { font-size: 16px; color: #3C3C3C; margin: 0 20px; position: relative; padding: 8px 0; display:inline-block; } @media only screen and (max-width:768px){ .brandClassification .select-selector a { margin:0 18px; } } .brandClassification .select-selector a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; height: 3px; background-color: #FF5E19; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .brandClassification .select-selector a.active:after, .brandClassification .select-selector a:hover:after { width: 100%; } .brandClassification .select-selector a.active, .brandClassification .select-selector a:hover { color: #FB5232; } .brandClassification .brandNameList { padding-top: 60px; } .brandClassification .brandNameList ul { margin-left: -40px; } .brandClassification .brandNameList ul li { width: 20%; margin-bottom: 40px; float: left; } .brandClassification .brandNameList ul li a { margin-left: 40px; position: relative; display: block; } .brandClassification .brandNameList ul li a img { display: block; width: 100%; height: auto; } .brandClassification .brandNameList ul li a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 5px solid transparent; -webkit-transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1); -o-transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1); transition: all 0.5s cubic-bezier(0, 0.5, 0.5, 1); border-width: 10px; } .brandClassification .brandNameList ul li a:hover:before { border-color: #e0e0e0; } .transitionLable { opacity: 0; filter: alpha(opacity=0) \9; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98); transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98), opacity 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98); } .transitionLable.select { opacity: 1; filter: alpha(opacity=100) \9; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mapContainer { position: relative; min-height: 500px; } .mapContainer #panel { position: fixed; background-color: white; max-height: 90%; overflow-y: auto; top: 10px; right: 10px; width: 280px; } .mapContainer .mapWord { position: absolute; z-index: 999; background: white; padding: 40px; left: 128px; bottom: 100px; max-width:570px; } .mapContainer .mapTitle { font-size: 30px; line-height:32px; color: #31424E; font-weight: bold; margin-bottom:10px; } .mapContainer .mapWord .subTitle { font-size: 20px; color: #3C3C3C; line-height: 22px; padding-bottom: 15px; } .mapContainer .mapWord .link { padding-top: 10px; border-top: 1px solid #31424e; } .mapContainer .mapWord .link div { width: 50%; float: left; color: #31424E; font-size: 14px; line-height: 26px; margin-top: 6px; } .mapContainer .amap-icon img { width: 100%; } .mapContainer .amap-logo, .mapContainer .amap-copyright { display: block !important; visibility:visible !important; } .amap-copyright{ bottom:3px; } .mapContainer #container { height: 500px; } .mapContainer .prohibitZooming { position: absolute; width: 100%; height: 500px; top: 0; left: 0; opacity: 0; z-index: 9980; } .mapContainer .amap-toolbar { display: none !important; } .mapContainer .amap-icon { top: -20px !important; } .mapContainer .amap-icon img { top: 0 !important; left: 4px !important; width: 70%; } #bt.btmtip, #bt2.btmtip { position: absolute; z-index: 9990; left: 50%; top: 480px; width: 250px; height: 62px; line-height: 62px; text-align: center; color: #1F1F1F; background: white; font-size: 16px; margin-left: 350px; box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.21); cursor: pointer; } @media only screen and (max-width:1200px){ #bt.btmtip{ margin-left: 125px; } } #bt.btmtip span, #bt2.btmtip span { color: #1F1F1F; font-size: 16px; display: inline-block; border-bottom: 1px solid #FF773D; } #bt2.btmtip { display: none; } .pdfContainer { text-align: center; } .pdfContainer a { color: #3C3C3C; transition: all 0.3s ease-out, all 0.3s ease-out; text-decoration: none; } .pdfContainer a:hover { color: #E67349; } .prevPage { margin-left: 4px; } .nextPage { margin-left: 4px; } .bd_weixin_popup { height: 288px !important; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child { background: url("../images/jn_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn { background: url("../images/rh_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn { background: url("../images/sp_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn { background: url("../images/wt_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .active.swiper_btn:first-child { background: url("../images/jn_hover_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn.active { background: url("../images/rh_hover_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn.active { background: url("../images/sp_hover_2x.png") no-repeat center top; background-size: 100% auto; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn:first-child + .swiper_btn + .swiper_btn + .swiper_btn.active { background: url("../images/wt_hover_2x.png") no-repeat center top; background-size: 100% auto; } .footer .logo_share .leftSide .logo { background: url("../images/Bitmap_2x.png") no-repeat center; background-size: cover; } } @media only screen and (min-width: 1920px) { .main .bg_video_contain { background-size: cover !important; } } @media only screen and (max-width: 1366px) { .header .navContainer ul li { } } @media only screen and (max-width: 1316px) { .header .navContainer ul li a { font-size: 14px; } .header .navContainer > ul > li > ul { padding-top: 12px; } } @media only screen and (max-width: 1280px) { .header .navContainer > ul > li > li { height: 270px; } .header .navContainer .submenuBg { height: 271px; } } @media only screen and (max-width: 1200px) { .header { height: 48px; } .phoneArea { display: block; height: 48px; text-align: center; } .phoneArea .phone_headerContainer { width: 95%; margin: 0 auto; height: 48px; } .phoneArea .burgerMenu { float: left; width: 44px; height: 100%; line-height: 48px; text-align: left; cursor: pointer; } .phoneArea .burgerMenu img { display: block; width: 22px; margin-top: 14px; } .phoneArea .logo { display: inline-block; height: 100%; /* width: 60px; */ float: none; line-height: 48px; } .phoneArea .logo img { height: 30px; display: block; margin-top: 9px; } .phoneArea .shoppingMall { float: right; width: 44px; height: 100%; line-height: 48px; text-align: right; cursor: pointer; } .phoneArea .shoppingMall img { width: 22px; margin-top: 14px; } .pcArea { display: none; } .header .navContainer ul li { padding: 0 9px; } .innerMain .innerBanner { height: 360px; padding-top: 45px; } #bt2.btmtip { position: absolute; left: auto; margin-left: 0; right: 0; height: 40px; line-height: 40px; } .mapContainer .mapWord { position: static !important; padding-top: 520px; max-width:100%; } .mapContainer .mapWord .subTitle { font-size: 18px; line-height: 22px; } .mapContainer .mapWord .link div { width: 100%; margin-top: 0; } .mapContainer .mapTitle { font-size: 30px; padding-top: 20px; } } .zzjg_head .zzjg_bg { width: 100%; max-width: 1200px; background-color: #FBFBFB; padding: 20px 0; } .zzjg_head table tr { display: block; margin-bottom: 10px; } .zzjg_head table tr td { padding-left: 15px; } .zzjg_head .zzjg_block { margin: 10px auto; display: block; background-color: #FF8426; width: 42px; height: 4px; } .zzjg_head img { max-width: 100%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .main .doWhat > div .rightS .whatWeDo { padding-bottom: 20px; } .main .doWhat > div .rightS .direction { padding-bottom: 15px; } } @media only screen and (max-width: 992px) { .main .doWhat > div .rightS { height: 485px !important; padding-top: 115px !important; } .main .doWhat > div .rightS .businessArea { margin-top: 50px !important; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo { padding: 18px 26px; } .main .newsContainer .tabList .tab .imageContain > div .wordInfo .abstract { margin-bottom: 15px; } .brandClassification .brandNameList ul { margin-left: -30px; margin-bottom: 30px; } .brandClassification .brandNameList ul li { width: 25%; } .brandClassification .brandNameList ul li a { margin-left: 30px; } .innerMain .newsList ul li .newsWordInfo .title { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: 64px; margin-top: 0; } .innerMain .newsList ul li .newsWordInfo .abstract { display: none; } .innerMain .groupIntroduction .htmlPageContent { width: 100%; } .innerMain .groupIntroduction .currentImg { width: 100%; } } @media only screen and (max-width: 767px) { .bg_video_contain { display: none; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn .font{ width:80px; margin-left:-40px; top:62px; white-space:normal; line-height:16px; } .phoneBanner { display: block; overflow: hidden; position: relative; z-index: 997; } .phoneBanner img { width: 100%; } .phoneBanner .words { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../images/videoWord_3x.png") no-repeat center; background-size: 275px auto; z-index: 998; } .phoneBanner .more { position: absolute; background: url("/gzligen/-themes-/theme1/images/pull_down.svg") no-repeat center; z-index: 999; width: 32px; height: 32px; background-size: 32px 32px; bottom: 20px; left: 50%; margin-left: -22px; opacity: 0.7; } .main .newsContainer .tabList .tab .imageContain .col-md-6:first-child { padding: 0; } .main .newsContainer .tabList .tab .imageContain .col-md-6:first-child + .col-md-6 { padding: 0; margin-top: 15px; } .main .newsContainer .tabList .tab .wordsNews { padding-top: 0; padding-bottom: 0; } .main .newsContainer .tabList .tab .wordsNews > div.col-md-4 { padding: 25px 0 !important; border-bottom: 1px solid gainsboro; } .main .newsContainer .tabList .tab .wordsNews > div.col-md-4 .borderDiv { display: none; } .main .newsContainer .tabList .tab .wordsNews > div.col-md-4 .newsTitle { height: auto; margin-bottom: 6px; } .main .newsContainer .tabList .tab .wordsNews > div.col-md-4:first-child + div.col-md-4 + div.col-md-4 { border-bottom: none; } .main .about .aboutContainer > div { padding: 0 !important; margin-top: 20px; } .main .about .aboutContainer > div:first-child { margin-top: 0; } .main .about { margin-top: 120px; } .main .about .title { font-size: 40px; line-height: 60px; } .main .about .subTitle { font-size: 16px; padding-top: 0; padding-bottom: 20px; } .main .about .aboutContainer.centerArea1 { width: 100%; } .main .doWhat > div .leftS { margin-top: 0; } .main .doWhat > div .rightS { margin-top: -100px; } .main .doWhat > div .rightS .businessArea { font-size: 24px; } .main .doWhat > div .rightS .whatWeDo { font-size: 40px; line-height:60px; padding-bottom: 10px; } .main .doWhat > div .rightS .direction { font-size: 16px; } .main .newsContainer .containerTitle { font-size: 40px; } .main .newsContainer .tabNameList { margin-bottom: 22px; margin-top: 10px; } .main .newsContainer .tabNameList .tabName { font-size: 18px; margin: 0 10px; } #wrapper .footer { margin-top: -50px !important; } #wrapper .footer .enterprises.centerArea1 { width: 100%; } #wrapper .footer .enterprises.centerArea1 .showEnterprisesBtn { width: 100%; } .innerWrapper .footer, #wrapper .footer { margin-top: 0; } .innerMain .content .imgList ul li { padding: 20px 0 0 0 !important; } .innerMain .content .imgList ul li div .img img { min-width: 100%; } .innerMain .content .imgList .page { padding-top: 40px; } .brandClassification .select-selector a { display: inline-block; white-space: nowrap; } .brandClassification .select-selector a:first-child + a + a + a, .brandClassification .select-selector a:first-child + a + a + a { margin-top: 20px; } .brandClassification .brandNameList ul { margin-left: -20px; margin-bottom: 20px; } .brandClassification .brandNameList ul li { width: 33.33333%; } .brandClassification .brandNameList ul li a { margin-left: 20px; } .brandClassification .brandNameList ul li a:before { border: 2px solid transparent; } .main .doWhat > div .rightS { height: 384px !important; } .main .doWhat > div .rightS .businessArea { margin-top: 20px !important; } .main .doWhat > div .rightS .swiperBtnList .swiper_btn { margin: 0 5px; width: 56px; background-size: 100% auto; } .innerMain .innerBanner .Arc { right: -154px; } #bt2.btmtip { display: block; } #bt.btmtip { display: none; } .innerMain .innerBanner > div .positionColumn .columnName { padding-top: 60px !important; } .innerMain .innerBanner > div .positionColumn.Brand .columnName, .innerMain .innerBanner > div .positionColumn.null .columnName { padding-top: 70px !important; } .innerMain .content .chooseTime > div.dropdown { width: 50%; margin-left: 0; } .innerMain .content .chooseTime > div.dropdown:first-child { padding-left: 10px; } .innerMain .content .chooseTime > div.dropdown:first-child + div.dropdown { padding-right: 10px; } .page #info .pageNumber { display: none !important; } .innerMain .content .newspagerContainter .pageImgList { width: 100%; padding: 0; } .innerMain .content .newspagerContainter .pageList { width: 100%; padding-top: 20px; } } .clear_both { clear: both !important; float: none !important; padding: 0 !important; margin: 0 !important; } .header .logo { height: 100%; } .header .logo a img { height: 100%; } .innerMain .innerBanner > div .subMenu ul li { margin-top: 27px; line-height: 20px; } .innerMain .innerBanner > div .subMenu ul li span { bottom: -26px; } @media screen and (max-width:1200px){ .innerMain .innerBanner > div .subMenu ul li { margin-top: 20px; height: 40px; line-height: 20px; display: table; } .innerMain .innerBanner > div .subMenu ul li a{ display: table-cell; vertical-align: middle; } .innerMain .innerBanner > div .subMenu ul li span{ bottom:-14px; } } .header .headerRight .dropdown .button { font-weight: 600; } .header .headerRight .onlineMall { font-size: 16px; background: #ed6d1e; } .main .newsContainer .containerTitle { margin-top: 90px; margin-bottom: 20px; } .innerMain .groupIntroduction .currentImg { margin-top: 20px; } @media only screen and (min-width: 767px) { .main .newsContainer .tabNameList .tabName { margin: 0 20px; } } .rightS_popup .popup_contain .popup_header { background: #FF5E19; } .rightS_popup .popup_contain .popup_header .close { opacity: 1; text-align: center; padding: 12px; } .rightS_popup .popup_contain .popup_header .close img { display: block; width: 20px; } .rightS_popup .popup_contain ul li { background-image: none !important; cursor: pointer; } .rightS_popup .popup_contain ul li a img { display: block; width: 100%; height: 100%; } .rightS_popup .popup_contain ul li .brand_title { display: block; font-size: 17px; line-height: 20px; color: #fff; padding: 26px 120px 26px 50px; position: absolute; top: 0; left: 0; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } .rightS_popup .popup_contain ul li .shop_mask { position: absolute; width: 100%; height: 100%; background: white; z-index: 99; display: block; opacity: 0; filter: Alpha(opacity=0); } .rightS_popup .popup_contain ul li:hover .shop_mask { opacity: 0.3; filter: Alpha(opacity=30); } .rightS_popup .popup_contain ul li:first-child + li + li + li + li + li + li { height: 92px; } .rightS_popup .popup_contain ul li:nth-child(8) { animation: showLi 0.5s ease-out 1.2s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(9) { animation: showLi 0.5s ease-out 1.3s 1 forwards; } .rightS_popup .popup_contain ul li:nth-child(10) { animation: showLi 0.5s ease-out 1.4s 1 forwards; } .header .headerRight .search:hover { background-color: #e6e6e6; } .innerMain .htmlPage img, .innerMain .article .articleDetail img { max-width: 100%; } .innerMain .htmlPage p, .innerMain .article .articleDetail p, .innerMain .article .articleDetail span, .innerMain .article .articleDetail div, .innerMain .article .articleDetail strong, .innerMain .article .articleDetail p *, .innerMain .article .articleDetail span *, .innerMain .article .articleDetail div *, .innerMain .article .articleDetail strong * { font-size: 16px !important; line-height: 1.6em !important; margin-top: 1em !important; margin-bottom: 1.5em !important; } .innerMain .article .articleDetail p img, .innerMain .article .articleDetail div img { margin-top: 0px !important; margin-bottom: 0px !important; } .innerMain .article .articleDetail h1, .innerMain .article .articleDetail h2, .innerMain .article .articleDetail h3, .innerMain .article .articleDetail h4 { color: #ed6d1e !important; } .innerMain .article .articleDetail h1 *, .innerMain .article .articleDetail h2 *, .innerMain .article .articleDetail h3 *, .innerMain .article .articleDetail h4 * { margin-top: 0; margin-bottom: 0; color: #ed6d1e !important; } .innerMain .article .articleDetail h1 { font-size: 48px !important; line-height: 1.04167 !important; font-weight: 500 !important; letter-spacing: .006em !important; position: relative; padding-left: 18px !important; } .innerMain .article .articleDetail h1, .innerMain .article .articleDetail h1 * { font-size: 48px !important; line-height: 1.04167 !important; font-weight: 500 !important; letter-spacing: .006em !important; } .innerMain .article .articleDetail h2, .innerMain .article .articleDetail h2 * { font-size: 32px !important; line-height: 1.125 !important; font-weight: 500 !important; letter-spacing: .004em !important; } .innerMain .article .articleDetail h3, .innerMain .article .articleDetail h3 * { font-size: 24px !important; line-height: 1.20849 !important; font-weight: 500 !important; letter-spacing: .015em !important; } .innerMain .article .articleDetail h4, .innerMain .article .articleDetail h4 * { font-size: 18px !important; line-height: 1.52947 !important; font-weight: 500 !important; letter-spacing: .021em !important; } .innerMain .article .articleDetail h1::before { content: ' '; display: inline-block; width: 6px; height: 24px; background: #ed6d1e !important; positiion: absolute; top: 50%; margin-bottom: 9px; margin-left: -18px; } .innerMain .article .articleDetail ul { list-style: none; margin: 0 !important; padding: 0 !important; } .innerMain .article .articleDetail ol { margin: 0 !important; padding: 0 !important; padding-left: 16px !important; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .innerMain .article .articleDetail ul li { font-size: 16px !important; line-height: 1.6em !important; margin-top: 1em !important; margin-bottom: 1em !important; color: black !important; position: relative; padding-left: 16px !important; } .innerMain .article .articleDetail ul li * { font-size: 16px !important; line-height: 1.6em !important; color: black !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .innerMain .article .articleDetail ul li p, .innerMain .article .articleDetail ul li div { display: inline; } .innerMain .article .articleDetail ul li:before { content: ' '; display: inline-block; border: 3px solid #ed6d1e; background: #ed6d1e; border-radius: 50%; positiion: absolute; top: 50%; margin-right: 6px; margin-bottom: 3px; margin-left: -16px; } .innerMain .article .articleDetail ol li { font-size: 16px !important; line-height: 1.6em !important; margin-top: 1em !important; margin-bottom: 1em !important; color: black !important; } .innerMain .article .articleDetail ol li * { font-size: 16px !important; line-height: 1.6em !important; margin-top: 0px !important; margin-bottom: 0px !important; color: black !important; margin-left: 0px !important; margin-right: 0px !important; } .innerMain .article .articleDetail .table-responsive .table { margin-left: 0px !important; margin-right: 0px !important; border: none; } .innerMain .article .articleDetail .table-responsive .table tbody { border: none; } .innerMain .article .articleDetail .table-striped > tbody > tr:nth-of-type(odd) { background-color: #F3F3F3; } .innerMain .article .articleDetail .table-striped > tbody > tr:nth-of-type(even) { background-color: #ffffff; } .innerMain .article .articleDetail .table-responsive .table tbody > tr { margin-top: 0px !important; margin-bottom: 0px !important; } .innerMain .article .articleDetail .table-responsive .table tbody > tr > td { border: 1px solid #DDDDDD !important; vertical-align: middle !important; font-size: 14px !important; line-height: 22px !important; color: #1F1F1F !important; padding: 15px !important; margin-right: 0px !important; margin-left: 0px !important; margin-top: 0 !important; margin-bottom: 0 !important; } .innerMain .article .articleDetail .table-responsive .table tbody > tr > td * { font-size: 14px !important; line-height: 22px !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0px !important; margin-right: 0 !important; padding: 0 !important; color: #1F1F1F !important; } .innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td { border: 1px solid #fff !important; color: #ffffff !important; background: #FF6F00 !important; } .innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td * { color: #fff !important; } .innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td:first-child { border-radius: 4px 0px 0px 0px; } .innerMain .article .articleDetail .table-responsive .table > tbody > tr:first-child > td:last-child { border-radius: 0px 4px 0px 0px; } .innerMain .content.gsglxy { max-width: 800px; } .innerMain .content.gsglxy .groupIntroduction p img { max-width: 100%; } .innerMain .innerBanner > div .positionColumn .columnName { font-weight: 700; } .wechat-tel .wechat-wrap .QR_code { background: url("../images/wechat.png") no-repeat center #fff; background-size: 80px 80px; } .footer .logo_share .leftSide .logo { background: url("/gzligen/-themes-/theme1/images/footer-logo.png") no-repeat left center; } .backTop { background: url("/gzligen/-themes-/theme1/images/backup.svg") no-repeat center; } #bt.btmtip { top: 437px; } #bt2.btmtip { top: 460px; } .page #info span.pageCount:hover { background: #FFFFFF; border: 1px solid gainsboro; color: #B2B2B2; } @media screen and (max-width: 767px) { .innerMain .newsList ul li { padding-bottom: 14px; padding-top: 14px; } .innerMain .newsList ul li .newsWordInfo { width: 62%; padding-right: 0px; } .innerMain .newsList ul li .newsWordInfo .title { height:48px; font-size: 16px; line-height: 24px; } .innerMain .newsList ul li .newsWordInfo .time { font-size: 12px; line-height: 20px; font-family: "PingFang SC",Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important; } .page #info { font-size: 0px; } .page #info > a { font-size: 14px; margin-right: 6px; } .page #info > span { font-size: 14px; margin-right: 6px; } .page #info .currentlinkanchor { display: none; } .page #info .currentlinkspan { display: none; } .page #info a:last-child { margin-right: 0px; } .innerMain .innerBanner > div .subMenu.dropdown { height: 50px; bottom: 2px; } .innerMain .innerBanner > div .subMenu.dropdown .dropdown-toggle { font-size: 16px; } .innerMain .article .title { font-size: 26px; line-height: 34px; } .innerMain .article .articleInfo div.time { font-size: 14px; line-height: 26px; } .innerMain .article .share { display: none; } .innerMain .article .share .jiathis_txt { text-align: center; } .innerMain .article .share .bdshare-button-style0-24 { width: 100% !important; text-align: center; } .innerMain .article .share .bdshare-button-style0-24 a { float: none; display: inline-block; } .main .newsContainer .tabList .tab .wordsNews > div .newsTitle { line-height: 28px; } .mapContainer .mapTitle { font-size: 26px; } .mapContainer .mapWord .subTitle { font-size: 16px; padding-bottom: 7px; } .mapWord .link { padding-top: 7px; } } .innerMain .article .articleDetail p.img_p{ text-indent: 0px !important; font-size: 14px !important; color: #666666 !important; } .innerMain .article .articleDetail p.img_p img{ margin-bottom: 0.5em !important; } @media only screen and (max-width:991px){ .main .bg_video_contain .word .videoWord { height: 166px; background: url(../images/videoWord_3x.png) no-repeat center; background-size:auto 100%; } } /*# sourceMappingURL=main.css.map */