/* 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 */ .zfb3e5header{ height:60px; background: #FFF; box-shadow: 0 3px 4px rgb(0 0 0 / 10%); } .zfb3e5header .logo {position: absolute;left: 0;top: 0;} .zfb3e5header .logo h1{font-size:24px;line-height: 60px;} .zfb3e5header .logo img{height:60px;padding:0;} .zfb3e5header .zfb3e5navmenu {position: absolute;left: 200px;top: 0;} .zfb3e5header .zfb3e5navmenu ul li { font-size: 16px; text-align: center; } .index .zfb3e5navmenu ul li:first-child { background: rgba(232,235,239,.8); color: #4ab344; } .zfb3e5header .zfb3e5navmenu .layui-nav-child{ top:60px; } .zfb3e5header .layui-nav-bar, .zfb3e5header .layui-nav-more,.layui-nav .layui-this:after{ display: none; } .zfb3e5navmenu ul li:hover { background: rgba(232,235,239,.8); color: #333; } .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{ background: rgba(232,235,239,.8); color: #333; } .layui-nav .layui-this .layui-nav-child a{ background: #FFF; } .layui-nav .layui-this .layui-nav-child a:hover{ background: rgba(232,235,239,.8); } .zfb3e5header .search { position: absolute;right: 15px;top: 30px;font-size: 12px; } .zfb3e5header .search ul li{position: relative;height:24px;margin-top: -12px;} .zfb3e5header .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; } .zfb3e5header .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:50%;margin-top: -56px;z-index:2;text-align:center;color:#FFF;width:100%;} .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 .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 */ .zfb3e5sub-menu { display: none; 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%); } .zfb3e5sub-menu ul { text-align: center; font-size: 0; } .centerArea { max-width: 1200px; width: calc(100% - 32px); margin: 0 auto; } .zfb3e5sub-menu ul li { float: left; position: relative; } .zfb3e5sub-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; } .zfb3e5sub-menu ul li.selected a { color: #ff5e19; } .zfb3e5sub-menu ul li:hover a { color: #ff5e19; } .zfb3e5sub-menu ul li.selected a::after { width: 100%; } .zfb3e5sub-menu ul li:hover a::after { width: 100%; } .zfb3e5sub-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')} .zfb3e5row .zfb3e5rowtitle{ text-align: center;padding: 30px 0 20px 0; } .zfb3e5row .zfb3e5rowtitle h1{ font-size: 28px; line-height: 30px; text-align: center; } .zfb3e5row .zfb3e5rowtitle p{ font-size: 16px;line-height: 30px; color: rgba(119,119,119,1); font-family: Arial; } .zfb3e5row .lead { font-size: 16px; line-height: 30px; text-align: center; } .zfb3e5row .wow { background: #EFEFEF; -webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; padding: 4px; } .zfb3e5row .wow:hover { background: #75B439; } .zfb3e5row .wow dt img { width: 100%; } .zfb3e5row .wow dd { padding: 15px; } .zfb3e5row .wow dd h1 { font-size: 24px; text-align: center; color: #333; } .zfb3e5row .wow dd p { color: #646464; font-size: 14px; text-align: left; line-height: 24px; margin-top: 10px; } .zfb3e5row .wow:hover dd h1, .zfb3e5row .wow:hover dd p { color: #fff; } .zfb3e5row .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; } .zfb3e5row .perProduct .left { float: left; width: 40%; height: 100%; box-sizing: border-box; } .zfb3e5row .perProduct .left img{ top: 50%; -webkit-transform: translate(0px, 50%); transform: translate(0px, 50%); position: relative; max-width: 90%; margin: 0 auto; display: block; } .zfb3e5row .perProduct .right { float: left; width: 60%; font-family: MicrosoftYaHei; } .zfb3e5row .perProduct .right p { padding: 24px 0 16px; font-family: MicrosoftYaHei-Bold; font-size: 16px; color: #333333; letter-spacing: 1px; line-height: 28px; } .zfb3e5row .perProduct .right .p { font-size: 14px; line-height: 28px; padding-right:5px; } .zfb3e5row .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; } .zfb3e5row .perProduct .right .look:hover { background-color: #1d3a7d; } .zfb3e5row .featured-image{text-align: center;} .zfb3e5row .featured-image img{width:70%;} .zfb3e5row .description { padding-top:20px; } .zfb3e5row .description h2 { font-size: 24px; line-height: 30px; padding: 10px; } .zfb3e5row .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; } /* 列表 */ .zfb3e5news_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; } /* 内容 */ .zfb3e5place{min-height: 56px;background-color: #f2f3f5;line-height: 56px;font-size: 16px;padding:0 20px;margin:20px 0;} .zfb3e5body{width:100%;overflow-x: hidden;font-size:16px;line-height:28px;padding-bottom:30px;} .zfb3e5body h2{font-size:20px;line-height:50px;text-align:left;color: #2a2e2e;} .zfb3e5body .info{padding-bottom:15px;font-family: HelveticaNeueLTPro, 微软雅黑;} .zfb3e5body .info small{padding:0 1px;} .zfb3e5body p{padding-bottom: 20px;} .zfb3e5body img{max-width:98%;height:auto;} .zfb3e5meta-tags{padding: 20px 0;} .zfb3e5meta-tags .zfb3e5tagitem { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; vertical-align: top; border-radius: 100px; background: #f2f3f5; } .zfb3e5meta-tags .zfb3e5tagitem:hover { background-color: rgba(0,102,255,.15); } .zfb3e5meta-tags .zfb3e5tagitem:not(:last-child) { margin-right: 10px; } .zfb3e5context{line-height: 30px;} /* 自定义内容 */ .zfb3e5content{width:100%;font-size:16px;line-height:28px;padding-bottom:30px;} .zfb3e5content p{padding-bottom: 20px;} .zfb3e5content .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; } .zfb3e5content .contain:hover { background: #EFEFEF; } .zfb3e5content .contain .ch-title { font-size: 24px; font-weight: 600; color: #5d5044; line-height: 32px; margin-bottom: 6px; } .zfb3e5content .contain .en-title { font-size: 16px; font-family: HelveticaNeueLTPro; color: rgba(133, 114, 90, 0.6); line-height: 32px; padding-bottom: 8px; } .zfb3e5content .contain .line { width: 48px; height: 4px; background: #ff9f38; display: inline-block; margin-bottom: 24px; } .zfb3e5content .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 */ .zfb3e5footer{margin:0 auto; color:#5d5d5d; background: #282828;border-top: 1px solid #C7CED1; text-align:center;} .zfb3e5footer a{color:#5d5d5d;} .zfb3e5footer a:hover{color:#FFF;} .zfb3e5footer .zfb3e5flink{padding-bottom:20px;} .zfb3e5footer .zfb3e5flink li{display: inline-block;margin-left: 10px;} .zfb3e5footer .footerserver{padding:30px 0 20px 0;text-align:left;} .zfb3e5footer dl{margin:0 0 10px 50px;} .zfb3e5footer dt { position: relative; font-size: 16px; color: #fff; line-height: 20px; margin-bottom: 10px; } .zfb3e5footer dd { line-height: 30px; } .footerc { background: #000; color: #5d5d5d; padding:30px 0; line-height:22px; } /* 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; } /* 宽度100% */ .w100{ width: 100%; padding: 0 20px; } .zfb3e5main { margin: 10px auto; } img{ display: inline-block; max-width: 100%; } /* 1 */ .zfb3e5row_1{ margin-top: 20px; padding: 20px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5row_1 .first_style_item_content{ margin: 20px 0; text-align: center; font-size: 35px; line-height: 30px; /* border: 1px solid #ccc; */ } .zfb3e5row_1 .first_style_item_content span{ font-size: 12px; color: rgb(86, 70, 249); } .zfb3e5row_1 .first_style_item_content p{ color: rgb(119, 119, 119); font-size: 16px; } /* 2 */ .zfb3e5row_2{ margin: 20px auto; } .zfb3e5row_2 h1{ margin-bottom: 10px; color: rgb(86, 70, 249); } .zfb3e5row_2 span{ font-size: 14px; color: rgb(119, 119, 119); } /* 3 */ .zfb3e5row_3{ text-align: center; margin-bottom: 100px; } .zfb3e5row_3 .first_style_item_content{ padding: 20px; } .zfb3e5row_3 .first_style_item_content div{ padding: 40px 20px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5row_3 img { margin-bottom: 20px; } .zfb3e5row_3 span{ display: block; margin-top: 20px; margin-bottom: 20px; font-size: 16px; color: #333; line-height: 22px; word-break: break-word; } .zfb3e5row_3 p{ font-size: 14px; color: #999; word-break: break-word; } .zfb3e5row_3 i{ display: inline-block; width: 90px; height: 90px; } /* 4_1 */ .zfb3e5row_4 .zfb3e5row_4_l{ margin:0 20px 0 50px; } .zfb3e5row_4 .zfb3e5row_4_l p{ color:rgba(119,119,119); margin: 10px auto; } .zfb3e5row_4 .zfb3e5row_4_l .zfb3e5col-md4 { margin-top: 40px; font-size: 26px; color:rgba(68,68,68); } .zfb3e5row_4 .zfb3e5row_4_l .zfb3e5col-md4 span{ font-size: 14px; margin: 10px auto; } .zfb3e5row_4 .zfb3e5row_4_l .zfb3e5col-md4 p{ font-size: 14px; color:rgba(119,119,119); margin: 10px auto; } /* 4.2 */ .zfb3e5row_4 .zfb3e5row_4_2{ font-size: 14px; padding:40px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5row_4 .zfb3e5row_4_2 span{ color: red; position: relative; top: 2px; left: 10px; pointer-events: none; display: inline-block; } .zfb3e5row_4 .zfb3e5row_4_2 input{ width: 100%; height: 44px; margin: 20px auto; padding-left: 10px; background: hsla(0,0%,80%,.15); border: 0; } .zfb3e5row_4 a{ display: block; text-align: center; width: 150px; height: 44px; line-height: 44px; background-color: #1e50ae; color:#fff; border: none; } /* 5 */ .zfb3e5row_5{ background: url("../images/bjtp.jpg") no-repeat; } .zfb3e5row_5 img{ width: 100%; height: 100%; } .zfb3e5row_5 h1{ margin-top: 100px; } .zfb3e5row_5 p { font-size: 14px; color:#777777; line-height: 35px; margin: 20px 0; } .zfb3e5row_5 a{ display: block; text-align: center; width: 160px; height: 49px; line-height: 49px; font-size: 16px; background: rgba(86, 73, 255, 1); color:#fff; border-radius: 20px; border: none; } /* 7 */ .zfb3e5row_7{ text-align: center; color: rgb(119, 119, 119); font-size: 14px; } .zfb3e5row_7 img{ width: 100%; } .zfb3e5row_7 p{ margin-bottom: 20px; } /* 9 */ .zfb3e5row_9 .zfb3e5col-md4{ padding: 20px; margin-bottom: 40px; } .zfb3e5row_9 .zfb3e5col-md4 div { padding: 40px; background-color: rgba(86, 73, 255, 1); border-radius: 40px; color:#fff; } .zfb3e5row_9 .zfb3e5col-md4 div p{ line-height: 40px; } .zfb3e5row_9 .zfb3e5col-md4 div p:first-child{ font-size: 16px; } /* 12 */ .zfb3e5row_12{ border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5row_12 img{ width: 100%; } .zfb3e5row_12 .zfb3e5col-md4{ padding: 20px; } .zfb3e5row_12 .zfb3e5col-md8{ padding: 20px; } .zfb3e5row_12 p{ margin-bottom: 5px; font-size: 16px; color:#777; /* 超出的部分隐藏 */ overflow:hidden; /* 文字用省略号替代超出的部分 */ text-overflow:ellipsis; /* 弹性伸缩盒子模型显示 */ display:-webkit-box; /* 限制在一个块元素显示的文本的行数 */ -webkit-line-clamp:2; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-box-orient:vertical; } .zfb3e5row_12 span{ font-size: 14px; color:#777; /* 超出的部分隐藏 */ overflow:hidden; /* 文字用省略号替代超出的部分 */ text-overflow:ellipsis; /* 弹性伸缩盒子模型显示 */ display:-webkit-box; /* 限制在一个块元素显示的文本的行数 */ -webkit-line-clamp:2; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-box-orient:vertical; } .zfb3e5row_12 .zfb3e5col-md6{ padding: 0 20px; } .zfb3e5row_12 .zfb3e5col-md6 a{ display: block; padding: 20px; border-radius: 10px; } .zfb3e5row_12 a:hover{ box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5row_12 a:hover p{ color:rgba(86, 73, 255, 1); } /* 15 */ .zfb3e5row_15 .zfb3e5col-md3 img { width: 100%; } /* listcss */ /* li1 */ .zfb3e5li1{ margin: 20px; background: url("../images/litp_2.jpg") no-repeat; background-position: 50px -100px; } .zfb3e5li1 img { width: 100%; } .zfb3e5li1 h1 { font-size: 26px; color: rgb(86, 70, 249); margin: 100px 20px 20px 20px; } .zfb3e5li1 p { font-size: 14px; color: rgb(77,77,77); margin: 20px auto; line-height: 30px; } /* li2 */ .zfb3e5li2{ margin: 20px auto; color:#777777; } .zfb3e5li2 h1{ margin: 20px 0; font-size: 26px; color: rgb(86, 70, 249); } .zfb3e5li2 span{ display: block; margin: 20px 0; font-size: 14px; margin-bottom: 20px; } .zfb3e5li2 p{ margin: 20px 0; font-size: 14px; line-height: 30px; } .zfb3e5li2 .zfb3e5col-md5 div{ margin: 40px 0; padding: 10px 20px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5li2 .zfb3e5col-md5 div p{ margin: 20px 0; color: rgb(68, 68, 68); font-size: 16px; } .zfb3e5li2 .zfb3e5col-md5 div span{ margin: 20px 0; color: rgb(119, 119, 119); font-size: 14px; } .zfb3e5li2 .zfb3e5col-md7 div{ margin-top: 100px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5li2 .zfb3e5col-md7 img { width: 100%; } /* li4 */ .zfb3e5li4{ margin: 20px auto; padding: 20px; } .zfb3e5li4 h1{ margin: 20px 0; font-size: 26px; color: rgb(86, 70, 249); } .zfb3e5li4 span{ display: block; margin: 20px 0; font-size: 14px; color: rgb(77,77,77); } .zfb3e5li4 p{ margin: 20px 0; line-height: 30px; color: rgb(119, 119, 119); font-size: 14px; } .zfb3e5li4 .zfb3e5col-md3{ margin: 20px 0; color: rgb(119, 119, 119); font-size: 14px; } /* li5 */ .zfb3e5li5 h1{ margin: 20px 0; font-size: 26px; color:rgb(86, 70, 249); } .zfb3e5li5 span{ font-size: 14px; color:rgb(119,119,119); } /* li6 */ .zfb3e5li6{ text-align: center; } .zfb3e5li6 img { width: 100%; } .zfb3e5li6 span{ display: block; margin: 20px 0; font-size: 16px; color:rgb(68,68,68); } .zfb3e5li6 p{ padding: 20px; margin: 20px; line-height: 30px; font-size: 14px; color:rgb(119,119,119); } /* li7 */ .zfb3e5li7 div{ padding-top: 100px; } .zfb3e5li7 h1{ font-size: 26px; color: rgb(86, 70, 249); } .zfb3e5li7 span{ display: block; margin: 20px 0; font-size: 14px; color: rgb(77, 77, 77); } .zfb3e5li7 p{ margin: 20px 0; line-height: 30px; font-size: 14px; color: rgb(77, 77, 77); } .zfb3e5li7 a{ display: block; text-align: center; width: 160px; height: 45px; line-height: 45px; border-radius: 30px; background: rgba(86, 70, 249, 1); color:#fff; border: none; } /* li9 */ .zfb3e5li9 span{ font-size: 16px; color:rgb(44,44,44); } .zfb3e5li9 p{ font-size: 14px; color:rgb(77,77,77); } .zfb3e5li9 .zfb3e5li9_h{ height: 50px; padding-left: 50px; margin: 20px; background: url(../images/litp_9.png) no-repeat; background-position: 0 5px; } .zfb3e5li9 .zfb3e5li9_h div{ height: 100%; line-height: 50px; padding-left: 10px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); /* 先强制一行内显示文本 */ white-space:nowrap; /* 默认normal自动换行 */ /* 超出的部分隐藏 */ overflow:hidden; /* 文字用省略号替代超出的部分 */ text-overflow:ellipsis; } .zfb3e5li9 .zfb3e5li9_b{ height: 194px; margin: 20px; padding-left: 50px; background: url(../images/litp_10.png) no-repeat; background-position: 0 5px; } .zfb3e5li9 .zfb3e5li9_b div{ height: 100%; line-height: 30px; padding: 10px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } /* li11 */ .zfb3e5li11{ border-bottom: 1px solid #ccc; } .zfb3e5li11:hover{ border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5li11:hover .zfb3e5li11_h p{ color:rgba(86, 70, 249, 1); } .zfb3e5li11 .zfb3e5li11_h{ margin: 20px; overflow: hidden; } .zfb3e5li11 .zfb3e5li11_h p{ float: left; font-size: 16px; font-weight: 400; line-height: 24px; } .zfb3e5li11 .zfb3e5li11_h span{ float: right; font-size: 14px; color: #999; line-height: 24px; } .zfb3e5li11 .zfb3e5li11_b p{ margin: 20px; font-size: 14px; color: #666; line-height: 1.7; } .zfb3e5li11 .zfb3e5li11_b span{ display: inline-block; padding: 5px; margin: 20px; font-size: 12px; color: #999; border: 1px solid #ccc; border-radius: 5px; } /* li14 */ .zfb3e5li14{ text-align: center; } .zfb3e5li14 img{ width: 100%; } .zfb3e5li14 span{ font-size: 16px; color:rgb(68,68,68); margin-bottom: 20px; } /* li15 */ .zfb3e5li15{ margin: 40px 0; /* height: 500px; */ background: url(../images/litp_13.jpg) no-repeat; margin-bottom: 40px; } .zfb3e5li15 .zfb3e5li5 h1{ color:#fff; } .zfb3e5li15 .zfb3e5li5 span{ color:#fff; } .zfb3e5li15 .zfb3e5li15_b{ margin-top: 100px; padding: 50px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); text-align: center; } .zfb3e5li15 .zfb3e5li15_b p{ font-size: 16px; color: #333; margin-top: 30px; line-height: 22px; } .zfb3e5li15 .zfb3e5li15_b span{ display: block; margin: 20px; font-size: 14px; color: #999; line-height: 22px; } .zfb3e5li15 i{ display: inline-block; width: 66px; height: 46px; } /* li17 */ .zfb3e5li17 .zfb3e5li17_l{ text-align: center; } .zfb3e5li17 .zfb3e5li17_l span{ display: block; margin-top: 20px; color: rgb(68, 68, 68); font-size: 16px; } .zfb3e5li17 .zfb3e5li17_r div{ padding: 40px 30px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5li17 .zfb3e5li17_r p{ margin: 20px 0; color: rgb(68, 68, 68); font-size: 16px; } .zfb3e5li17 .zfb3e5li17_r span{ color: rgb(119, 119, 119); line-height: 40px; font-size: 14px; } .zfb3e5li17 i{ display: inline-block; width: 80px; height: 80px; } /* li19 */ .zfb3e5li19{ padding: 30px; } .zfb3e5li19>div{ padding: 20px; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5li19 span{ color: red; position: relative; top: 2px; left: 10px; pointer-events: none; display: inline-block; } .zfb3e5li19 input{ width: 100%; height: 44px; margin: 20px auto; padding-left: 10px; background: hsla(0,0%,80%,.15); border: 0; } .zfb3e5li19 a{ display: block; text-align: center; width: 150px; height: 44px; line-height: 44px; font-size: 18px; background-color: #1e50ae; color:#fff; border: none; } .zfb3e5li19 .zfb3e5li19_b{ padding-right: 30px; } .zfb3e5li19 .zfb3e5li19_b input{ padding-bottom: 100px; } /* li20 */ .zfb3e5li20 .zfb3e5li20_h{ overflow: hidden; } .zfb3e5li20 .zfb3e5li20_h h2{ float: left; width: 70%; margin: 0; line-height: 16px; font-size: 16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .zfb3e5li20 .zfb3e5li20_h p{ float: right; margin: 0; line-height: 14px; font-size: 14px; color:#999; } .zfb3e5li20 span{ margin: 10px 0; font-size: 14px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .zfb3e5li20 button{ padding: 5px 8px; font-size: 12px; color:#999; border: 1px solid #e5e5e5; background-color: #fff; } .zfb3e5li20 a{ display: block; padding: 20px; } .zfb3e5li20 a:hover{ border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); } .zfb3e5li20 a:hover h2{ color:#1e50ae; } /* ar1 */ .zfb3e5ar1{ margin: 20px auto; } .zfb3e5ar1 h1{ margin: 20px 0; font-size: 22px; color:#333; } .zfb3e5ar1 p{ margin: 20px 0; font-size: 14px; color:#999; } .zfb3e5ar1 span{ display: block; margin: 20px 0; line-height: 25px; font-size: 14px; color:#666; } .zfb3e5ar1 li{ margin: 20px 0; font-size: 14px; color:#333; } .zfb3e5ar1 a{ font-size: 14px; color:#333; } .zfb3e5ar1 .wrap-join-w{ display: none; } .zfb3e5ar1 .dcmp-title{ display: none; } .zfb3e5ar1 .dcmp-userinfo{ overflow: hidden; } .zfb3e5ar1 .dcmp-userinfo>div{ float: left; } .zfb3e5ar1 .dcmp-userinfo .dcmp-userinfo_r{ width: 80%; } .zfb3e5ar1 .dcmp-userinfo span{ display: block; margin: 20px 0; line-height: 25px; font-size: 14px; color:#666; } .zfb3e5ar1 .dcmp-userinfo span:nth-child(2){ margin-bottom: 180px; } .zfb3e5ar1 .dcmp-userinfo input{ display: inline-block; width: 266px; height: 28px; margin: 10px 0; } .zfb3e5ar1 .dcmp-userinfo input:nth-child(3){ margin-right: 10px; } .zfb3e5ar1 .dcmp-userinfo img{ width: 94px; height: 34px; } .zfb3e5ar1 .dcmp-userinfo textarea{ display: block; margin: 10px 0; } .zfb3e5ar1 .dcmp-submit button{ display: block; width: 300px; height: 40px; margin: 20px auto; padding: 0; text-align: center; line-height: 40px; font-size: 14px; color:#fff; background-color: #1e50ae; border-radius: 40px; } .zfb3e5ar1 .dcmp-submit button:hover{ background-color: #1e50ae; } /* header */ .zfb3e5header{ height: 100px; } .zfb3e5header .zfb3e5main{ margin: 0 auto; } .zfb3e5header .zfb3e5main>div{ padding: 0; } .zfb3e5header .logo{ margin-top: 20px; } .zfb3e5header .logo h1{ line-height: normal; } .zfb3e5navmenu ul li{ height: 100px; margin: 0 10px; } .index .zfb3e5navmenu ul li:first-child { background: #fff; } .index .zfb3e5navmenu ul li:first-child a{ color:#5646f9; border-bottom: 1px solid #5646f9; } .zfb3e5navmenu ul li:hover { background: #fff; } .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{ color: #5646f9; background: #fff; border-bottom: 1px solid #5646f9; } .layui-nav .layui-nav-item a{ height: 99px; line-height: 100px; } .search{ display: none; } /* footer */ .zfb3e5footer{ border: none; } .zfb3e5footer .zfb3e5main{ margin: 0 auto; } .zfb3e5footer .footerserver{ padding: 20px; } .footerserver{ overflow: hidden; } .footerserver li{ float: left; margin: 0 20px; } .footerserver a{ line-height: 40px; color:#ccc; } .zfb3e5flink{ font-size: 12px; color:#ccc; } .zfb3e5flink a{ font-size: 12px; color:#666; } .footerc p{ margin: 0; font-size: 16px; color:#666; } .footerc a{ font-size: 14px; color:#999; } .zfb3e5header .zfb3e5navmenu .layui-nav-child { top: 100px; } .zfb3e5header .zfb3e5navmenu .layui-nav-child a{ height: 40px; line-height: 40px; border: none; } /* mobile */ @media only screen and (max-width: 1140px) { .zfb3e5sub-menu { display: block; } .zfb3e5sub-menu .zfb3e5main{ margin-top: 0; } } @media only screen and (max-width: 600px) { .zfb3e5header{ height: 60px; } .zfb3e5header .logo{ margin: 0; height: 60px; } .zfb3e5header .zfb3e5navmenu { display: block; position: fixed; background: #fff; width: 100%; right: 0px; left: 0px; z-index: 99; transform: translate(0,-100%); opacity: 0.8; transition: transform 0.25s ease-out, opacity 0.25s ease-out; } .zfb3e5header .zfb3e5navmenu ul{ padding-top: 60px; } .zfb3e5header .zfb3e5navmenu ul li { display: block; float: none; text-align: left; border-bottom: 1px solid #ccc; } .layui-nav .layui-nav-item a{ line-height: 60px; } .zfb3e5navmenu ul li { height: 60px; } .layui-nav .layui-nav-item a{ margin: 0; } .w100{ padding: 0 20px; } .zfb3e5row_1{ overflow: hidden; } .zfb3e5row_1 .zfb3e5col-md3{ float: left; width: 50%; } .zfb3e5row_3{ overflow: hidden; } .zfb3e5row_3 .zfb3e5col-md3{ float: left; width: 50%; padding: 20px; } .zfb3e5row_3 .first_style_item_content div { padding: 0; box-shadow: none; } .zfb3e5row_4_l1{ overflow: hidden; } .zfb3e5row_4_l1 .zfb3e5col-md4{ float: left; width: 33.3%; } .zfb3e5row_15{ overflow: hidden; } .zfb3e5row_15 .zfb3e5col-md3{ float: left; width: 50%; } .zfb3e5li15{ overflow: hidden; } .zfb3e5li15 .zfb3e5col-md3{ float: left; width: 50%; } .zfb3e5li15 .zfb3e5li15_b { margin-top: 100px; padding: 0; background-color: #fff; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); text-align: center; } .zfb3e5navmenu ul li{ overflow: hidden; } .zfb3e5sub-menu { display: block; } .zfb3e5sub-menu .zfb3e5main{ margin-top: 0; } .zfb3e5header .logo {display: block;height: 60px;width: 137px;position: absolute;left: 50%;top: 0px;margin-left: -68px;} .zfb3e5header .search {display:none;} .icon_menu {display: block;height: 20px;width: 20px;position: absolute;left: 21px;top: 18px;z-index: 100;} .icon_menu .i_menu {display:block;background: url(/images/icon_menu_hover.png) no-repeat center;background-size: 100% 100%;width: 20px;height: 20px;margin-top: 0;} .icon_menu .i_close {display: none;height: 14px;width: 15px;background: url(/images/icon_menu_close.png) no-repeat 0 0;background-size: contain;position: fixed;left: 21px;top: 21px;z-index: 4;} .bg_hover {display: none;height: 100%;width: 100%;position: fixed;left: 0px;top: 0px;background: rgba(0,0,0,0.2);z-index: 98;} .swiper-container {height: 120px;} .swiper-container img{width: 100%;max-width:100%;min-height: 100%;} .swiper-text{margin-top: -42px;}.swiper-text h3 {font-size: 18px;}.swiper-text p {font-size: 14px;} .zfb3e5row .description{text-align:center;} .zfb3e5row .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);} } #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; }