/* 测试是否一致 */ /* body{opacity: 0.6;}::-webkit-scrollbar{width: 0;}html{width: 1920px;background: top left no-repeat url(../images/2.jpg) !important;} */ @charset "utf-8"; @media screen and (min-width:992px){ .effect0{opacity: 0;transition: all 0.8s ease-out;} .effect0.isView{opacity: 1;} .effect1,.effect11,.effect11 li{opacity: 0;transition: all 1.5s ease-out;transform: translateY(70px);} .effect1.isView,.effect11.isView,.effect11.isView li{opacity: 1;transform: none;} .effect2,.effect21,.effect21 li{opacity: 0;transition: all 1.5s ease-out;transform: translateX(50px);} .effect2.isView,.effect21.isView,.effect21.isView li{opacity: 1;transform: none;} .effect3,.effect31,.effect31 li{opacity: 0;transition: all 1.5s ease-out;transform: translateY(-70px);} .effect3.isView,.effect31.isView,.effect31.isView li{opacity: 1;transform: none;} .effect4,.effect41,.effect41 li{opacity: 0;transition: all 1.5s ease-out;transform: translateX(-50px);} .effect4.isView,.effect41.isView,.effect41.isView li{opacity: 1;transform: none;} .effect{transition: transform 2s, opacity 2s ease-in-out;} } @media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}} /* CSS Document */ html{background:#FFF;font-size:62.5%; /* 10÷16=62.5% */} body{font-size:14px;font-size:1.4rem ; /* 14÷10=1.4 */color: #333;font-family:-apple-system,BlinkMacSystemFont,'arial','Microsoft YaHei','微软雅黑',SimSun,'宋体',SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;} /* html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul,dd,dl,dt,li,table,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;} */ html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,dd,dl,dt,li,button,object,a,img,span{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;} /* table{border-collapse:collapse;border-spacing:0;width:100%;} */ fieldset,img{border:0;} img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;} a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;} a:hover{color: #810a0a;text-decoration: none;} input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;} /* address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} */ ul,ol,li{list-style:none outside none;} button{outline: none;} h1,h2,h3,h4,h5,h6{font-size:100%;} /* q:before,q:after{content:'';content:none;} */ input,textarea,select{font-weight:inherit;} input,select,textarea,button {vertical-align:middle} .clearFix{*zoom:1;clear:both;} .clearFix:after{content: '';display: block;clear:both;} .clear{width: 100%;overflow:hidden;} .z1{position: relative;z-index: 1;} .z2{position: relative;z-index: 2;} .z3{position: relative;z-index: 3;} .z4{position: relative;z-index: 4;} .z5{position: relative;z-index: 5;} .pa-t,.pa-b,.pa-l,.pa-r,.pa-tl,.pa-tr,.pa-bl,.pa-br,.pa-lm,.pa-rm,.pa-tm,.pa-bm,.pa-c{z-index: 2;position: absolute;} .pa{position: absolute;}.pr{position: relative;}.pa-t{left: 0;right: 0;top: 0;}.pa-b{left: 0;right: 0;bottom: 0;}.pa-l{left: 0;top: 0;bottom: 0;}.pa-r{right: 0;top: 0;bottom: 0;}.pa-tl{left: 0;top: 0;}.pa-tr{right: 0;top: 0;}.pa-bl{left: 0;bottom: 0;}.pa-br{right: 0;bottom: 0;}.pa-lm{left: 0;top: 50%;transform: translateY(-50%);}.pa-rm{right: 0;top: 50%;transform: translateY(-50%);}.pa-tm{top: 0;left: 50%;transform: translateX(-50%);}.pa-bm{bottom: 0;left: 50%;transform: translateX(-50%);}.pa-c{left: 0;right: 0;top: 0;bottom: 0;} .fs44{font-size: 44px;} .fs40{font-size: 40px;} .fs38{font-size: 38px;} .fs36{font-size: 36px;} .fs34{font-size: 34px;} .fs33{font-size: 33px;} .fs32{font-size: 32px;} .fs30{font-size: 30px;} .fs28{font-size: 28px;} .fs26{font-size: 26px;} .fs24{font-size: 24px;} .fs22{font-size: 22px;} .fs20{font-size: 20px;} .fs19{font-size: 19px;} .fs18{font-size: 18px;} .fs17{font-size: 17px;} .fs16{font-size: 16px;} .fs15{font-size: 15px;} .fs14{font-size: 14px;} .fs13{font-size: 13px;} .fs12{font-size: 12px;} [class*="lh"][class*="x1"]{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} [class*="lh"][class*="x2"],[class*="lh"][class*="x3"],[class*="lh"][class*="x4"],[class*="lh"][class*="x5"],[class*="lh"][class*="x6"]{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;} .lh20,[class*="lh20"]{line-height: 20px;} .lh22,[class*="lh22"]{line-height: 22px;} .lh23,[class*="lh23"]{line-height: 23px;} .lh24,[class*="lh24"]{line-height: 24px;} .lh26,[class*="lh26"]{line-height: 26px;} .lh28,[class*="lh28"]{line-height: 28px;} .lh30,[class*="lh30"]{line-height: 30px;} [class*="lh"][class*="x2"]{-webkit-line-clamp: 2;} [class*="lh"][class*="x3"]{-webkit-line-clamp: 3;} [class*="lh"][class*="x4"]{-webkit-line-clamp: 4;} [class*="lh"][class*="x5"]{-webkit-line-clamp: 5;} [class*="lh"][class*="x6"]{-webkit-line-clamp: 6;} .lh20x1{height: 20px;}.lh20x2{height: 40px;}.lh20x3{height: 60px;}.lh20x4{height: 80px;}.lh20x5{height: 100px;}.lh20x6{height: 120px;} .lh22x1{height: 22px;}.lh22x2{height: 44px;}.lh22x3{height: 66px;}.lh22x4{height: 88px;}.lh22x5{height: 110px;}.lh22x6{height: 132px;} .lh23x1{height: 23px;}.lh23x2{height: 46px;}.lh23x3{height: 69px;}.lh23x4{height: 92px;}.lh23x5{height: 115px;}.lh23x6{height: 138px;} .lh24x1{height: 24px;}.lh24x2{height: 48px;}.lh24x3{height: 72px;}.lh24x4{height: 96px;}.lh24x5{height: 120px;}.lh24x6{height: 144px;} .lh26x1{height: 26px;}.lh26x2{height: 52px;}.lh26x3{height: 78px;}.lh26x4{height: 104px;}.lh26x5{height: 130px;}.lh26x6{height: 156px;} .lh28x1{height: 28px;}.lh28x2{height: 56px;}.lh28x3{height: 84px;}.lh28x4{height: 112px;}.lh28x5{height: 140px;}.lh28x6{height: 168px;} .lh30x1{height: 30px;}.lh30x2{height: 60px;}.lh30x3{height: 90px;}.lh30x4{height: 120px;}.lh30x5{height: 150px;}.lh30x6{height: 180px;} @media screen and (max-width:1220px){ .fs44{font-size: 36px;} .fs40{font-size: 32px;} .fs38{font-size: 30px;} .fs36{font-size: 28px;} .fs34,.fs33{font-size: 27px;} .fs32{font-size: 26px;} .fs30,.fs28{font-size: 25px;} .fs24,.fs26{font-size: 22px;} .fs22{font-size: 20px;} .fs20,.fs19{font-size: 18px;} .fs17{font-size: 16px;} } @media screen and (max-width:992px){ .fs44{font-size: 32px;} .fs40{font-size: 28px;} .fs38{font-size: 26px;} .fs36,.fs34,.fs33{font-size: 24px;} .fs30,.fs32,.fs28{font-size: 22px;} .fs24,.fs26{font-size: 22px;} .fs22{font-size: 18px;} .fs18{font-size: 16px;} .fs16,.fs17{font-size: 14px;} .fs14,.fs15{font-size: 13px;} } @media screen and (max-width:767px){ .fs44{font-size: 26px;} .fs38.fs40{font-size: 24px;} .fs36,.fs34,.fs33{font-size: 20px;} .fs30,.fs32,.fs28{font-size: 19px;} .fs24,.fs26{font-size: 18px;} .fs22,.fs20{font-size: 16px;} .fs18,.fs19{font-size: 14px;} .fs16,.fs17{font-size: 12px;} .fs14,.fs13,.fs15{font-size: 12px;} } .ul-inline{font-size: 0;} .ul-inline li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;width: 100%;} .ul-inline li a{display: block;} .title{display: block;overflow: hidden;text-overflow: ellipsis;} .info{display: block;overflow: hidden;} .img,.img5x7,.img3x2,.img4x3,.img2x3,.img3x4{display: block;overflow: hidden;width: 100%;height: 0;padding-bottom: 56.25%;background-size: cover;background-position: center;background-repeat: no-repeat;} .img5x7{padding-bottom: 140%;}.img3x2{padding-bottom: 66.6%;}.img4x3{padding-bottom: 75%;}.img2x3{padding-bottom: 150%;}.img3x4{padding-bottom: 133.3%;} .img_centered{display: block;overflow: hidden;position: relative;} .img_cover{background: center no-repeat;background-size: cover !important;} .img img,.img5x7 img,.img3x2 img,.img4x3 img,.img2x3 img,.img3x4 img{width: 100%;display: block;transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;} .img_centered img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-height: 100%;width: auto;margin: auto;} a:hover .img img{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);} .time{font-family: 'Arial';} .clear{clear:both;} .rightDate{float: right;} .clear2{line-height: 0;} .clear2::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 100%;height: 0;line-height: 0;} .row{margin:0px auto;width: 1200px;position: relative;z-index: 2;} @media screen and (max-width:1280px){ .row{width: auto;margin-left: 22px !important;margin-right: 22px !important;} } /* @media screen and (max-width:1200px){ .row{margin-left: 40px !important;margin-right: 40px !important;} } @media screen and (max-width:1040px){ .row{width: auto;padding-left: 40px !important;padding-right: 40px !important;margin-left: 0px !important;margin-right: 0px !important;} } @media screen and (max-width:992px){ .row{padding-left: 20px !important;padding-right: 20px !important;} } */ .col{float: left;} .col:nth-last-child(2){float: right;margin-right: 0 !important;} .col:first{margin-left: 0 !important;} /* @media screen and (min-width:100px){ [class*="gp-avg"] > li{width: 100%;} .gp-avg-xxs-2 > li{width: 50%;} .gp-avg-xxs-3 > li{width: 33.3%;} .gp-avg-xxs-4 > li{width: 25%;} .gp-avg-xxs-5 > li{width: 20%;} .gp-avg-xxs-6 > li{width: 16.6%;} .gp-avg-1 > li{width: 100%;} .gp-avg-2 > li{width: 50%;} .gp-avg-3 > li{width: 33.3%;} .gp-avg-4 > li{width: 25%;} .gp-avg-5 > li{width: 20%;} .gp-avg-6 > li{width: 16.6%;} } @media screen and (max-width:479px) { [class*="gp-xs"]{width: 100%;display: block;} .gp-avg-xxs-2 > li{width: 50%;} .gp-avg-xxs-3 > li{width: 33.3%;} .gp-avg-xxs-4 > li{width: 25%;} .gp-avg-xxs-5 > li{width: 20%;} .gp-avg-xxs-6 > li{width: 16.6%;} } @media screen and (min-width:479px) { .gp-avg-xs-1 > li{width: 100%;} .gp-avg-xs-2 > li{width: 50%;} .gp-avg-xs-3 > li{width: 33.3%;} .gp-avg-xs-4 > li{width: 25%;} .gp-avg-xs-5 > li{width: 20%;} .gp-avg-xs-6 > li{width: 16.6%;} } @media screen and (min-width:767px) { .gp-avg-sm-1 > li{width: 100%;} .gp-avg-sm-2 > li{width: 50%;} .gp-avg-sm-3 > li{width: 33.3%;} .gp-avg-sm-4 > li{width: 25%;} .gp-avg-sm-5 > li{width: 20%;} .gp-avg-sm-6 > li{width: 16.6%;} } @media screen and (min-width:997px) { .gp-avg-md-1 > li{width: 100%;} .gp-avg-md-2 > li{width: 50%;} .gp-avg-md-3 > li{width: 33.3%;} .gp-avg-md-4 > li{width: 25%;} .gp-avg-md-5 > li{width: 20%;} .gp-avg-md-6 > li{width: 16.6%;} } @media screen and (min-width:1300px) { .gp-avg-lg-1 > li{width: 100%;} .gp-avg-lg-2 > li{width: 50%;} .gp-avg-lg-3 > li{width: 33.3%;} .gp-avg-lg-4 > li{width: 25%;} .gp-avg-lg-5 > li{width: 20%;} .gp-avg-lg-6 > li{width: 16.6%;} } */ /* 低版本浏览器 */ .ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.85;filter:alpha(opacity=85);z-index:99998;} .ie9tips{width:400px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -200px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;} .ie9tips a{color:red;} .ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);} .ie9tips p{padding-top:10px;color: #fff;font-size: 16px;} @media screen and (min-width:1024px){ .h_shadow,.h_transY{transform: translateY(0);transition: all ease-in-out 0.2s;-ms-transition: all ease-in-out 0.2s;-moz-transition: all ease-in-out 0.2s;-webkit-transition: all ease-in-out 0.2s;-o-transition: all ease-in-out 0.2s;} .h_transY:hover{transform: translateY(-10px);} .h_shadow:hover{box-shadow: 0 5px 20px 2px rgba(101,53,117,0.1);} } /* 文章页还原 */ .article{overflow: hidden;} .article img{display: inline-block;*display: inline;*zoom: 1;} .article video{max-width: 100%;} .article i,.article em{font-style: italic;} .article a{word-break: break-all;} .article strong,.article strong span{font-weight: bold;} .article i strong,.article em strong,.article strong i,.article strong em{font-style: italic;font-weight: bold;} .article table img{max-width: initial;} .article thead td,.article tbody td,.article tfoot td{border-width:1px;border-style: solid;border-color: #ddd;} .article ol{list-style:decimal inside none;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;} .article ul{list-style: disc inside none;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;} .article ul li{list-style-type:disc;} .article ol li{list-style-type:decimal;} @media screen and (max-width:767px){ .article img{width:auto !important;height:auto !important;} .article div{overflow: auto;} .article video{width: 100% !important;height: auto;} .article table{width:100% !important;max-width: 100% !important;margin:0 !important;table-layout: fixed;word-break:break-all;box-sizing: border-box;display: block;} .article table td{width:auto !important; } .article table tr{height:auto !important;} } /* 文章页还原结束 */ .header{line-height: 58px;background: #810a0a;height: 58px;overflow: hidden;} .header .logo{display: inline-block;*display: inline;*zoom:1;font-weight: bold;font-family: arial;color: #fff;} .header .nav{float: right;text-align: justify;width: 600px;max-width: calc(100% - 220px);} .header .nav::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 100%;} .header .nav a{display: inline-block;*display: inline;*zoom:1;color: #fff;} .header .nav a:hover{font-weight: bold;} .wrap_content{min-height: calc(100vh - 78px);border-bottom: 20px solid #810a0a;overflow: hidden;} .wrap_content .row{padding-top: 50px;overflow: hidden;margin-bottom: 50px;} .wrap_content .left{width: 255px;float: left;} .wrap_content .right{margin: 0 0 0 300px;} .left .img_box{max-width: 240px;} .left .img_box img{width: 100%;display: block;} .left .part_title{line-height: 36px;color: #810a0a;font-weight: bold;margin: 10px 0 15px;} .left .part_title span{font-weight: normal;color: #666;padding: 0 0 0 14px;} .left_box{line-height: 36px;margin: 10px 0 0;} .left_box > h3{margin: 0 0 2px;} .content_box{margin: 40px 0 0;} .content_box:first-child{margin: 0;} .content_box .title{font-weight: bold;color: #810a0a;margin: 0 0 29px;} .content_box .info{line-height: 28px;text-align: justify;} .content_box .info p{margin: 10px 0 0;} .content_box .info p:first-child{margin: 0;} .content_box2 .title{font-weight: bold;color: #810a0a;margin: 50px 0 35px;} .content_box2 .title span{font-weight: normal;color: #999;font-size: .8em;} .content_box2 .title a{font-weight: bold;color: #810a0a;text-decoration: underline;} .content_box2 .title:first-child{margin: -4px 0 35px;} .content_box2 .info{line-height: 32px;text-align: justify;} .content_box2 .info a{text-decoration: underline;} .content_box2 .info p{margin: 23px 0 0;} .content_box2 .info p:first-child{margin: 0;} .content_box3 .title{font-weight: bold;color: #810a0a;padding: 50px 0 35px;} .content_box3 .title span{font-weight: normal;color: #999;font-size: .8em;} .content_box3 .title a{font-weight: bold;color: #810a0a;} .content_box3 .info{line-height: 32px;text-align: justify;} .content_box3 .info a{text-decoration: underline;} .content_box3 .info p{margin: 23px 0 0;} .content_box3 .info p:first-child{margin: 0;} .piclist ul{margin: 0 -15px 0;} .piclist li{width: 20%;} .piclist a{margin: 0 15px 10px;border: 1px solid #ddd;text-align: center;padding: 10px;} .piclist .img{padding-bottom: 80%;border-radius: 20px;width: 80%;margin: 0 auto;} .piclist .name{margin: 10px 0 0;height: 24px;line-height: 24px;font-weight: bold;color: #810A0A;} .piclist .info{margin: 0 0 6px;color: #808080;line-height: 20px;text-align: center;} @media screen and (max-width:1240px){ .wrap_content .left{width: 250px;float: left;} .wrap_content .right{margin: 0 0 0 280px;} } @media screen and (max-width:996px){ .piclist li{width: 25%;} } @media screen and (max-width:767px){ .header{height: auto;line-height: 32px;text-align: center;padding: 4px 0;} .header .nav{max-width: inherit;float: none;width: auto;height: 40px;} .wrap_content .row{padding-top: 20px;} .wrap_content .left{width: auto;float: none;} .wrap_content .left .img_box{max-width: 200px;margin: 0 auto;} .wrap_content .right{margin: 20px 0 0;} .left .part_title{margin: 6px 0 10px;} .left_box{line-height:2em} .content_box{margin: 30px 0 0;} .content_box .title,.content_box2 .title{margin: 0 0 16px;} .content_box .info,.content_box2 .info{line-height: 2em;} .piclist li{width: 50%;} } @media screen and (max-width:413px){ .header .nav a{font-size: 12px;} .piclist li{width: 100%;} }