/* 365建站器让建站和seo变得简单! siteurl:http://soft.365jz.com */ body { padding: 0; margin: 0; overflow-x: hidden; font-family: "微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif; color: #222222; font-size: 12px; line-height: 20px; background: #FFF; } * { padding: 0; margin: 0; } div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin: 0; padding: 0; } table { border-collapse: collapse; } a { text-decoration: none; color: #333333; } a:hover { text-decoration: none; } ul { padding: 0; margin: 0; } li { list-style-type: none; } img { border: none; } .clear { clear: both; } .clear::after { content: ""; display: block; clear: both; } .font14 { font-size: 14px; } .padding-tb30 { padding: 30px 0; } /* header */ .z29475header { position: fixed; width: 100%; top: 0; left: 0; height: 60px; background: #FFF; box-shadow: 0 3px 4px rgb(0 0 0 / 10%); } .z29475header .logo { position: absolute; left: 0; top: 0; } .z29475header .logo h1 { font-size: 24px; line-height: 60px; } .z29475header .logo img { max-height: 60px; padding: 0; } .z29475navmenu { position: absolute; left: 390px; top: 0; } .z29475navmenu .z29475nav { background-color: #FFF; } .z29475navmenu ul li:hover { color: #333; } .z29475navmenu .z29475nav-item a, .z29475navmenu .z29475nav-itemed>a { color: #333 !important; font-weight: bold; } .z29475navmenu .z29475nav-itemed>.z29475nav-child { background-color: rgba(0, 0, 0, .1) !important; } /* .z29475navmenu .z29475nav .z29475nav-child a:hover { background: rgba(232, 235, 239, .8); } */ .z29475navmenu .z29475nav .z29475nav-child a:hover { background: #005097; color: #fff !important; } .z29475header .search { position: absolute; right: 15px; top: 30px; font-size: 12px; } .z29475header .search ul li { position: relative; height: 24px; margin-top: -12px; } .z29475header .search .icon { color: #666; position: absolute; right: 4px; top: 5px; z-index: 1; vertical-align: middle; background: url(/images/search.png) no-repeat; width: 20px; height: 20px; } .z29475header .search input { border-radius: 20px; background: rgba(232, 235, 239, .8); outline: none; height: 24px; border: none; padding-left: 10px; padding-right: 26px; opacity: 0.7; width: 100px; -webkit-transition: opacity 0.5s ease-out, width 0.5s ease-out; -o-transition: opacity 0.5s ease-out, width 0.5s ease-out; transition: opacity 0.5s ease-out, width 0.5s ease-out; } /* banner */ .swiper-container { width: 100%; } .swiper-container img { max-width: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; } .swiper-text { position: absolute; left: 0; top: 0; z-index: 2; text-align: center; color: #FFF; width: 100%; HEIGHT: 100%; display: flex; flex-direction: column; justify-content: center; } .swiper-text .banner-text-wrap { width: 100%; height: 100%; } .swiper-text .top-banner-text { max-width: 1180px; height: 100%; margin: 0 auto; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding-left: 20px; } .swiper-text .banner1 { background: transparent url(../images/banner1.png) no-repeat right 55%/64% auto; } .swiper-text .banner2 { background: transparent url(../images/top_banner_con.png) no-repeat right bottom/60% auto; } .swiper-text .top-banner-text .banner1 h2 { color: #fff; font-size: 36px; } .swiper-text .top-banner-text .banner1 p { color: #fff; opacity: .8; font-size: 18px; line-height: 1.7; } .swiper-text h3 { font-size: 24px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text p { font-size: 16px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text .top-banner-text h2, .swiper-text .top-banner-text p { text-align: left; margin-bottom: 0; line-height: 1.7; } .swiper-text .swiperbtn { display: block; background: #0064Cd; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d)); background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%); width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; margin: 0 auto; font-size: 14px; } .swiper-text .swiperbtn:hover { -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* 布局 */ .grid-demo { padding: 10px; line-height: 50px; text-align: center; background-color: #79C48C; color: #fff; } /* container */ .z29475sub-menu { background: white; -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%); box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 12%); } .z29475sub-menu ul { text-align: center; font-size: 0; } .centerArea { max-width: 1200px; width: calc(100% - 32px); margin: 0 auto; } .z29475sub-menu ul li { float: left; position: relative; } .z29475sub-menu ul li a { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; position: relative; padding: 18px 0; display: inline-block; -webkit-transition: all 0.5s; transition: all 0.5s; } .z29475sub-menu ul li.selected a { color: #ff5e19; } .z29475sub-menu ul li:hover a { color: #ff5e19; } .z29475sub-menu ul li.selected a::after { width: 100%; } .z29475sub-menu ul li:hover a::after { width: 100%; } .z29475sub-menu ul li a::after { content: ""; width: 0; height: 4px; background: #ff5e19; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } @font-face { font-family: 'HelveticaNeueLTPro'; src: url('../images/HelveticaNeueLTPro-ThEx.ttf?v=20208131600'), url('HelveticaNeueLTPro-ThEx.ttf?v=201808131600') format('embedded-opentype') } .z29475row .z29475rowtitle { text-align: center; padding: 30px 0 20px 0; } .z29475row .z29475rowtitle h1 { font-size: 28px; line-height: 30px; text-align: center; } .z29475row .z29475rowtitle p { font-size: 16px; line-height: 30px; color: rgba(119, 119, 119, 1); font-family: Arial; } .z29475row .lead { font-size: 16px; line-height: 30px; text-align: center; } .z29475row .wow { background: #EFEFEF; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; padding: 4px; } .z29475row .wow:hover { background: #75B439; } .z29475row .wow dt img { width: 100%; } .z29475row .wow dd { padding: 15px; } .z29475row .wow dd h1 { font-size: 24px; text-align: center; color: #333; } .z29475row .wow dd p { color: #646464; font-size: 14px; text-align: left; line-height: 24px; margin-top: 10px; } .z29475row .wow:hover dd h1, .z29475row .wow:hover dd p { color: #fff; } .z29475row .perProduct { position: relative; background: #ffffff; border: 1px solid #e1e1e1; height: 200px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); border-radius: 6px; } .z29475row .perProduct .left { float: left; width: 40%; height: 100%; box-sizing: border-box; } .z29475row .perProduct .left img { top: 50%; -webkit-transform: translate(0px, 50%); transform: translate(0px, 50%); position: relative; max-width: 90%; margin: 0 auto; display: block; } .z29475row .perProduct .right { float: left; width: 60%; font-family: MicrosoftYaHei; } .z29475row .perProduct .right p { padding: 24px 0 16px; font-family: MicrosoftYaHei-Bold; font-size: 16px; color: #333333; letter-spacing: 1px; line-height: 28px; } .z29475row .perProduct .right .p { font-size: 14px; line-height: 28px; padding-right: 5px; } .z29475row .perProduct .right .look { position: absolute; bottom: 16px; right: 15px; background: #2352be; min-width: 80px; padding: 0 10px; height: 40px; font-size: 14px; color: #ffffff; letter-spacing: 0.88px; text-align: center; line-height: 40px; cursor: pointer; transition: all .4s; text-decoration: none; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); border-radius: 6px; } .z29475row .perProduct .right .look:hover { background-color: #1d3a7d; } .z29475row .featured-image { text-align: center; } .z29475row .featured-image img { width: 70%; } .z29475row .description { padding-top: 20px; } .z29475row .description h2 { font-size: 24px; line-height: 30px; padding: 10px; } .z29475row .description p { font-size: 16px; line-height: 30px; padding: 4px; } a.site-down { position: relative; padding: 0 30px 0 30px; margin: 15px 0 0 6px; height: 36px; line-height: 36px; background-color: #0a6dee; font-size: 24px; color: #ccc; transition: all .5s; -webkit-transition: all .5s; } a.site-down:hover { color: #fff; border-radius: 30px; } .news_content { box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); border-radius: 6px; overflow: hidden; background: #fff; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; } .news_content:hover { background: #EFEFEF; } .news_img { width: 100%; height: 180px; display: inline-block; background-repeat: no-repeat; background-size: cover; background-position: 50%; } .news_info { padding: 15px; width: 100%; box-sizing: border-box; overflow: hidden; min-height: 165px; } .article_title { font-size: 16px; color: #333; text-decoration: none; overflow: hidden; } .news_summary { line-height: 26px; color: #878787; margin-top: 14px; font-size: 14px; overflow: hidden; } /* 列表 */ .z29475news_list_wrap { max-width: 1140px; margin: 0 auto; } .news_list_item_line { padding: 30px; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .news_list_item_line:hover { -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px; -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px; box-shadow: rgba(0, 0, 0, .12) 0 0 22px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; color: #2ba0e8; } .news_list_item_line:hover a { color: #2ba0e8; } .news_list_item_header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0 } .news_list_item_date { font-size: 14px; color: #999; line-height: 24px; } .news_list_item_title { font-size: 16px; font-weight: 400; color: #333; line-height: 24px; } .news_list_item_link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .news_list_item_summery { margin-top: 18px; font-size: 14px; color: #666; line-height: 1.7; } .news_list_item_group a { display: inline-block; position: relative; height: 26px; line-height: 26px; max-width: 100%; padding: 0 8px; border: 1px solid #e5e5e5; margin-top: 12px; margin-right: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #999; font-size: 12px; word-break: keep-all; overflow: hidden; z-index: 2; } .news_list_parting_line { height: 0; border-bottom: 1px solid #ececec; margin: 0 1.6666%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 分页 */ .zzpages ul { float: left; padding: 12px 0px 12px 16px; } .zzpages ul li { display: inline-block; height: 35px; line-height: 35px; background: #fff; border: 1px solid #e5e5e5; overflow: hidden; vertical-align: top; } .zzpages li.thisclass { background: #292a32; border: 1px solid #292a32; color: #fff; } .zzpages ul li:hover { border: 1px solid #292a32; } .zzpages ul li a, .zzpages ul li .pageinfo { color: #292a32; padding: 8px 12px; } .zzpages li.thisclass a { color: #fff; } .zzpages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; } /* 内容 */ .z29475place { min-height: 56px; background-color: #f2f3f5; line-height: 56px; font-size: 16px; padding: 0 20px; margin: 20px 0; } .z29475body { width: 100%; overflow-x: hidden; font-size: 16px; line-height: 28px; padding-bottom: 30px; } .z29475body h2 { font-size: 20px; line-height: 50px; text-align: left; color: #2a2e2e; } .z29475body .info { padding-bottom: 15px; font-family: HelveticaNeueLTPro, 微软雅黑; } .z29475body .info small { padding: 0 1px; } .z29475body p { padding-bottom: 20px; } .z29475body img { max-width: 98%; height: auto; } .z29475meta-tags { padding: 20px 0; } .z29475meta-tags .z29475tagitem { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; vertical-align: top; border-radius: 100px; background: #f2f3f5; } .z29475meta-tags .z29475tagitem:hover { background-color: rgba(0, 102, 255, .15); } .z29475meta-tags .z29475tagitem:not(:last-child) { margin-right: 10px; } .z29475context { line-height: 30px; } /* 自定义内容 */ .z29475content { width: 100%; font-size: 16px; line-height: 28px; padding-bottom: 30px; } .z29475content p { padding-bottom: 20px; } .z29475content .contain { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 36px 40px; background: #FAF7F2; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); border-radius: 6px; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; } .z29475content .contain:hover { background: #EFEFEF; } .z29475content .contain .ch-title { font-size: 24px; font-weight: 600; color: #5d5044; line-height: 32px; margin-bottom: 6px; } .z29475content .contain .en-title { font-size: 16px; font-family: HelveticaNeueLTPro; color: rgba(133, 114, 90, 0.6); line-height: 32px; padding-bottom: 8px; } .z29475content .contain .line { width: 48px; height: 4px; background: #ff9f38; display: inline-block; margin-bottom: 24px; } .z29475content .contain p { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; text-align: justify; } /* 时间线 */ .twtimeline { position: relative; min-height: 454px; } .twtimeline::before { content: ""; position: absolute; height: 100%; width: 2px; left: 50%; top: 0; border-left: 2px dashed #ccc7c0; } .twtimeline .image { position: relative; } .twtimeline .img-contain { overflow: hidden; max-width: 384px; display: inline-block; } .twtimeline .img-contain img { max-width: 384px; -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; } .twtimeline .img-contain img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .twtimeline .image img { max-width: 100%; } .twtimeline .image .img-bg { background: #eeeeee; position: absolute; z-index: -1; left: 34px; top: 34px; height: 216px; width: 384px; } .twtimeline .text .date { display: block; text-align: left; padding-left: 45px; background: url(/images/time_icon.png) no-repeat left; -webkit-transform: translate(-11px, -11px); transform: translate(-11px, -11px); font-family: HelveticaNeueLTPro, 微软雅黑; font-size: 32px; font-weight: bold; margin-bottom: 28px; } .twtimeline .desc { font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; position: relative; padding-bottom: 28px; } .twtimeline .desc ul { padding-left: 54px; } .twtimeline .desc ul li { position: relative; margin-bottom: 10px; } .twtimeline .desc ul li::before { content: ""; position: absolute; height: 5px; width: 5px; border-radius: 50%; left: -16px; top: 8px; background: #85725a; } .twtimeline .text:nth-child(odd) { padding: 0 40px 0 48px; } .twtimeline .zda315col-md6:nth-child(odd) .date { text-align: right; background-position-x: right; padding-left: 0; padding-right: 45px; -webkit-transform: translate(54px, 0px); transform: translate(54px, 0px); } .twtimeline .image:nth-child(odd) { top: 50%; -webkit-transform: translate(0px, 50%); transform: translate(0px, 50%); position: relative; } .twtimeline .image:nth-child(even) { text-align: right; padding-right: 32px; position: relative; top: 50%; -webkit-transform: translate(0px, 50%); transform: translate(0px, 50%); } .twtimeline .image:nth-child(even) .img-bg { background: #eeeeee; position: absolute; z-index: -1; left: auto; right: 70px; top: 34px; } /* footer */ .z29475footer { margin: 0 auto; color: #ffffff; background: #282828; border-top: 5px solid #e90040; text-align: center; background: linear-gradient(120deg, #00a7eb, #003686); } .z29475footer a { color: #ffffff; } .z29475footer a:hover { color: #FFF; } .z29475footer .z29475flink { padding-bottom: 20px; } .z29475footer .z29475flink li { display: inline-block; margin-left: 10px; } .z29475footer .footerserver { padding: 30px 0 20px 0; text-align: left; } .z29475footer dl { margin: 0 0 10px 50px; } .z29475footer dt { position: relative; font-size: 16px; color: #fff; line-height: 20px; margin-bottom: 10px; } .z29475footer dd { line-height: 30px; } .footerc { background: #000; color: #ffffff; padding: 30px 0; line-height: 22px; background: linear-gradient(120deg, #00a7eb, #003686); } /* diy */ .jz-numberBar { position: relative; margin: 25px auto; z-index: 2; background: #fff; color: #333; border-radius: 0 0 5px 5px; } .jz-numberBar .f-num { font-size: 40px; line-height: 1; vertical-align: middle; font-family: HelveticaNeueLTPro, 微软雅黑; } .f-numberItem-safeRun .text-day { margin-left: 13px; vertical-align: middle; line-height: 45px; font-size: 18px; color: #3a405b; } .jz-numberBar .f-numberDesc { width: auto; font-size: 18px; color: #989baf; vertical-align: middle; line-height: 45px; margin-left: 14px; } .f-numWrap { text-align: center; } .jz-numberBar .z29475col-md3 { display: flex; padding: 20px 0; justify-content: space-around; align-items: center; } .jz-numberBar .flag { color: #fff; display: flex; align-items: center; cursor: default; transition: all .3s ease-in-out; } .jz-numberBar .flag img { max-height: 40px; margin-right: 15px; } .jz-numberBar .flag h3 { font-size: 22px; color: #333; opacity: .85; } .jz-numberBar .flag p { font-size: 14px; opacity: .8; color: #666; } .z29475nav-child { line-height: 45px; } /* mobile */ @media only screen and (max-width: 1140px) { .z29475header .logo { left: 10px; } .z29475header .logo { display: block; height: 60px; width: 137px; position: absolute; left: 50%; top: 0px; margin-left: -68px; } .z29475header .search { display: none; position: fixed; width: 156px; z-index: 1000; left: 20px; top: 60px; } .z29475header .search_r { left: auto; right: 20px; } .z29475header .search input { width: 120px; } } @media only screen and (max-width: 600px) { .z29475header .search { display: none; } .swiper-container { min-height: 120px; } .swiper-container img { width: 100%; max-width: 100%; min-height: 100%; } .swiper-text h3, .swiper-text h2 { font-size: 16px; } .swiper-text p { font-size: 12px; } .swiper-text .top-banner-text h2, .swiper-text .top-banner-text p { text-align: center; } .z29475row .description { text-align: center; } .z29475row .description p { text-align: left; } .twtimeline .image { display: none; } .twtimeline::before { left: 0; } .twtimeline .text:nth-child(odd) { padding: 0; } .twtimeline .zda315col-md6:nth-child(odd) .date { text-align: left; background-position-x: left; padding-left: 45px; -webkit-transform: translate(-11px, -11px); transform: translate(-11px, -11px); } } .z29475nav .z29475nav-item a { padding: 0px 17px; } .topctn { display: flex; justify-content: space-between; border-bottom: 1px solid #e9e9e9; } .z29475sub-menu { box-shadow: none !important; } .tc1 { line-height: 60px; color: #666; font-size: 14px; } .z29475sub-menu ul li { width: auto !important; padding: 0px 10px; } .z29475sub-menu ul { display: flex; justify-content: flex-end; width: auto !important; } .z29475sub-menu ul li a::after { background-color: #eb3365; height: 3px; } .z29475sub-menu ul li:hover a { color: #0051a3; } .z29475sub-menu ul li.selected a { color: #0051a3; } .z29475nav .z29475this:after, .z29475nav-bar { height: 3px; background-color: #004ea2; } .ideLeft video { width: 100%; } .ideLeft img { width: 100%; } .ideRight dt { width: 50px; height: 3px; background-color: #ff5e19; margin-bottom: 30px; } .ideRight dd { font-size: 16px; color: #595959; text-indent: 32px; } .ideLine { width: 100%; height: 1px; background-color: #eee; margin: 30px 0px; } .z29475row .z29475rowtitle { display: none; } .dlg img { max-width: 100%; text-align: center; } /* a */ .w100 { width: 100%; } .pdtb60 { padding: 60px 0px; } .mt30 { margin-top: 30px; } .mt60 { margin-top: 60px; } .blur { filter: blur(3px); } .dflex { display: flex; justify-content: center; align-items: center; overflow: hidden; } .mw100 { max-width: 100%; } .textcenter { text-align: center; } /* s */ .aboutUs { background: url(../images/bcg1.png) no-repeat center; background-size: cover; } .abt dl { display: flex; align-items: center; } .abt dt { color: #014fad; font-size: 36px; line-height: 60px; } .abt dd { font-family: times new roman, times, serif; color: #a9a9a9; font-size: 36px; line-height: 60px; padding-top: 10px; padding-left: 6px; } .abtCtn { width: 50%; } .abtCtn p { margin-top: 15px; line-height: 30px; text-indent: 32px; font-size: 16px; color: #696969; } .abtImg img:nth-child(2) { max-width: 100%; transform: translateX(-4px); } .abtFoot p { color: #d3d3d3; font-family: times new roman, times, serif; font-size: 26px; margin-top: 15px; } .title dt { color: #014fad; font-size: 36px; line-height: 60px; } .title dd { font-family: times new roman, times, serif; color: #a9a9a9; font-size: 36px; } .bnsText p { font-size: 15px; color: #595959; text-align: center; line-height: 30px; margin-top: 30px; } .bnsLeft { height: 700px; } .bnsImg { position: relative; overflow: hidden; } .bnsImg img { /* max-width: 100%; */ width: 100%; transform: scale(1.08); transition: .33s ease; } .bnsImg:hover>img { transform: scale(1); } .bnsCtn { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; border: 1px solid #0064Cd; transform: scale(1.08); transition: .33s ease; } .bnsCtn div { width: 100%; height: 100%; position: absolute; /* left: 32px; top: 250px; */ } .bnsImg:hover>.bnsCtn { transform: scale(0.95); } .bnsCtn p { color: #fff; font-size: 36px; } .bnsCtn a { display: block; width: 150px; height: 30px; border-radius: 10px; background-color: #fff; color: #222; text-align: center; line-height: 30px; margin-top: 30px; transition: .33s ease; } .bnsCtn a:hover { background-color: #0064Cd; color: #fff; } .bnsRight .bnsImg:nth-child(1), .bnsRight .bnsImg:nth-child(2) { height: 350px; } .bnsImg1 { height: 700px; } .bnsImg2 { height: 350px; } .pd180 { padding: 180px; } .pd5_1 { padding: 500px 0px 0px 100px; } .joinUs { background: url(../images/bcg2.png) no-repeat center; background-size: cover; height: 300px; padding: 30px 0px } .jus { display: flex; flex-direction: column; align-items: flex-end; } .jus dt, .jus dd { color: #fff; } .jus p { color: #fff; } .more { position: relative; display: block; width: 215px; height: 47px; text-align: center; line-height: 47px; color: #00a3e9; background-color: #fff; transition: all 500ms; /* font: arial 14px; */ font-size: 14px; font-family: Arial, Helvetica, sans-serif; border-radius: 50px; margin: 0 auto; float: right; } .more:hover { background-color: #e90040; /* padding-left: 40px; */ color: #fff; } .more:before { content: ""; display: block; width: 25px; height: 25px; background: url(../images/zs1.png) no-repeat center top; position: absolute; left: 40px; margin-top: 11px; z-index: 9999; transition: all 500ms; opacity: 0; transform: scale(1.2); overflow: hidden; } .more:hover:before { content: ""; display: block; width: 25px; height: 25px; background: url(../images/zs1.png) no-repeat center top; position: absolute; left: 50px; margin-top: 11px; z-index: 9999; opacity: 1; transform: scale(1); } .newsTop { width: 100%; height: 300px; overflow: hidden; position: relative; } .newsTop img { width: 100%; height: 300px; } .ntctn { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .6); transition: all .5s ease; opacity: 0; z-index: 1; } .showBink { width: 320px; height: 220px; display: block; color: #fff; line-height: 220px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; } .showBink::before { content: ''; width: 200px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 1px; background-color: #fff; transition: all .5s ease; } .showBink::after { content: ''; width: 200px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); height: 1px; background-color: #fff; transition: all .5s ease; } .newsTop:hover .ntctn { opacity: 1; } .newsTop:hover .showBink { color: #fff; } .newsTop:hover .showBink::before, .newsTop:hover .showBink::after { width: 30px; } .newsFoot { padding: 0px 10px 0px 10px; border: 1px solid #eee; } .newsFoot h2 { color: #333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; } .newsTime { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eee; padding: 15px 0px; } .newsTime p { color: #777; font-size: 14px; } .newsTime p:hover { color: #00a3e9; } .newsRight { background-color: #f8f8f8; position: relative; height: 392px; } .mark { color: #fff; text-align: center; background-image: linear-gradient(90deg, #014ea2 0, #014ea2 100%); border-radius: 5px 0 0; line-height: 30px; width: 100px; height: 30px; } .newsRight .mark { /* position: absolute; */ z-index: 1; } .newsTop .mark { position: absolute; z-index: 2; top: 0; left: 0; } .newsRight ul { padding: 0px 15px 0px 15px; } .newsRight li { margin-top: 10px; } .newsRight li p { color: #333; font-size: 14px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; } .headTle h1 { color: #fff; font-size: 31px; } .organization h2 { text-align: center; margin: 30px 0px; } .organization img { max-width: 100%; text-align: center; display: block; margin: auto; } .tcenter { text-align: center; } .hnFoot .tcenter { margin: 10px 0px; } .appearance h2 { font-weight: bold; text-align: center; margin: 30px 0px; } .ju1 h2 { font-weight: bold; } .ju1Ctn { background: url(../images/img11.png) no-repeat center; width: 100%; height: 500px; position: relative; } .ju1Ctnaa { position: absolute; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.26); height: 250px; top: 28%; } .cff { color: #fff !important; } .ju1Ctn { height: 752px; } .bisTop { height: 226px; border-radius: 5px; } .bisTop img { /* max-width: 100%; */ transition: .33s ease; cursor: pointer; } .bisTop:hover>img { transform: scale(1.08); } .bisFoot h2 { margin: 20px 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bisFoot a:nth-of-type(2) { display: block; width: 100px; height: 26px; background-color: #0064Cd; color: #fff; line-height: 26px; text-align: center; border-radius: 5px; margin: auto; } .bisFoot a:nth-of-type(2):hover { background-color: #e5013e; } .actTop h2 { text-align: center; } .actFoot { display: flex; justify-content: space-around; } .actCtn2 div h2, .actCtn2 h2 { font-weight: bold; font-size: 18px; color: #000; } .actCtn2 div p { color: #565655; font-size: 16px; margin-top: 30px; } .actCtn2 a { display: block; float: none; width: 130px; height: 30px; padding: 0px; line-height: 30px; border: 1px solid #ccc; transition: all 0.3s ease; text-align: center; } .actCtn2 a i { display: inline-block; transform: rotate(180deg); } .actCtn2 a:hover { background-color: #ccc; color: #fff; } .actCtn2>div { padding: 10px; background-color: #fafafa; } .NcTop { background: url(../images/img14.jpg) no-repeat top; /* height: 300px; */ } .NcTop h2 { color: #fff; font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; overflow: hidden; } .NcTop p { font-size: 16px; color: #fff; margin-top: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* //当p标签中有数字使多行显示失效时: */ word-wrap: break-word; word-break: break-all; } .NcTop>a { display: block; padding: 20px; } .LookMore { display: block; float: none; width: 100px; height: 30px; padding: 0px; color: #fff; line-height: 30px; border: 1px solid #ccc; transition: all 0.3s ease; margin-top: 30px; padding-left: 10px; } .LookMore i { display: inline-block; transform: rotate(180deg); } .LookMore:hover { background: #e6003e; color: #fff; border: 1px solid #e6003e; } .NewsList { display: flex; justify-content: space-between; align-items: center; padding: 18px 10px; background: #e9e9e9; cursor: pointer; transition: .33s ease; } .NewsList:hover { padding-bottom: 30px; } .NewsList:hover>div:nth-child(1) { background: #3470b6; color: #fff; } .NewsList>div:nth-child(1) { width: 80px; height: 98px; background: #fff; text-align: center; font-family: arial; transition: all .5s ease; color: #b4b4b4; font-size: 30px; font-weight: bold; line-height: 43px; padding: 3px; } .NewsList>div:nth-child(2) { width: 100%; padding: 0px 13px; } .NewsList>div:nth-child(2) h2 { color: rgb(0, 0, 0); font-size: 18px; font-weight: bold; overflow: hidden; white-space: nowrap; overflow: hidden; } .NewsList>div:nth-child(2) .data1 { color: #b4b4b4; margin-top: 15px; } .NewsList>div:nth-child(2) p { font-size: 16px; color: rgb(131, 127, 127); margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; /* //当p标签中有数字使多行显示失效时: */ word-wrap: break-word; word-break: break-all; } .NewsList:hover>div:nth-child(3) img.hide { display: block; } .NewsList:hover>div:nth-child(3) img.show { display: none; } .NewsList>div:nth-child(3) img.hide { display: none; } .partyLeft div { width: 33px; height: 22px; background: url(../images/50.png) no-repeat; margin-top: 200px; } .partyLeft h2 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 2; font-size: 26px; margin-bottom: 20px; color: #707070; text-decoration: none; } .partyRight { height: 400px; } .partyRight img { height: 400px; width: 100%; transition: .33s ease; cursor: pointer; } .partyRight:hover img { transform: scale(1.08); } .ct { text-align: center; } .ct dt { height: 100px; overflow: hidden; } .ct dt img { text-align: center; max-width: 100%; height: 100px; } .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } .msg1 textarea{ display: block; width: inherit; height: inherit; resize: none; height: 60px; padding: 6px; border: none; border-bottom: 1px solid #ccc; border-radius: 0; background: none; background-color: transparent; BACKGROUND: #FFF; border-style: none none solid; border-bottom-color: rgba(204,204,204,0.6); width: 100%; border-top: 1px solid #Eee; transition: .33s ease; } .msg2 input{ border-radius: 2px; padding-left: 7px; line-height: inherit; height: inherit; width: inherit; display: inline-block; border: none; background: #FFF; border-bottom: 1px solid #ccc; width: 100%; height: 35px; margin-top: 30px; border-top: 1px solid #Eee; transition: .33s ease; } .msg2 input:focus,.msg1 textarea:focus{ border-bottom: 3px solid rgba(255, 210, 210, 0.74); border-top: 3px solid rgba(255, 210, 210, 0.74); } .msg3 button{ color: #fff; background-color: #ea003e; border-color: #ea003e; border-radius: 0; width: 300px; height: 35px; cursor: pointer; outline: none; border: none; margin-top: 30px; } .more1{ float: none; background-color: #024ea0; color: #fff; margin: 30px auto } .zyywImg1{ width: 100%; display: flex; justify-content: center; align-items: center; height: 500px; overflow: hidden; } .zyywImg1 img{ width: 100%; height: inherit; } .zyywImg2{ width: 80px; height: 70px; display: flex; justify-content: center; align-items: center; border: 2px solid #0064Cd; padding: 2px; margin-top: 30px; } .zyywImg2 img{ width: 100%; height: inherit; } .zyywRight h2{ font-weight: bold; } .zyywFoot img{ width: 100%; height: 247px; } /* 返回頂部*/ #back-top { position: fixed; z-index: 200; opacity: 1; transition: bottom .3s ease; width: 66px; height: 70px; right: 21px; bottom: 47px; box-sizing: border-box; } #back-top.hid { opacity: 0; } #back-top .back_top_content { position: absolute; left: 50%; margin-left: -24px; bottom: calc(50% - 7px); margin-bottom: -24px; transition: bottom .3s ease; } #back-top:hover .back_top_content { bottom: 50% } .back_top_content .svg_0 { width: 48px; height: 48px; } .back_top_content svg { cursor: pointer; } /* screen */ /* 更大设备 */ @media screen and (min-width: 1281px) { .z29475header .search { display: none; } .z29475container { padding: 0px !important; } } /* 笔记本或PC */ @media screen and (min-width: 1024px) and (max-width: 1280px) {} /* ##平板电脑/Ipad竖屏 */ @media screen and (min-width: 768px) and (max-width: 1023px) { .announcement .z29475col-md4{ clear: both; display: flex; justify-content: space-around; margin-bottom: 30px; } } /* 多数竖屏的智能手机 */ @media screen and (min-width: 320px) and (max-width: 767px) { .joinUs,.zyywImg1{ height: auto !important; } .abtImg img:nth-child(2) { margin-top: 15px; } .announcement .z29475col-md4{ clear: both; display: flex; justify-content: space-around; margin-bottom: 30px; } } /* 公共 */ @media screen and (min-width: 320px) and (max-width: 1023px) { .abtCtn { width: 100%; } .abtImg { text-align: center; } .abtImg img:nth-child(2) { transform: translateX(0px); } .bnsLeft { height: 350px; } .pd5_1 { padding: 180px; } .topctn{ display: none; } } /* screen */