@charset "utf-8";
.clear100{ clear:both; overflow:hidden; height:100px;}
body{ background: url(../images/hbdc-banner.jpg) no-repeat center top #e8f6ff;}
.TrfBody{ background: url(../images/imgbkdi.png) no-repeat center bottom;}
.TrfBanner{ height: 420px; clear: both; display: block;}
.TrfContent{ padding: 35px; width: 1300px; margin: 0 auto; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0px 2px 8px rgba(12,63,133,0.1);}
.TrfHeadlines{ height:auto; background-color: #f2f9fb; position: relative; padding: 20px; border-radius: 10px;}
.daotu{ position: absolute; left: 30px; top:30px;  width:430px; height: 300px; background: url(../images/daotu.jpg) no-repeat center center; z-index: 1;}
.jianjie-body{ line-height: 36px; font-size: 16px; text-align: left;  padding: 20px 20px 20px 480px;}
.jianjie-body p{ text-indent: 2em; font-size: 18px;}
.TrfImg1{ position: absolute; left: -12px; top:6px;  width: 158px; height: 81px; background: url(../images/img1.png) no-repeat left center;  z-index: 10;}

.TrfImgflash{ width: 591px; height: 376px; float: left;}
.TrfImgflash img{ width: 100%; height: 376px;}
.TrfNews{ width: 45%; height: 376px; float: right;}
.TrfNews ul li{ height: 42px; line-height: 42px; font-size: 18px;}
.TrfNews ul li a{ color: #666; background: url(../images/dian1.png) no-repeat left center; padding-left: 30px; height: 42px; display: block; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:1;-webkit-box-orient:vertical;}
.TrfNews ul li a:hover{ background: url(../images/dian2.png) no-repeat left center; color: #00a281; }

.TrfItem{ clear: both;}
.TrfItemTitle{ height: 77px; line-height: 77px; font-size: 30px; font-weight: bold; text-align: center; color: #108a99; border-bottom: 1px solid #108a99; background: url(../images/img2.png) no-repeat center bottom; position: relative;}
.TrfItemTitle a{color: #108a99;}
.TrfItemTitle a.trfMore{ width: 160px; height: 75px; line-height: 90px;  text-align: right; font-size: 15px; font-weight: normal; color: #a4a4a4;  position: absolute; right: 0px;}

.TrfList{ padding-top: 30px;}
.TrfList ul li{ clear: both; height: 40px; line-height: 40px; font-size: 18px; color: #666;}
.TrfList ul li a{ color: #666; background: url(../images/dian1.png) no-repeat left center; padding-left: 30px; height: 40px; width: 87%;  float: left; display: block; display:-webkit-box; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; -webkit-line-clamp:1;-webkit-box-orient:vertical;}
.TrfList ul li a:hover{ background: url(../images/dian2.png) no-repeat left center; color: #00a281; }

.hb-diaocha-box{ padding: 20px;}
.hb-diaocha-box h1{ font-size: 30px; height: 60px; line-height: 60px; text-align: center; font-weight: bold; color: #299581; text-shadow: 2px 5px 8px rgba(12,63,133,0.24);}
.diaoch-daodu{ padding: 20px; font-size: 18px; line-height: 40px; text-align: center; color: #1d1d1d; text-align: left;}
.diaoch-daodu h2{ font-size: 20px; font-weight: bold;}
.diaoch-daodu p{ font-size: 18px; line-height: 40px; color: #1d1d1d; text-align: justify; text-indent: 2em;}
.ewm{ width: 200px; margin: 0 auto;}
.diaochaBtn{padding: 20px; text-align: center;}
.diaochaBtn a{ padding: 15px 25px; line-height: 50px; text-align: center; font-size: 22px; font-weight: bold; color: #fff; background-color: #00a281; border-radius: 5px; margin: 0 auto;}
.email{ color: #00a281; font-weight: 800;}