@charset "utf-8"; .wpbanner{ width: 100%; margin: 0 auto; } .banner img{ display: block; width: 100%; height:4.4rem; } .banner .btn{ width: .3rem; height: .48rem; margin-top: auto; background-size: 100%; transform: translateY(-50%); } .banner .prev{ left: 13.9vw; background-image: url("../images/prev.png"); } .banner .next{ right: 13.9vw; background-image: url("../images/next.png"); }.title001{ /*display: flex; */ display:inline-block; align-items: flex-end; width:100%; border-bottom: 0.01rem solid #B1291F; } .title001 h2{ font-size: .4rem; color: #B1291F; font-weight: 400; font-family: '方正大黑',serif; padding-bottom:0.1rem; margin-right: .1rem; border-bottom:0.02rem solid #B1291F; display:inline-block; float:left;} .title001 .h2font{ font-size: .4rem; color: #B1291F; font-weight: 400; font-family: '方正大黑',serif; padding-bottom:0.1rem; margin-right: .1rem; border-bottom:0.02rem solid #B1291F; display:inline-block; float:left;} .title001 p{ font-size: .12rem; color: #ababaa; line-height: 1; font-family: '方正大黑',serif; letter-spacing: -0.01rem; } .title002{ /*display: flex; */ display:inline-block; align-items: flex-end; width:100%; border-bottom: 0.01rem solid #ffffff; } .title002 h2{ font-size: .22rem; line-height: .38rem; color: #B1291F; text-align: center; font-family: '方正大黑',serif; margin-bottom: .08rem; } .title002 .h2font{ font-size: .4rem; color: #ffffff; font-weight: 400; font-family: '方正大黑',serif; padding-bottom:0.1rem; margin-right: .1rem; border-bottom:0.02rem solid #B1291F; display:inline-block; float:left;} .title002 p{ font-size: .12rem; color: #ABABAA; line-height: 1; font-family: '方正大黑',serif; letter-spacing: -0.01rem; text-align: center; } .backwhite{ /*.wp{ width: 14rem; margin: 0 auto; } */ width: 14.2rem; padding: 0.2rem 0.1rem; background: #fff; } .mores a{ display: block; font-size: .24rem; line-height: .5rem; text-align: center; color: #fff; background: #6cc1a4; letter-spacing: 0.05rem; transition: .5s; } .mores a:hover{ border-radius: .5rem; } .aleftsame{ width: 48.5%; } .arightsame{ width: 48.5%; margin-left: 3%; } .container01 .aleft{ width: 100%; } .container01 .aright{ width: 30.69%; } /*.list_box1 li{ width: 48.92%; margin-left: 2.16%;*/ /*border-bottom:1px dashed #ccc; /*box-shadow: 0 0 10px rgba(51, 51, 51, 0.4); width:4.4rem;box-shadow:none ; padding-left:0px;border-bottom:1px dashed #ccc; } */ .list_box1 li .pic{ height: 1.36rem; }.list_box1 li .txt h4{ font-size: .16rem; color: #000000; line-height: .24rem; height: .48rem; margin-bottom: .1rem; } .list_box1 li .txt time{ display: block; font-size: .14rem; line-height: .16rem; color: #000000; } .list_box1 li .txt{ padding: .1rem .1rem .0rem; } .list_box2 a{ display: block; } /* .list_box2 li{ padding-top: .16rem; margin-bottom: .02rem; border-bottom: 1px dashed #6cc1a4; height: 0.7rem; width:100%; height: 0.4rem; margin-top: 0.1rem; margin-bottom:.02rem;border-bottom:1px dashed #ccc; }*/ /* .list_box2 li:hover h4{ font-weight: 600; }*/ .container01 .title001{ margin-bottom: .38rem; } .container01{ padding-top: .46rem; padding-bottom: .43rem; background-image:url("../images/bg_pjdt.png") } .list1w a{ display: block; } .list1w a .pic{ padding-top: 62.54%; } .list1w a .txt h2{ font-size: .2rem; line-height: .3rem; color: #B1291F; font-family: '方正大黑',serif; height: .6rem; } .list1w a .txt{ padding-top: .1rem; } .list1w .btn{ width: .3rem; height: .48rem; margin-top: -0.6rem; background-size: 100%; } .list1w .prev{ left: -0.4rem; background-image: url("../images/prev2.png"); } .list1w .next{ right: -0.4rem; background-image: url("../images/next2.png"); } .list1w{ margin-bottom: .2rem; } .title002{ margin-bottom: .4rem; } .samePadding{ padding-top: .55rem; padding-bottom: .34rem; } .samePadding .mores{ max-width: 4.3rem; margin: 0 auto; } .container02{ background-image:url("../images/bg_jysx.png") } .container03 { background-image:url("../images/bg_zcwj.png") } .container04{ background-image:url("../images/bg_zlwh.png") } /*以上为通用的样式表,以下为针对每个宽度的样式表*/ /*以上为通用的样式表,以下为针对每个宽度的样式表*/ /*** @media (max-width: 980px){ html,body{ overflow-x: hidden !important; } .ar_web{display: none} .ar_wap{display: block} .wp { width: 100%; padding: 0 15px; max-width: 100%; } .wap-head { display: flex; z-index: 11111; } .wap-head .logo img{ height: 0.7rem; } .wap-head .navbtnm { margin-top: .1rem; width: .55rem; height: .55rem; background-size: cover; position: absolute; top: 0; right: 0; z-index: 5; color: #fff; text-align: center; vertical-align:middle; } .wap-head .navbtnm i{ display: block; width: 100%; height: 0.65rem; background: url("../images/menu.png") no-repeat 50%; background-size: 0.32rem 0.32rem; transition: all .3s; position: relative; z-index: 3; } .wap-head .navbtnm:before{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #197242; }.navShow .navbtnm i{ background-image: url("../images/close-menu.png"); } .list_box0 .li{ border: none; } ***/ /* .wap-head .navbtnm:after { content: ""; position: absolute; z-index: -1; top: 0; left: -6px; border-right: #006457 6px solid; border-bottom: transparent 0.75rem solid; }*/ /*} @media (max-width: 1025px){*/ /*** .foot .wp{ padding-left: 15px; padding-right: 15px; } .aleftsame{ padding-left:0.2rem; padding-right:0.2rem; width:100%; } .arightsame{ padding-left:0.2rem; padding-right:0.2rem; width:100%; margin-left: 0rem; margin-top: .2rem; } } @media (max-width: 768px){ .wap-head .logo img{ height: 0.5rem; } .ftleft{ width: 100%; margin-bottom: .2rem; text-align: center; } .fall{ width: 100%; margin-bottom: .2rem; text-align: center; } .list_ewm{ justify-content: center; } .foot{ padding: .3rem 0; } } @media (max-width: 640px){ .wap-head .logo img{ height: 0.4rem; } .tzwidth{ width:75%; } } @media (max-width: 479px){ .big-nav .list_box0{ justify-content: flex-start; } .big-nav .list_box0 .li{ padding: 0 0.1rem; } .wap-head .logo img{ height: .35rem; } }****/