/*加载外部通用css*/ @import ; /*index.css*/ .header{height: 534px;background: url(/uploads/image/hzcjcimages/banner.jpg) no-repeat center top;} .center{width: 1000px;margin: 0 auto;} .peo{position: relative;padding: 327px 0 62px 0} .peo i{font-size: 30px;color: #fff;display: block;position:relative;z-index:2;padding: 7px 12px 8px 12px;background: #c80b0b;float: left;line-height: 30px;margin-right: 20px;} .peo p{font-size: 24px;color: #fff;line-height: 45px;position:relative;z-index:2;} .peo img{position: absolute;height:408px;width: auto;right: 0; bottom: 20px;} .peo-talk{font-size: 52px;color: #fff;line-height: 81px;} .main{width: 1000px;margin: 0 auto;margin-top: 20px;} .content{width: 623px;padding-right: 43px;border-right: 1px dashed #e8e8e8;float: left;margin-top: 25px;} /*.tv-box{width: 100%;height: 415px;box-shadow: 0px 4px 4px #ccc;padding-bottom: 10px;background: #000;border-radius: 0 0 10px 10px;}*/ .lead {margin-top: 40px;} .lead h1{display: inline-block;font-size: 18px;color: #fff;background: #c71919;padding: 6px 28px 6px 22px;background: url(/uploads/image/hzcjcimages/dayu.jpg) no-repeat right center #c71919;*width: 2em} .lead p{font-size: 18px;line-height: 48px;text-indent: 2em;color: #030303;margin-top: 15px;} .title1{height: 100px;background: #ededed;margin: 35px 0;} .title1 i{font-size: 36px;line-height: 46px;color: #fff;background: url(/uploads/image/hzcjcimages/title1.jpg) no-repeat right center #c71919;width: 88px;height: 97px;padding: 3px 27px 0 12px;float: left;} .title1 p{line-height: 100px;font-size: 36px;color: #000;max-height: 100px;} .article1 .p1{line-height: 36px;text-indent: 2em;color: #030303;margin: 20px 0;} .article1 .p1 a{color: #ad0c0c} .article1 .txt .left{width: 192px;position: relative;padding: 20px} .article1 .txt .left i{position: absolute;width: 24px;height: 45px;background: url(/uploads/image/hzcjcimages/line-xie.jpg) no-repeat;} .article1 .txt .left i.top{top: 0;left: 0;} .article1 .txt .left i.bottom{bottom: 0;right: 0;} .article1 .txt .left p{font-size: 16px;color: #ad0c0c;line-height: 36px;} .article1 .txt .right{width: 324px;} .article1 .txt .right p{text-indent: 2em;line-height: 36px;padding-top: 20px;} .article1 .img{position: relative;margin-top: 20px;} .article1 .img img{width: 100%;height: auto;} .article1 .img p{position: absolute;bottom: 0;left: 0;width: 100%;height: 26px;line-height: 26px;color: #fff;text-align: center;background: #000;} .article2{margin-top: 25px} .article2 img{float: right;margin-left: 50px;width: 40%;height: auto;} .article2 p{line-height: 36px;text-indent: 2em;margin-top: 18px;color: #030303;} .article3 p{line-height: 36px;text-indent: 2em;margin-top: 18px;color: #030303;} .article3 .txts{position: relative;margin: 20px 0} .article3 .txts img{width: 50%;height: auto;position: relative;z-index: 2;opacity: 1;filter:alpha(opacity=100);float: left;margin-right: 20px;} .article3 .txts .txt{width: 90%;left: 10%;background: #333333;top: 45px;position: absolute;z-index: 1;} .article3 .txts .txt p{width: 40%;color: #fff;text-indent: 2em;margin-top: 15px;margin-left: 50%;margin-top: 25px;} .article4 .img img{width: 100%;height: auto} .a-q{border: 1px dashed #dadada;padding: 0 20px 0 40px;margin-top: 35px;} .a-q h1{font-size: 18px;color: #000;line-height: 36px;padding-top: 27px;z-index: 2;position: relative;} .a-q h1 i{position: absolute;z-index: 5;width: 49px;height: 47px;background: url(/uploads/image/hzcjcimages/q.jpg) no-repeat;left: -65px;top: 20px;} .a-q .a-q-line{border-top: 1px dashed #d6d6d6;display: block;margin: 20px 0 15px 0;width: 100%;} .a-q p{color: #666666;line-height: 36px;position: relative;padding-bottom: 20px;} .a-q p i{position: absolute;z-index: 5;width: 49px;height: 47px;background: url(/uploads/image/hzcjcimages/a.jpg) no-repeat;left: -65px;top: -6px;} .buttons{text-align: center;margin: 34px 0;overflow: hidden;} a.button{padding: 10px 20px;font-size: 18px;color: #fff;opacity: 0.9;filter:alpha(opacity=90);} .button:hover{opacity: 1;filter:alpha(opacity=100);text-decoration: none;} .buttons .button1{background: #c71919;float: right;margin-right: 86px;} .buttons .button2{background: #333333;float: right;} .note{position: relative;} .note i{font-size: 18px;color: #fff;padding: 13px 25px 13px 51px;background: url(/uploads/image/hzcjcimages/edit.png) no-repeat 10px center #c71919;position: absolute;left: -14px;top: 21px;} .note p{color: #fff;background: #fff;text-indent: 2em;line-height: 36px;padding: 76px 23px 40px 23px;background: #333;font-size: 16px;} .bottom{background: #e8e8e8;padding-top: 34px;padding-bottom: 24px;border-top: 1px solid #dedede;} .bottom .u-4-4{width: 1000px;margin: 0 auto;overflow: hidden;} .bottom .u-1-4{width: 25%;float: left;} .bottom h3{font-size: 18px;margin-bottom: 20px;} .bottom .u1 h1{font-size: 30px;text-align: center;margin-bottom: 20px;} .bottom .u1 h2{font-size: 20px;text-align: center;margin-bottom: 20px;} .bottom .u2{border-right: 1px solid #f0f0f0;padding-left: 24px;} .bottom .u2 ul{line-height: 30px;overflow: hidden;} .bottom .u2 ul li{float: left;width: 70px;} .bottom .u2 ul li a{color: #999;} .bottom .u3{border-right: 1px solid #f0f0f0;border-left: 1px solid #cbcbcb;padding-left: 24px;} .bottom .u3 dl{line-height: 30px;overflow: hidden;} .bottom .u3 dl dd{float: left;width: 100px;} .bottom .u3 dl dd a{color: #999;} .bottom .u3 dl dt{color: #999} .bottom .u4{border-left: 1px solid #cbcbcb;padding-left: 24px;} .footer{border-top: 1px solid #e8e8e8;margin-top: 40px;} /*通用底部代码*/ .glbbot{background: #333;padding: 20px 0} #glbbot{border:0;color: #fff;margin: 0 auto;} #glbbot a:link{color: #fff;} #glbbot a:visited,#glbbot a:hover{color: #fff;text-decoration: underline;} .slidebar{width: 300px;float: right;text-align: center;} .slidebar .img{width: 150px;height: 150px;position: relative;display: inline-block;background: #e7e7e7} .slidebar .img-cover{position: absolute;width: 150px;height: 150px;background: url(/uploads/image/hzcjcimages/img-cover.png) no-repeat;z-index: 2;top: 0;left: 0} .slidebar img{position: absolute;width: 150px;height: 150px;z-index: 1;top: 0;left: 0;} .slidebar .p1{font-size: 18px;color: #030303;margin: 17px 0 27px 0;text-align: center;} .slidebar .p2{color: #666;line-height: 36px;padding: 0 44px 0 10px} .slidebar .a-link {margin-top: 15px;} .slidebar .a-link a{display: block;margin-top: 13px;background: #333;color: #fff;padding-left: 60px;background: url(/uploads/image/hzcjcimages/a-link.png) no-repeat 8px center #333;height: 35px;line-height: 35px;text-align: left;} .slidebar .a-link a:hover,.slidebar .a-link a.cur{background: url(/uploads/image/hzcjcimages/a-link.png) no-repeat 8px center #c71919;text-decoration: none;} .slidebar .a-link a:visited{text-decoration: none;} #slidebar{padding-top: 25px;} #slidebar.fixed{position: fixed;top: 0;width: 300px;background: #fff;} #slidebar.fixed .img{display: none;} #slidebar.fixed .p1{display: none;} #slidebar.fixed .p2{display: none;} #slidebar.fixed .a-link{margin-top: -12px;} .totop{width: 45px;height: 45px;bottom: 20px;right:2%;position:fixed;cursor:pointer;z-index:999999;} .totop img{display: block;width: 100%;height: 100%;} /*.totop p{line-height: 30px;text-align: center;padding-top: 79px;}*/ @media screen and (max-width: 1000px) { .hide-xs{display: none;} .content,.center,.header,.main,.bottom .u-4-4,.bottom .u-1-4,#glbbot{width: 96%;padding: 0 2%;} .glbbot{padding: 0} .peo-talk{font-size: 18px;line-height: 36px;} #slidebar{position: fixed;top: 0;right: -80%;width: 80%;background: #fff;z-index: 99999;opacity: 0;transition:0.5s all;} #slidebar.show-left{top: 0;right: 0;opacity: 1;transition:0.5s all;} .title1 p{line-height: 36px;font-size: 20px;padding: 15px 10px;} .article2 img{margin-left: 30px;} .buttons .button{width: 100%;margin: 10px 0} .bottom h3{margin-top: 20px;} .bottom .u2{border-left: 1px solid #cbcbcb;} #glbbot{padding: 20px 0} #slidebar{height: 100%;} .slidebar .a-link{display: none;} } @media screen and (max-width: 374px){ #slidebar{padding-top: 10px;height: 100%;} .peo-talk{font-size: 16px;line-height: 80px;} #slidebar{max-height: 100%} .slidebar .p2{line-height: 26px;} .slidebar .p1{margin: 10px 0 18px 0} .peo img{right: -40px;height: 347px;bottom: -17px;} .peo{padding: 327px 0 0px 0} .header{height: 482px;} }