body{background-color: #fff;min-width: 1200px;}
.main{width: 1180px;padding: 0 10px;margin:20px auto 0;}
.dot1 li{padding-left: 15px;background: url(../../../images/index/dot.png) 0 4px no-repeat;}
.dot2 li{padding-left: 15px;background: url(../../../images/index/dot.png) 0 -42px no-repeat;}
a:hover{text-decoration: none;}
.txt:hover,a.txt:hover{color: #ff5500;}
.area2,.area3,.area4,.area5,.area6,.area7,.area8{margin-bottom:35px;}
i{font-style: normal;}

/*topArea*/
.topArea{width: 100%;padding: 20px 0;border-bottom: 1px solid #ddd;}
.topArea-cont{width: 1180px;height: 77px;margin: 0 auto;padding: 0 10px;}
.topArea h1,.topArea ul{float: left;}
.topArea h1{font-size: 0;padding-right: 35px;}
.topArea h1 a{display: block;width: 218px;height: 64px;background: url(../../../images/index/topArea_logo.png) 0 0 no-repeat;}
.topArea ul{padding: 0 18px;width: 270px;height: 77px;border-left: 1px dotted #ddd;}
.topArea li{height: 22px;width: 270px;overflow: hidden;margin-bottom: 7px;}
.topArea ul h3,.topArea ul span{float: left;}
.topArea ul h3{font-size: 16px;font-weight: bold;}
.topArea ul h3 a,.topArea ul span a{
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari 和 Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.topArea ul h3 a{color: #333;padding: 0 5px;height: 22px;line-height: 22px;}
.topArea ul span{margin-top: 3px;}
.topArea ul span a{font-size: 13px;color: #666;padding: 0 5px;height: 18px;line-height: 18px;float: left;}
.topArea ul h3 a:hover,.topArea ul span a:hover{background-color: #ff5500;color: #fff;}
/*main*/
.main img:hover{ opacity:0.9;filter(alpha=90)}
/*area1*/
.area1{ border:1px solid #ececec; margin-bottom:50px;}
.area1 ul{ margin:20px 20px 0 6px;}
.area1 li{ float:left; width:178px; background:url(/Public/images/mane/arc03.jpg) no-repeat left top; margin:0 0 20px 14px;}
.area1 li img{ display:block; width:176px; height:134px;}
.area1 li p{ width:178px; color:#333; font-size:14px; line-height:15px; height:15px; overflow:hidden; text-align:center; margin-top:11px;}
.area1 li p:hover{ color:#ff5a00;}
/*area2*/
.area2_l{ float:left; width:300px; margin-right:40px; overflow:hidden;}
.area2_l h4{ color:#4f5361; font-size:20px; padding-left:8px; border-left:5px solid #ff9500; overflow:hidden; margin-bottom:10px; line-height:22px;}
.area2_l dl{ overflow:hidden; padding:20px 0; border-bottom:1px solid #ececec; border-top:1px solid #ececec; margin:0 0 0 -36px;}
.area2_l dl img{ display:block; width:130px; height:100px;}
.area2_l dl p{ width:132px; text-align:center; color:#333; font-size:14px; line-height:15px; height:15px; overflow:hidden; margin:11px 0 1px;}
.area2_l dl p:hover{ color:#ff5a00;}
.area2_l dt{ float:left; width:132px; background:url(/Public/images/mane/arc04.jpg) no-repeat left top; margin-left:36px;}
.area2_l dd{ float:right; width:132px; background:url(/Public/images/mane/arc04.jpg) no-repeat left top;}
.area2_l ul{ margin-top:7px;}
.area2_l ul li{ overflow:hidden; margin-top:14px;}
.area2_l li a{ display:block; float:left; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; padding-left:12px; background:url(/Public/images/mane/arc02.jpg) no-repeat left center; width:240px;}
.area2_l li a:hover{ color:#ff5a00;}
.area2_l li span{ display:block; float:right; color:#999; font-size:14px; font-family:"Arial"; line-height:17px; height:17px; overflow:hidden;}

.area2_c{ float:left; width:540px;}
.area2_c h2{ background:url(/Public/images/mane/arc01.jpg) no-repeat left top; text-indent:-9999px; height:51px; overflow:hidden;}
.area2_c h2 .more{ margin:11px 10px 0 0;}
.area2_c .center{ overflow:hidden; margin:20px 0 11px 0;}
.area2_c .center li{ float:left; width:270px; margin-bottom:14px;}
.area2_c .center li a{ padding-left:12px; background:url(/Public/images/mane/arc02.jpg) no-repeat left center; display:block; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; width:250px;}
.area2_c .center li a:hover{ color:#ff5a00;}
.area2_c .bottom{ overflow:hidden; margin:0 0 0 -6px; padding-top:22px; border-top:1px solid #ececec;}
.area2_c .bottom li{ float:left; width:130px; height:100px; margin:0 0 20px 6px;}
.area2_c .bottom a{ display:block; width:130px; height:100px; position:relative;}
.area2_c .bottom a img{ display:block; width:130px; height:100px;}
.area2_c .bottom p{ position:absolute; bottom:0; left:0; background:url(/Public/images/mane/arc05.png) repeat; z-index:1; height:26px; line-height:26px; width:114px; overflow:hidden; padding:0 8px; color:#fff; font-size:14px;}

.area2_r{ float:right; width:260px;}
.area2_r h4{ color:#4f5361; font-size:20px; padding-left:8px; border-left:5px solid #ff9500; overflow:hidden; margin-bottom:10px; line-height:22px;}
.area2_r ul{ padding-top:5px; border-top:1px solid #ececec;}
.area2_r li{ overflow:hidden; padding:11px 0 14px; border-bottom:1px solid #ececec;}
.area2_r li span{ display:block; float:left; width:19px; text-align:center; height:19px; line-height:19px; background-color:#4b9afa; color:#fff; font-size:14px; margin-right:10px;}
.area2_r li p{ display:block; float:left; height:19px; line-height:19px; overflow:hidden;}
.area2_r li p a{ display:block; height:19px; line-height:19px; font-size:14px; color:#969696;}
.area2_r li p a:hover{ color:#ff5a00;}
.area2_r li h5{ display:block; float:right; height:19px; line-height:19px; overflow:hidden; width:175px;}
.area2_r li h5 a{ display:block; height:19px; line-height:19px; font-size:14px; color:#333;}
.area2_r li h5 a:hover{ color:#ff5a00;}
/*area3*/
.main .more{ float:right; width:22px; height:22px; background:url(/Public/images/mane/more.png) no-repeat; background-position:0 -124px; cursor:pointer;}
.main .more:hover{ background-position:0 -186px;}
.main  .bg{ background-color:#ff5a00!important;}
.main .left{ float:left; width:880px;}
.main .left h3{ color:#e54d00; font-size:22px; line-height:23px; font-weight:bold; overflow:hidden; padding-bottom:13px; border-bottom:2px solid #e54d00;}
.left .left_t{ overflow:hidden; margin:20px 0 0 -17px;}
.left .left_t li{ float:left; width:132px; background:url(/Public/images/mane/arc04.jpg) no-repeat left top; margin:0 0 20px 17px;}
.left .left_t li img{ display:block; width:130px; height:100px;}
.left .left_t li p{ width:132px; color:#333; font-size:14px; line-height:15px; height:15px; overflow:hidden; text-align:center; margin-top:11px;}
.left .left_t li p:hover{ color:#ff5a00;}
.left .left_b{ overflow:hidden; padding-top:27px; border-top:1px solid #ececec;}
.left .left_b li{ float:left; width:290px; margin:0 3px 14px 0;}
.left .left_b li a{ display:block; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; padding-left:12px; background:url(/Public/images/mane/arc02.jpg) no-repeat left center; width:280px;}
.left .left_b li a:hover{ color:#ff5a00;}

.main .right{ float:right; width:260px;}
.main .right h4{ color:#4f5361; font-size:20px; padding-left:8px; border-left:5px solid #ff9500; overflow:hidden; margin-bottom:14px; line-height:22px;}
.main .right ul{ border-top:2px solid #e54d00; padding-top:7px;}
.main .right ul li{ padding:12px 0; border-bottom:1px solid #ececec; overflow:hidden;}
.main .right li span{ display:block; float:left; width:19px; text-align:center; height:19px; line-height:19px; background-color:#4b9afa; color:#fff; font-size:14px; margin-right:10px;}
.main .right li a{ float:left; display:block; height:19px; line-height:19px; overflow:hidden; font-size:14px; color:#333; width:230px;}
.main .right li a:hover{ color:#ff5a00;}
/*area8*/
.area8 h3{ color:#e54d00; font-size:22px; line-height:23px; font-weight:bold; overflow:hidden; padding-bottom:13px; border-bottom:2px solid #e54d00;}
.area8 ul{ overflow:hidden; margin-top:20px;}
.area8 ul li{ float:left; width:290px; margin:0 5px 15px 0;}
.area8 li a{ display:block; float:left; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; padding-left:12px; background:url(/Public/images/mane/arc02.jpg) no-repeat left center; width:275px;}
.area8 li a:hover{ color:#ff5a00;}
/*breadcrumbs*/
.main .breadcrumbs{ margin:20px 0!important; border-bottom:0!important; padding-bottom:0!important;}
/*friendLink*/
.friendLink{width: 100%;padding: 30px 0;background-color: #f9f9f9;border-top: 1px solid #ff6a00;}
.friendLink a:hover{text-decoration: underline;}
.friendLink-cont{width: 1180px;padding: 0 10px;margin: 0 auto;}
.friendLink-title{border-bottom: 1px solid #ddd;line-height: 30px;height: 30px;margin-bottom: 20px;}
.friendLink-title h2{font-size: 18px;color: #414648;float: left;border-bottom: 1px solid #858585;line-height: 30px;padding-right: 30px;}
.friendLink-link{margin-left: -20px;}
.friendLink-link a{margin: 0 0 12px 20px;float: left;color: #666;width: 135px;height: 14px;line-height: 14px;overflow: hidden;}
