/* * @Title: 公共样式 * @Author: 苏清炎 * @Date: 2017-4-13 9:0:0 * @Last Modified time: */ /*index.html*/ .Edit{width:100%;height:290px;padding-top:40px;background:#fafafa;overflow:hidden;} .Edit .Edit-News{width:450px;height:250px;margin-right:30px;float:left;overflow:hidden;} .Edit .Edit-News > h2{font-size:28px;color:#9D2328;font-family: 'dincond-mediumregular';} .Edit-News .News-Tab{padding:17px 0 0;margin-bottom:16px;overflow:hidden;background:url(../images/news-tabbk.jpg) repeat-x left bottom;} .Edit-News .News-Tab li{color:#909090;font-size:14px;font-weight:900;padding-bottom:14px;cursor:pointer;margin-right:40px;float:left;position:relative;z-index:9;transition:all .4s;} .Edit-News .News-Tab li em{display:block;width:0;height:3px;background:#9D2328;position:absolute;right:0;bottom:-1px;transition:all .8s;} .Edit-News .News-Tab li.Curr{color:#9D2328;transition:all .4s;} .Edit-News .News-Tab li.Curr em{width:100%;right:0;transition:all .8s;} .Edit-News .News-Tab .News-More{float:right;} .Edit-News .News-Tab .News-More a{font-size:12px;font-weight:bold;color:#909090;line-height:23px;display:block;padding-right:20px;background:url(../images/edit-news-more.png) no-repeat right center;transition:all .4s;} .Edit-News .News-Tab .News-More:hover a{color:#9D2328;background:url(../images/edit-news-moreh.png) no-repeat right center;transition:all .4s;} .Edit-News-TabMain{width:100%;} .Edit-News .News-TabMain .TabMain{width:100%;} .News-TabMain .TabMain > a{display:block;width:100%;padding-bottom:15px;border-bottom:1px dashed #e6e6e6;margin-bottom:10px;} .News-TabMain .TabMain li{overflow:hidden;line-height:32px;} .News-TabMain .TabMain li p{color:#323232;font-size:14px;float:left;transition:all .4s ease;} .News-TabMain .TabMain li em{float:right;font-size:14px;color:#909090;font-weight:normal;transition:all .4s ease;} .News-TabMain .TabMain li:hover p,.News-TabMain .TabMain li:hover em{color:#9D2328;transition:all .4s ease;} .Edit .Edit-C{width:370px;height:250px;margin-right:9px;float:left;overflow:hidden;position:relative;z-index:9;cursor:pointer;} .Edit .Edit-C .VMask{position:absolute;left:0;top:0;z-index:9;width:100%;height:100%;text-align:center;/*display:none;*/} .Edit-C .VMask .Mask-T{width:100%;height:120px;background:url(../images/cover4.png) repeat center;} .Edit-C .VMask em{display:block;width:100%;height:120px;background:url(../images/video.png) no-repeat center 80px;} .Edit-C .VMask .Mask-F{width:100%;height:126px;background:url(../images/cover4.png) repeat center;} .Edit-C .VMask h3{font-size:18px;color:#fff;} .Edit-C .VMask p{font-size:24px;color:#767b76;font-family: 'DINPro-Regular';} .Edit-CVideo>img{transition:all .4s ease;} /*.Edit-CVideo:hover .VMask{display:block;}*/ .Edit-CVideo:hover>img{-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2);transition:all .4s ease; } .contain-media {width: 370px; margin: 0 auto;} .A-title {text-align: center; font-weight: lighter;} .A-title .t1 {line-height: 46px;font-size: 32px;color: #0066cc;} .comPro-media{height:250px;position:relative;margin:0px 0 0;} .comPro-media .imgtsu{width: 370px; height: 250px; overflow: hidden;} .comPro-media .imgtsu img{max-width: 100%;transition:all .4s ease;} .comPro-media .imgtsu:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);transition:all .4s ease; } .cpMedia-box .btn {-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:40.66666666666667%;} .cpMedia-box .btn{ margin: 0 auto;display: block;width:50px;height:51px;background:url(../images/icon-media3.png) no-repeat center center / cover;} .cpMedia-box .c{/*line-height:69px;font-size:48px;*/height:51px;color:#fff;margin:25px 0 0;} .cpMedia-box .c img{width:auto;height:100%;} .cpMedia-con{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;display:none;} .cpMedia-con video, .cpMedia-con .mejs-container, .cpMedia-con .mejs-overlay-play, .cpMedia-con .mejs-poster, .cpMedia-con .mejs-layers, .cpMedia-con .mejs-overlay{width:100% !important;height:100% !important;} .comPro-media .showIframe{display:none} @media (max-width:780px) { .contain-media {width: 100%;margin: 0 auto;} .comPro-media{height:216px;position:relative;margin:48px 0 0; background-size:100%;} .cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:34.66666666666667%;} .cpMedia-box .btn{ margin: 0 auto;display: block;width:65px;height:65px;background:url(../images/icon-media3.png) no-repeat center center / cover;} .cpMedia-box .btn{ margin: 0 auto;display: block;width:65px;height:65px;background:url(../images/icon-media3.png) no-repeat center center / cover;} .comPro-media .imgtsu{display:none; width: 370px; height: 250px; overflow: hidden;} .comPro-media .showIframe{display:block; width:100%; height: 250px} .comPro-media .cpMedia-box{display:none} } .media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;} .media-modal .mediaModal-contain{width:960px;height:540px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -480px;display:none;} .mediaModal-contain .mediaModal-box, .mediaModal-contain iframe, .mediaModal-contain .mejs-container, .mediaModal-contain .mejs-overlay-play, .mediaModal-contain .mejs-poster, .mediaModal-contain .mejs-layers, .mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;} .mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../images/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .mediaModal-contain:hover .close{opacity:1;} @media all and (max-width:980px){.mediaModal-contain .close{opacity:1;}} @media all and (max-width:1200px){/*1260*/ .media-modal .mediaModal-contain{width:90%;max-height:90%;margin-left:-45%;} } .Edit .Edit-R{width:340px;float:left;} .Edit .Edit-R a{display:block;width:340px;padding-left:20px;overflow:hidden;} .Edit .Edit-R a h5{font-size:22px;color:#fff;padding-top:10px; position: relative; padding-bottom: 10px;} .Edit .Edit-R a h5:before{width: 50px;height: 2px;content: '';background:#fff;left: 0;bottom:0;position: absolute;} .Edit .Edit-R a p{font-size:16px;color:#eee; margin-bottom: 15px;} .Edit .Edit-R a h6{font-size:18px;color:#fff;} .Edit .Edit-R .Layout{height:119px;background:url(../images/index-pagerpic2.jpg) no-repeat center;margin-bottom:12px; background-size: 100%;} .Edit .Edit-R .Talent{height:119px;background:url(../images/index-pagerpic3.jpg) no-repeat center; background-size: 100%;} .Edit .Edit-R a:hover{opacity: 0.6;} @media (max-width:1230px) { .Edit{height: auto;} .Edit .Edit-News{width: calc(100% - 400px); height: 260px;} .Edit .Edit-C{margin-right: 0;} .Edit .Edit-R{display: none;} } @media (max-width:880px) { .Edit{height: auto;} .Edit .Edit-News{width: calc(100% - 300px);} .Edit .Edit-C{margin-right: 0; width: 270px; height: 185px; margin-top: 50px;} .comPro-media{height: auto;} .comPro-media .imgtsu{width: 270px; height: 185px;} .News-TabMain .TabMain li{line-height: 30px;} .News-TabMain .TabMain li p{width: calc(100% - 80px); float: left; height: 30px; line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .News-TabMain .TabMain li em{width: 80px; float: right;} .Edit .Edit-R{display: none;} } @media (max-width:768px) { .Edit{padding-top: 30px;} .Edit .Edit-R{display: block;width: 100%; margin: auto;margin-bottom: 20px; margin-top: 20px;} .Edit .Edit-R a{width: 49%; margin-right: 2%; float: left;} .Edit .Edit-R a:nth-child(2){margin-right: 0;} } @media (max-width:640px) { .Edit .Edit-R a h5{font-size: 20px;} .Edit .Edit-R a h6{font-size: 17px;} .Edit .Edit-R a p{font-size: 15px;} .Edit-News .News-Tab li{margin-right: 20px;} .Edit .Edit-News{width:100%; margin: auto; margin-bottom: 10px;} .Edit .Edit-C{width: 100%; margin: auto;margin-bottom: 25px; height: auto;} .Edit .Edit-R{width: 100%; margin: auto;margin-bottom: 10px;} .comPro-media .imgtsu{width: 100%; height: auto;} .comPro-media{margin: 0;} .Edit .Edit-R a{width: 100%; margin:0; float: left;} } /*投资项目*/ .produts{width: 100%;overflow: hidden;margin-top: 40px; margin-bottom: 40px;} .produts ul{zoom: 1;} .produts ul li{margin-top:20px;width: 293px;display: block;float: left;position: relative;overflow: hidden; margin-right: 9.3px;} .produts ul li:nth-child(4n){margin-right: 0;} .produts ul li .tiing{ width: 293px; height: 203px; overflow: hidden;} .produts ul li .tiing img{max-width: 100%; transition: all 0.5s ease 0s;} .produts ul li:hover .tiing img{transform: scale(1.1,1.1)} .produts ul li .tituost{width: 100%;position: absolute;left: 0;right: 0; bottom: 0; z-index: 999;background: rgba(0,0,0,.6); color: #fff; line-height: 40px; font-size:16px ; height: 40px; text-align: center;} .produts ul li .dituio{width: 100%;position: absolute;left: 0;right: 0;top:0; bottom: 0; z-index: 999;background: rgba(0,0,0,.6); display: none; transition: all .2s ease; } .produts ul li .dituio .tect{ margin-top: 15px; margin-left: 20px;} .produts ul li .dituio .tect img{ width: 60px; height: 60px; margin: auto; text-align: center;} .produts ul li .dituio .tituo{font-size: 20px;color: #fff; margin-bottom: 10px;padding: 0 20px; margin-top: 10px;} .produts ul li .dituio .biaot{font-size:14px ; width: 100%; color: #fff;padding: 0 20px; line-height: 18px; height: 54px; overflow: hidden;} .produts ul li:hover .dituio{display: block;transition: all .2s ease;top:0} .produts ul li:hover .tituost{display: none;} @media (max-width:1230px) { .produts ul li{width: 23.5%; margin-right:2%;} .produts ul li .tiing{ width: 100%; height: auto; } .produts ul li .tituost{ bottom: 8px; } .produts ul li .dituio .tect{ margin-top: 10px;} .produts ul li .dituio .tect img{ width:50px; height: 50px; margin: auto; } } @media (max-width:1024px) { .produts ul li .dituio .biaot{display: none;} .produts ul li .dituio .tituo{font-size: 15px;color: #fff; margin-bottom: 10px;padding: 0 10px; margin-top: 10px;} } @media (max-width:768px) { .produts{margin-bottom: 15px;} .produts ul li{width: 49%; margin-right:2%; margin-bottom: 5px;} .produts ul li:nth-child(2n){margin-right: 0;} .produts ul li .dituio .biaot{display: block;margin-bottom: 20px;} .produts ul li .tituost{line-height: 30px; font-size:15px ; height: 30px; } .produts ul li .dituio .tituo{font-size: 15px;} } @media (max-width:500px) { .produts ul li .dituio .biaot{display: none;} } /*投资项目*/ .xcp_title{ width: 100%;position: absolute;left: 0;right: 0; bottom: 0; z-index: 999;background: rgba(0,0,0,.6); color: #fff; line-height: 40px; font-size:16px ; height: 40px; text-align: center; }