*{margin: 0px;padding: 0px;}
.inter img{width: 100%;}
.footer{background: url(../images/footer_bg.png) no-repeat center;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 12px;}
.head{background: #fff;box-shadow: 0px 10px 20px #a6cbb4;line-height: 80px;}
.head ul{width: 750px;margin: 0px auto;display: flex;justify-content: space-between;align-items: center;}
.head ul li a{color: #333333;font-size: 22.5px;display: inline-block;padding: 10px 0px;}
.head ul li a:hover{border-bottom: 2px solid #197a3f;}
.head ul li a.active{border-bottom: 2px solid #197a3f;}
.center{width: 1200px;margin: 30px auto;padding: 30px 0px;}
.title{display: block;margin: 30px auto;}

.cend{margin: 30px 0px;display: flex;justify-content: space-between;align-items: flex-start;}
.cend_left{background: url(../images/bg.png) no-repeat;padding: 100px 30px 229px;position: relative;width: 316px;min-height: 996px;padding-right: 15px;}

.cend_left ul{margin-left: -45px;}
.cend_left ul li{background: url(../images/left_bg.png) no-repeat;width: 315px;height: 53px;line-height: 40px;margin: 10px 0px;position: relative;padding-left: 104px;}
.cend_left ul li img{position: absolute;left: 14px;bottom: 15px;}
.cend_left ul li a{color: #fff;font-size: 20px;font-weight: bold;}
.cend_left ul li a:hover{color: #ffc582;}
.cend_left ul li a.active{color: #ffc582;}
.comlist div{border-bottom: 1px solid #d9ebe5;font-size: 18px;color: #54b1b1;font-weight: bold;line-height: 36px;text-align: center;cursor: pointer;}
.comlist div p{text-align: center;line-height: 36px;width: 240px;margin: 0px auto;display: flex;align-items: center;position: relative;padding: 0px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 30px;}
.comlist div p img{position: absolute;right: 10px;opacity: 0;}
.comlist div p span{display: block;text-align: center;line-height: 36px;}
.comlist div p:hover{background: linear-gradient(to left,#4bd0cc,#51cb86);color: #fff;}
.comlist div p:hover img{opacity: 1;}
.comlist div p:hover a{color: #fff;}
.comlist div.active p{background: linear-gradient(to left,#4bd0cc,#51cb86);color: #fff;}
.comlist div.active p img{opacity: 1;}
.comlist div p a{color: #54b1b1;display: block;line-height: 36px;}
.cend_right{width: calc(100% - 336px);padding: 20px 10px;}
.cend_right .h3{border-bottom: 1px solid #e6e6e6;height: 60px;}
.cend_right .h3 span{font-size: 18px;color: #227272;font-weight: bold;border-bottom: 1px solid #227272;display: inline-block;line-height: 60px;letter-spacing: 3px;}
.cend_right .joblist table{width: 100%;margin: 30px 0px;}
.cend_right .joblist table tr{border-bottom: 1px solid #e6e6e6;}
.cend_right .joblist table tr td{padding: 10px;font-size: 15px;}
.cend_right .joblist table tr td img{margin-right: 10px;}
.cend_right .joblist table tr td:last-child{text-align: right;}

.joblist{display: none;}
.foot{background: #c9fff7;position: absolute;height: 300px;width: 300px;left: 15px;bottom: 0px;}
.cend_left .img{position: absolute;bottom: 20px;left: 0px;width: 300px;}