@charset "utf-8"; /*reset Css*/ body{ background-color: #fff;/*整体背景颜色*/ -webkit-touch-callout: none;/*-webkit-user-select: none;*//*禁止复制*/ -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(255,255,255,0);/*点击高亮效果*/ } /*clearfix*/ .clearfix{*zoom:1} .clearfix:before, .clearfix:after{display:table;content:""} .clearfix:after{clear:both} body, button, input, pre, select, textarea{font-size: 16px;font-family:'microsoft yahei','helvetica neue',tahoma,'PingFang SC',arial,'hiragino sans gb',sans-serif;} article, aside, audio, body, canvas, caption, details, div, figure, footer, header, hgroup, html, iframe, img, mark, menu, nav, object, section, span, summary, table, tbody, td, tfoot, thead, tr, video{margin: 0;padding: 0;border: 0;} a, abbr, address, b, blockquote, cit, code, dd, del, dfn, dl, dt, em, fieldset, h1, h2, h3, h4, h5, h6, hr, i, ins, label, legend, li, ol, p, pre, q, samp, small, strong, sub, sup, ul{border: 0;vertical-align: baseline;margin: 0;padding: 0;} article, aside, audio, canvas, figcaption, figure, figure img, footer, header, hgroup, nav, section, video{display: block;} /* 默认合并表格边框 */ table{border-collapse:collapse;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} input,textarea{-webkit-appearance: none;border-radius:0;} ol,ul,li{list-style: none;} a, a:active{color:inherit;text-decoration:none;cursor:pointer;} a{border:0;} em,i{font-style:normal;} /*End reset*/ /*public Css*/ *{box-sizing:border-box;} *::before, *::after{box-sizing:border-box;} *:focus{outline:none;} html{-ms-touch-action:none;/* 阻止windows Phone 的默认触摸事件 */} /* touch-action:none; */ /*兼容iphone去除默认input表单默认设置*/ input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance: none;} p{line-height:28px;} /*图片默认样式*/ img{border:0;vertical-align:middle;} /*动画效果 所有属性获得过度*/ *{transition-property:all;} .com-img img{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;width: 100%;height: 100%;object-fit: contain;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .pdtb70{padding:70px 0px;} .pdtb80{padding:80px 0;} .bg1{background:#eee;} .bg2{background:#f7f7f7;} .fl{float:left;} .fr{float:right;} .show{display:block;} .hide{display:none;} .taC{text-align:center;} .taL{text-align:left;} .taR{text-align:right;} .ttU{text-transform:uppercase;} .ofH{overflow:hidden;} .fwB{font-weight:600;} .pst-rel{position:relative;} .pst-abs{position:absolute;} .col-2{width:50%;float:left;} .col-3{width:33.333333%;float:left;} .col-4{width:25%;float:left;} .col-5{width:20%;float:left;} .col-6{widows: 16.6666%;float:left;} .H70{display:none;height:70px;} /*字体引入*/ @font-face { font-family: 'fmbold'; src: url('../fonts/fmbold.eot') format('embedded-opentype'), url('../fonts/fmbold.woff') format('woff'), url('../fonts/fmbold.ttf') format('truetype'), url('../fonts/fmbold.svg#neuesbauendemo') format('svg'); } /*限制行数 -- 一行*/ .line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*限制行数 -- 当字号为12px,line-height为25时,限制高为50,如有改变,自行设置高度,为了兼容不支持line-clamp属性的浏览器*/ .line2{height:50px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;} .line3{height:75px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;-webkit-box-orient:vertical;} /*动画--规定动画移动出去的时间*/ a:hover{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .animation{-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;} /* 指定文字禁止复制 */ .noSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;} /*分页*/ .pagination{width:100%;height:auto;text-align:center;position:relative;overflow:hidden;}/*分页*/ .pagination a{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #eee;background-color:#f2f2f2;margin:0px 3px;} .pagination a.on, .pagination a:hover{background-color:#2055ad;color:#ffffff;border-color:#2055ad;} .pagination a:first-child,.pagination a:last-child{font-weight:600;font-family:'宋体';} .trs{transition: all 0.5s ease-in-out 0;} /* 背景拉升效果 */ .bg-pic{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;text-align:center;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;object-fit: cover;} /* 滑动到该位置时 */ .bg-pic.active{transition-delay:0.4s !important; transform:matrix(1.0, 0, 0, 1.0, 0, 0); -webkit-transition:all 5.0s ease; -moz-transition:all 5.0s ease; -ms-transition:all 5.0s ease; -o-transition:all 5.0s ease; transition:all 5.0s ease;} /*btn效果*/ .show-more{width:180px;height:46px;line-height:46px;display: block;color:#fff;text-align: center;border: 1px solid #fff;position:relative;margin:40px auto 0;font-size:16px;font-weight:bold;} .show-more span{position:relative;z-index:3;} .show-more{overflow:hidden;} .show-more:after{content:"";display:block;width:100%;height:100%;background:#fff;position:absolute;top:0px;left:-100%;} .show-more:hover{color:#2055ad;border-color:#fff !important;} .show-more:hover:after{left:0px;} .show-more:after,.show-more{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} /*视频插件--视频窗口*/ .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:920px;height:600px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -460px;display:none;} .mediaModal-contain .mediaModal-box, .mediaModal-contain video, .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-modal .mediaModal-contain{width:94%;left:3%;margin-left:0;}}