/*banner*/
.banner{ width:100%;height:auto;overflow:hidden;position:relative;}
.banner .hd{background: url("../images/banner_cover.png") center no-repeat;height:76px;width:100%;overflow:hidden; position:absolute;bottom:0;z-index:1;;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left;position: absolute;left:50%;top:30px;margin-left: -80px;}
.banner .hd ul li{ float:left; margin-right:7px;width:34px; height:7px;background:#e1e1e1; cursor:pointer; }
.banner .hd ul li.on{ background:#efd20c;}
.banner .bd{ position:relative;height:570px; z-index:0;overflow: hidden}
.banner .bd li{ zoom:1; vertical-align:middle;width:100%;height:570px;}
.banner .bd li a{display:block;width:100%;height:100%;}
.banner .bd img{display:block;margin:0 auto;}


/*?¡è??*/
.work_box{height: auto;overflow: hidden;}
.work_box .work{width: 230px;height: 230px;float: left;margin-right: 60px;position: relative;}
.work_box .work h2{font-size: 17px;font-weight: bold;color: #fff;text-align: center;position: absolute;top:100px;left:30%;width: 230px;margin-left: -69px;}
.work_box .work.work1{background: url("../images/work1.png") center no-repeat}
.work_box .work.work2{background: url("../images/work2.png") center no-repeat}
.work_box .work.work3{background: url("../images/work3.png") center no-repeat}
.work_box .work.work4{background: url("../images/work4.png") center no-repeat;margin-right: 0px;}
.work_box .work .work_hover{opacity: 0;filter:Alpha(opacity=0);width: 100%;height: 100%;position: relative;z-index: 2;}
.work_box .work:hover .work_hover{width: 230px;height: 230px;background: url("../images/work_hover.png") center no-repeat;opacity: 1;filter:Alpha(opacity=100);transition: all 0.5s ease 0s;}
.work_box .work_hover a{display: inline-block;width: 100%;height: 100%;}
.work_box .work_hover h3{font-size: 17px;font-weight: bold;color: #fff;text-align: center;position: relative;top:60px;}
.work_box .work_hover p.jj{color: #fff;display: inline-block;position: relative;top:80px;left:0;padding: 0 20px;text-align: center;max-height: 22px;overflow: hidden;width:83%;margin:0 auto}
.work_box .work:hover .work_hover p.btn_more{color: #fff;display: inline-block;border-radius: 2px;border: 1px solid #f3dd9f;width: 108px;height:28px;line-height: 28px;text-align: center;position: relative;top:100px;left:63px;}
.work_box .work_hover p .iconfont{position: relative;top:1px;}

/*resource*/
.resource{ background: #f4f4f4;margin-top: 40px;}
.resource .q_SuperTab{height: auto;overflow: hidden;}
.resource .q_SuperTab .q_position{height:auto;overflow: hidden;position: relative;background: #fff;border-top: 3px solid #f4f4f4}
.resource .q_SuperTab .hd{height:auto;overflow: hidden;padding: 25px 0 6px;}
.resource .q_SuperTab .hd li{float:left;display: inline;color: #333;height:70px; width:220px;margin-left: 110px;text-align: center;vertical-align: middle;cursor: pointer;position: relative;}
.resource .q_SuperTab .hd h2{ font-size:16px; font-weight: bold}
.resource .q_SuperTab .hd span{ width: 20px; height: 2px; display: block; background: #666; margin:10px auto 12px;  }
.resource .q_SuperTab .hd p{ font-size:12px; color: #a2a2a2;}
.resource .q_SuperTab .hd li.on h2{color: #055ea9;}
.resource .q_SuperTab .hd li.on span{ background: #055ea9; }
.resource .q_SuperTab .hd li:hover h2{color: #055ea9;}
.resource .q_SuperTab .hd li:hover span{ background: #055ea9; }
.resource .q_SuperTab .bd{height: auto;overflow: hidden;}
.resource .q_SuperTab .bd .bd_tab{height: 310px;overflow: hidden;padding: 40px 0}
.resource .q_SuperTab .bd .bd_tab .resource_img{width: 525px;float: left}
.resource .q_SuperTab .bd .bd_tab .resource_text{width: 540px;float: right;color: #666666;margin-top: 50px;}
.resource .q_SuperTab .bd .bd_tab .resource_text p{margin-bottom: 10px;line-height:22px;}
.resource .q_SuperTab .bd .bd_tab .resource_text .btn_more{background: #055ea9;color: #fff;border-radius: 17px;display: inline-block;padding: 7px 35px;}
.resource .q_SuperTab .bd .bd_tab .resource_text .btn_more .iconfont{font-size: 10px;position: relative;top:-1px;}
/* resource  end*/


/*news*/
.news{height: auto;overflow: hidden;padding-bottom: 30px;}
.news .news_title{height: 25px;overflow: hidden;position: relative;padding-top:45px; }
.news .news_title .line{height: 1px;border-bottom: 1px solid #f1f1f1}
.news .news_title h2{font-size: 24px;position: absolute;top:30px;left:450px;text-align: center;background: #fff;width: 200px;}
.news .news_list_index {height: auto;overflow: hidden;}
.news .news_list_index li {float: left;width: 530px;height: 75px;padding-bottom: 20px;border-bottom: 1px dashed #e7e7e7;margin-right: 30px;margin-top: 20px;}
.news .news_list_index .news_list_img {float: left;width:120px;height: 80px; }
.news .news_list_index .news_list_img img{width:120px;height: 80px; }
.news .news_list_index .news_list_txt {float: left;width:290px;margin-left: 15px; }
.news .news_list_index .news_list_txt h3 {font-size: 15px;font-weight: bold;color: #585858;margin: 10px 0;max-height: 17px;}
.news .news_list_index .news_list_txt p {font-size: 13px;color: #666;max-height: 40px;overflow:hidden;line-height:20px;}
.news .news_list_index .news_list_date {float: right;width:65px;color: #cccccc;font-size: 18px;position: relative;top:12px;}
.news .news_list_index .news_list_date .yue{text-align: right;position: relative;top:-10px;}
.news .news_list_index .news_list_date .ri{font-size: 30px;color: #565656;}
.news .news_list_index li a:hover h3{color: #055ea9}