/*introduce ui css*/
.clear_fixed:after{display:block; content:""; clear:both;}
#sub_content .introduce{padding:15px;}
#sub_content .introduce h3{margin-top:30px; text-align:center; font-size:24px; font-weight:bold; color:#0196c1;}
.introduce .greeting{margin:45px 0; padding:22px; width:740px; height:483px; border:1px solid #ccc; background:url(/env-health/images/introduce/greeting_bg.jpg) left top no-repeat;}
.introduce .greeting p{margin:16px 0; width:450px; color:#222; font-size:13px; line-height:19px; text-align:justify;}
.introduce .greeting p.first{ font-size:14px; font-weight:bold;}
.greeting_img .greeting_img_list li{float:left; margin-left:10px; overflow:hidden; width:240px; height:250px; border:1px solid #ccc; }
.greeting_img .greeting_img_list li.first{margin-left:0;}
.greeting_img .greeting_img_list li img{transition:all 0.4s;}
.greeting_img .greeting_img_list li:hover img{transform:scale(1.1);}

/*purpose ui css*/
.introduce .purpose{margin:45px 0; font-size:14px;}
.introduce .purpose_list li{float:left; margin-left:10px; width:240px; overflow:hidden;}
.introduce .purpose_list li.li_nth1{margin-left:0;}
.introduce .purpose_list li .img_box{display:block; text-align:center; width:240px;}
.introduce .purpose_list li .text{padding:20px; line-height:22px; font-size:14px;}
.introduce .purpose_list li .text span{display:inline-block; margin-bottom:20px; text-align:justify;}
.introduce .purpose_list li .text span strong{font-size:15px; color:#0c83d5;}
.introduce .purpose_list li.li_nth2{margin-top:100px;}
.introduce .purpose_list li.li_nth3{margin-top:30px;}

/*history ui css*/
.introduce .history{margin:45px 0; font-size:14px;}
.history .year_box{padding:30px; width:688px; height:100%; border-top:1px solid #ccc;}
.history .year_box .year{float:left; margin-right:100px;}
.history .year_box .year span{font-size:30px; color:#0c83d5; font-weight:bold;}
.history .year_box .history_list{float:left; vertical-align:middle;}
.history .year_box .history_list li{margin-bottom:10px;}
.history .year_box .history_list li span.month{padding-top:5px; font-size:20px; margin-right:50px; color:#ff911b;}

/*chart ui css*/
.introduce .chart{margin:45px 0; width:776px; font-size:14px;}
.chart .chart_table{width:100%; text-align:center; border-collapse:collapse;}
.chart .chart_table th{font-weight:bold; background:#f7f7f7; border-top:2px solid #999;}
.chart .chart_table tr, th, td{padding:15px 4px; border:1px solid #ccc; vertical-align:middle; font-size:14px;}
.chart .chart_table td{line-height:22px;}

/*sitemap ui css*/
.introduce .sitemap{margin:45px 0; font-size:14px;}
.sitemap .sitemap_list{float:left; margin-left:20px; margin-bottom:20px; padding:10px; width:220px; height:370px; border:1px solid #ccc;}
.sitemap .sitemap_list h4{display:block; margin-bottom:20px; padding:10px 20px; text-align:center; color:#fff; background:#11b2e1;}
.sitemap .sitemap_list .list{margin-left:10px;}
.sitemap .sitemap_list .list li{margin:10px 0; padding-left:14px; padding-bottom:10px; font-size:14px; background:url(/env-health/images/common/star.gif) left 4px no-repeat; border-bottom:1px solid #ccc;}

/*map ui css*/
.introduce .map{margin:30px 0;}

/*personal*/
.personal{font-size:14px;}
.personal > p{margin:14px 0;}
.personal > h4{font-size:16px; font-weight:500;}
.personal_list{margin-left:14px;}
.personal_list li{margin:10px 0;}