#banner_lb{ height: 551px; border-bottom: 3px solid #167fd0; } #daohang{ position: relative; z-index: 8; width: auto; height: 57px; background-image: url(/uploads/image/simages/daohang.png); } .navlist{ position: relative; z-index: 9; height: 57px; width: 1200px; margin: 0 auto; } .navlist a.dh-a2{ background: url(/uploads/image/simages/dh1.png) no-repeat left 1px; } .navlist a{ color: #fff; display: block; height: 57px; width: 147px; /*float: left;*/ text-align: center; line-height: 57px; } .navlist a.a-1{ background: url(/uploads/image/simages/dh1.jpg) no-repeat left; border-right: 1px solid #398bc9; } .navlist a.a-1:hover,.navlist a.a-2:hover{ height: 57px; } .navlist a:hover{ background-color: #037ad6; position: relative; z-index: 99; color: #ffffff; } #daohang:hover .expand{ display: block; position: absolute; z-index: 999; } .expand a{ color: #ffffff; } .expdiv{ height: 171px; width: 1200px; margin: 0 auto; } .expdiv-list{ width: 147px; float: left; display: block; height: 130px; } .zhezhao{ width: 147px; height: 0px; background-color: #228de1; position: absolute; top: -57px; z-index: -99999; } .expdiv-list:hover .zhezhao{ width: 147px; height: 228px; } .expdiv .expdiv-list a{ display: block; width: 147px; text-align: center; height: 57px; line-height: 57px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin: 0 auto; } .expdiv .expdiv-list a:hover{ background-color: #207ecb; } /*banner����*/ /*nav����*/ #content{ width: 1200px; height: 265px; margin: 0 auto; margin-top: 18px; } #content_1{ float: left; width: 362px; height: 265px; border: 1px solid #e8e4e1; overflow: hidden; margin-right: 16px; } #content_1 .content_1_top{ margin-top: 1px; width: 362px; height: 64px; background-image: ; /*position: relative;*/ } #content_1 .content_1_top ul{ width: 300px; height: 64px; margin-left: 20px; /*position: absolute;*/ } #content_1 .content_1_top ul li{ font-size: 14px; color: #ffffff; font-family: simsun; float: left; width: 90px; height: 43px; text-align: center; line-height: 32px; margin-top: 16px; cursor: pointer; overflow: hidden; /*-webkit-transition: all 0.5s;*/ /*-moz-transition: all 0.5s;*/ /*-ms-transition: all 0.5s;*/ /*-o-transition: all 0.5s;*/ /*transition: all 0.5s;*/ } #content_1 .content_1_top ul li a{ font-size: 14px; color: #ffffff; font-family: simsun; display: block; margin-top: 3px; } #content_1 .content_1_top ul li:hover{ background-image: ; } @keyframes wid1 { from{height: 25px;} to{height: 43px;} } @-webkit-keyframes wid1 { from{height: 25px;} to{height: 43px;} } @-o-keyframes wid1 { from{height: 0;} to{height: 43px;} } @-moz-keyframes wid1 { from{height: 0;} to{height: 43px;} } #content_1 .content_1_top ul li.li_1{ background-image: ; } #content_1 .content_1_down{ height: 201px; width: 362px; background-color: #f6f6f6; } #content_1 .content_1_down .content_1_down_a{ width: 332px; height: 102px; border-bottom: 1px dashed #cccccc; margin: 0 10px 0 20px; } #content_1 .content_1_down .content_1_down_a .p1{ font-size: 14px; font-weight: bold; padding-top: 15px; } #content_1 .content_1_down .content_1_down_a .p1 a{ color: #666666; font-size: 14px; } #content_1 .content_1_down .content_1_down_a .p1 a:hover{ color: #037ad6; } #content_1 .content_1_down .content_1_down_a .p2{ font-size: 12px; color: #666666; padding-top: 12px; height: 50px; line-height: 22px; letter-spacing: 1px; font-family: simsun; } #content_1 .content_1_down .content_1_down_a .p2 a{ color: #666666; font-size: 12px; } #content_1 .content_1_down .content_1_down_a .p2 a:hover{ color: #037ad6; } /*#content_1 .content_1_down .content_1_down_b img{*/ /*float: left;*/ /*}*/ #content_1 .content_1_down .content_1_down_b{ height: 96px; } #content_1 .content_1_down .content_1_down_b .article{ float: left; height: 64px; } #content_1 .content_1_down .content_1_down_b p{ margin-left: 20px; font-size: 12px; color: #7e7e7e; margin-top: 12px; } #content_1 .content_1_down .content_1_down_b p a{ color: #7e7e7e; font-family: simsun; font-size: 12px; } #content_1 .content_1_down .content_1_down_b p a:hover{ color: #037ad6; } /*content_1*/ #content_2{ position: relative; float: left; width: 520px; height: 266px; } /*content_2����*/ #content_3{ float: right; margin-left: 17px; width: 282px; height: 267px; _margin-left: 5px; } #content_3 .content_3_1{ margin-bottom: 1px; width: 282px; height: 66px; background-image: url(/uploads/image/simages/content_3_6.jpg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #content_3 .content_3_1 .content_3_1_left{ position: relative; float: left; width: 282px; height: 66px; color: #666666; } #content_3 .content_3_1 .c1{ background: url(/uploads/image/simages/1-1.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c1:hover{ background: url(/uploads/image/simages/1.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c2{ background: url(/uploads/image/simages/2.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c2:hover{ background: url(/uploads/image/simages/2-2.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c3{ background: url(/uploads/image/simages/3.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c3:hover{ background: url(/uploads/image/simages/3-3.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c4{ background: url(/uploads/image/simages/4.png) no-repeat 27px 15px; } #content_3 .content_3_1 .c4:hover{ background: url(/uploads/image/simages/4-4.png) no-repeat 27px 15px; } /*#content_3 .content_3_1 .content_3_1_left img{*/ /*float: left;*/ /*margin: 15px 16px 0 27px;*/ /*}*/ #content_3 .content_3_1 .content_3_1_left div{ float: left; padding-top: 19px; padding-left: 80px; } #content_3 .content_3_1 .content_3_1_left p{ font-size: 14px; } #content_3 .content_3_1 .content_3_1_left p.content_3_1_p1{ margin-bottom: 10px; height: 12px; } #content_3 .content_3_1 .content_3_1_left p.content_3_1_p2{ height: 12px; } #content_3 .content_3_1:hover{ background-image: url(/uploads/image/simages/content_3_5.jpg); cursor: pointer; -webkit-animation: wid 0.3s 1; -o-animation: wid 0.3s 1; -moz-animation: wid 0.3s 1; animation: wid 0.3s 1; } @keyframes wid { from{width: 0;} to{width: 282px;} } @-webkit-keyframes wid { from{width: 0;} to{width: 282px;} } @-o-keyframes wid { from{width: 0;} to{width: 282px;} } @-moz-keyframes wid { from{width: 0;} to{width: 282px;} } #content_3 .content_3_1 .content_3_1_left a{ color: #666666; font-size: 12px; } #content_3 .content_3_1 .content_3_1_left:hover{ color: #ffffff; } #content_3 .content_3_1 .content_3_1_right{ position: absolute; right: 0; top: 0; float: left; width: 31px; height: 66px; background-image: url(/uploads/image/simages/content_3_3.jpg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #content_3 .content_3_1 .content_3_1_right:hover{ cursor: pointer; background-image: url(/uploads/image/simages/content_3_2.jpg); } /*main����*/ /*footer*/ #footer{ height: 131px; margin-top: 17px; border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }