@charset "gb2312";
/* CSS Document */
/*******************************第一个页面 首页***************************************/
/* 轮播 */
.slideBox{ width:400px; height:250px; margin-right: 20px; float: left; 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:14px 5px 0 0; width:6px; height:6px; border-radius: 50%; font-size: 0px;  cursor:pointer; overflow:hidden; background: #fff; }
.slideBox .shd ul li.on{ background:none; width:4px; height:4px; border: 1px solid #fff; }
.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;}


/* 政务动态tab */
.slideText1{ float:left; width:430px; text-align:left; margin-right: 20px; }
.slideText2{ float:right;  width:290px; text-align:left; }
.slideText3{ float:left;  width:430px; text-align:left; margin-top: 14px; margin-right: 20px; }

.slideText1 .bd ul{ height: 204px; }
.box_1_1 .hd{ height:38px; line-height:38px; border-bottom:2px solid #cccccc;  position:relative; }
.box_1_1 .hd span{  width: 80px; height:40px; line-height:40px; text-align: center; float: right; }
.box_1_1 .hd span a{ color: #686868; }
.box_1_1 .hd ul{ float:left; position:absolute; }
.box_1_1 .hd ul li{ float:left; padding: 0 25px; height: 40px; line-height:40px; font-size:14px; text-align:center; cursor:pointer;  }
.box_1_1 .hd ul li a{ color: #333333; }
.box_1_1 .hd ul li.on{ height: 38px; border-bottom:2px solid #006699; }
.box_1_1 .bd ul{ margin: 6px auto 0; zoom:1;  }
.box_1_1 .bd li{ height: 34px; line-height: 34px; background: url(2017css_index_dian.png) no-repeat 10px center; }
.box_1_1 .bd li a{ color: #656565; font-size:14px; margin-left:28px; display: inline-block; width: 70%;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_1 .bd li a:hover { color: #0e6f90; }
.box_1_1 .bd li span{ float:right; color:#999; font-size:14px;}
.slideText3 .bd ul{ margin: 6px auto 0; zoom:1;  }

/*--box_1_a1新闻发布--*/
.box_1_a{ width: 400px; margin-right: 20px; margin-top: 20px;  float: left; overflow:hidden; }
.box_1_a1{ width: 400px; height: 56px; margin-bottom: 10px; }
.box_1_a1 ul li{ width: 90px; height: 55px; margin: 0 5px; float: left;  }
.box_1_a1 ul li{ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ; -o-transition: all 1s ; transition: all 1s ease-in-out;   transform-style: preserve-3d; /*重要*/ }
.box_1_a1 ul li:hover{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.box_1_a1 ul li a{ display: inline-block; width: 100%; height: 20px;  padding-top: 35px; float: left; text-align: center; overflow:hidden; }

.box_1_a1 .a1{ background: url(2017css_index_02.png) no-repeat; background-position: 50% 0;  }
.box_1_a1 .a2{ background: url(2017css_index_02.png) no-repeat; background-position: 50% -55px;  }
.box_1_a1 .a3{ background: url(2017css_index_02.png) no-repeat; background-position: 50% -110px;  }
.box_1_a1 .a4{ background: url(2017css_index_02.png) no-repeat; background-position: 50% -165px;  }

.box_1_a2{ width: 400px; height: 54px; overflow: hidden; margin-bottom: 10px; }
.box_1_a2 a{ display: inline-block; overflow: hidden; }
.box_1_a2 a img{ -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_a2 a:hover img{ -webkit-transform: scale( 1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: .3s transform;   }

.box_1_a3{ width: 400px; height: 70px; overflow: hidden; }

.box_1_b{ float:right;  width:290px; text-align:left; margin-top: 20px; padding: 15px 0; }
.box_1_b ul li{ width: 86px; height: 50px; line-height: 50px; text-align: center; float: left; padding-left: 54px;  border-radius: 4px;  }
.box_1_b ul li a{display: inline-block; float: right; width: 86px; height: 50px; }
.box_1_b .b1,.b2,.b3,.b4,.b5,.b6{ background: #ededec url(2017css_index_01.png) no-repeat; margin-bottom: 14px; }
.box_1_b .b1{  background-position: 0 0 !important; margin-right: 10px; }
.box_1_b .b2{  background-position: 0 -51px; }
.box_1_b .b3{  background-position: 0 -102px; margin-right: 10px; }
.box_1_b .b4{  background-position: 0 -153px; }
.box_1_b .b5{  background-position: 0 -204px; margin-right: 10px; }
.box_1_b .b6{  background-position: 0 -255px;  }


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

.box_1_2{ width: 1160px; height: 480px; overflow: hidden; background: #FAFDFF; }
.box_1_2left{ width: 700px; height: 480px; float: left; margin-right: 20px; }
.box_1_2right{  width: 440px; height: 480px; float: right; }

/*--领导之窗--*/
.ldzc{ width: 420px; height: 195px; float: left; margin-right: 20px; margin-bottom: 20px; overflow: hidden; background: #f5f5f5; }
.ldzc .ldzc_1{ width: 46px; height: 100%;  float: left; background: url(2017css_index2_ldzc.png) no-repeat; }
.ldzc .ldzc_2{ width: 156px; height: 162px; margin-top: 17px; float: left; border-right: 1px dashed #d2d2d2; text-align: center;  }
.ldzc .ldzc_2 img{ width: 84px; height: 107px; }
.ldzc .ldzc_2_1{ height: 30px; line-height: 30px;  }
.ldzc .ldzc_2_1 span{ font-size: 14px; color: #23567d; font-weight: bold; margin: 0 11px; }
.ldzc .ldzc_2_2{ width: 126px; height: 24px; line-height: 24px; margin: 0 auto; text-align: center; background: #006699; }
.ldzc .ldzc_2_2 a{ display: inline-block; width: 100%; height: 100%; color: #fff; }
.ldzc .ldzc_2_2 a{ display: inline-block; width: 100%; height: 100%; color: #fff; }
.ldzc .ldzc_3{ width: 147px; float: right;  padding: 20px 35px 16px;  }
.ldzc .ldzc_3 h2{ height: 25px; line-height: 25px; margin-bottom: 10px; font-size: 16px; font-weight: bold;  }
.ldzc .ldzc_3 ul li{ width: 73px; height: 25px; line-height: 25px; float: left;  }
.ldzc .ldzc_3 ul li:hover a{ color: #4283b1;  }

.ztzl{ width: 260px; height: 195px; float: left; overflow: hidden; text-align: center; }
.ztzl a{ display: block; margin-bottom: 8px; overflow: hidden; }
.ztzl a:last-child{ margin-bottom: 0px; }
.ztzl img{ width: 260px; height: 60px; -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; }
.ztzl a:hover img{ -webkit-transform: scale( 1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: .3s transform; }


/*---tabs--*/
.slideText4{ float:left;  width:700px; height: 265px; text-align:left; }
.slideText4 .hd{ height:38px; line-height:38px; border-bottom:2px solid #cccccc;  position:relative; }
.slideText4 .hd span{  width: 80px; height:40px; line-height:40px; text-align: center; float: right; }
.slideText4 .hd span a{ color: #686868; }
.slideText4 .hd ul{ float:left; position:absolute; }
.slideText4 .hd ul li{ float:left; padding: 0 25px; height: 40px; line-height:40px; font-size:14px; text-align:center; cursor:pointer;  }
.slideText4 .hd ul li a{ color: #333333; }
.slideText4 .hd ul li.on{ height: 38px; border-bottom:2px solid #006699; }
.slideText4 .bd ul{ margin: 6px auto 0; zoom:1;  }
.slideText4 .bd li{ height: 35px; line-height: 35px; background: url(2017css_index_dian.png) no-repeat 10px center; }
.slideText4 .bd li a{ color: #656565; font-size:14px; margin-left:28px; display: inline-block; width: 70%;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.slideText4 .bd li a:hover { color: #0e6f90; }
.slideText4 .bd li span{ float:right; color:#999; font-size:14px;}

/*-- xxgk--*/
.xxgk{ width: 440px; height: 260px;  }
.xxgk ul li{ width: 142px; height: 80px; text-align: center; float: left; background: #f5f5f5 url(2017css_index2_01.png) no-repeat; margin-bottom: 9px; margin-right: 7px; }
.xxgk ul li:hover{ width: 140px; height: 78px; border: 1px solid #a2d5f7; background: #fafdff url(2017css_index2_01.png) no-repeat; }
.xxgk ul li a{ display: inline-block; width: 100%; height: 23px; padding-top: 57px; float: left; font-size: 12px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xxgk .x1{ background-position: 50% 0 !important; }
.xxgk .x2{ background-position: 50% -80px !important; }
.xxgk .x3{ background-position: 50% -160px !important; margin-right: 0px; }
.xxgk .x4{ background-position: 50% -240px !important; }
.xxgk .x5{ background-position: 50% -320px !important; }
.xxgk .x6{ background-position: 50% -400px !important; margin-right: 0px; }
.xxgk .x7{ background-position: 50% -480px !important; margin-bottom: 0px; }
.xxgk .x8{ background-position: 50% -560px !important; margin-bottom: 0px; }
.xxgk .x9{ background-position: 50% -640px !important; margin-bottom: 0px; margin-right: 0px; }

.gzbg{  width: 440px; height: 200px; margin-top: 20px; }
.gzbg ul li{ width: 96px; height: 35px; line-height: 35px; padding-left: 50px; background: url(2017css_index2_list01s.png) no-repeat 35px center;  float: left;  }
.gzbg ul li:hover{ background: url(2017css_index2_list01.png) no-repeat 35px center;   }
.gzbg ul li:hover a{ color: #528db7; }


/*******************************第三个页面 解读回应***************************************/
.box_1_3{ width: 1160px; height: 480px; overflow: hidden; background: #FAFDFF; }
/*---tabs--*/
.box_1_3 .xwfbh{ width: 460px; height: 250px; margin-right: 20px; overflow: hidden; float:left; text-align:left; }
.box_1_3 .hygq{ width: 367px; height: 250px; margin-right: 20px; overflow: hidden; float:left; text-align:left; }
.box_1_3 .hd{ height:42px; line-height:42px; position:relative; background: #fff; }
.box_1_3 .hd span{  width: 42px; height:42px; line-height:42px; text-align: center; float: right; background: url(2017css_index2_moer02.png) no-repeat right top; }
.box_1_3 .hd span a{ display: inline-block; width: 32px; height:42px; }
.box_1_3 .hd ul{ float:left; position:absolute; }
.box_1_3 .hd ul li{ float:left; padding: 0 25px; height: 40px; line-height:40px; font-size:18px; text-align:center; cursor:pointer;  }
.box_1_3 .hd ul li a{ color: #333333; }
.box_1_3 .hd ul li.on{ height: 42px; background: #006699 }
.box_1_3 .hd ul li.on a{ color: #fff; }
.box_1_3 .bd ul{ zoom:1;  }
.box_1_3 .bd li{ height: 35px; line-height: 35px; background: url(2017css_index_dian.png) no-repeat 10px center; }
.box_1_3 .bd li a{ color: #656565; font-size:14px; margin-left:28px; display: inline-block; width: 70%;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_3 .bd li a:hover { color: #0e6f90; }
.box_1_3 .bd li span{ float:right; color:#999; font-size:14px;}

.xwfbh .xbd{ padding: 10px 10px 0 10px; }


/*--视频--*/
.xwfbh .xwfbh_1{ width: 200px; height: 150px; float: left; margin-right: 10px; overflow: hidden; }

/*--新闻发布会预告--*/
.xwfbh .xwfbh_2_1{  width: 440px; height: 150px; }
.xwfbh .xwfbh_2_1 tr h2{ font-size: 16px; font-weight: bold;  }
.xwfbh .xwfbh_2_1 table{ width: 100%; height: 150px; }
.xwfbh .xwfbh_2_1 tr h2{ font-size: 16px; font-weight: bold;  }
.xwfbh .xwfbh_2_1 th,.xwfbh .xwfbh_2_1 td{ height: 25px; line-height: 25px; vertical-align:top; }

.xwfbh .xwfbh_2{ width: 230px; height: 150px; float: right; }
.xwfbh .xwfbh_2 table{ width: 100%; height: 150px; }
.xwfbh .xwfbh_2 tr h2{ font-size: 16px; font-weight: bold;  }
.xwfbh .xwfbh_2 th,.xwfbh .xwfbh_2 td{ height: 25px; line-height: 25px; vertical-align:top; }
.xwfbh .xwfbh_table_a{ text-align: right;}
.xwfbh .xwfbh_table_a a{color: #006699; }
.xwfbh .xwfbh_table_t{ color: #006699; }
.xwfbh .xwfbh_3{ width: 460px; height: 35px; line-height: 35px; margin-top: 10px; text-align: center; }
.xwfbh .xwfbh_3 ul{ margin: 0 auto; }
.xwfbh .xwfbh_3 ul li{ width: 140px; height: 30px; line-height: 30px; background: #f0f6fa; margin: 0 5px; float: left; }
.xwfbh .xwfbh_3 ul li:hover{  background: #cfe4fa;  }
.xwfbh .xwfbh_3 ul li:hover a{  color: #006699;  }
.xwfbh .xwfbh_3 ul li a{ font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }

/*--政策图解--*/
.box_1_3 .zctd{ width: 293px; height: 466px; overflow: hidden; float:right;  }
.zctd .bdz{ margin-top: 10px; }
.zctd .zctd_1{ width: 293px; height: 202px; text-align: center; background: #fafafa; margin-bottom: 10px; }
.zctd .zctd_1:last-child{ margin-bottom: 0px; }
.zctd .zctd_1 img{ width: 280px; height: 157px; margin: 5px; }
.zctd .zctd_1_1{ width: 293px; height: 35px; line-height: 35px; text-align: center; }
.zctd .zctd_1_1 a{ font-size: 18px; }

/*--在线访谈--*/
.box_1_3 .zcjd{ width: 460px; height: 203px; margin-top: 20px; margin-right: 20px; overflow: hidden; float:left; text-align:left; }
.box_1_3 .zxft{ width: 367px; height: 203px; margin-top: 20px; margin-right: 20px; overflow: hidden; float:left; text-align:left; }
.zcjd .bd ul{ zoom:1; margin: 10px 0;  }
.zxft .bd ul{ zoom:1; margin: 10px 0;  }



/*******************************第四个页面 办事服务***************************************/
.box_1_4{ width: 1160px; height: 480px; overflow: hidden; background: #FAFDFF; }

/* 个人办事   企业办事   部门办事 */
.outBox{ width:640px; height: 465px; margin-right: 20px; float: left; text-align:left; position: relative; }
.outBox_2{ width:500px; height: 275px; margin-bottom: 15px; float: left; text-align:left; position: relative; }
.outBox .hd{ position:absolute; left: 0; top: 0;  height:42px; line-height:42px; z-index: 3; }
.outBox .hd ul{ float:left; height:42px;   }
.outBox .hd ul li{ float:left; padding:0 25px; cursor:pointer;  }
.outBox .hd ul li.on{ background:#006699; }
.outBox .hd ul li.on a{ color: #fff; }

.inBox{ padding-top: 55px;  position: relative; }
.inBox .inHd{ width: 100%; background: #fff; height:42px; line-height:42px;  position:absolute; right: 0; top: 0; z-index: 2;  }
.inBox .inHd ul{ overflow:hidden; zoom:1; margin-right: 10px; float:right;}
.inBox .inHd ul li{ height:20px; width:20px; line-height: 20px; background: #f9f9f9; margin: 12px 6px 0 0; text-align:center; float:left; cursor:pointer;  }
.inBox .inHd ul li.on{ background:#006699; }
.inBox .inHd ul li.on a{ color:#fff; }
.inBox .inHd span{ display: inline-block; width: 32px; height:42px; line-height:42px; float:right; background: url(2017css_index2_moer02.png) no-repeat right top; }
.inBox .inHd span a{ display: inline-block; width: 32px; height:42px; }
.inBox .inBd ul{ zoom:1; overflow:hidden;   }
.inBox .inBd li{ width: 122px; height:130px; text-align: center; float: left; margin-bottom: 10px; margin-right: 7px; background: #f0f6fa url(2017css_index3_129x140.png) no-repeat; overflow:hidden; zoom:1;  }
.inBox .inBd1 li a,.inBox .inBd2 li a{ display: inline-block; width: 122px; height:40px; padding-top: 90px;   }
.inBox .inBd 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;  }
.inBox .inBd 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;  }
.inBox2 .inBd2 li{ background: #f0f6fa url(2017css_index3_129x140_2.png) no-repeat;  }
.inBd .a1{ background-position: 0 0 !important; }
.inBd .a2{ background-position: -129px 0 !important; }
.inBd .a3{ background-position: -258px 0 !important; }
.inBd .a4{ background-position: -387px 0 !important; }
.inBd .a5{ background-position: -516px 0 !important; margin-right: 0px !important; }
.inBd .a6{ background-position: 0 -140px !important; }
.inBd .a7{ background-position: -129px -140px !important; }
.inBd .a8{ background-position: -258px -140px !important; }
.inBd .a9{ background-position: -387px -140px !important; }
.inBd .a10{ background-position: -516px -140px !important;  margin-right: 0px !important; }
.inBd .a11{ background-position: 0 -280px !important; }
.inBd .a12{ background-position: -129px -280px !important; }
.inBd .a13{ background-position: -258px -280px !important; }
.inBd .a14{ background-position: -387px -280px !important; }
.inBd .a15{ background-position: -516px -280px !important;  margin-right: 0px !important; }
.inBd .a16{ background-position: 0 -420px !important; }
.inBd .a17{ background-position: -129px -420px !important; }
.inBd .a18{ background-position: -258px -420px !important; }
.inBd .a19{ background-position: -387px -420px !important; }
.inBd .a20{ background-position: -516px -420px !important;  margin-right: 0px !important; }
.inBd .a21{ background-position: 0 -560px !important; }
.inBd .a22{ background-position: -129px -560px !important; }
.inBd .a23{ background-position: -258px -560px !important; }
.inBd .a24{ background-position: -387px -560px !important;}
.inBd .a25{ background-position: -516px -560px !important;  margin-right: 0px !important;  }

.outBox_2 .hd{ position:absolute; left: 0; top: 0;  height:42px; line-height:42px; z-index: 3; }
.outBox_2 .hd ul{ float:left; height:42px;   }
.outBox_2 .hd ul li{ float:left; padding:0 25px; cursor:pointer;  }
.outBox_2 .hd ul li.on{ background:#006699; }
.outBox_2 .hd ul li.on a{ color: #fff; }
.outBox_2 .inBd ul{ zoom:1; overflow:hidden;   }
.outBox_2 .inBd li{ width: 113px; height:34px; line-height: 34px; text-align: center; float: left; padding: 0; margin: 0 5px 10px; background: none; overflow:hidden; border: 1px solid #cbcccc; }
.outBox_2 .inBd li a{ display: inline-block; width: 100%; height: 100%; color: #666666; }
.outBox_2 .inBd li:hover{ border: 1px solid #006699; }
.outBox_2 .inBd li a:hover{color: #006699; }


/* 重点办事 */
.picScroll-left{ width:500px; overflow:hidden; position:relative; }
.picScroll-left .phd{ overflow:hidden;  height:42px; line-height: 42px; margin-bottom: 10px; background:#fff; }
.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:3%; top:82px; z-index: 9; display:block; width:15px; height:29px; background:url(2017css_index_prev.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.picScroll-left .next{ left:auto; right:3%;  background:url(2017css_index_next.png) no-repeat; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.picScroll-left .phd ul{ float:left; overflow:hidden; zoom:1;}
.picScroll-left .phd ul li{ float:left; padding:0 25px; cursor:pointer; }
.picScroll-left .phd ul li.on{ background:#006699; }
.picScroll-left .phd ul li.on a{ color: #fff; }
.picScroll-left .phd span{ display: inline-block; width: 32px; height:42px; line-height:42px; float:right; background: url(2017css_index2_moer02.png) no-repeat right top; }
.picScroll-left .phd span a{ display: inline-block; width: 32px; height:42px;  }

.picScroll-left .bd{ padding:10px 35px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width: 107px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:70px; height:70px;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{  line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;  }



/*******************************第五个页面 政民互动***************************************/
/*--布局--*/
.box_1_5{ width: 1160px; height: 480px; overflow: hidden; background: #FAFDFF; }
.box_1_5 .box_1_5_left{ width: 460px;  margin-right: 20px; float: left; overflow: hidden; }
.box_1_5 .box_1_5_right{ width: 680px; float: right; overflow: hidden; }
.box_1_5_left .login{ width: 460px; height: 201px; overflow: hidden; margin-bottom: 20px; }
.login .login_1{ width: 150px; height: 201px; float: left; background: url(2017css_index5_login.png) no-repeat; }
.login .login_2{ width: 290px; height: 181px; float: right; padding: 10px; }

.box_1_5 .hd{ height:42px; line-height:42px; position:relative; background: #fff; }
.box_1_5 .hd span{  width: 42px; height:42px; line-height:42px; text-align: center; float: right; background: url(2017css_index2_moer02.png) no-repeat right top; }
.box_1_5 .hd span a{ display: inline-block; width: 32px; height:42px; }
.box_1_5 .hd ul{ float:left; position:absolute; }
.box_1_5 .hd ul li{ float:left; padding: 0 25px; height: 40px; line-height:40px; font-size:18px; text-align:center; cursor:pointer;  }
.box_1_5 .hd ul li a{ color: #333333; }
.box_1_5 .hd ul li.on{ height: 42px; background: #006699 }
.box_1_5 .hd ul li.on a{ color: #fff; }
.box_1_5 .bd ul{ zoom:1;  }
.box_1_5 .bd li{ height: 35px; line-height: 35px; background: url(2017css_index_dian.png) no-repeat 10px center; }
.box_1_5 .bd li a{ color: #656565; font-size:14px; margin-left:28px; display: inline-block; width: 70%;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_5 .bd li a:hover { color: #0e6f90; }
.box_1_5 .bd li span{ float:right; color:#999; font-size:14px;}

/*--登录--*/
.login_name,.login_password{ width: 200px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #d3d3d3; overflow: hidden; padding: 0 60px 0 20px; outline: none; background: #fafdff url(2017css_index5_name.png) no-repeat 90% center; }
.login_password{  background: #fafdff url(2017css_index5_password.png) no-repeat 90% center; }
.login_dl{ width: 166px; height: 33px; line-height: 33px; border-radius: 5px; border: 1px solid #3073a8; color: #ffffff; font-size: 18px; background: #3d81b1; }
.login_dl:hover{ background: #3876a1; }
.login .fm-item{  position: relative; width: 290px; height: 52px; overflow: hidden; }
.login .fm-item span{ display: inline-block; float: right; padding: 0 10px; height: 33px; line-height: 33px; color: #4080a9; }
.login .dl{ height: 45px; color: #4080a9; }
.login .fm_jzmm{ height: 33px; line-height: 33px;  }
.login .jzmm{  float: left;  height: 33px; line-height: 33px; color: #4080a9; }
.login .jzmm input{ vertical-align: middle;}
.login .fm-item a{ color: #4080a9; }


/*--在线访谈--*/
.box_1_5 .xwfbh{ width: 460px; height: 250px; margin-right: 20px; overflow: hidden; float:left; text-align:left; }

/*--市长信箱--*/
.box_1_5 .szxx{ width: 680px; height: 245px; margin-bottom: 20px; overflow: hidden; text-align:left; }
.szxx .bd{ padding: 10px 10px 0 10px; }
.szxx .szxx_1{ height:42px; float: right; }
.szxx .szxx_1 a{ display: inline-block; background: #f0f6fa;  height:30px; line-height: 30px;  padding: 0 15px; }
.szxx .szxx_1 a:hover{ background: #cfe4fa;  color:#006699;  }
.szxx .szxx_table{ width: 100%; }
.szxx .szxx_table table{ width: 100%; table-layout: fixed;word-break: break-all; word-wrap: break-word; }
.szxx .szxx_table td,
.szxx_table th{ height: 31px; line-height: 31px; text-align: center; border: 1px solid #FFFFFF; color: #656565; -o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.szxx .szxx_table th{ background: #e4e9ed; font-weight: bold; }
.szxx .szxx_table tr{ background: #f0f6fa; }
.szxx .szxx_table tr:hover{ background: #cfe4fa;  }
.szxx .szxx_table tr:hover td{  color:#006699; }
.szxx .szxx_table tr:hover a{ color:#006699; }

.box_1_5 .myzj{ width: 680px; height: 201px; overflow: hidden; text-align:left; }
.myzj .bd ul{ margin: 10px auto;  }


/*******************************第六个页面 走进长沙***************************************/
/*--布局--*/
.box_1_6{ width: 1160px; height: 480px; overflow: hidden; background: #FAFDFF; }
.box_1_6 .box_1_6_left{ width: 400px; margin-right: 20px; float: left; overflow: hidden; }
.box_1_6 .box_1_6_right{ width: 740px; float: right; overflow: hidden; }

.box_1_6 .hd{ height:42px; line-height:42px; position:relative; background: #fff; }
.box_1_6 .hd span{  width: 42px; height:42px; line-height:42px; text-align: center; float: right; background: url(2017css_index2_moer02.png) no-repeat right top; }
.box_1_6 .hd span a{ display: inline-block; width: 32px; height:42px; }
.box_1_6 .hd ul{ float:left; position:absolute; }
.box_1_6 .hd ul li{ float:left; padding: 0 25px; height: 40px; line-height:40px; font-size:18px; text-align:center; cursor:pointer;  }
.box_1_6 .hd ul li a{ color: #333333; }
.box_1_6 .hd ul li.on{ height: 42px; background: #006699 }
.box_1_6 .hd ul li.on a{ color: #fff; }
.box_1_6 .bd ul{ zoom:1;  }
.box_1_6 .bd li{ height: 35px; line-height: 35px; background: url(2017css_index_dian.png) no-repeat 10px center; }
.box_1_6 .bd li a{ color: #656565; font-size:14px; margin-left:28px; display: inline-block; width: 70%;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_6 .bd li a:hover { color: #0e6f90; }
.box_1_6 .bd li span{ float:right; color:#999; font-size:14px;}

/*--长沙概况--*/
.box_1_6_left .csgk{ width: 400px; height: 360px;  overflow: hidden; margin-bottom: 20px; }
.box_1_6_left .csgk_1{ width: 400px; height: 160px; overflow: hidden; }
.box_1_6_left .csgk_1 img{ width: 400px; height: 160px; }

.box_1_6_left .csgk_2{ width: 380px; height: 85px; background: #f0f6fa; overflow: hidden; padding: 10px 10px 0 10px; }
.box_1_6_left .csgk_2 p{ text-indent: 2em; line-height: 30px; }

.box_1_6_left .csgk_3{ width: 380px; height: 28px; line-height: 28px; padding: 0 10px; margin-bottom: 10px; background: #f0f6fa; overflow: hidden }
.box_1_6_left .csgk_3 a{ display: inline-block; float: right; color: #b30000; padding: 0 10px; height: 28px; line-height: 28px; }

.box_1_6_left .csgk_4{ width: 400px; height: 70px;}
.box_1_6_left .csgk_4 ul li{ width: 74px; height: 30px; line-height: 30px; text-align: center; float: left; margin: 0 3px 5px; background: #f0f6fa; }
.box_1_6_left .csgk_4 ul li a{display: block; width: 100%; height: 100%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.box_1_6_left .csgk_4 ul li a:hover{ background: #cfe4fa;  color:#006699;  }

/*--长沙之最 长沙历史 文化长沙--*/
.box_1_6_left .csls{ width: 400px; height: 90px; overflow: hidden; }
.box_1_6_left .csls a{ display: inline-block; width: 130px; height: 90px; overflow: hidden; }
.box_1_6_left .csls img{ width: 130px; height: 90px; -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_6_left .csls a:hover img{ -webkit-transform: scale( 1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: .3s transform;  }

/*--休闲娱乐之都--*/
.box_1_6_right .xxylzd{ width: 380px; height: 242px; margin-right: 20px; margin-bottom: 20px; float: left; overflow: hidden; }
.xxylzd .bd ul{ zoom:1;  }
.xxylzd .bd li{ height: 35px; line-height: 35px; background: url(2017css_index_dian.png) no-repeat 10px center; }
.xxylzd .bd li a{ color: #656565; font-size:14px; margin-left:28px; display: inline-block; width: 70%;  overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.xxylzd .bd li a:hover { color: #0e6f90; }
.xxylzd .bd li span{ float:right; color:#999; font-size:14px;}

/*
.xxylzd .bd{ padding: 4px; margin-top: 20px; }
.xxylzd .bd a{ display: inline-block; width: 110px; height: 80px; margin: 0 7px 14px; overflow: hidden; float: left; }
.xxylzd .bd a img{ width: 110px; height: 80px; 	-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; }
.xxylzd .bd a:hover img{ -webkit-transform: scale( 1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); -transform: scale(1.05,1.05); transition: .3s transform; }
 */

/*--山水洲城风貌--*/
.box_1_6_right .sszcfm{ width: 340px; height: 242px; margin-bottom: 20px; float: left; overflow: hidden; }
.sszcfm .x_box{ margin-top: 10px; }
/* 视频上下切换效果效果 */
.xcsp{ width:340px; height:190px; position:relative; overflow:hidden;  zoom:1;   }
.xcsp .xcsp_nav{ width:80px;  height:190px; position:absolute; top:0; right:0; z-index: 99; overflow:hidden; }
.xcsp .xcsp_nav ul li{ display: table; width:80px; height: 45px; margin-bottom: 3px; *text-align: center;  background: #f0f6fa; }
.xcsp .xcsp_nav ul li{ display: table; width:80px; height: 45px; margin-bottom: 3px; *text-align: center;  background: #f0f6fa; }
.xcsp .xcsp_nav ul li:last-child{ margin-bottom: 0px; }
.xcsp .xcsp_nav ul li a{ display: table-cell; vertical-align:middle; width: 100%; height: 100%; text-align:center; font-size: 12px;  }
.xcsp .xcsp_nav ul li.on{ background: #cfe4fa; }
.xcsp .xcsp_nav ul li.on a{ color:#006699;  }

.xcsp .xcsp_box{ width:253px; height:190px; position:relative;  }
.xcsp .xcsp_box li{ width:253px; height:190px; zoom:1;}
.xcsp .xcsp_box li .pic{ width:253px; height:190px; background: #000; overflow: hidden;}
.xcsp .xcsp_box li .pic img{ width:253px; height:190px;  }


/*--发展创业新城--*/
.box_1_6_right .fzcyxc{ width: 380px; height: 210px; margin-right: 20px; float: left; overflow: hidden; }
.fzcyxc .xbd{ margin-top: 20px; }


.card-area{ height:150px; width:380px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;  height:133px; background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{ transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-first p{ font-size: 8px; }
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .main-info{ margin-top: 10px; }
.card-area .card-item .main-info a{ display: inline-block; float: left; width: 78px; height: 18px; line-height:18px; font-size: 12px; color: #3db1ea;  margin: 0 6px 10px; border-radius: 9px; border: 1px solid #3db1ea; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.card-area .card-item .main-info a:hover{ background: #3db1ea; color: #fff; }
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
/*蓝色部分 .card-area .card-item .card .card-title*/
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:39px; line-height: 39px; font-size:12px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title h1{ font-size:12px; text-align: center; font-weight: bold; color:#d9efff;margin-bottom:0 }
/* 灰色部分.card-area .card-item .card .card-content */
.card-area .card-item .card .card-content{ height:94px; position:absolute;top:40px; overflow:hidden;}
.card-area .card-item.active{z-index:6;box-shadow:0 0 10px rgba(0,0,0,.2);width:49%; height:140px;}
/* 大蓝色部分 .card-area .card-item.active .card .card-title*/
.card-area .card-item.active .card .card-title{background-color:#3db1ea;height:45px; line-height: 45px; top:-6px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{ font-size: 16px; color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}


/*--长沙美景 长沙地图--*/
.box_1_6_right .csmjdt{ width: 340px; height: 208px;  float: left; overflow: hidden; }
.box_1_6_right .csmjdt_1{ display: block; width: 340px; height: 113px; margin-bottom: 20px; overflow: hidden; }
.box_1_6_right .csmjdt_1 img{ width: 340px; height: 113px; }
.box_1_6_right .csmjdt_2{ width: 340px; height: 74px; }