.subnav{ width: 100%;}
.subnav ul{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width:100%; background: #ccc; font-size: 16px; }
.subnav ul li{ line-height: 40px; }
.subnav ul li a{ display: block; }
.subnav ul.four li{ width: 25%; text-align: center; border-right: 1px solid #666; border-bottom: 1px solid #666;}
.subnav ul.four li:nth-child(4n+4){ border-right: none; }
.subnav ul.two li{ width: 50%; text-align: center; border-right: 1px solid #666;  }
.subnav ul.two li:nth-child(2n+2){ border-right: none; }
.subnav ul.four{ border: 1px solid #666; border-bottom: none; }
.subnav ul.two{ border: 1px solid #666; border-top: none; }

.list{ width: 100%; padding-left: 4%; padding-right: 4%; background: #fff; padding-bottom: 30px;}
.list ul{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; margin-top: 4%;}
.list ul li {width:49%;float:left;margin-right:2%;box-shadow:0px 2px 17px 1px rgba(0,0,0,0.05);display:flex;flex-direction:column;margin-bottom:15px; padding-bottom: 10px;text-align: center;}
.list ul li a{ display: block; }
.list ul li:nth-child(2n) {margin-right: 0 !important;}
.list ul li dd{ text-align: center; margin-top: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 16px; }

.list ul li dl {width:170px;height:170px;display: table-cell;
vertical-align: middle;}
.list ul li dl img {max-width:170px;_width:170px;max-height:170px;_height:170px;}

.news{ width: 100%; padding-left: 4%; padding-right: 4%; background: #fff; padding-bottom: 30px;}
.news ul{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 20px;}
.news ul li{ width: 100%; font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 40px; border-bottom:#999999 1px dotted; position: relative; padding-left: 10px;}
.news ul li:after{ content: ""; position: absolute; width: 5px; height: 5px; background: #000; border-radius: 100%; left: 0; top: 17px; }


.show{ width: 100%; padding-left: 4%; padding-right: 4%; background: #fff; padding-bottom: 30px;padding-top: 20px;}
.show h1{ font-size: 16px;  text-align: center;}
.show dd{ font-size: 12px; text-align: center; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; }
.show dl{ font-size: 14px; line-height: 26px; position: relative;}
.show dl img{ max-width: 100%; }
.show dl:after{ clear: both; content: ""; position: absolute; }

.about{ width:100%; padding-left: 4%; padding-right: 4%;}
.about_img{ width:100%; padding-top: 20px; text-align: center;}
.about_img img{ max-width:100%; margin:0 auto;}
.about_con{ width:100%;line-height: 32px; padding-top: 20px;}
.about_con h3 {font-size: 24px;color: #d60011;font-weight: 400;text-transform: uppercase;letter-spacing: 3px;padding-bottom:15px; text-align: center;}
.about_con .subp{font-size: 14px;line-height: 24px;color: #666666;}