/* CSS Document */
.index_bg{width: 100%; min-width: 1024px; min-height: 780px; background:url(../images/bg.jpg) center;}
.index_left{  width:560px; float: left; }
.index_right{ width:625px; float: right;}

/* 本例子css */
.focusBox { position: relative; width: 465px; height: 250px; float: right;overflow: hidden; text-align: left; background: white; }
.focusBox .bd{}
.focusBox .bd .pic img { width: 465px; height: 250px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }

.focusBox .hd{  position: absolute; right:10px; top:0; overflow:hidden;  height:250px; padding-top:60px;}
.focusBox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.focusBox .hd ul li{  width:7px; height:7px; border: 1px solid #FFFFFF; border-radius: 5px; overflow:hidden; margin-top:10px; text-indent:-999px; cursor:pointer; }
.focusBox .hd ul li.on{ background: #1c8743; border: 1px solid #1c8743; }

/*观点*/
.i_view{ width: 530px; height:290px;padding: 15px; margin-top: 10px; background: #FFF;}


/*新闻动态*/
.i_news{ width: 435px; height:140px;padding: 15px; margin-top: 10px; background: #FFF; float:right;}
.i_news_title{ height: 40px; padding-bottom: 20px; border-bottom: 2px solid #969696;}
.i_news_title span{ display: block; width: 80px; height: 40px; float: left; font-size: 16px; line-height: 40px; text-align: center; color: #FFF; background: #1c8743;}
.i_news_title a{ float:right; line-height: 40px; color: #666666;}

.i_news_list{ margin-top: 0px;}
.i_news_list li{height: 46px; padding-left: 30px; font-size: 14px; color: #333;  line-height: 46px; background: url(../images/i_news_list.png) no-repeat left center;}

.i_service{ width: 145px; float: left;}
.i_service_list{ width: 145px; height: 100px; margin-bottom: 10px;}
.i_service_list a{ display: block; padding: 15px 0px; line-height: 35px; color: #fff; text-align: center;}
.i_service_list a img{  width: 42px; height: 42px;}

.i_about{width:520px; height: 290px; padding: 15px 20px;background: url(../images/bg_about.jpg) center; border-radius: 10px; color: #333;}
.i_about_title{ height: 40px; line-height: 40PX; font-size: 16px; padding-bottom: 0px; border-bottom: 1px solid #969696;}
.i_about_title a{ float:right; color: #333; text-align: right;}
.i_about_info p{ line-height: 24px; color: #555;}
.i_about_info p img{ width: 200px;}
.i_about_info h2{ font-weight: bold; text-align: center; font-size: 24px; line-height: 40px;}
.i_about_info h4{ text-align: center; margin-bottom: 5px; font-size: 18px; line-height: 36px;}

.i_prove{ width:465px; height: 430px; float:right; background: url(../images/bg_service.jpg) center; border-radius: 10px;}


/* 本例子css */
.sideMenu{  padding: 30px; }
.sideMenu h3{ font-size: 16px;color: #FFF; height:45px; line-height:44px; padding-left:20px;  cursor:pointer; border-bottom: 1px solid #3176BD; background: url(../images/dot_list.png) no-repeat left center; }
.sideMenu h3 a{ color: #FFF;}
.sideMenu div{ height: 220px;  padding:8px 20px; overflow: hidden;color:#fff; display:none; /* 默认都隐藏 */ }
.sideMenu div p{ line-height: 24px;}

.i_contact{ width:465px; height: 100px; float: right; margin-bottom: 10px; background: #57a92d;}
.i_contact a{ display: block; width:465px; height: 100px;font-size: 20px;text-align: center; line-height: 100px; color: #fff;}

.i_friendlink{ width: 625px; height: 100px; background: #FFF;  overflow:hidden; position:relative; }
.i_friendlink dt{width: 85px; height: 100px; float: left;line-height: 100px; text-align: center;}
/*.i_friendlink dl{width: 540px; height: 100px; float: left;}
.i_friendlink dd{width: 125px; height: 100px; padding-left: 5px; padding-right: 5px; float: left;}
.i_friendlink dd img{ width: 125px; height: 100px;}*/


.i_link{   overflow:hidden; position:relative;  }
.i_friendlink .bd{ width:540px; float: left;   }
.i_friendlink .bd ul{ overflow:hidden; zoom:1; }
.i_friendlink .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.i_friendlink .bd ul li img{ width:120px; height:100px; display:block; }



.foot{ width:1200px; height: 50px; margin: 20px auto; color: #666666;}
.foot a{color: #666666;}
.foot a:hover{ color: #093D8D;}

@media screen  and (max-width: 1400px){/*小于1400的屏幕显示*/
	.index_left{ width: 460px;}
	.index_right{ width:525px;}

	.focusBox{width: 385px; }
	.focusBox .bd .pic img { width: 460px;}
	
	.i_news{ width: 355px;}
	.i_news_list li{ overflow: hidden;}
	
	.i_service{ width: 125px;}
	.i_service_list{ width: 125px;}
	
	.i_prove{ width:385px;}
	
	.i_about{ width:420px;}
	.i_about_info p img{ width: 160px;}
	.i_about_info h2{ font-size: 20px; line-height: 40px;}
	.i_about_info h4{ font-size: 16px; line-height: 20px;}
	
	.i_view{ width: 430px;}
	.i_contact{width:385px;}
	.i_contact a{width:385px;}
	
	.i_friendlink{ width: 525px;}
/*	.i_friendlink dl{width: 440px;}
	.i_friendlink dd{width: 100px; margin-top: 12px;}
	.i_friendlink dd img{ width: 100px; height: 80px;}*/
	.i_friendlink .bd{ width:440px;}
	.i_friendlink .bd ul li{ margin:5px; }
	.i_friendlink .bd ul li img{ width:100px; height:80px;}
	.foot{ width: 1000px;}
}