/*======================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-size:100%; 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:#ca0000;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;}

/*top*/
#top{ width:100%;height:33px;background:url(../../../images/top_bg.jpg) center top repeat-x; border-bottom:1px solid #e4e4e4;}
#top .top_wrap{width:1200px;height:33px;line-height:33px;margin:0 auto;}
.top_wrap ul li{ height:30px;line-height:33px; padding:0 16px 0 5px;}
.top_wrap ul li.fore4{ background:url(../../../images/topphone.jpg) left center no-repeat; height:33px; padding-left:25px;}
.topic_logo{ padding-top:7px;}

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

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

#main_01 #logo{ display:block; width:270px; height:45px; position:absolute; left:0; top:15px; z-index:1;}
#main_01 #phone{ display:block; width:225px; height:37px; padding-left:45px; line-height:37px; background:url(../../../images/topic_phone_bg.png) center center no-repeat; font-size:14px; color:#fff; position:absolute; left:790px; top:22px; z-index:1;}
#main_01 #phone .p_contact{ float:left; margin-right:5px;}
#main_01 #phone .p_tell{ padding-top:6px; float:left;}
/*#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;}
#main_01 #survey{ width:600px; line-height:30px; font-size:14px; color:#fff; position:absolute; left:190px; top:465px; z-index:1;}
#main_01 #survey p{ line-height:30px;}
#main_01 #player{ width:330px; height:200px;position:absolute; left:860px; top:448px; z-index:1;}
#main_01 #player_name{ width:330px; height:37px; line-height:37px; text-align:center; font-size:14px; color:#fffc00; position:absolute; left:860px; top:649px; z-index:1;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#main_01 #player{ left:859px;}
}

/*.main_02*/
#container .main_02{ width:1270px; margin:0 auto;}
.main_02 .m_top{ width:1200px; height:104px; padding:10px 35px 0 35px; background:url(../images/topic_top.jpg) center center no-repeat;}
.main_02 .m_top span{ display:block; padding:26px 0 0 85px;}
.main_02 .m_center{ width:1270px; background:url(../images/topic_center.jpg) center top repeat-y;}
.main_02 .m_center .m_con{ width:1200px; padding:0 35px 57px 35px; background:url(../images/topic_bottom.jpg) center bottom no-repeat;}

/*生态文明先锋  新型城镇示范*/
.m_con .m_c_1{ width:1162px; height:480px; padding:8px 0 38px 38px; overflow:hidden;}
.m_c_1 .slideTxtBox{ width:1124px;height:490px; background:url(../images/topic_02.png) right top no-repeat; overflow:hidden;}
.m_c_1 .slideTxtBox .hd{ width:273px; height:484px; 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:#84bae4; margin-bottom:32px; cursor:pointer; background:url(../images/topic_04.png) center center no-repeat;}
.m_c_1 .slideTxtBox .hd ul li.on{ color:#ffff00;background:url(../images/topic_03.png) center center no-repeat;}
.m_c_1 .slideTxtBox .bd{width:831px; height:475px; padding-top:15px; float:left; overflow:hidden;}
.m_c_1 .slideTxtBox .bd .tab_con{ width:831px; height:475px; overflow:hidden; position:relative;color:#ffff00;}
.m_c_1 .slideTxtBox .bd .tab_con .p_img{ width:831px; text-align:right; 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; position:absolute; left:0; top:0; z-index:2;}
.m_c_1 .slideTxtBox .bd #tab_01 .p_img{ bottom:10px; text-align:right;}
.m_c_1 .slideTxtBox .bd #tab_02 .p_img{ top:5px;}
.m_c_1 .slideTxtBox .bd #tab_02 .p_text{ background:none; width:420px;}
.m_c_1 .slideTxtBox .bd #tab_03 .p_img{ bottom:15px; text-align:center;}
.m_c_1 .slideTxtBox .bd #tab_03 .p_text{ background:none;}
.m_c_1 .slideTxtBox .bd #tab_04 .p_img{ bottom:5px; text-align:center;}
.m_c_1 .slideTxtBox .bd #tab_04 .p_text{ background:none;}
.m_c_1 .slideTxtBox .bd #tab_05 .p_img{ bottom:10px; text-align:right;}



/*历程 & 目标*/
.m_con .m_c_2{ width:1120px; padding:0 0 38px 40px; overflow:hidden;}
.m_c_2 .con_tit{ margin-bottom:5px; height:30px;font-size:18px;color:#ffff00;}
.m_c_2 .slideTxtBox{ width:1120px;height:560px; overflow:hidden; position:relative;}
.m_c_2 .slideTxtBox .hd{ width:133px; height:500px; position:absolute; left:30px; top:40px; z-index:2;}
.m_c_2 .slideTxtBox .hd ul li{display:block; width:133px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#fff; margin-bottom:10px; cursor:pointer; background:url(../images/topic_06.png) center center no-repeat;}
.m_c_2 .slideTxtBox .hd ul li.on{ color:#fff;background:url(../images/topic_07.png) center center no-repeat;}
.m_c_2 .slideTxtBox .bd{width:1120px; height:560px; position:absolute; left:0; top:0; z-index:1;}
.m_c_2 .slideTxtBox .bd .tab_con{ width:1120px; height:560px; overflow:hidden;}


/*招商项目*/
.m_con .m_c_3{ width:1162px; height:580px; padding:0 0 38px 38px; overflow:hidden;}
.m_c_3 .pro_con{ width:1124px; height:580px; 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:60px; top:14px;}
.m_c_3 .pro_con #pro_2{ left:60px; top:370px;}
.m_c_3 .pro_con #pro_3{ left:680px; top:370px;}
.m_c_3 .pro_con .pro_list .p_img{ width:260px; height:150px;}
.m_c_3 .pro_con .pro_list .p_name{ width:260px; height:35px; line-height:35px;font-size:14px; }
.m_c_3 .pro_con .pro_list .p_name span{ float:right; color:#ffff00; font-size:16px;}
.m_c_3 .pro_con .pro_list .p_name a{ color:#fff;}
.m_c_3 .pro_con .pro_list .p_name a:hover{color:#ffff00;}

/*项目图册*/
.m_con .m_c_4{ width:1177px; padding:0 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_15.png) 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;}

/*=====================bottom===============*/
#topic_bottom{ width:100%; height:auto!important; height:100px; min-height:100px; background:#1a2215 url(../images/bottombg.jpg) center top repeat-x; padding-top:30px;}
#topic_bottom .con{ width:1200px; text-align:center; color:#689ec8; margin:0 auto;}
#topic_bottom .con p{ text-align:center; line-height:28px;}
#topic_bottom .con a{color:#689ec8;}
#topic_bottom .con a:hover{color:#fffc00;}