.pichead{ padding-left: 8.7%; padding-right: 6.875%; width:100%; } .titleword{ position: absolute; color: white; font-size: 16px; margin-top:-18%; margin-left: 18%; } .picfoot{ position: relative; z-index: 99; padding-left: 8.7%; padding-right: 6.875%; width:100%; margin-top: -4px; } .keepline { content: ''; width: 49.6%; position: relative; z-index: 100; height: 4px; background: #fff; margin-bottom: -4px; } .pictureline0{ position: relative; width: 99%; margin-left: 12px; z-index: 11; border-top: 4px solid #df2c37; border-right: 4px solid #df2c37; border-bottom: 4px solid #df2c37; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } /* .pictureline0::before { content: ''; width: 49.3%; position:relative; z-index:2; height: 4px; background: #fff; margin-top: -4px; } */ .pictureline1{ position:relative; z-index:9; width: 99%; margin-top: -4px; border-top: 4px solid #df2c37; border-left: 4px solid #df2c37; border-bottom: 4px solid #df2c37; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .pictureline2{ position:relative; z-index:9; width: 99%; margin-left: 12px; margin-top: -4px; border-top: 4px solid #df2c37; border-right: 4px solid #df2c37; border-bottom: 4px solid #df2c37; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .pictureline2::after { content: ''; width: 93%; z-index:2; height: 4px; background: #fff; margin-bottom: -4px; } .pinji { width:100%; height:80%; padding-top: 44px; padding-bottom: 40px; } @media screen and (min-width:990px) { .pinji .col-md-8{ margin-left:15%; margin-bottom:15px; float:left; text-align: center; } .pinji .col-md-4:nth-child(1){ margin-left:10%; margin-bottom:15px; float:left; } .pinji .col-md-4:nth-child(2){ margin-left:10%; margin-right:15%; /* float:right; */ } .pinji .col-md-4:nth-child(4){ margin-left:15%; float:right; } } .pinjititle{ z-index:0; padding-left: 10px; position: relative; top: 10px; display:inline-block; font-size: 24px; text-align: center; color: #333333; } .pinjidata{ z-index:0; position: relative; top: 10px; padding-left: 20px; font-size: 16px; color: #b8b7b7; display:inline-block; text-align: center; } .pinjicontent{ z-index:0; font-size: 100px; color: #333333; font-weight:bolder; display:block; text-align: center; } .pinjicontent1{ z-index:0; font-size: 16px; color: #333333; display:block; text-align: center; position: relative; top:-22px; } .pinjiing{ padding-top: 40px; z-index:0; font-size: 30px; color: #cccccc; font-weight:bolder; font-family: "Microsoft YaHei" ! important; display:block; text-align: center; } .data_pading{ padding-top: 40px; padding-bottom: 40px; padding-left: 20px; } .maintxt{ padding-left: 24px; width:100%; color: #333333; font-size: 20px; font-weight:bolder; vertical-align:middle; } .pic030{ width:95%; padding-top: 20px; margin: auto; } .m_pic030{ width:95%; padding-top: 10px; margin: auto; } /* @-moz-document url-prefix(){ .pic030{ height:707px;} } */ .shuziliangd{ width:95%; display:inline-block; } .jinyingshuj{ width:95%; display:inline-block; padding-left:20px; } .shuziliangdtxt{ padding-left:40px; padding-top:15px; color:#a7a7a7; } .shuziliangdtxt a{ color:#a7a7a7; } .shuziliangdtxt a:hover{ color:#337ab7; } .title{ padding-bottom:12px; } .title a span{ position:relative; top:4px; } .date { display: inline-block; float: right; color: #b2b2b2; font-weight: 100; font-size: 12px; position:relative; top:2px; right:10px; } .m_yeardataimg{ display: none; } @media screen and (max-width:990px) { .pinji .col-md-4:nth-child(2) { padding-top: 10px; border-left:none; border-right:none; /* border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; */ } .pinji .col-md-4:nth-child(3){ padding-top: 10px; } .pinjiing{ padding-top: 10px; padding-bottom: 10px; } } @media screen and (max-width: 767px) { .yeardataimg { display: none; } .m_yeardataimg{ display: block; } .pinji{ width:100%; height:100%; text-align: center; } .pinji .col-md-4{ padding-left: 40px; } .m_eachpinji{ width:90%; height:100%; text-align: center; } .eachpinji img{ width: 40px; } .pinjititle{ z-index:0; padding-top: 20px; padding-left: 10px; position:relative; top:7px; display:inline-block; font-size: 18px; text-align: center; color: #333333; } .pinjidata{ z-index:0; position:relative; top:7px; padding-left: 20px; font-size: 12px; color: #b8b7b7; display:inline-block; text-align: center; } .pinjicontent1{font-size: 12px;} .pinjicontent{ margin-top: -10px; z-index:0; font-size: 70px; color: #333333; font-weight:bolder; display:block; text-align: center; } .pic1line{ padding-left: 1px; padding-right: 1px; width:100%; } .shuziliangdtxt{ padding-top:10px; padding-bottom:10px; /* border-bottom: 1px solid #eeeeee; */ } .shuziliangdtxt:nth-child(n+3){ border-top: 1px solid #eeeeee; } .shuziliangdtxt a{ color:#777777; } .maintxt{ padding-left: 15px; width:100%; color: #0055aa; font-size: 20px; font-weight:bolder; } .title{ padding-left: 20px; padding-bottom: 10px; } .title a span{ position:relative; top:8px; } .jinyingshuj{ padding-top:0px; padding-right:0px; padding-left: 0px; } .shuziliangd{ padding-right:0px; } .data_pading{ padding-top: 20px; padding-bottom: 20px; } .yeardata { padding-top: 60px; padding-left: 10px; } .keepline { z-index: 100; height: 2px; margin-bottom: -2px; } .pictureline0{ position: relative; width: 93%; left:15px; z-index: 11; border-top: 2px solid #df2c37; border-right: 2px solid #df2c37; border-bottom: 2px solid #df2c37; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .pictureline1{ position:relative; z-index:9; width: 90%; margin-top: -2px; border-top: 2px solid #df2c37; border-left: 2px solid #df2c37; border-bottom: 2px solid #df2c37; border-top-left-radius: 30px; border-bottom-left-radius: 30px; left: 7px; } .pictureline2{ position:relative; z-index:9; width: 93%; left:15px; margin-top: -2px; border-top: 2px solid #df2c37; border-right: 2px solid #df2c37; border-bottom: 2px solid #df2c37; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .pictureline2::after { content: ''; width: 92.3%; z-index:2; height: 2px; background: #fff; margin-bottom: -2px; } .picfoot{ margin-top: -2px; width: 98.3%; } .titleword{ display: none; } }