/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline:0;text-align:left; vertical-align:baseline;background:transparent; font-family:"微软雅黑" , Arial, Helvetica, sans-serif;}
ul,ol,li{list-style-type:none;}
a {color:#333;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a:hover{color:#ffff00;text-decoration:none;}
:focus {outline:none;}
body {line-height:1.5em;width:100%;display:table; font-size:12px; color:#333; font-family:"微软雅黑" , Arial, Helvetica, sans-serif;}
a img {border:none;outline:none;}

/*======================浮动==================*/
.clear{ display:block; clear:both; height:0px; line-height:0; font-size:0; overflow:hidden;}
.clearfix:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { zoom:1; }
.clearfix { display:block; }
.bugfix{zoom:1;}

/*=====================文字样式===============*/
.size_14{font-size:14px;}
.size_16{font-size:16px;}

.fl{ float:left;}
.fr{ float:right;}
.ft_lt{ text-align:left;}
.ft_ct{ text-align:center;}
.ft_rt{ text-align:right;}
.none{ display:none;}
.open{ display:block;}
.lh{ zoom:1;}
.lh li,.lh dl,.lh .item{ float:left;}
.fc_red,a.fc_red{color:#ca0000;}
a.fc_red:hover{color:#ca0000; text-decoration:underline;}
.fc_white,a.fc_white{color:#fff;}
a.fc_white:hover{color:#fff; text-decoration:underline;}

/*=======================定位样式===========================*/
/* 除IE6浏览器的通用方法 */
.ie6fixedTL{position:fixed;left:0;top:0;}
/* IE6浏览器的特有方法 */
/* 修正IE6振动bug */
* html,* html body{background-attachment:fixed;}
* html .ie6fixedTL{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
html{_background: url(xx.jpg) fixed; /* 文件不存在亦可以，随便命名 */} 

/*=======================翻页样式===========================*/
.pager{text-align:right;color:#fff; margin-right:15px;}
.pager a{color:#fff;background-color:#28646f;text-decoration:none;padding:2px 5px;margin-right:5px;}
.pager a:hover{color:#fff;background-color:#3e96a6;}
.pager .cpb{color:#fff;background-color:#3e96a6;}

/*=====================container===============*/
/*container*/
#container{ width:100%; background:#142022 url(../images/topic_bg.jpg) center top no-repeat; padding-bottom:10px;}

/*.main_01*/
#container #main_01{ width:1200px; height:410px; position:relative; margin:0 auto;}

#main_01 #collect{ display:block; width:270px; height:25px; line-height:25px; text-align:right; color:#fff; position:absolute; right:0; top:19px; z-index:1;}
#main_01 #phone{ display:block; width:300px; height:40px; text-align:right; line-height:40px; font-size:18px; font-weight:bold; text-align:right; color:#ff3300; position:absolute; right:0; top:44px; z-index:1;}
#main_01 #phone .p_contact{ float:right; margin-right:5px;}
#main_01 #phone .p_tell{ width:135px; float:right; text-align:right;}
/*#main_01 #xczbiao{ width:123px; height:36px;background:url(../../../images/xcz.png) center center no-repeat; padding:64px 0 0 0; position:absolute; left:1077px; top:22px; z-index:1;}
#main_01 #xczbiao .code{ width:123px; height:18px; text-align:center; line-height:18px; font-size:11px; color:#fff;}
#main_01 .num{ width:110px; height:18px; line-height:18px; text-align:center; padding-top:20px; color:#fff; background:url(../../../images/topic_num.png) center top no-repeat;position:absolute; left:1090px; top:22px; z-index:1;}
#main_01 .ercode{ width:100px; height:100px;position:absolute; left:1095px; top:80px; z-index:1;}*/

/*nav*/
#nav{width:100%; height:62px; padding-top:8px; background:url(../images/topic_nav_bg.png) center top repeat-x;}
.nav_fix{position:fixed; left:0; top:0;z-index:45;}
#menu{width:1200px;height:44px; background:url(../images/topic_menu_bg.jpg) center top repeat-x; margin:0 auto;}
#menu a{ display:block; width:130px; height:44px; line-height:44px; text-align:center; float:left; font-size:20px; color:#fff; }
#menu a:hover,#menu a.current{ background:url(../images/topic_menu_hover.jpg) center top no-repeat;}
#menu a.special{ display:block; width:130px; height:37px; line-height:37px; padding-top:7px;}


/*.main_03*/
#container #main_03{ width:1212px; height:285px; position:relative; margin:22px auto 0 auto;}
#main_03 #survey{ width:565px; height:229px; padding:33px 36px 0 201px; line-height:26px; font-size:14px; color:#fff; background:url(../images/introbg.png) left top no-repeat; position:absolute; left:0; top:0; z-index:1;}
#main_03 #survey p{ line-height:26px;}
#main_03 #player{ width:376px; height:249px; padding:13px 0 0 16px; position:absolute; background:url(../images/playerbg.png) left top no-repeat; right:0; top:0; z-index:1; text-align:center; overflow:hidden;}
#main_03 #player .player{ width:360px; height:200px; background-color:#002f37; overflow:hidden;}
#main_03 #player .player_name{ width:360px; height:49px; line-height:40px; text-align:center; font-size:14px; color:#fff; }
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
#main_03 #player{ left:829px;}
}*/

/*.main_02*/
#container .main_02{ width:1270px; margin:0 auto 5px auto;}
.main_02 .m_top{ width:1200px; height:61px; padding:0 35px; background:url(../images/topic_top.png) center center no-repeat;}
.main_02 .m_top span{ display:block; padding:13px 0 0 85px;}
.main_02 .m_top div{ float:right; padding:15px 35px 0 0;}
.main_02 .m_center{ width:1270px; background:url(../images/topic_center.png) center top repeat-y;}
.main_02 .m_center .m_con{ width:1200px; padding:0 35px 44px 35px; background:url(../images/topic_bottom.jpg) center bottom no-repeat;}

/*生态文明先锋  新型城镇示范*/
.m_con .m_c_1{ width:1162px; height:480px; padding:38px 0 38px 38px; overflow:hidden;}
.m_c_1 .slideTxtBox{ width:1124px;height:480px; background:url(../images/topic_02.jpg) right top no-repeat; overflow:hidden;}
.m_c_1 .slideTxtBox .hd{ width:273px; height:474px; padding-top:6px; float:left;}
.m_c_1 .slideTxtBox .hd ul li{display:block; width:223px; height:68px; line-height:67px; padding-left:50px; font-size:20px; color:#6fc1d1; margin-bottom:32px; cursor:pointer; background:url(../images/topic_03.jpg) center center no-repeat;}
.m_c_1 .slideTxtBox .hd ul li.on{ color:#ffff00;background:url(../images/topic_04.jpg) center center no-repeat;}
.m_c_1 .slideTxtBox .bd{width:831px; height:465px; padding-top:15px; float:left; overflow:hidden;}
.m_c_1 .slideTxtBox .bd .tab_con{ width:831px; height:465px; overflow:hidden; position:relative;}
.m_c_1 .slideTxtBox .bd .tab_con .p_img{ width:831px; padding-bottom:10px; position:absolute; left:0; bottom:0; z-index:1;}
.m_c_1 .slideTxtBox .bd .tab_con .p_text{ width:801px; padding:10px 15px; background:url(../images/topic_01.png) center top repeat-y; line-height:1.8em; font-size:14px; color:#ffff00; position:absolute; left:0; top:0; z-index:2;}

/*核心优势*/
.m_con .m_c_5{ width:1120px; padding:26px 40px 38px 40px; overflow:hidden;}
.m_c_5 .slideTxtBox{ width:1120px; overflow:hidden;}
.m_c_5 .slideTxtBox .hd{ width:1120px; height:69px; }
.m_c_5 .slideTxtBox .hd ul li{display:block; width:208px; padding:0 8px; height:69px; line-height:69px; float:left; text-align:center; font-size:20px; color:#6fc1d1; cursor:pointer; background:url(../images/topic_11.jpg) center center no-repeat;}
.m_c_5 .slideTxtBox .hd ul li.on{ color:#ffff00;background:url(../images/topic_12.jpg) center center no-repeat;}
.m_c_5 .slideTxtBox .bd{width:1120px; height:500px; overflow:hidden;}
.m_c_5 .slideTxtBox .bd .tab_con{ width:1120px; height:500px; overflow:hidden; position:relative;}
.m_c_5 .slideTxtBox .bd .tab_con .p_img{ width:1120px; height:500px; position:absolute; left:0; top:0; z-index:1;}
.m_c_5 .slideTxtBox .bd .tab_con .p_text{ padding:23px 28px; line-height:1.8em; font-size:14px; color:#ffff00; position:absolute; z-index:2;}

/*历程 & 目标*/
.m_con .m_c_2{ width:1170px; padding:0 0 38px 30px; overflow:hidden;}
.m_c_2 .time_menu{ width:1140px; height:76px; background:url(../images/topic_05.jpg) center top no-repeat; position:relative;}
.m_c_2 .time_menu ul li{ float:left; width:285px; height:61px;line-height:42px; padding-top:15px; background:url(../images/topic_06.png) center 50px no-repeat; color:#fff; text-align:center;cursor:pointer;}
.m_c_2 .time_menu ul li#size_1{font-size:14px;}
.m_c_2 .time_menu ul li#size_2{font-size:14px;}
.m_c_2 .time_menu ul li#size_3{font-size:20px;}
.m_c_2 .time_menu ul li#size_4{font-size:24px;}
.m_c_2 .time_menu ul li.on{ color:#fffc00;}
.m_c_2 .time_menu div.curb{  width:285px;background:url(../images/topic_07.png) center center no-repeat; height:26px; left:0; top:50px; cursor:pointer; position:absolute; z-index:1;} 
.m_c_2 .time_text{ width:1120px; padding:0 10px; height:auto!important; height:450px; min-height:450px; background:url(../images/topic_08.jpg) center bottom no-repeat;}
.m_c_2 .time_text .time_con{ width:1080px;  padding:10px 20px 20px 20px; overflow:hidden; color:#fff; font-size:14px;}

/*招商项目*/
.m_con .m_c_3{ width:1200px; height:773px;overflow:hidden;}
.m_c_3 .pro_con{ width:1200px; height:730px; position:relative;}
.m_c_3 .pro_con .pro_list{ width:283px; height:194px; padding:15px 0 0 15px; background:url(../images/topic_09.png) left top no-repeat; position:absolute;}
.m_c_3 .pro_con #pro_1{ left:68px; top:34px;}
.m_c_3 .pro_con #pro_2{ left:455px; top:34px;}
.m_c_3 .pro_con #pro_3{ left:840px; top:34px;}
.m_c_3 .pro_con #pro_4{ left:840px; top:285px;}
.m_c_3 .pro_con #pro_5{ left:840px; top:535px;}
.m_c_3 .pro_con #pro_6{ left:68px; top:535px;}
.m_c_3 .pro_con .pro_list .p_img{ width:260px; height:150px; position:relative;}
.m_c_3 .pro_con .pro_list .p_img .p_name{width:250px;height:22px; line-height:22px; padding:0 5px; background:url(../../../images/blank.png) center center repeat;position:absolute; left:0; top:128px; z-index:1;}
.m_c_3 .pro_con .pro_list .p_img .p_name a{ color:#fff; }
.m_c_3 .pro_con .pro_list .p_img .p_name a:hover{color:#ffff00;}
.m_c_3 .pro_con .pro_list .p_price{ width:260px; height:35px; line-height:35px;color:#ffff00; font-size:16px; }
.m_c_3 .pro_con .pro_list .p_price span{ float:right; font-size:14px; color:#fff;}

/*项目图册*/
.m_con .m_c_4{ width:1177px; padding:23px 0 23px 23px; overflow:hidden;}
.m_con .m_c_4 .pro_list{ width:559px; height:245px; padding:0 0 0 17px; background:url(../images/topic_10.jpg) center center no-repeat; overflow:hidden; float:left; margin-right:7px; margin-bottom:4px; float:left;}
.m_con .m_c_4 .pro_list .p_tit{ width:559px; height:51px; padding-top:14px;}
.m_con .m_c_4 .pro_list .p_img{ width:260px; height:150px; border:2px solid #15230e; margin-right:9px; float:left;}


/*.main_04*/
#container .main_04{ width:1270px; margin:0 auto 10px auto;}

.main_04 .m_list_l{ width:620px; float:left;}
.main_04 .m_list_l .m_top{ width:585px; height:61px; padding:0 0 0 35px; background:url(../images/topic_top_s.png) left top no-repeat;}
.main_04 .m_list_l .m_top span{ display:block; padding:13px 0 0 85px;}
.main_04 .m_list_l .m_center{ width:620px; background:url(../images/topic_center_s.png) left top repeat-y;}
.main_04 .m_list_l .m_center .m_con{ width:565px; height:460px; padding:20px 0 44px 55px; background:url(../images/topic_bottom_s.jpg) left bottom no-repeat;}

.zsdt_list{ width:545px; height:120px; margin-bottom:20px; overflow:hidden;}
.zsdt_list .p_img{ width:100px; height:100px; border:10px solid #07262c; float:left;}
.zsdt_list .p_text{ width:405px; height:120px; background-color:#0b3f49; padding:0 10px; float:left;}
.zsdt_list .p_text .p_time{ height:40px; line-height:40px; border-bottom:1px solid #24535c; font-size:22px; color:#85b8c2; padding-left:5px;}
.zsdt_list .p_text .p_der{ line-height:24px; font-size:16px; color:#fff; padding:8px 0 0 5px;}

.main_04 .m_list_r{ width:620px; float:right;}
.main_04 .m_list_r .m_top{ width:585px; height:61px; padding:0 35px 0 0; background:url(../images/topic_top_s_r.png) left top no-repeat;}
.main_04 .m_list_r .m_top span{ display:block; padding:13px 0 0 85px;}
.main_04 .m_list_r .m_center{ width:620px; background:url(../images/topic_center_s_r.png) left top repeat-y;}
.main_04 .m_list_r .m_center .m_con{ width:565px; height:460px; padding:20px 35px 44px 20px; background:url(../images/topic_bottom_s_r.jpg) left bottom no-repeat;}

.tzdp_list{ width:545px; height:190px; margin-bottom:20px; overflow:hidden;}
.tzdp_list .p_img{ width:170px; height:170px; border:10px solid #07262c; float:left;}
.tzdp_list .p_text{ width:343px; height:190px; background:url(../images/topic_14.jpg) left 20px no-repeat; padding-left:12px; float:left;}
.tzdp_list .p_text .p_der{ width:313px; height:182px; background-color:#0b3f49; padding:8px 15px 0 15px;}
.tzdp_list .p_text .p_der .p_tit{ height:135px; font-size:16px; color:#fff; line-height:24px;}
.tzdp_list .p_text .p_der .p_name{ height:40px; line-height:40px; font-size:18px; color:#fff; text-align:right;}

/*=====================bottom===============*/
#topic_bottom{ width:100%; height:auto!important;background:#07242a url(../images/bottombg.jpg) center top repeat-x; padding:60px 0 30px 0;}
#topic_bottom .con{ width:1200px; color:#578088; margin:0 auto;}
#topic_bottom .con .b_l{ width:460px; line-height:24px; float:left;}
#topic_bottom .con .b_c{ width:290px; float:left;}
#topic_bottom .con .b_r{ float:right; padding-right:120px; width:20px; height:120px; line-height:17px;}
#topic_bottom .con a{color:#578088;}
#topic_bottom .con a:hover{color:#fffc00;}