/*调用外部字体*/ @font-face { font-family:"AliRegular"; src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.eot) format('embedded-opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.otf) format('opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.ttf) format('TrueType'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff) format('woff'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff2) format('woff2'); } @font-face { font-family:"AliMedium"; src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.eot) format('embedded-opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.otf) format('opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.ttf) format('TrueType'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.woff) format('woff'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.woff2) format('woff2'); } @font-face { font-family:"AliBold"; src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-75-SemiBold/AlibabaPuHuiTi-2-75-SemiBold.eot) format('embedded-opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-75-SemiBold/AlibabaPuHuiTi-2-75-SemiBold.otf) format('opentype'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-75-SemiBold/AlibabaPuHuiTi-2-75-SemiBold.ttf) format('TrueType'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-75-SemiBold/AlibabaPuHuiTi-2-75-SemiBold.woff) format('woff'), url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-75-SemiBold/AlibabaPuHuiTi-2-75-SemiBold.woff2) format('woff2'); } /* reset */ html { height: 100%; } body { min-height: 100%;width:100%;overflow-x:hidden;} body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 , iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img {max-width:100%;max-height:100%;height:auto;} input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none ; border: none;background:none;} input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { color:#333; font-size: 14px; font-family:"AliRegular"; } body { line-height: 1.5 } a:link, a:visited, a:active, a { text-decoration: none; } a { blr:expression(this.onFocus=this.blur()) } /* 清除 A 链接在点击时会产生虚线的问题 */ a * { *cursor: pointer } :focus { outline: none } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;} input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;} /* reset */ /*所有后台编辑器区域都要引用 editorFile 类名 start*/ .editorFile{ line-height:1.8; padding:0 0; color:#333; text-align:justify;} .editorFile ul{ margin:inherit; padding:inherit} .editorFile ul li { list-style-type:disc; margin:auto; padding:inherit} .editorFile ol{ margin:inherit; padding:inherit} .editorFile ol li { list-style-type:decimal; margin:auto; padding:inherit} .editorFile h1 { font-size: 2em; font-weight:bold } .editorFile h2 { font-size: 1.5em; font-weight:bold } .editorFile h3 { font-size: 1.17em; font-weight:bold } .editorFile h4 { font-size: 1em; font-weight:bold } .editorFile h5 { font-size: 0.83em; font-weight:bold } .editorFile h6 { font-size: 0.67em; font-weight:bold } .editorFile em,.editorFile i,.editorFile cite,.editorFile address{ font-style: italic } .editorFile table{ border-collapse: separate; border-spacing: 2px } .editorFile img{max-width:100%;height:auto !important;vertical-align:center;display:block;margin:0 auto;} /*所有后台编辑器区域都要引用 editorFile 类名 end*/ /* clear 页头,页脚,内容区都不用再加清除样式 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } /*公用样式start*/ .ellipsis{ /* white-space:nowrap; */ overflow:hidden; text-overflow:ellipsis;-webkit-line-clamp: 2;} .ellipsis-1{height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .ellipsis-2{height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .ellipsis-3{height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .tran_scale { display:block;overflow:hidden;} .tran_scale img {transition:0.5s all ease;-webkit-transition:0.5s all ease;} .tran_scale:hover img { transform:scale(1.05,1.05);} .fl{float:left;} .fr{float:right;} .pr{position:relative;} .pa{position:absolute;} .dpb{display:block;} .fb{font-weight:bold;} .ovh{overflow:hidden;} .pCenter,.banner .item .txt{left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);} .pFull{left:0;top:0;width:100%;height:100%;} .tac{text-align:center;} .dpb{display:block;} .dpinb{display:inline-block;} /*公用样式end*/ /*背景色 字号 字体颜色 start*/ .bg-fff{background:#fff;} .bg-f5{background:#f5f5f5;} body .c-fff{color:#fff;} body .c-ccc{color:#ccc;} body .c-999{color:#999;} body .c-666{color:#666;} body .c-777{color:#777;} body .c-e60012{color:#020C4F;} .f-12{font-size:12px;} .f-14{font-size:14px;} .f-16{font-size:16px;} .f-18{font-size:18px;} .f-20{font-size:20px;} .f-24{font-size:24px;} .f-30{font-size:26px;} .f-36{font-size:32px;} .f-40{font-size:36px;} .f-48{font-size:42px;} .f-60{font-size:54px;} .f-66{font-size:60px;} /*背景色 字号 字体颜色 end*/ .swiper-button-next:after, .swiper-button-prev:after{ content:none !important; } /*大事件置灰页面*/ .bigEventGray{filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .lh125{line-height: 1.25;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt45{margin-top:45px;} .mt50{margin-top:50px;} .mt60{margin-top:60px;} .mt80{margin-top:80px;} .mt100{margin-top:100px;} .mt110{margin-top:110px;} @media (max-width:1024px){ .f-66{font-size:50px;} .mt15{margin-top:10px;} .mt20{margin-top:10px;} .mt30{margin-top:20px;} .mt40{margin-top:30px;} .mt45{margin-top:35px;} .mt50{margin-top:45px;} .mt60{margin-top:40px;} .mt80{margin-top:60px;} .mt100{margin-top:80px;} .mt110{margin-top:90px;} } @media (max-width:768px){ .f-66{font-size:40px;} .mt40{margin-top:20px;} .mt45{margin-top:25px;} .mt50{margin-top:25px;} .mt60{margin-top:30px;} .mt80{margin-top:40px;} .mt100{margin-top:50px;} .mt110{margin-top:60px;} } @media (max-width:640px){ .f-66{font-size:30px;} }