@charset "utf-8";
*{margin:0;padding:0;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;}

.clear{clear: both;}
.layui-main{width: 1200px;margin: 0 auto;}
.hydt-con1{margin-top: 145px;}
.hydt-con1 .con1-list ul li{width: calc((100% - 116px) / 3);margin-right: 58px;float: left;}
.hydt-con1 .con1-list ul li:last-child{margin-right: 0;}
.hydt-con1 .con1-list ul li a img{width: 100%;height: 240px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.hydt-con1 .con1-list ul li .con1-list-info{box-sizing: border-box;box-sizing: border-box;overflow: hidden;padding: 15px;width: 100%;}
.hydt-con1 .con1-list ul li .con1-list-info>a{font-size: 16px;color: #333;}
.hydt-con1 .con1-list ul li .con1-list-info>a:hover{color: #076ce0;}
.hydt-con1 .con1-list ul li .con1-list-info p{margin-top: 14px;}
.hydt-con1 .con1-list ul li .con1-list-info p a{font-size: 14px;color: #666;font-size: 14px;line-height: 26px;margin-top: 14px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.hydt-con1 .con1-list ul li .con1-list-info span{margin-top: 10px;display: block;}
.hydt-con1 .con1-list ul li .con1-list-info span a{font-size: 14px;line-height: 1.5;color: #999;}

.hydt-con2{margin-top: 100px;margin-bottom: 200px;}
.hydt-con2 .con2-left{float: left;width: 360px;padding-top: 10px;}
.hydt-con2 .con2-left ul li:last-child{margin-top: 72px;}
.hydt-con2 .con2-left ul li a img{width: 100%;height: 240px;}

.hydt-con2 .con2-right{float: right;width: 776px;}
.hydt-con2 .con2-right ul li{padding: 10px;box-sizing: border-box;width: 100%;}
.hydt-con2 .con2-right ul li.line{border-bottom: 1px solid hsla(0,0%,60%,.15);margin: 23.5px 0;height: 0;line-height: normal;padding: 0;}
.hydt-con2 .con2-right ul li>a{display: block;height: 23px;line-height: 23px;}
.hydt-con2 .con2-right ul li>a>h1{font-size: 16px;color: #333;float: left;width: 80%;font-weight: normal;}
.hydt-con2 .con2-right ul li>a:hover>h1{color: #076ce0;}
.hydt-con2 .con2-right ul li>a>span{float: right;width: 20%;text-align: right;font-size: 14px;line-height: 1.5;color: #999;}
.hydt-con2 .con2-right ul li p{margin-top: 14px;display: block;}
.hydt-con2 .con2-right ul li p a{font-size: 14px;color: #666;font-size: 14px;line-height: 26px;margin-top: 14px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
