@charset "gb2312";
/* CSS Document */
/*******************************第一个页面 首页***************************************/

/* 轮播 */
.box_1_1{  }

/* tab样式tab */
.box_1_1 .hd{ height:31px; border-bottom:2px solid #e5e5e5;  position:relative; }
.box_1_1 .hd span{  width: 80px; height:30px; line-height:30px; text-align: center; float: right; }
.box_1_1 .hd span a{ color: #686868; font-size: 1px; }
.box_1_1 .hd ul{ float:left; position:absolute; }
.box_1_1 .hd ul li{ float:left; padding: 0 15px; height: 31px;  text-align:center; cursor:pointer;  }
.box_1_1 .hd ul li a{ font-size:16px;  }
.box_1_1 .hd ul li.on{ border-bottom:2px solid #3399cc; background: url(2017xhx_01_navbg_01.png) no-repeat bottom center; }
.box_1_1 .hd ul li.on a{  color: #3399cc; font-weight: bold; }
.box_1_1 .bd ul{ margin: 6px auto 0; zoom:1;  }
.box_1_1 .bd li{ }
.box_1_1 .bd li a{  display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_1 .bd li a:hover { color: #014e89; }
.box_1_1 .bd li span{ float:right; color:#999; }

/*  政务动态  */
.box1_left{ float:left; width:360px; margin-right: 20px; text-align:left; }
.box1_left_1{ margin-bottom: 17px; }
.box1_left .bd ul{ margin: 6px auto 0; zoom:1;  }
.box1_left .bd li{ height: 35px; line-height: 35px; padding-left: 15px; background: url(2017css_index_dian.png) no-repeat left center; }
.box1_left .bd li a{ display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }

/*中间层*/
.box1_con{ width:400px; margin-right: 20px;  float: left; }
/*轮播*/
.slideBox{ width:400px; height:250px; margin-bottom: 20px; overflow:hidden; position:relative; }
.slideBox .shd{ height:35px; line-height: 35px; overflow:hidden; position:absolute; right: 0; bottom:0px; z-index:1; }
.slideBox .shd ul{ overflow:hidden; zoom:1; float:right; padding-right: 15px; }
.slideBox .shd ul li{  float:left; margin:12px 5px 0 0; width:9px; height:9px; font-size: 0px;  cursor:pointer; overflow:hidden; background: #fff; }
.slideBox .shd ul li.on{ background:#bf0000; }
.slideBox .sbd{ position:relative; height:100%; z-index:0;}
.slideBox .sbd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox .sbd img{ width:400px; height:250px; display:block;  }
.slideBox .sbd li p{ width:360px; height:35px; font-size:12px; line-height:35px; color:#fff;  background: url(2017css_index_lunbobg.png); position:absolute;  left:0; bottom:0; z-index: 2; display: inline-block; cursor:pointer; padding:0 20px;}
.slideBox .sbd li p a{ display:block; width:75%; height:35px;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#fff;}

/*中间层图片*/
.box_1_1 .box1_con_2 ul li{ float: left; }
/*右边bat*/
.box_1_1 .box1_right{ width: 360px; float: right; }
.box_1_1 .box1_right_1{ margin-bottom: 21px;  }
.box_1_1 .box1_right_1 .bd li{ height: 35px; line-height: 35px; padding-left: 15px; background: url(2017css_index_dian.png) no-repeat left center; }
.box_1_1 .box1_right_1 .bd li a{ display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }

/*右边向上滚动轮播图*/

.picScroll-top{  width: 360px; overflow:hidden; position:relative; }
.picScroll-title{ float: left; }
.picScroll-top .prev,.picScroll-top .next{ display:block;  width:17px; height:10px; position: absolute; left: 197px; top:5px; overflow:hidden; cursor:pointer; background:url(2017css_index_up.png); }
.picScroll-top .next{ top:187px; background:url(2017css_index_dow.png);  }
.picScroll-top .bd{ width: 303px; height: 165px; padding: 18px 0 15px; border:1px solid #ccc; border-left: none; float: right;  }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; padding-top: 2px!important; }
.picScroll-top .bd ul li{ height: 55px!important; }
.picScroll-top .bd ul li a{ width: 100%; }
.picScroll-top .bd ul li img{ width:303px; height:50px; display:block; margin-bottom: 3px; }

/*******************************第二个页面 政务公开***************************************/

.box_1_2{ width: 1160px; height: 470px; overflow: hidden; }
.box_1_2left{  width: 584px; height: 470px; float: left;  }

/*--领导之窗--*/
.ldzc{ width: 584px; height: 205px; float: left; margin-right: 20px; margin-bottom: 30px; overflow: hidden; background: #f5f5f5; }
.ldzc .ldzc_1{ width: 50px; height: 100%;  float: left; background: url(2017xhx_index2_ld.png) no-repeat; }
.ldzc .ldzc_2{ padding: 20px; height: 165px;  float: left; text-align: center;  }
.ldzc .ldzc_2 img{ width: 118px; height: 165px; }
.ldzc .ldzc_2_1{ height: 30px; line-height: 30px;  }
.ldzc .ldzc_2_1 span{ font-size: 14px; color: #386970; font-weight: bold; margin: 0 11px; }

.ldzc .ldzc_3{ width: 155px; padding:20px 10px; height: 165px; float: left; }
.ldzc .ldzc_3_1{  height: 135px; }
.ldzc .ldzc_3 h2,
.ldzc .ldzc_3 h2 a{ font-size: 16px; color: #3399cc; margin-bottom: 15px; }
.ldzc .ldzc_3_2{ width: 155px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; background: #3399cc;  }
.ldzc .ldzc_3_2:hover{ background: #3daeeb;  }
.ldzc .ldzc_3_2 a{ display: inline-block; width: 100%; height: 100%; color: #fff; }

.ldzc .ldzc_4{ width: 160px; padding: 20px 0 20px 20px; float: right; border-left: 1px dashed #c1c1c1; }
.ldzc .ldzc_4 h2{ color: #3399cc; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.ldzc .ldzc_4 ul li{ width: 50%; height: 35px; line-height: 35px; float: left;  }
.ldzc .ldzc_4 ul li a{  color: #7f7f7f;  }
.ldzc .ldzc_4 ul li:hover a{ color: #3399cc;  }

.box_1_2ydzl{ width: 584px; }
.box_1_2ydzl .box_1_2zwgk1{ width: 323px; overflow: hidden; float: left; }
.box_1_2ydzl .box_1_2zwgk1 ul li{ float: left; }

.box_1_2ydzl .box_1_2zwgk2{ width: 242px; float: right; }
.box_1_2ydzl .box_1_2zwgk2 ul li{ width: 120px; height: 56px; margin-left: 1px; margin-bottom: 1px; float: left; background: #f7fcff url("2017css_index02_zwgk01.png") no-repeat;  }
.box_1_2ydzl .box_1_2zwgk2 ul li,
.box_1_2zwgk2 ul li a{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box_1_2ydzl .box_1_2zwgk2 ul li a{ display: inline-block; text-align: center; width: 100%; height: 24px; padding-top: 32px; font-size: 14px; }
.box_1_2ydzl .box_1_2zwgk2 ul li:hover{ background: #3399cc url("2017css_index02_zwgk02.png") no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box_1_2ydzl .box_1_2zwgk2 ul li:hover a{ color: #ffffff;  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_01{ background-position: center 0!important;  }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_02{ background-position: center -56px!important; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_03{ background-position: center -112px!important; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_04{ background-position: center -168px!important; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_05{ background-position: center -224px!important; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_06{ background-position: center -280px!important; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_07{ background-position: center -336px!important; }
.box_1_2ydzl .box_1_2zwgk2 .zwgk2_08{ background-position: center -392px!important; }

.box_1_2right{ width: 555px; float: right; }
/*---tabs--*/
.box_1_2right .hd{ height:31px; border-bottom:2px solid #e5e5e5;  position:relative; }
.box_1_2right .hd span{  width: 80px; height:30px; line-height:30px; text-align: center; float: right; }
.box_1_2right .hd span a{ color: #686868; font-size: 1px; }
.box_1_2right .hd ul{ float:left; position:absolute; }
.box_1_2right .hd ul li{ float:left; padding: 0 15px; height: 31px;  text-align:center; cursor:pointer;  }
.box_1_2right .hd ul li a{ font-size:16px;  }
.box_1_2right .hd ul li.on{ border-bottom:2px solid #3399cc; background: url(2017xhx_01_navbg_01.png) no-repeat bottom center; }
.box_1_2right .hd ul li.on a{  color: #3399cc; font-weight: bold; }
.box_1_2right .bd ul{ margin: 6px auto 0; zoom:1;  }
.box_1_2right .bd li{ height: 35px; line-height: 35px; padding-left: 15px; background: url(2017css_index_dian.png) no-repeat left center; }
.box_1_2right .bd li a{ display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_2right .bd li:hover a{ color: #3399cc; }
.box_1_2right .bd li:hover span{ color: #3399cc; }
.box_1_2right .bd li span{ float:right; color:#999; }

.slideText4{ float:left;  width:555px; margin-bottom: 25px; text-align:left; }

.title{ height: 38px; line-height: 38px; margin-bottom: 15px; border-bottom: 2px solid #0068b7; background: #efefef; }
.title .more{ display: block; float: right; margin-right: 15px; width: 18px; height: 40px; line-height: 40px; background: url(2017xhx_index2_moer1.png) no-repeat right center; }
.title span{ display: block; float: left; width: 170px; height: 40px; line-height: 40px; text-align: center; background: #0068b7; }
.title span a{ width: 100%; height: 100%; font-size: 18px; color: #ffffff; }

/*-- xxgk--*/
.xxgk{ width: 495px; height: 260px;  }
.xxgk ul li{ width: 240px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; float: left; background: #c4def2; margin-bottom: 10px;  }
.xxgk ul li:hover{ background: #a1b7cb;  }
.xxgk ul li a{ display: inline-block; width: 100%; float: left; font-size: 18px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xxgk .right15{ margin-right: 15px; }

.gzbg{  width: 495px; margin-top: 5px; }
.gzbg ul{ padding-top: 10px; }
.gzbg ul li{ width: 20%; height: 110px; text-align: center; float: left;  }
.gzbg ul li img{  border-radius: 50%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all .5s ease-out;  }
.gzbg ul li:hover  img{ -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  transform: rotate(360deg); -webkit-box-shadow: 0 0 15px #0068b7; -moz-tbox-shadow:  0 0 15px #0068b7; -o-box-shadow:  0 0 15px #0068b7;  box-shadow: 0 0  15px #0068b7; }
.gzbg ul li p{ line-height: 40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gzbg ul li:hover p{ color: #528db7; }


/*******************************第三个页面 政务公开***************************************/
.box_1_3{ width: 1160px; height: 470px; overflow: hidden;  }

.box13_left{ width: 780px; margin-right: 20px; float: left; }
.box13_left .box13_left_1{ width: 780px; margin-bottom: 20px;}
.box13_left .hd{ height:31px; border-bottom:2px solid #e5e5e5;  position:relative; }
.box13_left .hd span{ height:33px; line-height:33px; text-align: center; float: right; }
.box13_left .hd span a{ color: #686868; font-size: 1px; }
.box13_left .hd ul{ float:left; position:absolute; }
.box13_left .hd ul li{ float:left; padding: 0 15px; height: 31px;  text-align:center; cursor:pointer;  }
.box13_left .hd ul li a{ font-size:16px;  }
.box13_left .hd ul li.on{ border-bottom:2px solid #3399cc; background: url(2017xhx_01_navbg_01.png) no-repeat bottom center; }
.box13_left .hd ul li.on a{  color: #3399cc; font-weight: bold; }
.box13_left .bd ul{ margin: 10px auto 0; zoom:1;  }
.box13_left .bd li{ height: 35px; line-height: 35px; padding-left: 15px; background: url(2017css_index_dian.png) no-repeat left center; }
.box13_left .bd li a{ display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box13_left .bd li:hover a{ color: #3399cc; }
.box13_left .bd li:hover span{ color: #3399cc; }
.box13_left .bd li span{ float:right; color:#999; }

.box13_right{ width: 360px; float: right; }
.box13_right .box13_right_1{ width: 360px; }
.box13_right .hd{ height:31px; border-bottom:2px solid #e5e5e5;  position:relative; }
.box13_right .hd span{ height:33px; line-height:33px; text-align: center; float: right; }
.box13_right .hd span a{ color: #686868; font-size: 1px; }
.box13_right .hd ul{ float:left; position:absolute; }
.box13_right .hd ul li{ float:left; padding: 0 15px; height: 31px;  text-align:center; cursor:pointer;  }
.box13_right .hd ul li a{ font-size:16px;  }
.box13_right .hd ul li.on{ border-bottom:2px solid #3399cc; background: url(2017xhx_01_navbg_01.png) no-repeat bottom center; }
.box13_right .hd ul li.on a{  color: #3399cc; font-weight: bold; }
.box13_right .bd ul{ margin-top: 20px; }
.box13_right .bd ul li img{width: 360px;height: 100px;margin-bottom: 5px;}

/*******************************第四个个页面 解读回应***************************************/
.box_1_4{ width: 1160px; height: 470px; overflow: hidden;  }
.box4_left{ width: 497px; height: 300px; margin-right: 20px; float: left; }
.box4_right{ width: 643px; height: 300px; float: right; }
.box4_left_1 .box4_left_sousuo{ width: 497px; overflow: hidden; }
.box4_left_1 .box4_left_sousuo .b4s_01{ width: 140px; height: 40px; padding-left: 35px; text-align: left; display: inline-block; float: left; line-height:40px; border: none; outline: none; color: #fff; background:#3399cc url(2017css_index02_sousuo.png) no-repeat 85px center; font-size:16px; overflow: hidden; }
.box4_left_1 .box4_left_sousuo .b4s_02{ display: inline-block; float: left; width: 305px; margin-left: 10px; padding: 0 20px; height: 38px; border: 1px solid #e3e3e3; outline: none; background:none; cursor: pointer; }
.ssrx{ padding:0 20px; margin-top: 5px; line-height: 25px; color: #b3b3b3; }
.ssrx a{  color: #b3b3b3; }

.box4_left_bmbs{ margin-top: 10px; }
.box4_left_bmbs .hd{ height:38px; line-height:38px;  border-bottom: 2px solid #3399cc; background: #efefef;  z-index: 3;  }
.box4_left_bmbs .hd .sjdt{ float:left; padding:0 35px; cursor:pointer;  font-size: 18px; }
.box4_left_bmbs .hd ul{ float:left; overflow:hidden; zoom:1;}
.box4_left_bmbs .hd ul li{ float:left; padding:0 35px; cursor:pointer; }
.box4_left_bmbs .hd ul li a{  font-size: 18px; }
.box4_left_bmbs .hd ul li.on{ background:#3399cc; }
.box4_left_bmbs .hd ul li.on a{ color: #fff; }
.box4_left_bmbs .hd span{ display: inline-block; width: 18px; height:40px; line-height:40px; margin-right: 20px; float:right; background: url(2017xhx_index2_moer1.png) no-repeat right center; }
.box4_left_bmbs .hd span a{ display: inline-block; width: 18px; height:40px; }
.box4_left_bmbs .bd ul{ zoom:1; overflow:hidden; margin-top: 20px;  }
.box4_left_bmbs .bd li{ width: 116px; height:33px; line-height: 33px; text-align: center; float: left; padding: 0; margin: 0 3px 10px; background: #f7fcff; overflow:hidden; border: 1px solid #e3f4ff; }
.box4_left_bmbs .bd li{  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out;  }
.box4_left_bmbs .bd li:hover{  border: 1px solid #3399cc;	-webkit-box-shadow: 3px 3px 6px #cdced0; -moz-tbox-shadow: 3px 3px 6px #cdced0; -o-box-shadow: 3px 3px 6px #cdced0;  box-shadow: 3px 3px 6px #cdced0;  }
.box4_left_bmbs .bd li a{ display: inline-block; width: 100%; height: 100%; color: #666666; }
.box4_left_bmbs .bd li a:hover{color: #3399cc; }

.box4_right_1{ width: 643px; position: relative; }
.box4_right_1 .hd{ height:38px; line-height:38px; margin-bottom: 15px; border-bottom: 2px solid #3399cc; background: #efefef;  z-index: 3;  }
.box4_right_1 .hd .sjdt{ float:left; padding:0 35px; cursor:pointer;  font-size: 18px; }
.box4_right_1 .hd ul{ float:left; overflow:hidden; zoom:1;}
.box4_right_1 .hd ul li{ float:left; padding:0 35px; cursor:pointer; }
.box4_right_1 .hd ul li a{  font-size: 18px; }
.box4_right_1 .hd ul li.on{ background:#3399cc; }
.box4_right_1 .hd ul li.on a{ color: #fff; }
.box4_right_1 .hd span{ display: inline-block; width: 18px; height:40px; line-height:40px; margin-right: 20px; float:right; background: url(2017xhx_index2_moer1.png) no-repeat right center; }
.box4_right_1 .hd span a{ display: inline-block; width: 18px; height:40px; }
.box4_right_1 .bd ul{ zoom:1; overflow:hidden;   }
.box4_right_1 .bd li{ width: 108px; height:108px; text-align: center; float: left; margin-bottom: 20px; margin-right: 25px; background: #f7fcff url("2017css_index3_108x108.png") no-repeat; overflow:hidden; zoom:1;  }
.box4_right_1 .bd li a{ display: inline-block; width: 100%;  padding-top: 73px; height:35px;  }
.box4_right_1 .bd li{  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out;  }
.box4_right_1 .bd li:hover{ -webkit-box-shadow: 3px 3px 6px #cdced0; -moz-tbox-shadow: 3px 3px 6px #cdced0; -o-box-shadow: 3px 3px 6px #cdced0;  box-shadow: 3px 3px 6px #cdced0;  }
.box4_right_1 .bd li:hover{ background: #f7fcff url(2017css_index3_108x108s.png) no-repeat;  }
.box4_right_1 .box4_ul2_img li{  background: #f7fcff url("2017css_index4_108x108.png") no-repeat; }
.box4_right_1 .box4_ul2_img li:hover{  background: #f7fcff url("2017css_index4s_108x108.png") no-repeat; }
.box4_right_1 .a1{ background-position: 0 0 !important; }
.box4_right_1 .a2{ background-position: -108px 0  !important; }
.box4_right_1 .a3{ background-position: -216px 0 !important; }
.box4_right_1 .a4{ background-position: -324px 0 !important; }
.box4_right_1 .a5{ background-position: -432px 0 !important; margin-right: 0px !important; }
.box4_right_1 .a6{ background-position: 0 -108px !important; }
.box4_right_1 .a7{ background-position: -108px -108px !important; }
.box4_right_1 .a8{ background-position: -216px -108px !important; }
.box4_right_1 .a9{ background-position: -324px -108px !important; }
.box4_right_1 .a10{ background-position: -434px -108px !important;  margin-right: 0px !important; }

.box4_bottom{ float: left; }
/* 办事服务 */
.picScroll-left{ width:1160px; margin-top: 10px; overflow:hidden; position:relative; }
.picScroll-left .phd{ height:38px; line-height:38px; border-bottom: 2px solid #3399cc; background: #efefef;  z-index: 3;  }
.picScroll-left .phd ul{ float:left; overflow:hidden; zoom:1;}
.picScroll-left .phd ul li{ float:left; padding:0 35px; cursor:pointer; }
.picScroll-left .phd ul li a{  font-size: 18px; }
.picScroll-left .phd ul li.on{ background:#3399cc; }
.picScroll-left .phd ul li.on a{ color: #fff; }
.picScroll-left .phd span{ display: inline-block; width: 18px; height:40px; line-height:40px; margin-right: 20px; float:right; background: url(2017xhx_index2_moer1.png) no-repeat right center; }
.picScroll-left .phd span a{ display: inline-block; width: 18px; height:40px; }

.picScroll-left .prev,
.picScroll-left .next{ filter:alpha(opacity=50);opacity:0.5; display:block; width: 15px; height: 26px; overflow:hidden;cursor:pointer; background:url(2017xhx_01_ztzln_p.png) no-repeat; position:absolute; left:40px; top: 85px; z-index:9; }
.picScroll-left .next{ left:auto; right:40px; background-position: -15px 0 ; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.picScroll-left .bd{ width:960px; height: 120px; padding: 0 100px; }
.picScroll-left .tempWrap{ width: 960px!important;  }
.picScroll-left .bd ul{ width: 1160px; overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 160px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; padding: 15px 0; }
.picScroll-left .bd ul li .pic img{ width:69px; height:69px; border-radius: 50%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all .5s ease-out;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999; -webkit-transform: rotate(360deg);  -moz-transform: rotate(360deg);  transform: rotate(360deg); -webkit-box-shadow: 0 0 15px #0068b7; -moz-tbox-shadow:  0 0 15px #0068b7; -o-box-shadow:  0 0 15px #0068b7;  box-shadow: 0 0  15px #0068b7; }
.picScroll-left .bd ul li .title{  line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }



/*******************************第五个页面 政民互动***************************************/
.box_1_5{ width: 1160px; height: 470px; overflow: hidden;  }
.box5_left{ width: 418px; float: left; margin-right: 20px; }
.box5_left .box5_left_1{ width: 378px; height: 217px; padding: 20px; margin-bottom: 20px; background: #fbfbfb url(2017xhx_index4_xinxiang.png) no-repeat top left; }
.box5_left .box5_left_1 td{ line-height: 25px; }
.box5_left .box5_left_1 h2{ text-align: center; margin: 15px auto 35px; font-size: 20px; color: #3399cc; }
.box5_left .box5_left_2 ul li{ float: left; }

.box5_right{ width: 722px; height: 460px;  float: right; }
.box5_right_1{ width:722px; overflow: hidden; margin-bottom: 10px; text-align:left; }
.box5_right_1 .hd{height: 38px;line-height:38px;border-bottom: 2px solid #0068b7;background: #efefef;margin-bottom: 10px;position:relative;}
.box5_right_1 .hd span{ display: inline-block; width: 18px; height:40px; line-height:40px; margin-right: 20px; float:right; background: url(2017xhx_index2_moer1.png) no-repeat right center;  }
.box5_right_1 .hd span a{ display: inline-block; width: 18px; height:40px; }
.box5_right_1 .hd ul{ float:left; position:absolute; }
.box5_right_1 .hd ul li{ float:left; padding: 0 15px; height: 40px; line-height: 40px; font-size:18px; text-align:center; cursor:pointer;  }
.box5_right_1 .hd ul li.on{  background:#3399cc;  }
.box5_right_1 .hd ul li.on a{ color: #ffffff; }
.box5_right_1 .bd table{ width: 100%; }
.box5_right_1 .margin10 td{ padding-top: 10px; }
.box5_right_1 .bd td,
.box5_right_1 .bd th{height: 20px;text-align: center;}
.box5_right_1 .bd th{ height: 35px; background: #2a8bd4; color: #fff; font-size: 16px;  }
.box5_right_1 .bd tr:hover td{ color: #3399cc  }
.box5_right_1 .bd tr:hover a{ color: #3399cc  }

.box5_right_2 { width:722px; overflow: hidden; text-align:left; }
.box5_right_2 .hd{ height:31px; border-bottom:2px solid #e5e5e5;  position:relative; }
.box5_right_2 .hd span{  width: 80px; height:30px; line-height:30px; text-align: center; float: right; }
.box5_right_2 .hd span a{ color: #686868; font-size: 1px; }
.box5_right_2 .hd ul{ float:left; position:absolute; }
.box5_right_2 .hd ul li{ float:left; padding: 0 15px; height: 31px;  text-align:center; cursor:pointer;  }
.box5_right_2 .hd ul li a{ font-size:16px;  }
.box5_right_2 .hd ul li.on{ border-bottom:2px solid #3399cc; background: url(2017xhx_01_navbg_01.png) no-repeat bottom center; }
.box5_right_2 .hd ul li.on a{  color: #3399cc; font-weight: bold; }
.box5_right_2 .bd ul{ margin: 6px auto 0; zoom:1;  }
.box5_right_2 .bd li{ height: 35px; line-height: 35px; padding-left: 15px; background: url(2017css_index_dian.png) no-repeat left center; }
.box5_right_2 .bd li a{ display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box5_right_2 .bd li:hover a{ color: #3399cc; }
.box5_right_2 .bd li:hover span{ color: #3399cc; }
.box5_right_2 .bd li span{ float:right; color:#999; }



/*******************************第六个页面 大美开福***************************************/
.box_1_6{ width: 1160px; height: 470px; overflow: hidden;  }
.box6_left{ width: 523px; height: 240px; margin-right: 20px; margin-bottom: 20px; float: left; }
.box6_right{ width: 617px; height: 225px; padding-top: 15px; float: right; position: relative }
.box6_right .box6_right_bg{ width: 617px; height: 2px; background: #3399cc; position: absolute; left: 0; top:35px; z-index: -1; }
.box6_right .hd li{ width: 135px; height: 80px; float: left; text-align: center; background: url(2017css_index5_tabsbg.png) no-repeat center 4px; }
.box6_right .hd .on{ background: url(2017css_index5_tabshoverbg.png) no-repeat center top; }
.box6_right .hd .on a{  color: #3399cc; }
.box6_right .hd li a{ display: inline-block; padding-top: 55px; height: 25px; font-size: 18px; text-align: center; }
.box6_right .bd li{ padding: 20px; }
.box6_right .bd li p{ line-height: 25px; text-indent: 2em; }

.box6_bottom{ height: 200px;}
.box6_bottom img:hover{ animation:myimg 5s infinite linear;
    -moz-animation:myimg 5s infinite linear; /* Firefox */
    -webkit-animation:myimg 5s infinite linear; /* Safari and Chrome */
    -o-animation:myimg 5s infinite linear; /* Opera */;
}
.box6_bottom .box6_bottom_1,
.box6_bottom .box6_bottom_2,
.box6_bottom .box6_bottom_3{ width: 374px; height: 200px; float: left; margin-right: 20px;}
.box6_bottom .box6_bottom_3{ width: 372px; margin-right: 0;}

.box6_bottom .box6_bottom_1 .b6b_01{ width: 187px; height: 100px; float: left; overflow: hidden; position: relative; }
.box6_bottom .box6_bottom_1 .b6b_01 img{ width: 187px; height: 100px; }
.box6_bottom .box6_bottom_1 .b6b_01 a{ display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center;
    color: #ffffff; position: absolute; left: 0; bottom: 0;  background: url(2017css_index5_title35bg.png);  }
.box6_bottom .box6_bottom_1 .b6b_02{ width: 187px; height: 100px;  float: left;  overflow: hidden; background: #3399cc; }
.box6_bottom .box6_bottom_1 .b6b_02 p{ padding: 15px 10px; text-indent: 2em; color: #ffffff; }

.box6_bottom .box6_bottom_2 li{ width: 374px; height: 200px; position: relative; overflow: hidden; }
    .box6_bottom .box6_bottom_2 li img{ width: 374px; height: 200px;  }
.box6_bottom .box6_bottom_2 li a{ display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center;
    color: #ffffff; position: absolute; left: 0; bottom: 0; background: url(2017css_index5_title35bg.png);  }
.box6_bottom .box6_bottom_2 li span{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box6_bottom .box6_bottom_2 li span{ position: absolute; left: -200px; top: -200px; display: inline-block; width: 147px; height: 70px; border-bottom: 10px solid #fff; border-right: 10px solid #fff;
    color: #ffffff; background: #3399cc; padding: 15px 10px; text-indent: 2em; }
.box6_bottom .box6_bottom_2 li:hover span{ left: 0; top: 0;  -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out;  }

.box6_bottom .box6_bottom_3{ overflow: hidden; }
.box6_bottom .box6_bottom_3 .b6b3_01{ width: 372px; height: 200px;  float: right;  position: relative; overflow: hidden; }
.box6_bottom .box6_bottom_3 .b6b3_01{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box6_bottom .box6_bottom_3 .b6b3_01 img{ width: 100%; height: 200px;  float: left;  }
.box6_bottom .box6_bottom_3 .b6b3_01 a{display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center;
    color: #ffffff; position: absolute; left: 0; bottom: 0; background: url(2017css_index5_title35bg.png); }
.box6_bottom .box6_bottom_3 .b6b3_02{ width: 185px; height: 200px; margin-left: -185px; float: left;  background: #3399cc; overflow: hidden; }
.box6_bottom .box6_bottom_3 .b6b3_02{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out;; }
.box6_bottom .box6_bottom_3:hover .b6b3_01{ width: 187px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box6_bottom .box6_bottom_3:hover .b6b3_02{ margin-left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out; }
.box6_bottom .box6_bottom_3 .b6b3_02 p{ padding: 45px 15px 0; text-indent: 2em; color: #ffffff;  background: #3399cc; overflow: hidden; }

@keyframes myimg
{
    0%  { -webkit-transform: scale( 1 ); -moz-transform: scale(1); -ms-transform: scale(1); -transform: scale(1); }
    50% {  -webkit-transform: scale( 1.2 ); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -transform: scale(1.2); }
    100% {  -webkit-transform: scale( 1 ); -moz-transform: scale(1); -ms-transform: scale(1); -transform: scale(1); }
}




/*******************************第七个页面 招商引资***************************************/
.box_1_7{  width: 1160px; height: 470px; overflow: hidden;  }
.box_1_7 .box7_left{  width: 520px; height: 470px; margin-right: 20px; float: left; }
.box_1_7 .box7_left .box7_left_1{  width: 520px; height: 250px; margin-bottom: 20px; overflow: hidden;  }

.box_1_7 .hd{ height:31px; border-bottom:2px solid #e5e5e5;  position:relative; }
.box_1_7 .hd span{  height:33px; line-height:33px; text-align: center; float: right; }
.box_1_7 .hd span a{ color: #686868; font-size: 1px; }
.box_1_7 .hd ul{ float:left; position:absolute; }
.box_1_7 .hd ul li{ float:left; padding: 0 15px; height: 31px;  text-align:center; cursor:pointer;  }
.box_1_7 .hd ul li a{ font-size:16px;  }
.box_1_7 .hd ul li.on{ border-bottom:2px solid #3399cc; background: url(2017xhx_01_navbg_01.png) no-repeat bottom center; }
.box_1_7 .hd ul li.on a{  color: #3399cc; font-weight: bold; }
.box_1_7 .bd ul{ margin: 6px auto 0; zoom:1;  }
.box_1_7 .bd li{height: 34px;line-height: 34px;}
.box_1_7 .bd li a{  display: inline-block; width: 70%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_7 .bd li a:hover { color: #3399cc; }
.box_1_7 .bd li span{ float:right; color:#999; }

.box_1_7 .box7_right{  width: 620px; height: 470px; float: right; }
.box_1_7 .box7_right .box7_right_1{  width: 620px; height: 250px; margin-bottom: 20px; }
.box_1_7 .box7_right .box7_right_2{  width: 620px; }