.main {width: 1200px;margin: 0 auto 70px;background: #fff;}

.leftnav {width: 235px;float: left;margin-left: 20px;}

.container {float: left;margin-left: 20px;width: 100%;padding-bottom: 100px;}

.main:after {content: "";overflow: hidden;display: block;clear: both;}

.leftnav-list a {display: block;font-size: 16px;color: #666;height: 60px;line-height: 60px;position: relative;text-indent: 70px;}

.leftnav-item.active .leftnav-list {height: auto;padding: 10px 0;}

.leftnav-item .leftnav-list {height: 0;overflow: hidden;background: #fafafa;padding: 0;margin-top: 30px;}

.leftnav-item .leftnav-title {float: left;color: #333;font-size: 24px;height: 24px;line-height: 24px;position: relative;text-indent: 74px;font-weight: bold;}

.leftnav-item {margin-top: 50px;}

.leftnav .leftnav-item:nth-of-type(1) {margin-top: 40px;}

.leftnav-top{overflow:hidden;}

.open-child {float: right;width: 17px;height: 17px;margin-top: 6px;background: url(../img/jlt.png) -45px 0 no-repeat;cursor: pointer;transition: all .3s ease;margin-right: 15px;}

.leftnav-item.active .open-child{transform: rotate(180deg);}

.leftnav-item.active .leftnav-title {color: #f02645;}

.leftnav-list li.active a,.leftnav-list li:hover a {color: #ee2142;text-indent: 70px;}

.leftnav-item .leftnav-title:before {content: "";position: absolute;top: 50%;left: 35px;width: 23px;height: 21px;background: url(../img/jlt.png) -22px -66px no-repeat;transform: translateY(-50%);}

.leftnav-item.active .leftnav-title:before {background-position-x: -50px;}

.leftnav .leftnav-item:nth-of-type(2) .leftnav-title:before{background-position-y:-89px;}

.leftnav-list li.active a:before, .leftnav-list li:hover a:before {content: "";position: absolute;top: 50%;left: 40px;transform: translateY(-50%);border: 6px solid #f03d55;border-color: transparent transparent transparent #f03d55;}

.content-list li {float: left;width: 273px;height: 140px;border: solid 1px #ededed;margin: 30px 0 0 20px;overflow: hidden;transition: all .3s ease;}

.content-list {margin-left: -20px;overflow: hidden;}

.content-img {float: left;width: 110px;height: 110px;overflow: hidden;position: relative;}

.content-img img {display: block;position: absolute;top: 0;left: 50%;height: 100%;transform: translateX(-50%);width: auto;}

.content-r {float: left;margin-left: 13px;width: 120px;}

.content-list li a {display: block;padding: 15px;overflow: hidden;}

.content-r h5 {color: #333;font-size: 16px;height: 16px;line-height: 16px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 5px;}

.content-txt {font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;color: #333;margin-top: 15px;display: block;}

.content-txt em {color: #999;}

.content-btn {display: block;width: 57px;height: 23px;border: solid 1px #ee2142;text-align: center;line-height: 22px;color: #ee2142;font-size: 12px;float: right;margin-top: 8px;}

.content-list li:hover {box-shadow: 0px 3px 17.1px 0.9px rgba(0, 0, 0, 0.09);}

.content h4 {display: block;text-align: center;font-size: 18px;color: #333;height: 18px;line-height: 18px;position: relative;margin: 30px auto 0;font-weight: bold;}

.content {margin-top: 110px;}

.container .content:first-child {margin-top: 0;}

.content h4:before,.content h4:after {content: "";position: absolute;top: 50%;left: 40%;width: 20px;height: 2px;background: #ee2142;}

.content h4:after {left: auto;right: 40%;}