﻿@charset "utf-8";
@import url("head.css");
@import url("foot.css");
@import url("global.css");
@import url("reset.css");
@import url("channelpage.css");
@import url("animate.min.css");
@import url("hover-min.css");


.main-content{
	width: 1165px;
	margin: 0 auto;
}
/*city_index section1*/
.section1 .side_nav{ width:230px;}
.section1 .side_nav ul{ border:1px solid #dfdfdf; border-right:none}
.section1 .side_nav ul li{height: 61px;border-bottom:1px solid #dfdfdf;overflow:hidden;}
.section1 .side_nav span{display:block;height: 61px;background:url(../images/city/icon_right.png) no-repeat 130px center;line-height: 61px;font-size:16px;overflow:hidden;}
.section1 .side_nav a{display:block;height: 61px;padding-left:65px;background:url(../images/city/icon_sidenav.png) no-repeat 20px top;overflow:hidden;}
.section1 .side_nav a:hover{ display:block; padding-left:65px; background:#f5f5f5 url(../images/city/icon_sidenav_hover.png) no-repeat 20px top;  color:#2270ac;}
.section1 .side_nav li.sub01 a{background-position: 20px 4px;}
.section1 .side_nav li.sub02 a{background-position: 20px -58px;}
.section1 .side_nav li.sub03 a{background-position: 20px -120px;}
.section1 .side_nav li.sub04 a{background-position: 20px -182px;}
.section1 .side_nav li.sub05 a{background-position: 20px -244px;}
.section1 .side_nav li.sub06 a{background-position: 20px -308px;}
.section1 .side_nav li.sub07 a{background-position: 20px -368px;}
.section1 .side_nav li.sub08 a{ background-position:20px -434px}
.section1 .side_nav li.sub08{ border:none}

.kv {width:935px;float:right}
.slideBox{position:relative; width:935px; height:380px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd img{ width:935px; height:380px; }
.slideBox .prev,.slideBox .next{position:absolute;top:115px;width:52px;height:152px;cursor:pointer;z-index:100}
.slideBox .prev{left:0;background:url(../images/city/arrow_left.png) no-repeat;}
.slideBox .next{right:0;background:url(../images/city/arrow_right.png) no-repeat;}

.kv .summary{ border:1px solid #dedede; border-top:none}
.kv .summary dl{ float:left; width:311px; height:106px; padding-top:10px}
.kv .summary dl dt{ float:left; padding-top:14px; width:95px; text-align:center}
.kv .summary dl dd{ float:right; padding-right:15px; width:200px;}
.kv .summary dl dd h3{ font-size:22px; line-height:2}
.kv .summary dl dd p{ color:#999}
.kv .summary dl.fantai,.kv .summary dl.menhu{ width:310px; height:106px; border-right:1px solid #dfdfdf;}
.kv .summary dl.fantai h3{ color:#269486}
.kv .summary dl.menhu h3{ color:#368bcd}
.kv .summary dl.sun h3{ color:#ff9806}

/*city_index section2*/
.section2 .inc{ float:left; width:33.3%}
.section2 .inc h3{ margin-bottom:15px; padding-bottom:20px; background:url(../images/city/tbg_inc.gif) no-repeat center bottom; text-align:center;font-size:24px; color:#2270ac; line-height:1.8}
.section2 .inc dl{ width:370px; margin:0 auto}
.section2 .inc dt{ text-align:center}
.section2 .inc dd{ position:relative; padding:30px 20px; height:222px; background:#f8f8f8}
.section2 .inc dd .more{ position:absolute; width:90%;bottom:15px;}
.section2 .inc dd .more a{ display:block; height:36px; background:#fff; border-radius:5px; text-align:center; font-size:16px; line-height:36px; color:#666;transition: all 0.5s ease;}
.section2 .inc dd .more a:hover{background:#2270ac; color:#fff}

.inc dd.list_office{ background:#f8f8f8 url(../images/city/bg_citymap.jpg) no-repeat top right}
.list_office ul{ margin-left:-15px}
.list_office li{ float:left; margin-left:15px; margin-bottom:15px;}
.list_office li a{ display:block; width:155px; height:51px; border:1px solid #e4e4e4; border-radius:5px; background:#fff; font-size:18px; text-align:center; line-height:51px; overflow:hidden; transition: all 0.5s ease;}
.list_office li a:hover{ background:#2270ac; border:1px solid #2270ac; color:#fff}

.jingji .summary{ margin-bottom:15px; font-size:16px; line-height:1.6}
.jingji .list_cat{ line-height:2}
.jingji .list_cat span{ margin-right:10px; white-space:nowrap}

.shehui .list_cat{ padding-left:15px; }
.shehui .list_cat li{ width:50%; float:left; line-height:36px;}
.shehui .list_cat li a{ padding-left:10px; background:url(../images/grey_dot.gif) no-repeat left center; font-size:16px;}

/*city_index section3*/
.section3 .secton_title{ padding-bottom:5px; border-bottom:1px solid #e7e7e7}
.section3 .secton_title dt{ float:left; padding-left:15px; font-size:24px; color:#2270ac;line-height:52px;}
.section3 .secton_title dd{ float:left; padding-top:20px; margin-left:30px; color:#e3e3e3; font-family:"宋体"}
.section3 .secton_title dd a{ margin:0 10px; font-size:16px; font-family:"micorosoft yehei"; color:#666}
.section3 .secton_title dd a:hover{color:#2270ac;}

.leftLoop{ position:relative;} 
.leftLoop .hd{ overflow:hidden;  height:40px; position:absolute; right:10px; top:-35px;} 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:20px; height:20px; float:left; margin-right:6px;  overflow:hidden;   
     cursor:pointer; background:url(../images/city/icoLeft.png) no-repeat;} 
.leftLoop .hd .next{ background:url(../images/city/icoRight.png) no-repeat;} 
.leftLoop .bd{ padding-left:5px}
.leftLoop .bd ul li{
	float:left
}
.leftLoop .bd ul li dl dt,.leftLoop .bd ul li dl dd{
	float:left;
}
.leftLoop .bd ul li dl dt{
	position:relative;
	float:left;
	width:575px;
	height:402px;
	margin-top:10px;
	overflow:hidden
}
.leftLoop .bd ul li dl dt img{
	position:absolute;
	left:0;
	top:0;
	width:575px;
	height:402px;
	transition: all 0.5s ease;
}
.leftLoop .bd ul li dl dt img{
	width:575px;
	height:402px;
}
.leftLoop .bd ul li dl dt a:hover img{
	left:-30px;
	top:-20px;
	width:635px;
	height:442px;
	}
.leftLoop .bd ul li dl dd{
	float:left;
	display:inline;
	margin:10px 0 0 10px;
	width:280px;
	height:196px;
	position:relative;
	overflow:hidden;
}
.leftLoop .bd ul li dl dd img{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:280px;
	height:196px;
	transition: all 0.5s ease;

}
.leftLoop .bd ul li dd a:hover img{
	width:320px;
	height:230px;
	left:-20px;
	top:-20px;
	}
.leftLoop .bd ul li dl dt p{
	width:575px;
}
.leftLoop .bd ul li dl dd p{
	width:280px;
}
.leftLoop .bd ul li dl dt p,.leftLoop .bd ul li dl dd p{
	height:35px;
	padding-top:25px;
	text-indent:20px;
	background:url(../images/city/shadow_bg.png) repeat-x;
	position:absolute;
	left:0;
	bottom:0px;
	font-size:16px;
}

/*正文*/
.w860{ width:860px}
.w250{ width:250px}
.Fixbg{background: url(../images/ny_line.gif) repeat-y 890px top;}
.arc_con{ padding-top:0 20px}
.arc_con h1{ margin-bottom:15px; padding:30px 0; font-size:22px; font-family:"微软雅黑", "宋体"; border-bottom:1px dotted #e3e3e3; text-align:center;line-height:1.8}
.arc_con .arc_info{  padding:20px 30px; font-size:16px; line-height:1.8}
.arc_con .arc_info p{ margin:10px 0}

.city_ch_nav h2 {
    height: 52px;
    background: #2270ac;
    line-height: 52px;
    text-indent: 25px;
    font-size: 20px;
}
.city_ch_nav dl{ padding:15px; background:#f5f5f5}
.city_ch_nav dt{ height:50px; border-bottom:1px solid #e5e5e5; line-height:50px; font-size:18px; text-indent:1em}
.city_ch_nav dt a{ display:block; height:50px;}
.city_ch_nav dd{ display:none; padding:10px 20px;border-bottom:1px solid #e5e5e5; font-size:16px; }
.city_ch_nav dd li{ padding-left:10px; background:url(../images/grey_dot.gif) no-repeat left center; line-height:36px}
.city_ch_nav dt.toggle{ background:url(../images/city/icon_m_up.png) no-repeat 180px center}
.city_ch_nav dt.on{ background:url(../images/city/icon_m_down.png) no-repeat 180px center}
.city_ch_nav dd .cur a{ color:#2270ac}


.book_box{ padding:20px; border:1px solid #e5e5e5; border-top:none}
.ebook .p_nav{ width:160px; float:left}
.ebook .p_nav li{ font-size:18px; line-height:48px; text-align:center; cursor:pointer}
.ebook .p_nav li.cur{ color:#2270ac; background:url(../images/city/icon_m_right.png) no-repeat 125px center}
.ebook .p_nav li.cur a{color:#2270ac}
.cityListWindow {POSITION: relative;HEIGHT: 620px}
.scrollbar {Z-INDEX: 0;POSITION: absolute;WIDTH: 2px;BACKGROUND: #ccc;HEIGHT: 620px;TOP: 0px;right: 4px}
.ebook .s_nav ul{ margin-left:-10px}
.ebook .s_nav{ float:left; padding:0 20px; width:365px; height:620px; border-right:2px solid #e5e5e5}
.ebook .s_nav li{ float:left; margin:0 0 9px 9px}
.ebook .s_nav li a{ display:block; width:175px; height:40px; background:#f8f8f8; border:1px solid #e7e7e7; border-radius:3px; text-align:center; line-height:40px; overflow:hidden}
.ebook .s_nav li a.cur{ background:#2270ac; border:1px solid #2270ac; color:#fff; font-size:16px}
.info{ float:right; width:520px; }
.info h1{ margin-bottom:15px; padding:20px 0; font-size:22px; border-bottom:1px dotted #e3e3e3; line-height:1.8; color:#2270ac}
.info .arc_info{height:490px; overflow-x:hidden; overflow-y:auto; font-size:16px; line-height:1.8}
.info p{ margin:10px 0}

.book_box{ padding:20px; border:1px solid #e5e5e5; border-top:none}
.shizhi .p_nav{ padding-left:6px;  background:#f5f5f5}
.shizhi .p_nav ul{ margin-right:-15px}
.shizhi .p_nav li{ float:left; margin:0 10px 10px 0; width:365px;  font-size:16px; color:#666}
.shizhi .p_nav li a{ display:block; height:46px; line-height:46px; background:#f8f8f8; border:1px solid #e7e7e7; border-radius:3px; text-indent:1em}

.shizhi .s_nav{ float:left; padding:0 20px; width:245px; height:620px;}
.shizhi .s_nav h3{ padding:10px 10px; margin-bottom:6px; background:#2270ac;font-size:18px; color:#fff}
.shizhi .s_nav li{ height:36px; border-bottom:1px dotted #dedede; padding-left:10px; line-height:36px;}
.shizhi .s_nav li a{ display:block; }
.shizhi .s_nav li a.cur{ background:#fff url(../images/city/icon_m_right.png) no-repeat right center; color:#2270ac; font-weight:bold}

.shizhi .info{ float:right; width:790px;padding-left:30px;border-left:2px solid #e5e5e5; }
.shizhi .info .arc_info{ height:auto;  }
.shizhi .info .back{ margin-top:10px; float:right; font-size:16px}
.shizhi .info .back a{ color:#666}

.arc_info img{ max-width:100%;}