.page_probg{ margin:auto;width:1190px; height:870px; } .page_class_head{width:307px;position: relative; height:61px; text-align:center; background:url(../ZERO/img/protitle.png) center no-repeat;margin: auto;margin-top: 50px;} .page_class_head ul li{font-size:30px; line-height:36px; color:#3c3c3c; text-transform:uppercase;} .page_class{width:1190px; margin:auto; text-align:center;height: 55px;margin-top: 30px} .page_class ul{ display:inline-block;} .page_class ul li{float:left; margin-bottom:10px;} .class_name{ padding:0 50px;background: #f38e4a; height:50px; border:1px solid #dedede;border-top-left-radius:10px;border-top-right-radius:10px; } .class_name h3{font-size:24px; color:#fff; line-height:50px; font-weight: normal; } .class_name:hover{background:#fff; border:1px solid #dedede;border-top-left-radius:10px;border-top-right-radius:10px; cursor:pointer;box-shadow: 0px 0px 3px 3px #f1f1f1} .class_name:hover h3{font-size:24px; color:#f38e4a; line-height:50px; font-weight: normal;} .index_pro{width:1190px; overflow:hidden; margin:auto; position:relative; height:652px;box-shadow: 0px 0px 5px 5px #f1f1f1} .page_indexpro{width:1150px; margin:auto; position:relative; height:652px;margin-top: 30px;padding-bottom: 30px;} .page_pro{width:471px; float:left; overflow:hidden; margin-bottom:27px;} .pro_img{width:469px; height:249px; border:1px solid #b6b6b6; border-bottom:none; overflow:hidden;} .pro_img img{width:469px; height:249px; display:block;} .pro_name {overflow:hidden; border:1px solid #007fcb; padding:12px 5px; color:#454545; font-size:15px; line-height:20px; text-align:center;} .pro_name a{color:#454545; font-size:15px;} .page_pro:hover{cursor:pointer;} .page_pro:hover .pro_img{border:1px solid #007fcb; border-bottom:none;} .page_pro:hover .pro_name{background:#007fcb;} .page_pro:hover .pro_name a{color:#ffffff; font-size:15px;} .asd1{width: 350px;float: left;} .asd1 .img1{width: 350px;overflow: hidden;position: relative;margin: auto;} .img1 .proimg{width:350px;} .img1 .proimg img{width:350px;height: 224px;} .in_proname_a1{width: 350px;margin-top: 12px;background: url(../ZERO/img/indexprobg.png) 300px no-repeat;height: 50px;} .in_proname_a1 a{font-size: 17px;color: #495163;text-align: left;display:block;padding-left: 40px;padding-top: 12px} .asd_proname{font-size: 23px;color: #fff;font-weight: bold;width: 120px;height: 33px;text-align: center;line-height: 33px;margin-top: 12px;margin-left: 12px;} .nei_promore{background: url(../img/index_pro_more.png) no-repeat;width: 151px;height: 25px;text-align: center;float: right;margin-right: 24px;margin-top: 60px;position: absolute;bottom: 12px;right: 0;} .nei_promore a{display: inline-block;width: 100%;height: 100%;} .nei_promore:hover{background: url(../img/index_pro_moreon.png) no-repeat;} .asd1:hover .img1 .proimg{} .asd1:hover{box-shadow: 0px 0px 3px 3px #f1f1f1;} .asd1:hover .pro_more{background: url(../img/moreon.png) no-repeat}