@charset "utf-8";
*{margin:0;padding:0}
body,html{overflow-y:auto;overflow-x:hidden}
.clearfix{margin-right:auto;margin-left:auto}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:400}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#333;position:relative}
body,html{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f4f4f5}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,SimSun,"Hiragino Sans GB",sans-serif}
a{color:#333;text-decoration:none}
a:focus,a:hover{-webkit-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0s,background-color 150ms ease-in 150ms}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
a:hover{color:#01cf78}
.rotate360{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.fl{float:left}
.fr{float:right}

.icon{background:url(../images/index_icon.png) no-repeat;background-size:600px 600px}
.crumb{width:1200px;margin:0 auto;height:46px;line-height:46px}
.crumb,.crumb a{font-size:12px;color:#aaa}
.crumb a:hover{color:#01cf78}
.crumb i{display:inline-block;width:18px;height:14px;background-position:-361px 0;margin-right:10px;position:relative;top:1px}

.hj-list{position:relative;margin:10px auto;width:1200px}
.hj-info{overflow:hidden;width:1210px}
.hj-list-c{height:auto;display:table;margin-top:20px}
.hj-list-c>ul{display:table}
.hj-list-c>ul li{display:block;float:left;width:280px;height:260px;background:#fff;margin:0 20px 20px 0;transition:all .2s linear;-webkit-transition:all .2s linear}
.hj-list-c>ul li img{width:280px;height:140px}
.hj-list-c>ul li span{display:block;width:250px;height:26px;line-height:26px;margin:8px auto 0;color:#404040;font-size:16px;overflow:hidden}
.hj-list-c>ul li p{width:250px;height:40px;margin:0 auto;color:#a6a6a6;font-size:12px;line-height:20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
.hj-list-c>ul li i{display:block;float:left;width:auto;padding:0 12px;height:22px;line-height:22px;text-align:center;font-size:12px;color:#8ba8a3;border:1px solid #8ba8a3;border-radius:160px;margin:10px 16px}
.hj-list-c>ul li:hover{margin-top:-5px;margin-bottom:25px;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.hj-list-c>ul li:hover i{color:#16debd;border:1px solid #16debd}
.hj-list-c>ul li:hover span{color:#16debd}
.hj-list-c>ul li:hover p{color:#595959}
.hj-list-c .time{width:250px;margin:5px auto;height:26px;line-height:26px;color:#8ba8a3;font-size:12px}


.pagecode{padding:3px;margin:30px 0;text-align:center;font-size:16px}
.pagecode a{padding:8px 12px;margin-right:8px;color:#666;text-decoration:none;border:1px solid #e6e6e6;background-color:#fff}
.pagecode>span{display:inline-block;line-height:38px;height:38px}
.pagecode span a{display:block;padding:0;min-width:38px;line-height:38px;text-align:center}
.pagecode span em{margin-right:8px}
.pagecode a:hover{color:#fff;background-color:#01cf78;border:1px solid #01cf78}
.pagecode a.current,.pagecode a.current:hover{color:#fff;background-color:#01cf78;border:1px solid #01cf78}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef;border:1px solid #e6e6e6;cursor:default}