*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .img-qrcode-wechat, .img-qrcode-mobile{ width:120px; height:120px;} .part-one-bg{ background-size: 100% 100%; width: 100%; height: 345px; margin:0px 0px 50px 0px; } .part-two{ width: 1200px; margin: 0 auto; /* height: 62%;*/ } #div2 { width: 200px; height: 400px; background: green; position: absolute; left: 166px; top: 200px; } a{color:white} .leftmenu{ width:14%; height:auto; background:#c0c0c0; background-color: #ffebed; float:left; } .li-header{ color: white; text-align: center; line-height: 40px; font-size: 18px; font-family: "Microsoft YaHei"; } .leftmenuone{ background-color: #ed7746; border-bottom: 0.2px solid #ed7746; } .leftmenutwo{ background-color: #dd4250; border-bottom: 0.2px solid #dd4250; } .leftmenuone .li-content{ background-color: #fff2ec; } .leftmenuone .li-content :hover{ color:#ed7746; } .oneactive{ color:#ed7746; font-size:19px; } .twoactive{ color:#dd4250; font-size:19px; } .leftmenutwo .li-content{ background-color: #ffebed; } .leftmenutwo .li-content :hover{ color:#dd4250; } .li-content{ margin: 1px 1px 1px 1px; text-align: center; line-height: 42px; font-size: 16px; font-family: "Microsoft YaHei"; cursor: pointer; } .right-content{ width: 84%; margin-left: 1%; /* margin: 0%; */ float: right; /* background-color: #F0FFF0;*/ height: 100%; } .right-content .right-content-ul{ width: 98%; margin: 0% 1%; } .right-content-li{ width: 23.78%; height: 395px; /* background-color: #CAE1FF;*/ float: left; margin: 0% 0.3% 1% 0.8%; border: 1px solid #ebebeb; } .right-content-images{ width: 94%; height: 56%; /* background-color: yellow;*/ margin: 7% 3% 3% 3%; } .right-content-images img{ width: 100%; height: 100%; } .right-content-infomation{ margin: 3%; } .right-content-infomation p{ /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; display:block; white-space: nowrap; width: 100%; display: -webkit-box;*/ /* IE6 需要定义宽度 */ } .feature-title{ font-size: 14px; font-family: "Microsoft YaHei"; padding: 0; } .part-two .list_empty_group{ display:none; } .leftpart{ width: 235px; min-height: 526px; background-color: white; float: left; border: 1px solid #ebebeb; padding: 15px 15px 30px 15px; } .leftpart img{ width:204px; height:170px; } .leftpart h3{ padding:10px 0px; } .post-title{ font-size: 14px; font-family: "Microsoft YaHei"; padding:0px 0px 6px 0px; } .leftpart-information{ padding: 10px; } .leftpart .content{ font-family: "Microsoft YaHei"; line-height: 25px; } .rightpart{ width: 920px; float: right; min-height: 526px; border: 1px solid #ebebeb; } .rightpart .info-title{ font-size: 22px; font-family: "Microsoft YaHei"; text-align: center; font-weight: bold; padding: 30px 0px; } .rightpart hr{ border: 1px dashed #ebebeb; height: 1px; width: 880px; margin-left: 20px; } .info-content{ width: 880px; margin-left: 20px; margin-top: 15px; line-height: 25px; text-indent: 27px; } .info-p-content{ font-size: 16px; text-indent: 39px; line-height: 28px; } .info-tip{ margin-left: 340px; margin-bottom: 8px; } .info-tip span{ color:#bfbfbf; } .show-time{ width: 33.5px; margin-bottom: -5px; margin-right: 2px; } .show-read{ width: 24px; margin-bottom: -7.4px; margin-left: 40px; margin-right: 8px; } .ul-bottom{ border: 0.8px solid #ebebeb; margin: 15px 0px; width: 974px; margin-left: 17px; } .info-title-left{ float:left; margin-left:18px; height: 34px; } .info-title-right{ float: right; margin-right: 18px; } .questionbtn{ height: 30px; width: 72px; color: white; text-align: center; border-radius: 7px; line-height: 35px; margin-left: 56px; margin-top: 8px; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; text-shadow: none; border: none; font-family: "Microsoft YaHei"; font-size: 14px; background: #dd4250; } .leftpart-information button:hover{ cursor:pointer; background: #f95f6d; } .mienbg{ background-image: url(../../images/rcfc-bg-s.png); } .mien-title .title-o{ text-align: center; padding-top: 160px; color: white; font-size: 32px; font-family: "Microsoft YaHei"; } .mien-title .title-w{ text-align: center; color: black; font-size: 27px; width: 262px; padding: 18px 18px 18px 18px; margin: 20px auto 0px auto; font-family: "Microsoft YaHei"; } .mien-title .title-w p{ display:inline; } /*边框转动效果*/ .mkeBody { background: #121212; } .mkeHeadBox { padding: 30px 10px; text-overflow: ellipsis; white-space: nowrap; margin: 0; color: #fff; text-align: center; overflow: hidden; border-bottom: 3px solid #666; box-shadow: inset 0 -2px 3px #000000; letter-spacing: 1px; font: 26px/26px "微软雅黑"; } .mkeFooterBox { padding: 25px 10px; text-overflow: ellipsis; margin: 0; color: #fff; font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; border-top: 3px solid #666; box-shadow: inset 0 2px 3px #000000; } .mkeContentBox { background: white; padding:20px 0 } .mkeContentBox:after { height: 0; clear: both; } .mkeFooterBox p, .mkeFooterBox div { padding: 0; margin: 0; line-height: 26px; font-size: 14px; } .mkeFooterBox a { color: #fff; white-space: nowrap } .mkeButton { background: #F36; display: inline-block; text-decoration: none; width: 102px; border-radius: 0.3em; transition: all 0.3s ease } .mkeButton:hover { background: #FF1550; } .mkeURL { font-size: 24px; } .mkeFooterBox .mKeBannerAD { width: 728px; height: 90px; margin: 18px auto 0; } .mkeFooterBox .mSmallKeBannerAD { display: none; } @media only screen and (max-width:900px) { .mkeButton { display: block; margin: 8px auto 0; } } @media only screen and (max-width:767px) { .mkeHeadBox { font-size: 18px; padding: 15px 10px; } .mkeFooterBox p, .mkeFooterBox div { line-height: 24px; font-size: 12px; } .mkeURL { font-size: 22px; } .mkeFooterBox .mKeBannerAD { display: none; } .mkeFooterBox .mSmallKeBannerAD { width: 300px; height: 250px; margin: 18px auto 0; display: block; } } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } a { color: #95a5a6; text-decoration: none; outline: none; } .codrops-header { margin: 0 auto; padding: 2em; text-align: center; } .codrops-header h1 { margin: 0; font-weight: 300; font-size: 2.5em; } .codrops-header h1 span { display: block; padding: 0 0 0.6em 0.1em; font-size: 0.6em; opacity: 0.7; } /* To Navigation Style */ .codrops-top { width: 100%; text-transform: uppercase; font-weight: 700; font-size: 0.69em; line-height: 2.2; } .codrops-top a { display: inline-block; padding: 0 1em; text-decoration: none; letter-spacing: 1px; } .codrops-top span.right { float: right; } .codrops-top span.right a { display: block; float: left; } .codrops-icon:before { margin: 0 4px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'codropsicons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .codrops-icon-drop:before { content: "\e001"; } .codrops-icon-prev:before { content: "\e004"; } section { padding: 2em; text-align: center; } section h2 { font-weight: 300; font-size: 2em; padding: 0; } .codrops-header + section { padding-top: 1.5em; } .related p { font-size: 1.5em; } .related > a { background: rgba(0,0,0,0.05); display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .related a:hover { background-color: rgba(0,0,0,0.4); } .related a img { max-width: 100%; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .related a:hover img, .related a:active img { opacity: 1; } .related a h3 { margin: 0; padding: 0.5em 0 0.3em; max-width: 300px; text-align: left; } @media screen and (max-width: 25em) { .codrops-icon span { display: none; } } .box { position: relative; background: rgba(255,255,255,1); display: inline-block; cursor: pointer; /* color: #2c3e50; */ box-shadow: inset 0 0 0 1px #dd4250; -webkit-transition: background 0.4s 0.5s; transition: background 0.4s 0.5s; } .box:hover { background: rgba(255,255,255,0); -webkit-transition-delay: 0s; transition-delay: 0s; } .box svg { position: absolute; top: 0; left: 0; } .box svg line { stroke: #ebebeb; fill: none; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .box:hover svg line { -webkit-transition-delay: 0s; transition-delay: 0s; stroke-width: 1; } .box svg line.top, .box svg line.bottom { stroke-dasharray: 330 240; stroke-width: 1; } .box svg line.left, .box svg line.right { stroke-dasharray: 490 400; stroke-width: 1; } .box:hover svg line.top { -webkit-transform: translateX(-600px); transform: translateX(-600px); stroke-width: 1; } .box:hover svg line.bottom { -webkit-transform: translateX(600px); transform: translateX(600px); stroke-width: 1; } .box:hover svg line.left { -webkit-transform: translateY(920px); transform: translateY(920px); stroke-width: 1; } .box:hover svg line.right { -webkit-transform: translateY(-920px); transform: translateY(-920px); stroke-width: 1; } .right-content-images img { width: 219px; height: 216px; } /*创业帮手内页弹窗样式*/ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.30; filter: alpha(opacity=80); } .white_content { display: none; left: 57.4%; top: 50%; margin-left: -125px; margin-top: -75px; position: fixed; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); border: 2px solid #ebebeb; background-color: white; border-radius: 3px; z-index: 1002; height: 150px; width: 250px; overflow: auto; } .white_content_small { display: none; position: absolute; top: 20%; left: 30%; width: 40%; height: 60%; border: 16px solid lightblue; background-color: white; z-index:1002; overflow: auto; } .divclose{margin-right:10px;float:right;cursor: pointer;font-size: 23px;margin-top: -2px;} .divtitle{margin-left:10px;float:left;font-size:16px;font-family: "Microsoft Yahei";margin-top: 6px} .MyDiv-header{background: #ebebeb;height: 35px;} .MyDiv-header span{height: 35px;} .MyDiv-info{padding: 18.5px 0px 0px 16.8px;font-size: 14px;font-family: "Microsoft Yahei";} .MyDiv-info p{margin-bottom: 21px;} .border_all{padding:0px;}