html, body { height: 100%; width: 100%; } body { background: url(../image/bg.png); } * { margin: 0; padding: 0; outline: none; } li { list-style: none; } a { text-decoration: none; color: #333; } .limit1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .i-flex { display: -webkit-flex; display: flex; } .i-flex1 { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .flex-content { -webkit-align-items: center; align-items: center; } .limit1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bgfff { background: #fff; } .t_r { text-align: right; } .t_l { text-align: left; } .content1200 { width: 1200px; margin: 0 auto; } @font-face { font-family: mFont; src: url('../font/founderXingKaiSimplified.ttf'); } .bgBody { /* background: #b1badb; background-image: linear-gradient(to bottom right, red , yellow); background:-webkit-gradient(linear, 0 0, 0 100%, from(＃93dbf4), to(＃b1badb)); background-image: linear-gradient(#93dbf4, #b1badb); background-image: linear-gradient(to right, #77aff3, #b1badb); */ background: url(../image/bg.png); padding-top: 15px; } .index-bg { background: url(../image/bgBody.jpg) no-repeat center; padding: 15px 0; background-size: 100% 100%; } .top { position: relative; height: 116px; padding: 0 15px; } .top .logo { position: relative; margin-top: 1.3rem; } /*满天星*/ /* audio { z-index: 5; position: absolute; bottom: 0; opacity: 0.3; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } audio:hover { opacity: 1; } */ .wall { position: absolute; top: -1.375rem; left: 0; bottom: 0; right: 0; width: 34.5625rem; height: 7rem; } div.background { background: url(../image/logo1.png) no-repeat; -webkit-animation: dd 100s linear infinite; -moz-animation: dd 100s linear infinite; -o-animation: dd 100s linear infinite; animation: dd 100s linear infinite; background-size: 100% 100%; } div.midground { background: url(../image/midground1.png); z-index: 1; -webkit-animation: cc 30s linear infinite; -moz-animation: cc 30s linear infinite; -o-animation: cc 30s linear infinite; animation: cc 30s linear infinite; } div.foreground { background: url(../image/foreground.png); z-index: 2; -webkit-animation: cc 10s linear infinite; -o-animation: cc 10s linear infinite; -moz-animation: cc 10s linear infinite; animation: cc 10s linear infinite; } div.wall-top { background: url(../image/midground1.png); z-index: 4; -webkit-animation: dd 30s linear infinite; -o-animation: dd 30s linear infinite; animation: da 30s linear infinite; } @-webkit-keyframes cc { from { background-position: 0 0; transform: translateY(10px); } to { background-position: 100% 0; } } @-o-keyframes cc { from { background-position: 0 0; transform: translateY(10px); } to { background-position: 600% 0; } } @-moz-keyframes cc { from { background-position: 0 0; transform: translateY(10px); } to { background-position: 600% 0; } } @keyframes cc { 0% { background-position: 0 0; } 100% { background-position: 600% 0; } } @keyframes da { 0% { background-position: 0 0; } 100% { background-position: 0 600%; } } @-webkit-keyframes da { 0% { background-position: 0 0; } 100% { background-position: 0 600%; } } @-moz-keyframes da { 0% { background-position: 0 0; } 100% { background-position: 0 600%; } } @-ms-keyframes da { 0% { background-position: 0 0; } 100% { background-position: 0 600%; } } /* canvas{ background: url(../image/logo1.png) no-repeat; width: 30rem; height: 4.5rem; } */ .nav { width: 41.125rem; position: absolute; right: 0; z-index: 10; transition: all 0.8s; margin-top: 2rem; } .navbarbg { position: absolute; top: 82px; right: 0; height: 236px; width: 100%; opacity: 0.8; z-index: 9999; background: #726b6b; display: none; } .top .menuList { /* margin-left: 60px; */ width: 100%; overflow: hidden; } .menuList li { flex: 1; color: #333; font-size: 16px; padding: 20px 0; cursor: pointer; margin-bottom: 32px; text-align: center; } .nav ul li.on a, .nav ul li:hover a { color: #0d61a8; border-bottom: 3px solid #0d61a8 } .menuList li a { padding: 0 5px; display: block; width: 100%; box-sizing: border-box; border-right: 1px solid #333; } .menuList .last { border: 0; } .nav ul li .drop { transition: all 0.8s; width: 94px; font-size: 14px; margin-left: 0; display: none; z-index: 99999; _ z-index: 99999999; position: absolute; top: 82px; height: 226px; border-left: 1px solid #78bce5; transition: all 0.8s; padding-top: 10px; } .nav ul li div.active { background-color: rgba(51, 154, 215, .75); } .nav ul li .drop p { /* border-top: 1px solid #ddd; */ height: 40px; line-height: 40px; width: 100%; float: none; text-align: center; margin-left: 0; } .nav ul li .drop a { height: 40px; border-bottom: 0; border-right: 0; line-height: 40px; color: #fff; font-size: 14px; display: block; text-align: center; position: relative; transition: all 0.8s; } .nav ul li .drop p:hover a { background: #0099ff; transition: all 0.8s } .bannerSlide { position: relative; width: 100%; } .bannerSlide .swiper-wrapper { position: relative; width: 100%; padding: 0; margin: 0; } .bannerSlide .swiper-wrapper .swiper-slide { display: block; position: relative; opacity: 1; z-index: 2; } .bannerSlide .swiper-wrapper .swiper-slide img { /* display: block; */ position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .bannerSlide .swiper-wrapper .swiper-slide span { font-size: 55px; font-family: "mFont"; color: #fff; display: inline-block; width: 100%; z-index: 2; } .bannerSlide .swiper-slide .one { position: absolute; width: 100%; left: 15%; bottom: 10%; } .bannerSlide .swiper-slide .two { position: absolute; left: 35%; top: 23%; } .bannerSlide .swiper-slide .three { position: absolute; left: 12%; bottom: 10%; } .bannerSlide .swiper-slide .four { position: absolute; left: 30%; top: 13%; } .bannerSlide .swiper-slide .five { position: absolute; left: 180px; top: 59px; } .bannerSlide .swiper-button-next, .bannerSlide .swiper-button-prev { position: absolute; width: 60px; height: 60px; border-radius: 100%; background: #808080; opacity: .8; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 3; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; } .bannerSlide .swiper-button-next { position: absolute; right: 1.875rem; } .bannerSlide .swiper-pagination { position: absolute; left: 0px; bottom: 10px; } .bannerSlide .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100%; line-height: 10px; opacity: 1; background: #838584; } .bannerSlide .swiper-pagination-bullet-active { background: #c09900; width: 22px; height: 8px; border-radius: 10%; } .banner11 { display: none; } .bannerSlide11 { position: relative; width: 100%; } .bannerSlide11 .swiper-wrapper { position: relative; width: 100%; padding: 0; margin: 0; } .bannerSlide11 .swiper-wrapper .swiper-slide { display: block; position: relative; opacity: 1; z-index: 2; } .bannerSlide11 .swiper-wrapper .swiper-slide img { /* display: block; */ position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .bannerSlide11 .swiper-wrapper .swiper-slide span { font-size: 55px; font-family: "mFont"; color: #fff; display: inline-block; width: 100%; z-index: 2; } .bannerSlide11 .swiper-slide .one { position: absolute; width: 100%; left: 15%; bottom: 10%; } .bannerSlide11 .swiper-slide .two { position: absolute; left: 35%; top: 23%; } .bannerSlide11 .swiper-slide .three { position: absolute; left: 12%; bottom: 10%; } .bannerSlide11 .swiper-slide .four { position: absolute; left: 30%; top: 13%; } .bannerSlide11 .swiper-slide .five { position: absolute; left: 180px; top: 59px; } .bannerSlide11 .swiper-button-next, .bannerSlide11 .swiper-button-prev { position: absolute; width: 60px; height: 60px; border-radius: 100%; background: #808080; opacity: .8; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 3; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; } .bannerSlide11 .swiper-button-next { position: absolute; right: 1.875rem; } .bannerSlide11 .swiper-pagination { position: absolute; left: 0px; bottom: 10px; } .bannerSlide11 .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100%; line-height: 10px; opacity: 1; background: #838584; } .bannerSlide11 .swiper-pagination-bullet-active { background: #c09900; width: 22px; height: 8px; border-radius: 10%; } /* .bannerSlide .swiper-button-next:after, .bannerSlide .swiper-button-prev:after { font-family: swiper-icons; font-size: 35px; text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; } */ .notice { /* margin-top: 15px; */ padding: 15px; background: #fff; } .noticeInert { background: #F3F3F3; } .noticeInert .notice-pic { height: 100%; line-height: 67px; text-align: center; width: 119px; color: #fff; background: #0099ff; font-size: 22px; padding-left: 32px; position: relative; } .noticeInert .notice-pic:before { content: " "; position: absolute; top: 25px; left: 15px; height: 23px; width: 26px; background: url(../image/icon.png) no-repeat; background-size: 100%; } .noticeInert .newsLink { width: 1009px; } .newsLink a { color: #000000; } .newsLink .centerContentBox { font-size: 20px; line-height: 67px; padding-left: 20px; } /* .searchContent { border: 1px solid #F3F3F3; width: 400px; float: right; overflow: hidden; margin-left: 20px; } .searchContent input { border: 0; background: #F3F3F3; text-indent: 20px; font-size: 16px; } .searchContent a { padding: 9px 9px; background: #dfdfdf; } .searchContent a img { margin-top: 12px; width: 25px; height: 25px; } */ .news { margin-top: 15px; padding: 15px; background: #fff; } .newsCon { width: 540px; height: 340px; margin-right: 56px; } .newsCon img { width: 540px; height: 340px; } .newsCon .newsSlide swiper-slide { position: relative; } .newsCon .title { position: absolute; width: 100%; height: 50px; line-height: 50px; padding-left: 25px; color: #fff; bottom: 0px; left: 0px; background: #5e554a; opacity: 0.5; } .newsCon .newsSlide .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100%; line-height: 10px; color: #fff; opacity: 1; background: #fff; } .newsCon .newsSlide .swiper-pagination-bullet-active { background: #f6ad41; width: 21px; height: 7px; border-radius: 10%; } .newsCon .newsSlide .swiper-pagination { text-align: right; } .newsCon .newsSlide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px; } .newsCon .newsSlide .swiper-container-horizontal>.swiper-pagination-bullets, .newsCon .newsSlide .swiper-pagination-custom, .newsCon .newsSlide .swiper-pagination-fraction { width: auto; right: 5px; } .tabCon { width: 604px; border-top: 1px solid #d0d0d0; height: 340px; } .tabCon .columnTit span { display: inline-block; font-size: 22px; padding: 5px 5px 5px 35px; margin-left: 30px; color: #fff; background: #808080; opacity: .8; text-align: center; width: 120px; height: 40px; line-height: 40px; position: relative; } .tabCon .columnTit span.active { color: #fff; background: #0099ff; } .tabCon .columnTit .first:before { content: " "; position: absolute; top: 15px; left: 15px; height: 23px; width: 26px; background: url(../image/news1.png) no-repeat; background-size: 100%; } .tabCon .columnTit .two:before { content: " "; position: absolute; top: 13px; left: 15px; height: 26px; width: 24px; background: url(../image/news-1.png) no-repeat; background-size: 100%; } /* .tabCon .columnTit p { display: inline-block; font-size: 22px; padding: 5px; margin-left: 30px; color: #fff; text-align: center; width: 130px; height: 40px; line-height: 40px; background: #0099ff; overflow: hidden; } .tabCon .columnTit img { width: 26px; height: 26px; vertical-align: middle; } .tabCon .columnTit p.active { color: #fff; background: #006db5; font-size: 22px; } .tabCon .columnTit p.active img{ transform: translateX(-528px); filter: drop-shadow(528px 0px #fff); } */ .tabCon .columnTit .more { color: #8f8f8f; font-size: 16px; padding-top: 5px; padding-right: 10px; font-weight: bold; /* margin-bottom: 38px; */ } .tabCon .news-list { width: 574px; height: 290px; } .tabCon .newsList { padding-top: 10px; height: 280px; width: 574px; padding-left: 20px; } .tabCon .newsList ul li { padding: 7px 0; } .tabCon .newsList li a { text-decoration: none; font-size: 16px; color: #333; width: 460px; position: relative; padding-left: 15px; } .tabCon .newsList li a:before { content: ''; position: absolute; top: 40%; /* transform: translateY(-50%); -webkit-transform: translateY(-50%); */ left: 0; width: 6px; height: 6px; background: #b2b4b5; border-radius: 100%; } .tabCon .newsList li span { font-size: 16px; color: #333; } .tabCon .newsList li a:hover { font-size: 18px; color: red; } .partyBuilding { margin-top: 15px; margin-bottom: 15px; padding: 15px; position: relative; /* height: 454px; */ background: #fff; } .partyBuilding p { width: 99%; height: 50px; /* background: #0099ff; */ /* background: #f00; */ background: url(../image/p-bg.png) no-repeat; background-size: 100% 100%; font-size: 22px; padding: 5px; color: #f00; line-height: 50px; text-indent: 5px; text-align: center; position: relative; font-weight: bold; } .partyBuilding p>.dot { font-size: 1.375rem; color: #f00; position: absolute; top: 0; } .partyBuilding p::before { content: " "; position: absolute; top: 16px; left: 465px; height: 24px; width: 24px; background: url(../image/party-emblem1.png) no-repeat; background-size: 100%; } .partyBuilding .party-building { width: 100%; padding-top: 15px; /* height: 394px; */ } .talent_tab { width: 66%; position: relative; margin-right: 3%; } .talent_tabname { width: 34.4%; position: absolute; left: 50%; margin-left: -16%; } .partyBuilding .talent_tab .talent_tabname ul li { font-size: 16px; margin-right: 10px; } .partyBuilding .talent_tab .talent_tabname ul li a { display: block; width: 80px; height: 40px; line-height: 40px; text-align: center; } .partyBuilding .talent_tab ul li a.active { background: url(../image/dj-bj1.png) no-repeat center; color: #fff; } .partyBuilding .talent_tab .talent_tabname .circle span { width: 8px; height: 8px; margin-right: 80px; display: block; border-radius: 100%; /* border: 1px solid #7ecafc; */ border: 1px solid #ff0000; z-index: 1100; background: #fff; position: absolute; top: 55px; } .partyBuilding .talent_tab .talent_tabname .circle span.first { left: 34px; } .partyBuilding .talent_tab .talent_tabname .circle span.two { left: 124px; display: none; } .partyBuilding .talent_tab .talent_tabname .circle span.three { left: 214px; display: none; } .partyBuilding .talent_tabcontent { margin-top: 10px; position: absolute; top: 50px; left: 0px; width: 97.5%; } .partyBuilding .talent_tabcontent .list { width: 100%; padding-left: 20px; padding-top: 15px; border-top: 1px solid #d0d0d0; } .partyBuilding .talent_tabcontent .list li { padding: 10px 0; } .partyBuilding .talent_tabcontent .list li a { text-decoration: none; font-size: 16px; color: #333; display: block; width: 80%; margin-right: 5%; position: relative; padding-left: 0.9375rem; } .partyBuilding .talent_tabcontent .list li a:before { content: ''; position: absolute; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 6px; height: 6px; background: #b2b4b5; border-radius: 100%; } .partyBuilding .talent_tabcontent .list li a:hover { font-size: 18px; color: red; } .partyBuilding .talent_tabcontent .list li span { font-size: 16px; color: #333; } .partyBuilding .party-building .mr { width: 31%; /* margin-left: 86px; */ } .partyBuilding .party-building .mrTop { width: 100%; height: 17rem; } .partyBuilding .party-building .mrBottom { width: 100%; padding-top: 5px; } .partyBuilding .party-building .mrBottom img { width: 175px; height: 92px; padding-top: 5px; } .partyBuilding .party-building .mrBottom .mr20 { margin-right: 20px; } .publicity { margin-bottom: 15px; padding: 15px; background: #fff; } .publicity .publicity-l { width: 68%; margin-right: 1%; } .phone-publicity-l { display: none; } .publicity .pubSlide { position: relative; width: 100%; } .pubSlide .swiper-pagination { position: absolute; bottom: 10px; left: 524px; width: 160px; } .pubSlide .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100%; line-height: 10px; opacity: 1; background: #6a6a6a; } .pubSlide .swiper-pagination-bullet-active { background: #fff; width: 22px; height: 8px; border-radius: 10%; background: #c09900; } .pubSlide .swiper-slide-one { position: relative; } .pubSlide .swiper-slide-one .outerNode { position: absolute; top: 0; left: 0; } .publicity .pubSlide img { width: 100%; } .publicity .publicity-r { width: 31%; } .affiliatedCompanies { border-top: 1px solid #d0d0d0; font-size: 18px; background: #0099ff; opacity: .8; } .affiliatedCompanies p { border-radius: 10px; text-indent: 5px; height: 50px; background: #0099ff; font-size: 22px; padding: 5px 5px 5px 43px; color: #fff; line-height: 50px; position: relative; } .affiliatedCompanies p:before { content: " "; position: absolute; top: 16px; left: 15px; height: 26px; width: 26px; background: url(../image/affiliatedCompanies.png) no-repeat; background-size: 100%; } .affiliatedCompaniesList { /* padding:5%; */ width: 100%; font-size: 0.375rem; flex-wrap: wrap; padding-top: 0.6875rem; } .affiliatedCompaniesList a { width: 80%; margin: 0 auto; display: block; font-size: 0.9375rem; line-height: 1.8rem; } /* .affiliatedCompaniesList td{ line-height: 1.5rem; padding-right: 3px; } */ .proExhibition { padding: 15px; background: #fff; margin-bottom: 15px; } .exhibition { width: 1200px; border-top: 1px solid #d0d0d0; font-size: 18px; background: #0099ff; opacity: .8; } .exhibition p { border-radius: 10px; text-indent: 5px; height: 50px; background: #0099ff; font-size: 22px; padding: 5px 5px 5px 43px; color: #fff; line-height: 50px; position: relative; } .exhibition p:before { content: " "; position: absolute; top: 20px; left: 15px; height: 26px; width: 26px; background: url(../image/icon-1.png) no-repeat; background-size: 100%; } .exhibition a { text-align: right; color: #fff; font-size: 16px; line-height: 50px; padding: 5px; padding-right: 10px; } .exhibitionpic { margin-top: 10px; } .exhibitionSlide .swiper-slide { width: 228px; height: 200px; /* margin-right: 20px; */ background: #d0d0d0; position: relative; } /* .exhibitionSlide .swiper-slide a{ width: 190px; height: 160px; background: #005CB1; } */ .exhibitionSlide .swiper-button-next, .exhibitionSlide .swiper-button-prev { position: absolute; width: 40px; height: 40px; border-radius: 100%; background: #0099ff; opacity: .8; margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 14444; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; } .exhibitionSlide .swiper-button-next:after, .exhibitionSlide .swiper-button-prev:after { font-family: swiper-icons; font-size: 25px; text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial } .exhibitionSlide .swiper-button-next:after { padding-left: 5px; } .exhibitionSlide .swiper-slide:last-child { margin-right: 0; } .exhibitionSlide .swiper-slide img { width: 210px; height: 160px; margin-top: 7px; margin-left: 9px; } .exhibitionSlide .swiper-slide p { color: #000000; font-size: 14px; line-height: 20px; text-align: center; } .friendsLinkCon { padding: 15px; background: #fff; } .friends-link { width: 80%; margin-bottom: 15px; } .friendsLink { width: 1200px; border-top: 1px solid #d0d0d0; font-size: 18px; background: #0099ff; opacity: .8; } .friendsLink p { border-radius: 10px; text-indent: 5px; height: 50px; background: #0099ff; font-size: 22px; padding: 5px 5px 5px 43px; color: #fff; line-height: 50px; position: relative; } .friendsLink p:before { content: " "; position: absolute; top: 18px; left: 15px; height: 26px; width: 26px; background: url(../image/friendsLink.png) no-repeat; background-size: 100%; } .friendsLinkCon .bd { margin-top: 15px; } /* .friendsLink-list{ padding:0 3%; } */ .friendsLinkCon .bd .friendsLink-list img { width: 100%; height: 39px; border: 1px solid #eaeaea; } .footer { background: linear-gradient(#2b7fcb, #0a58a5); padding: 36px 0 40px 0; } /* .footer_top { background-color: #2e9df7; height: 230px; } .footer_top_content { width: 1160px; margin: auto; padding-left: 40px; } .footer_top_nr { float: left; padding-top: 60px; width: 350px; text-align: center; } .footer_top_nr p { color: #fff; font-size: 16px; margin-bottom: 30px; } .footer_top_nr select { width: 200px; height: 30px; font-size: 14px; background-color: #227ab9; border: 0; color: #fff; } .footer_top_nnr { float: left; padding-top: 30px; width: 340px; padding-left: 60px; } .footer_top_nnr ul { padding-top: 30px; } .footer_top_nnr ul li { font-size: 12px; color: #fff; line-height: 20px; width: 100% } .footer_top_nr .tit { font-size: 14px; color: #fff; padding-bottom: 12px } .footer_top_nnr .tit { font-size: 14px; color: #fff; padding-bottom: 16px } .footer_top_nnr .ft { font-size: 14px; color: #fff; padding-top: 10px } .footer_top_line { padding-top: 40px; float: left; } .footer_bottom_content_left { color: #fff; font-size: 12px; text-align: center; } */ .phone-wechat { display: none; } .footer_bottom { font-size: 14px; line-height: 30px; color: #fff; text-align: center; } .footer_bottom .marl { margin-left: 0.625rem; } .footer_bottom .marl1 { margin-left: 0.9375rem; } /* .footer_bottom_content { width: 1200px; margin: 0 auto; line-height: 52px; } .footer_bottom_content_left a, .footer_bottom_content_left a:hover { color: #fff; font-size: 12px; } */ /* .footer_bottom_content_right { float: right; color: #666666; font-size: 14px; } .footer_bottom_content_right select { width: 114px; height: 20px; font-size: 11px; background-color: #3c3c3c; border: 0; color: #858484; margin-right: 100px } */ .main { padding: 15px; background: #fff; margin-bottom: 0.9375rem; } .bread { text-indent: 5px; height: 50px; background: #0099ff; font-size: 20px; padding: 5px 5px 5px 43px; color: #fff; line-height: 50px; position: relative; } .bread a { color: #fff; } .bread:before { content: " "; position: absolute; top: 20px; left: 15px; height: 24px; width: 24px; background: url(../image/address.png) no-repeat; background-size: 100%; } .content-mid .friendsLink p { border-radius: 10px; text-indent: 5px; height: 50px; background: #0099ff; font-size: 20px; padding: 5px 5px 5px 43px; color: #fff; line-height: 50px; position: relative; } .content-mid .friendsLink p:before { content: " "; position: absolute; top: 18px; left: 15px; height: 24px; width: 24px; background: url(../image/friendsLink.png) no-repeat; background-size: 100%; } .mainCon { margin-top: 15px; } .mainCon .mainL { width: 230px; } .mainCon .mainL dl dt { background: #00aaff; color: #fff; padding: 15px; text-align: center; font-size: 16px; font-weight: bold; } .mainCon .mainL dl dd a { display: block; padding: 10px; background: url(../image/arrow_right.png) no-repeat 95% center; background-size: 8px; background: #f5f5f5; margin-top: 1px; color: #333; } .mainCon .mainL dl dd .hover { color: #00aaff; font-weight: bold; } .mainCon .mainL dl dd a img { width: 16px; vertical-align: middle; margin-right: 8px; } .mainCon .mainL .mainLBottom { margin-top: 20px; width: 230px; position: relative; } .mainCon .mainL .mainLBottom img { width: 230px; margin-bottom: 10px; } .mainCon .mainL .mainLBottom img:last-child { width: 230px; margin-bottom: 0; } .mainCon .mainR { margin-left: 18px; background: #ffffff; width: 950px; margin-bottom: 15px; } .mainCon .mainR .newList { overflow: hidden; padding: 15px; height: 100px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; transition: all .5s ease; } .mainCon .mainR .newList .newLinkBox { position: relative; display: flex; flex-wrap: nowrap; width: 100%; height: 100%; overflow: hidden; } .mainCon .mainR .newList .newLinkBox .leftTimeBox { width: 80px; height: 98px; background: #f5f5f5; text-align: center; font-family: arial; color: #0099ff; transition: all .5s ease; } .mainCon .mainR .newList .newLinkBox .leftTimeBox .newData { font-size: 44px; line-height: 46px; padding-top: 15px; } .mainCon .mainR .newList .newLinkBox .centerContentBox { width: calc((100% - 200px)/1); padding-left: 3%; } .mainCon .mainR .newList .newLinkBox .centerContentBox .newTitle { font-size: 20px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .5s ease; margin-top: 15px; } .mainCon .mainR .newList .newLinkBox .centerContentBox .newToolBox { margin: 20px 0; color: #b4b4b4; } .mainCon .mainR .newList .newLinkBox .centerContentBox .newToolBox .data { position: relative; padding-left: 30px; } .mainCon .mainR .newList .newLinkBox .centerContentBox .newToolBox .data::before { content: ' '; display: block; width: 30px; height: 30px; position: absolute; left: 4px; top: 4px; background: url(../image/time.png) no-repeat; } .mainCon .mainR .newList .newLinkBox .centerContentBox .newSummry { line-height: 24px; height: 48px; overflow: hidden; color: #565656; } .mainCon .mainR .newList .newLinkBox .rightIcon { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 40px; height: 40px; /* border-radius: 20px; */ overflow: hidden; margin-right: 40px; } .mainCon .mainR .newList .newLinkBox .rIcon { position: absolute; top: 0px; left: 0px; display: block; width: auto; height: 98%; /* transition: all .5s ease; */ } .mainCon .mainR .newList .newLinkBox img { vertical-align: middle; border: 0; } /* .mainCon .mainR .newList .newLinkBox .redIcon { opacity: 0; } .mainCon .mainR .newList .newLinkBox .whiteIcon { opacity: 1; } */ .mainCon .mainR .newList .rightIcon:hover .whiteIcon { transform: translateX(-80px); filter: drop-shadow(80px 0px #0099ff); } .pageCon { text-align: center; margin: 15px; } .pageCon a { border: 1px solid #ededed; background: #f9f9f9; padding: 10px 15px; display: inline-block; text-decoration: none; color: #626461; } .pageCon a.hover { background: #0099ff; color: #fff; } .detCOn { padding: 15px; padding-top: 20px; } .detCOn .title { font-size: 24px; color: #282828; text-align: center; line-height: 45px; } .detCOn .resource { text-align: center; color: #7c7c7c; margin-bottom: 20px; margin-top: 0.625rem; } .detCOn .article { padding: 40px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding-bottom: 0; min-height: 200px; } .detCOn .article p { text-indent: 24px; color: #484848; line-height: 30px; margin-bottom: 10px; } .detCOn .article table { margin: 0 auto; } .mainCon .mainR .articleTit { padding: 30px; border-bottom: 1px solid #bfb9b8; font-size: 16px; } .mainCon .mainR .articleText { padding: 30px 0.625rem; color: #666; line-height: 30px; } .mainCon .mainR .articleText p { text-indent: 24px; color: #484848; line-height: 30px; margin-bottom: 10px; font-size: 16px; } .organization-articleText p img { width: 95%; } .mainR .news ul { flex-wrap: wrap; } .mainR .news ul li { margin-right: 15px; text-align: center; margin-bottom: 30px; } .mainR .news ul li:nth-child(3n) { margin-right: 0; } .mainR .news ul li img { width: 295px; height: 197px; } .mainR .news ul li p { font-size: 14px; } .a_content-bread { width: 78.16%; text-indent: 5px; height: 50px; background: #0099ff; font-size: 20px; padding: 5px 15px 5px 43px; color: #fff; line-height: 50px; position: relative; margin: 0 auto; } .a_content-bread a { color: #fff; } .a_content-bread:before { content: " "; position: absolute; top: 20px; left: 15px; height: 24px; width: 24px; background: url(../image/address.png) no-repeat; background-size: 100%; } .a_content { width: 80%; margin: 0.9375rem auto; background: #fff; padding: 15px; } .a_content .articleText { width: 94%; padding: 0px 3%; } .a_newsList { width: 94%; padding: 0px 3%; flex-wrap: wrap; } .a_newsList li { width: 31.3%; margin-right: 3%; margin-bottom: 2%; } .a_newsList li .div { width: 100%; display: inline-block; color: #666; font-size: 14px; overflow: hidden; } .a_newsList li .div:hover { text-decoration: none; color: #666; -moz-box-shadow: 0px 0px 10px #c7c5bf; -webkit-box-shadow: 0px 0px 10px #c7c5bf; box-shadow: 0px 0px 10px #c7c5bf; } .a_newsList li .div .a_img { width: 100%; display: inline-block; overflow: hidden; text-align: center } .a_newsList li:nth-child(3n) { margin-right: 0; } .a_newsList li .a_img1 img { width: 448px; height: 288px; } .a_newsList li .a_img img { width: 448px; height: 288px; } .a_newsList li .a_text { width: 100%; margin: auto; } .a_newsList li .a_text .s1 { width: 100%; height: 29px; line-height: 29px; display: inline-block; overflow: hidden; color: #000000; font-size: 14px; text-align: center; } /* .a_newsList li .div .a_text .s2 { width: 100%; height: 24px; line-height: 24px; overflow: hidden; text-align: center; margin-bottom: 8px; } .a_newsList li .div .a_text .s3 { width: 100%; text-align: center; } .a_newsList li .div .a_text .s3 span { width: 89px; height: 36px; font-size: 14px; line-height: 36px; display: inline-block; overflow: hidden; background-color: #555555; text-align: center; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; color: #fff; } .a_newsList li .div:hover .a_text .s3 span { background-color: #0099ff; } */ .n_bb1 { background-color: #f8f8f8; } .a_newsList1 { width: 100%; } .a_newsList1 li { width: 33.33%; float: left; padding: 0px 1% 2% 1%; } .a_newsList1 li:nth-child(3n+1) { clear: left } .a_newsList1 li .div { width: 100%; display: inline-block; color: #666; font-size: 14px; overflow: hidden; background-color: #fff; } .a_newsList1 li .div:hover { text-decoration: none; color: #666; -moz-box-shadow: 0px 0px 10px #c7c5bf; -webkit-box-shadow: 0px 0px 10px #c7c5bf; box-shadow: 0px 0px 10px #c7c5bf; } .a_newsList1 li .div .a_img { width: 100%; display: inline-block; overflow: hidden; text-align: center } .a_newsList1 li .div .a_img img { width: 100%; } .a_newsList1 li .div .a_text { width: 100%; padding: 10px 2% 25px 2%; } .a_newsList1 li .div .a_text .s1 { width: 100%; height: 35px; line-height: 35px; display: inline-block; overflow: hidden; color: #000000; font-size: 14px; text-align: center; margin-bottom: 8px; } .a_newsList1 li .div .a_text .s3 { width: 100%; text-align: center; } .a_newsList1 li .div .a_text .s3 span { width: 60px; height: 26px; font-size: 14px; line-height: 26px; display: inline-block; overflow: hidden; background-color: #555555; text-align: center; -moz-border-radius: 18px; -webkit-border-radius: 13px; border-radius: 13px; color: #fff; } .a_newsList1 li .div:hover .a_text .s3 span { background-color: #0099ff; } .n_expoPages { width: 100%; padding: 30px 0px; text-align: center; } .n_expoPages a, .n_expoPages span { color: #484848; padding: 0px 10px; height: 32px; line-height: 32px; text-align: center; background-color: #fff; font-size: 14px; display: inline-block; margin-bottom: 5px; border: 1px solid #484848; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .n_expoPages a:hover, .n_expoPages a.activepages, .n_expoPages span { color: #fff; text-decoration: none; background-color: #0099ff; border: 1px solid #0099ff; } @-webkit-keyframes arrowGo { 0% { -webkit-transform: translate(0, 30%); } 50% { -webkit-transform: translate(0, 0%); } 100% { -webkit-transform: translate(0, 30%); } } @keyframes arrowGo { 0% { transform: translate(0, 30%); } 50% { transform: translate(0, 0%); } 100% { transform: translate(0, 30%); } } .Amplification img { transition: 400ms; filter: Alpha(Opacity=100); opacity: 1; } .Amplification:hover img { filter: Alpha(Opacity=100); opacity: 1; -webkit-transform: scale(1.12); transform: scale(1.12); } @-webkit-keyframes hvr-bob { 0% { transform: scale(1.1); -webkit-transform: scale(1.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes hvr-bob { 0% { transform: scale(1.1); -webkit-transform: scale(1.1); } 100% { transform: scale(1); -webkit-transform: scale(1); } } .mainCon .mainR .subsidiaryCompanyProfileList { overflow: hidden; padding: 9px; height: 50px; border-bottom: 1px solid #eaeaea; transition: all .5s ease; } .mainCon .mainR .subsidiaryCompanyProfileList .box { position: relative; display: flex; flex-wrap: nowrap; width: 100%; height: 100%; overflow: hidden; } .mainCon .mainR .subsidiaryCompanyProfileList .box .contentBox { width: calc((100% - 200px)/1); padding-left: 3%; } .mainCon .mainR .subsidiaryCompanyProfileList .box .contentBox .title { font-size: 20px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .5s ease; margin-top: 15px; } .mainCon .mainR .subsidiaryCompanyProfileList .rightIcon:hover .whiteIcon { transform: translateX(-80px); filter: drop-shadow(80px 0px #0099ff); } .mainCon .mainR .subsidiaryCompanyProfileList .box .rightIcon { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 40px; height: 40px; /* border-radius: 20px; */ overflow: hidden; margin-right: 40px; } .mainCon .mainR .subsidiaryCompanyProfileList .box .rIcon { position: absolute; top: 0px; left: 0px; display: block; width: auto; height: 98%; /* transition: all .5s ease; */ } .floating-window { position: fixed; /* top: 0; */ right: 20px; bottom: 2%; width: 190px; z-index: 1111; display:none; } .close { text-align: right; } .floating-window-notice { background-color: #0099ff; width: 196px; } .floating-window-noticetit { text-align: center; line-height: 40px; font-size: 20px; font-weight: bold; color: #FFF } .floating-window-content { color: #FFF; font-size: 14px; margin: 10px; line-height: 25px; } .floating-window-content-date { margin-right: 10px; color: #FFF; font-size: 14px; text-align: right; line-height: 25px; } .my-video { width: 370px !important; height: 17rem !important; margin: 0 auto; } .vjs_video_3-dimensions{ width: 370px; height: 17rem; margin: 0 auto; } .show-wehat { position: absolute; bottom: 0; right: 34px; } .video .vjs-control-bar { width: 100%; } .phone-mr { display: none; } .phone-tab { display: none; } .backHome { position: relative; width: 100%; } .backHome a { /* width: 30%; */ display: flex; padding: 5px; } .backHome img { /* height: 10%; */ margin-left: 6%; width: 30px; } .webHome { position: absolute; top: 50%; transform: translateY(-50%); left: 8.5%; font-size: 14px; } .list-banner { margin-top: -5px; margin-bottom: 3%; } .list-banner img { width: 100%; } .list-content { width: 70%; margin: 0 auto; margin-top: 3%; } .list-content h3 { /* text-align: center; */ font-size: 26px; margin-bottom: 2%; color: #c12125; position: relative; padding-left: 2%; } .list-content h3::after { content: ''; width: 6px; height: 70%; position: absolute; background-color: #aaa; left: 0; top: 50%; transform: translateY(-50%); } .list-ul { width: 100%; flex-wrap: wrap; display: flex; } .list-ul li { position: relative; margin: 1% 0; width: 48%; padding-left: 1.5%; } .list-ul li:nth-child(2n) { /* width: 35%; */ left: 15%; } .list-ul li::after { content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; background-color: #aaa; left: 0; top: 50%; transform: translateY(-50%); } .list-ul li a { display: flex; } .list-ul li h4 { width: 70%; } .button-more { border: 1px solid #bbb; padding: 5px; width: 20%; text-align: center; margin: 0 auto; margin-top: 2%; } .list-footer .marl2, .list-footer .marl7 { color: #666; /* font-size: 14px; */ } .backHome .back { display: block; top: 20%; margin-left: 2%; /* width: 20%; */ } .backHome .back img { width: 28px; height: 28px; } .list-content p { /* text-indent: 2em; */ font-size: 16px; line-height: 37px; /* letter-spacing: 100px; */ } .list-banner { margin-top: -4px; margin-bottom: 3%; } .list-banner img { width: 100%; } .list-content { width: 70%; margin: 0 auto; margin-top: 3%; } .list-content h3 { text-align: center; }