@font-face { font-family: 'SourceHanSansCN_Regular'; src: url('./ziti/SourceHanSansCN_Regular.otf'); } @font-face { font-family: 'SourceHanSansCN_Medium'; src: url('./ziti/SourceHanSansCN_Medium.otf'); } @font-face { font-family: 'SourceHanSansCN_Light'; src: url('./ziti/SourceHanSansCN_Light.otf'); } @font-face { font-family: 'Roboto_Light'; src: url('./ziti/Roboto_Light.ttf'); } @font-face { font-family: 'Roboto_Medium'; src: url('./ziti/Roboto_Medium.ttf'); } /*global css*/ *{font-family: "SourceHanSansCN_Regular","Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; box-shadow: none;} .sour_m, #main .sour_m{font-family: 'SourceHanSansCN_Medium';} .sour_l, #main .sour_l{font-family: 'SourceHanSansCN_Light';} #main .robo_m{font-family: 'Roboto_Medium';} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;margin:0;} h1,h2,h3,h4,h5,h6,th{font-weight:normal;} li{list-style-type:none;} img{border:none;min-width:1px;vertical-align:middle;} table{border-collapse:collapse;} /*表单按钮,输入框样式*/ input,select,textarea{outline: none;background: none;border: none;} input[type=button], input[type=submit], input[type=file], button ,input[type=reset]{-webkit-appearance: none;cursor: pointer;display: none;} select::-ms-expand{display:none;} *::-ms-clear {width:0;height:0;overflow:hidden;display:none;} html,body{max-width:1920px; margin:auto; overflow-x:hidden; position:relative; z-index:1;} /*html:before, html:after{position:absolute; width:999999px; background:#fff; content:''; top:0; bottom:0; left:100%; z-index:3;} html:after{left:auto; right:100%;}*/ /*全屏遮罩层,z-index默认1000*/ .mask{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;left: 0;top: 0;z-index: 1000;} /*常用类*/ .fl,[fl]{float:left;} .fr,[fr]{float:right;} .relative,[relative]{position:relative;z-index: 1;} .absolute,[absolute]{position:absolute;} .absolute.max,[absolute][max]{left: 0;top: 0;right: 0;bottom: 0;} .fixed,[fixed]{position:fixed;} .fixed.max,[fixed][max]{left: 0;top: 0;right: 0;bottom: 0;} .fz0,[fz0]{font-size:0;} /*display快速设置*/ .hide,[hide]{display:none;} .block,[block]{display:block;} .inline,[inline]{display:inline;} .inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align: top;} .table,[table]{display:table;} .table.max,[table][max]{width:100%;} .table-cell,[table-cell]{display:table-cell;vertical-align:middle;} .table-cell.min,[table-cell][min]{width:1px;} /*超出隐藏*/ .over,[over]{overflow:hidden;} /*图片在div居中*/ .m-pic,[m-pic]{text-align:center;display:block;font-size:0;} .m-pic:after,[m-pic]:after{display:inline-block;height:100%;vertical-align:middle;content:'';} .m-pic img,[m-pic] img{vertical-align:middle;max-width:100%;max-height:100%;} /*鼠标移过图片放大*/ .b-pic,[b-pic]{overflow:hidden;} .b-pic img,[b-pic] img{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} .b-pic:hover img,[b-pic]:hover img{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4);} /*图片占满div*/ .i-pic,[i-pic]{overflow:hidden;font-size:0;} .i-pic img,[i-pic] img{width:100%;min-height:100%;} /*H5宽高等比缩放*/ .z-pic,[z-pic]{ position:relative;} .z-pic:after,[z-pic]:after{width:100%; display:inline-block; padding-top:100%;} .z-pic img,[z-pic] img{ max-width:100%; max-height:100%; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; margin:auto;} /*灰度*/ .gray,[gray]{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} /*对齐方式*/ .text-left,[text-left]{text-align:left;} .text-right,[text-right]{text-align:right;} .text-center,[text-center]{text-align:center;} /*当前行超出,显示省略号*/ .text-over,[text-over]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /*几行内超出,显示省略号*/ .text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .text-line.line3,[text-line][line3]{-webkit-line-clamp:3;} .text-line.line4,[text-line][line4]{-webkit-line-clamp:4;} .text-line.line5,[text-line][line5]{-webkit-line-clamp:5;} /*强行不换行*/ .nowrap,[nowrap]{white-space:nowrap;} /*强行换行*/ .break,[break]{white-space:normal;word-break:break-all;} /*垂直对齐方式*/ .v-middle,[v-middle]{vertical-align:middle;} .v-top,[v-top]{vertical-align:top;} .v-bottom,[v-bottom]{vertical-align:bottom;} /*边框盒子处理*/ .border-box,[border-box]{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} /*css3变换时间300毫秒*/ .trans,[trans]{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;} .trans-inter::before,.trans-inter::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;} /*鼠标手型*/ .pointer,[pointer]{cursor:pointer !important;} /*英文大写*/ .upper,[upper]{text-transform:uppercase;} /*英文小写*/ .lower,[lower]{text-transform:lowercase;} /*宽高100%*/ .maxh,[maxh]{height:100%;} .maxw,[maxw]{width:100%;} /*最多宽度设置*/ .cw1920{max-width: 1920px;width: 1920px;margin: 0 auto;} .cw1800{max-width: 1800px;width: 1800px;margin: 0 auto;} .cw1600{max-width: 1600px;width: 1600px;margin: 0 auto;} .cw1400{max-width: 1400px;width: 1400px;margin: 0 auto;} .cw1200{max-width: 1200px;width: 1200px;margin: 0 auto;} .cw1120{max-width: 1120px;width: 1120px;margin: 0 auto;} @media (max-width: 1860px){ .cw1800{width: 96%;} } @media (max-width: 1680px){ .cw1600{width: 96%;} } @media (max-width: 1440px){ .cw1400{width: 94%;} } @media (max-width: 1280px){ .cw1200{width: 92%;} } /*编辑器*/ .editor{line-height:1.8;} .editor *{font-size:inherit;color:inherit;font-family:inherit;} .editor ul li{list-style:disc inside;padding-left:10px;} .editor ol li{list-style:decimal inside;padding-left:10px;} .editor img{max-width:100%;height:auto !important;} .editor a{color: #0782C1;text-decoration:inherit;} /*清浮动*/ .clear,[clear]{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;} .clear.a,[clear].a{top: -54px;display:block;height: 1px;width: 100%;position: relative;} .clean,[clean]{zoom:1;} .clean:after,.clean:before,[clean]:after,[clean]:before{content:'';display:table;} .clean:after,[clean]:after{clear:both;} /*上下元素间距*/ .blank3{margin:0px auto;clear:both;height:3px;font-size:1px;overflow:hidden;} .blank6{margin:0px auto;clear:both;height:6px;font-size:1px;overflow:hidden;} .blank9{margin:0px auto;clear:both;height:9px;font-size:1px;overflow:hidden;} .blank12{margin:0px auto;clear:both;height:12px;font-size:1px;overflow:hidden;} .blank15{margin:0px auto;clear:both;height:15px;font-size:1px;overflow:hidden;} .blank20{margin:0px auto;clear:both;height:20px;font-size:1px;overflow:hidden;} .blank25{margin:0px auto;clear:both;height:25px;font-size:1px;overflow:hidden;} .blank30{margin:0px auto;clear:both;height:30px;font-size:1px;overflow:hidden;} /*a*/ a{color:#666666;text-decoration:none;} a:hover{color:#4fa4df; text-decoration:none;} a.red{color:red;text-decoration:none;} a.red:hover{color:red;text-decoration:underline;} a *{text-decoration:none;} a:hover *{text-decoration:none;} #turn_page form{width: 100%;} #turn_page label, #turn_page span{display: inline-block;vertical-align: top;} #turn_page .page_item, #turn_page .text, #turn_page .page_noclick, #turn_page .page_item_current, #turn_page .sum, #turn_page .page_button{display: block;padding: 0 18px;height: 43px;line-height: 43px;border: 1px solid #e5e5e5;margin: 0 5px;color: #757575;font-size: 14px;margin-bottom: 6px;font-family: '微软雅黑';background: #fff;} #turn_page .pn.page_noclick{opacity: .5;background-color: #fff;} #turn_page .sum{cursor: pointer;margin-left: 10px;width: 78px;padding: 0;text-align: center;} #turn_page .to{margin-left: 15px;margin-right: 5px;} #turn_page .pg{margin-left: 5px;} #turn_page .total{margin-left: 10px;} #turn_page .tp{display: inline-block;line-height: 45px;color: #777777;font-size: 14px;} #turn_page .text{padding: 0;display: inline-block;margin: 0 4px;text-align: center;width: 38px;} #turn_page .pn{width: 43px;padding: 0;background-repeat: no-repeat;background-position: center center;} #turn_page .prev{background-image: url(/images/p1.png);} #turn_page .next{background-image: url(/images/p2.png);} #turn_page .sum:hover, #turn_page .page_button:hover{border-color: #02589d;color: #02589d;} #turn_page .page_item:hover, #turn_page .page_item_current{color: #fff;background: #02589d;} /*翻页*/ #turn_page2{margin-top: 40px; width:100%; /*height:46px;*/ line-height:44px; text-align:center; overflow:hidden;} #turn_page2 .pg{padding: 0 16px;height: 44px;color: #757575;font-size: 14px;} #turn_page2 .pfl{width: 70px;color: #757575;font-size: 14px;} #turn_page2 .inline-block{margin: 0 7px;border: 1px solid #e5e5e5;} #turn_page2 .inline-block.long{padding: 0;border: none;} #turn_page2 .pn{width: 44px;height: 44px;background-repeat: no-repeat;background-position: center center;} #turn_page2 .prev{background-image: url(/images/p1.png);} #turn_page2 .prev:hover{background-image: url(/images/ico1.png);} #turn_page2 .next{background-image: url(/images/p2.png);} #turn_page2 .next:hover{background-image: url(/images/ico2.png);} #turn_page2 a.pfl:hover, #turn_page2 .pg.current, #turn_page2 a.pn:hover, #turn_page2 a.pg:hover{color: #fff;background-color: #02589d;border-color: #02589d;} @media(max-width: 1280px){ #turn_page2 .inline-block{margin: 0 5px;} /*#turn_page2{height: 40px;}*/ #turn_page2 .pg{padding: 0 12px;margin: 0 5px;} #turn_page2 .pfl{width: 60px;} #turn_page2 .pg, #turn_page2 .pn, #turn_page2 .pfl{height: 38px;line-height: 38px;} #turn_page2 .pn{width: 38px;} } @media (max-width: 580px){ #turn_page2 .last, #turn_page2 .first{display: none;} #turn_page2 .inline-block{margin: 0 3px;} /*#turn_page2{height: 40px;}*/ #turn_page2 .pg{padding: 0 10px;margin: 0 3px;} #turn_page2 .pfl{width: 50px;} #turn_page2 .pg, #turn_page2 .pn, #turn_page2 .pfl{height: 32px;line-height: 32px;} #turn_page2 .pn{width: 32px;-webkit-background-size: 10px auto;background-size: 10px auto;} } /*全站搜索*/ .global-search{width:100%; padding-bottom:40px;} .global-search .form{margin-bottom:22px;} .global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;} .global-search .form .submit{height: 49px;width: 59px;border:1px solid #1f85e6;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #1f85e6 url(/images/s.png) no-repeat center center;} .global-search .list{width:100%; margin-bottom:50px;} .global-search .list .info .cate{padding-left:15px;} .global-search .list .new .cate{background:url(/images/info_ico.jpg) no-repeat left center;} .global-search .list .know .cate{background:url(/images/know_ico.jpg) no-repeat left center;} .global-search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} .global-search .list .info li:first-child{border-top:1px solid #dddddd;} .global-search .list .info .title{margin-right:16px; line-height:22px; color:#1f85e6; font-size:16px; font-weight:bold;} .global-search .list .info .day,.global-search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} .global-search .list .info .day{margin:0;} .global-search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} .before{} .before::before,.after::after{content:'';} .before.abs::before,.after.abs::after{position:absolute; z-index:1;} .bgcover,.before.bgcover::before,.after.bgcover::after{background-repeat:no-repeat; background-size:cover; background-position:center center;} .bgcontain,.before.bgcontain::before,.after.bgcontain::after{background-repeat:no-repeat; background-size:contain; background-position:center center;} .before.trans::before, .after.trans::after{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;} .box_middle{display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; display:-moz-box; -moz-box-orient:horizontal; -moz-box-pack:center; -moz-box-align:center; display:-o-box; -o-box-orient:horizontal; -o-box-pack:center; -o-box-align:center; display:-ms-box; -ms-box-orient:horizontal; -ms-box-pack:center; -ms-box-align:center; display:box; box-orient:horizontal; box-pack:center; box-align:center;}