.head{ width:1200px;margin:0 auto 20px; overflow: hidden;   padding: 0 0 1px 0 }
.head .logo{ float: left; margin-top: 20px; }
.head .logo img{ width:140px;}
.head .h_c{ float:left; margin:30px 0 0 20px}
.head tel{ float: right;
    background: url(../images/h_tel.gif) no-repeat left;
    padding-left: 50px;
    margin-top:20px; }
   .head tel p {
    font: 30px/36px "Microsoft Yahei";
    color: #0F8036;
    font-weight: bold;
}





.active{background:  #2099EC; color: #fff }


/*offer_search*/
#offer{ position: relative; margin-top: 15px; overflow: hidden;  font-size: 14px;}
.offer_search{ position: absolute; margin-left: 210px;}
.offer_search select{ width: 200px;  text-align: center;text-align-last: center; height: 40px; border: #beb9b9  1px solid; }
.offer_search input{   width: 680px; padding-left: 10px; height: 40px;border: #beb9b9  1px solid;}
.offer_search button{   background:#029CD8 ; width: 100px;height: 40px; border: none; color: #fff;}
/*offer*/
.offer_left{ float: left; width: 200px; }
.offer_right{ float: right; width: 1000px;  padding-left:10px; margin-top: 50px;}
.offer-title .offer-item{ display: block; height: 52px; line-height: 52px; background: #f2f2f2; text-align: center; color: #000; font-size: 16px;}
.offer-title a:hover{ background: #029CD8; color: #fff;}
.offer-title .offer-item-cur{background: #029CD8; color: #fff;}
.offer-list h2{ overflow: hidden; font-size: 16px;  width: 100%; line-height: 42px; padding: 0 0 0 20px;}
.offer-list h2 img{ float: left; width: 30px; margin-top: 5px;}
.offer-list h2 span{ float: left;}
.offer-list h3{ font-size: 16px; width: 100%; background: #019DDA; color: #fff; line-height: 42px; padding: 0 0 0 20px;}
.offer-list{ margin-bottom: 20px;}
.offer-list-h{ background: #dcdcdc; overflow: hidden;border: #bebebe 1px solid; border-right:none ;}
.offer-list-h  span{ float: left; width:12.5% ; text-align: center; line-height: 40px;  border-right: #bebebe 1px solid;  }
.offer-list-h  span i{ font-style: normal; line-height: 20px;}
.offer-list-m{ overflow: hidden;border-left: #bebebe 1px solid;border-bottom: #bebebe 1px solid;}
.offer-list-m  span{ float: left; width:12.5% ; text-align: center; line-height: 40px; border-right: #bebebe 1px solid;  }
/*offer_detail*/
#offer_detail{ padding-top: 10px;}
.site{ width: 100%; border: 1px solid #dedede; background: #F5F5F5 ; height: 40px; line-height: 40px; padding-left: 10px;}
.site a{ color: #000000;}
.offer_detail{ margin-top: 10px; border: 1px solid #dedede; width: 100%;overflow: hidden;}
.offer_l{border-right: 1px solid #dedede; width: 800px;  padding:0 3% 0 3%; float: left; font-size: 14px;}
.offer_l h2{ text-align: center; font-size: 16px; line-height: 40px;}
.offer-list2{  margin: 20px auto;}
.offer-list2 .offer-list-h{ background: #199ED8; overflow: hidden;border: #bebebe 1px solid; border-right:none ; color: #fff;}
.offer-list2 .offer-list-h  span{ float: left; width:20% ; text-align: center; line-height: 40px;  border-right: #bebebe 1px solid;  }
.offer-list2 .offer-list-h  span i{ font-style: normal; line-height: 20px;}
.offer-list2 .offer-list-m{ overflow: hidden;border-left: #bebebe 1px solid;border-bottom: #bebebe 1px solid;}
.offer-list2 .offer-list-m  span{ float: left; width:20% ; text-align: center; line-height: 40px; border-right: #bebebe 1px solid;  }
.city{ overflow: hidden;  margin: 0 auto; border-bottom: #bebebe 1px dashed; padding-top: 5px;}
.city li{  text-align: left; float: left; line-height: 40px; }
.city li:nth-child(1){width:70%;}
.city li:nth-child(3){width: 70%;}
.city li:nth-child(2){width: 30%;}
.city li:nth-child(4){width: 30%;}
.distribution{ padding-top: 10px;}
.distribution li{ line-height: 30px;}
.offer_l a{ width: 120px; margin: 10px auto; display: block; line-height: 36px; text-align: center; color: #fff; background: #029CD8; border-radius: 5px;}
/*describe*/
.describe{border: #bebebe 1px solid; width: 100%; margin: 10px 0 0 0; font-size: 14px;}
.describe h3{width: 100%; border-bottom: 1px solid #dedede; background: #F5F5F5 ; height: 40px; line-height: 40px; padding: 0 10px;}
.describe h3  span{ background: #019DDA; width: 120px; text-align: center; display: block;  color: #fff; font-size: 16px;}
.describe p{ padding: 10px; line-height: 26px; text-indent: 2em;}
.offer_r{ float: left; padding: 20px; width: 360px; font-size: 14px;}
.offer_r h3{ width: 100%; display: block; text-align: center; font-size: 18px;}
.offer_r span{ line-height: 30px; margin: 10px 0; width: 100%; display: block;}
.offer_r .wx{ text-align: center;}
.offer_r .wx img{ display: block; margin: 0 auto; width: 120px;}
.offer_r{ display: block;  line-height: 38px;}
/*news*/
.news{ overflow: hidden; margin: 10px 0; font-size: 14px;}
.knowledge{ width: 590px; float: left;border: #bebebe 1px solid;}
.questions{width: 590px; float: left; margin-left:20px ;border: #bebebe 1px solid;}
.questions h3,.knowledge h3{width: 100%; border-bottom: 1px solid #dedede; background: #F5F5F5 ; height: 40px; line-height: 40px; padding: 0 10px;}
.questions h3 a,.knowledge h3  a{ font-weight: 100; float: right; font-size: 14px; color: #000;}
.questions h3 span,.knowledge h3  span{ background: #019DDA; width: 120px; text-align: center; display: block;  color: #fff; font-size: 16px;}
.news_list { padding: 5px 0;}
.news_list li{ width: 100%; line-height: 36px; padding: 0 10px;}
.news_list li a{ color: #000;}
.news_list li a span{ float: right; color: #999999;}