@charset "utf-8";
.clear100{ clear:both; overflow:hidden; height:100px;}
body{ background: url(../images/hbdc-banner.jpg) no-repeat center top #f4fefd;}
.TrfBody{ background: url(../images/imgbkdi.png) no-repeat center bottom;}
.TrfBanner{ height: 400px; clear: both; display: block;}
.TrfContent{ padding: 35px 35px 35px 320px; width: 1400px; margin: 0 auto; position: relative; }

.TrfHeadlines{ height:auto; background-color: #f2f9fb; position: relative; padding: 20px; border-radius: 5px; }
.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;}

.meili-left{ width: 300px; position: absolute; left: 0px; top: 35px; bottom: 35px; background-color: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0px 2px 20px rgba(12,63,133,0.1);}
.lm_con ul li{ height: 75px; line-height: 75px; display: block; font-size: 24px; border-bottom: 1px solid #d3dddb;}
.lm_con ul li a{ color: #4e6965; height: 75px; display: block; text-align: center;}
.lm_con ul li a:hover,.meili-left ul li.selected a{ background-color:#3bb4a2; color: #fff;}
.lm_tit {display:none;}


.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; background-color: #FFFFFF; border-radius: 5px; box-shadow: 0px 2px 20px rgba(12,63,133,0.1);}
.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;border: 1px solid #95cfd0;border-radius: 5px;background-color: #f4fefd;margin: 20px;}
.diaoch-daodu h2{ font-size: 20px; font-weight: bold;}
.diaoch-daodu p{ font-size: 18px; line-height: 40px; text-align: justify; color: #1d1d1d;  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;}


.chuzhang-luntan-list ul{ margin: 25px 45px 25px 45px;}
.chuzhang-luntan-list ul li{ border-bottom:#eef9f9 3px solid;  color:#247268; padding:15px 0; }
.chuzhang-luntan-list ul li,.chuzhang-luntan-list ul li a:link,.chuzhang-luntan-list ul li a:visited,.chuzhang-luntan-list ul li a:hover{color:#247268;}
.chuzhang-luntan-list ul li b{ font-size:24px; font-weight: bold; display:block; margin-bottom:10px;background:url(../images/dot.png) 0px 10px no-repeat; margin-left:-22px; padding-left:22px; line-height:120%;}
.chuzhang-luntan-list ul li p{ font-size:18px; line-height:160%; color: #616867;}
.chuzhang-luntan-list ul li:last-child{ border-bottom:none;}
.chuzhang-luntan-list ul li:hover{-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase; background: linear-gradient(to top,#f9f9f9,#f5f5f5);}

/*频道*/
.topHead{height:420px;}
.zhuye_box{width: 1300px;margin-right: auto;margin-left: auto;background-color: #fff;display: block; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);border-radius: 4px;}
.Subcolumn {background-color: #fff;display: block; padding:20px;min-height:500px;}
.location{line-height: 71px;height: 71px;border-bottom: 1px solid #dedede;color: #fff; position: relative;}
.location-right{ float:right; height: 70px;color: #333; font-size:16px; padding-right: 20px;}
.location-right i{ width: 30px; height: 70px; display: block; float: left; background-image: url(../images/dw_icon.png); background-position: left center; background-repeat: no-repeat;}
.location-right span{ padding: 0 5px; color: #333;}
.location-right-l{ height: 70px; padding: 0px 20px; color: #333; background-color: #f7f8fa; overflow: hidden;}
.location-right-l i{ width: 30px; height: 70px; display: block; float: left; background-image: url(../images/dw_icon.png); background-position: left center; background-repeat: no-repeat;}
.location-right-l span{ padding: 0 5px;}
.location-left {height:70px; padding: 0 15px; float: left;font-size:24px;font-weight:bold;color:#197eac; text-align: center; border-bottom: 1px solid #197eac; }
.location-left span{ display:block; }
/*list 开始*/
.p_list{ padding:20px 10px 10px 10px; min-height:600px;}
.pson_list{ padding:20px 10px 10px 20px; }

.czxxList1{height:120px; min-height:0px;}
.czxxList2{height:700px; min-height:0px;}
.p_list ul li {color: #333;text-decoration: none;clear: both;display: block;background-image: url(../images/dian_icon.png);background-repeat: no-repeat;background-position:left center;padding-left: 30px;height: 45px;line-height: 45px;font-size: 18px;}
.p_list ul li:hover{ background-image: url(../images/dian_icon.png);}
.p_list ul li a {color: #333;text-decoration: none;float: left;}
.p_list ul li a:hover {color: #3882dd;text-decoration: underline;}
.p_list ul li.Line{ height: 55px; margin-bottom: 10px; border-bottom: 1px solid #d1d1d1;}

/*内容页 start*/
.p_nei {text-align: left;font-size: 18px;line-height: 36px;min-height:640px; padding:40px; position: relative;}
.p_nei h1 {font-size: 28px;font-weight: bold;color: #333;line-height:1.5em;padding-top: 10px;padding-right: 20px;padding-bottom: 10px;text-align:center;padding-left: 20px;}
.p_nei h4 {padding-top: 10px;font-size: 13px;line-height:1.5em;color: #666;font-weight: normal;text-align: center;border-bottom-width: 1px;border-bottom-style: dashed;border-bottom-color: #D6D6D6;margin-bottom: 30px;padding-bottom: 20px;}
.p_nei h2.reply {font-size: 15px;text-align: center;padding: 10px 0px;font-weight: bold;color: #666;}

.p_nei h4 span{padding:0px 10px;}
.p_nei h4 span.fontSize{ font-size:14px; color:#666;}
.p_nei h4 span.fontSize span{ cursor:pointer;}
.p_nei img{ max-width:800px; }
/*内容页结束*/



