@charset "utf-8";

/*reset*/

html{color:#4c4948;background:#fff;font-size:12px;font-family:宋体}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,th,td,form,dt,dd{margin:0;padding:0;}

/*body{ background:url(../images/top.gif) repeat-x 0 0;}*/

img{border:0;}

li{list-style:none; }

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:"";}

input,button,textarea,select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win,IE7-Win */

input,button,textarea,select{*font-size:100%;}

a{text-decoration:none;color:#595757}

a:hover{color:#008dd6;}

p{line-height:2em;margin:1em auto;padding:0}

img{_vertical-align:middle;}/*防止IE6，IMG底部出现间隙*/

/*英文强制换行*/

.word{word-break:break-all;}



/* clear both */

.clearfix{display:table;zoom:1;}

.clear{clear:both}

.fl{float:left;display:inline}

.fr{float:right;display:inline; margin-top:5px;font-weight:bold; color:#9fa0a0}

.w{ width:960px; margin:0 auto}

#wrapper{ width:960px; margin:0 auto}



/*框架*/

.urhere{ color:#9fa0a0; margin:10px 0}

.urhere a{ color:#9fa0a0}

.urhere a:hover{color:#008dd6;}

.contentContainer{ width:100%}

#mainContainer{padding-bottom:27px}

#sidebar{ width:207px; float:left; font-family:微软雅黑}

#rightContent{ width:730px; float:right}

#rightContent p{ text-indent:28px}

#sidebar li a{ height:29px; display:block; line-height:29px; background:url("../images/sideNav.gif") no-repeat -1px 0; margin-bottom:3px; padding-left:9px; color:#fff; width:198px; font-size:14px}

#sidebar li.cur a{ background:url("../images/sideNav.gif") no-repeat -208px 0}

.page{ text-align:right; }

.page a{ display:inline-block; margin-right:7px;line-height:14px; height:14px; vertical-align:middle}

.page .first{ width:15px; height:14px; background:url("../images/page_first.gif") no-repeat 0 0; margin-right:4px}

.page .end{ width:15px; height:14px; background:url("../images/page_last.gif") no-repeat 0 0}

.page .pre{ width:15px; height:14px; background:url("../images/page_pre.gif") no-repeat 0 0; margin-right:12px}

.page .next{ width:15px; height:14px; background:url("../images/page_next.gif") no-repeat 0 0; margin-left:5px}



/*头部*/

#header{ width:100%; height:108px}

#logo{ width:260px; height:65px; float:left; margin-top:19px}

.header_right{ width:496px; float:right}

#logo a{ width:260px; height:65px; background:url("../images/logo.jpg") no-repeat 0 0; text-indent:-9999px; display:block }

.header_tool{ /*width:275px;*/ width:285px;float:right; margin:16px 0 25px}

.header_tool .lang{ width:100px;  padding-left:23px; height:18px; color:#9fa0a0; margin-top:4px; font-family:Arial;w\idth:84px;}

.header_tool .lang a{ color:#9fa0a0}

.header_tool .lang a:hover{ color:#008dd6}

.header_tool .search{ width:163px;  float:right; height:24px; position:relative}

.search select{ border:none; width:45px; float:left; background:none; margin-top:2px;}

.search .keyword{ width:92px; float:left; height:23px; border:none; background:none; padding:0 3px; line-height:23px;color:#9fa0a0; margin-top:4px; font-family:Arial;}

.search .btn{ width:15px; height:15px; background:url("../images/ico_sr.gif") no-repeat 0 0; border:none; margin-top:4px}

.nav{ width:508px; height:30px; float:right; overflow:hidden;font-family:微软雅黑}

.nav ul{ width:586px}

.nav li{ float:left; padding:0 18px;background:url("../images/nav_bg.gif") no-repeat right 0; font-size:14px; line-height:14px }

.nav li a{ padding-bottom:7px; display:inline-block}

.nav li a:hover{ color:#468904; border-bottom:2px solid #71be25}

DIV.selectbox-wrapper {	BORDER: #e7e7e7 1px solid;WIDTH:45px;POSITION:absolute; BACKGROUND: #fff; TEXT-ALIGN:left; left:0; top:0}

DIV.selectbox-wrapper UL LI.current { BACKGROUND-COLOR: #e7e7e7;padding-left:4px; width: 39px;}

DIV.selectbox-wrapper UL LI {PADDING: 3px; WIDTH: 42px; CURSOR: pointer; LINE-HEIGHT: 20px;}

.selectbox{ border:none;  DISPLAY: block; padding-left:4px; width: 41px; CURSOR: pointer;font-size:12px; HEIGHT:24px; line-height:24px; background:url("../images/select.gif")/*tpa=http://www.grantop.net/statics/images/select.gif*/ no-repeat 37px center; float:left}





/*尾部*/

#footer{ border-top:1px solid #d3d3d4; padding-top:19px; padding-bottom:55px}

.footer_nav{ color:#9fa0a0}

.footer_nav a{ color:#9fa0a0;}

.footer_nav a:hover{ color:#008dd6;}

#footer strong{ color:#008cd6}



/*首页*/

.index_banner_container{ width:960px; height:344px; position:relative; margin-bottom:28px;overflow:hidden}
.index_banner_container .bg{ position:absolute; z-index:1}
.index_banner_container .banner_img{  position:absolute; z-index:2}

.index_banner_container .banner_control{ position:absolute; left:22px; bottom:18px; z-index:999}

.index_banner_container .banner_control li{ width:13px; height:13px; background:url("../images/control.png") no-repeat 0 -13px; float:left; margin-right:6px; display:inline; cursor:pointer}

.index_banner_container .banner_control li.cur{background:url("../images/control.png") no-repeat -25px -12px;}

.index_bottom{ width:100%; }

.index_bottom .news_mod{ width:247px; margin-right:35px}

.index_bottom .news_mod h2{ width:100%; height:20px;margin-bottom:10px; }
.index_bottom .news_mod h2 a{width:125px; height:20px; background:url("../images/t_news.gif") no-repeat 0 0; text-indent:-9999px;display:block}

.index_bottom .news_mod span{ color:#9fa0a0}

.index_bottom .news_mod li{ line-height:24px;}

.index_bottom .project_mod{ width:440px}

.index_bottom .project_mod h2{ width:102px; height:120px;background:url("../images/t_project.gif") no-repeat 0 0; text-indent:-9999px}

.index_bottom .project_mod .project_lst{ width:313px; height:126px; overflow:hidden; float:left; position:relative}

.index_bottom .project_mod .bd{ width:330px;}

.index_bottom .project_mod .project_lst ul{width:20000px; position:absolute; left:0; top:0}

.index_bottom .project_mod .project_lst li{ width:155px; height:126px; float:left; line-height:20px; margin-right:3px; display:inline; position:relative}

.index_bottom .project_mod .project_lst .hover{ height:3px; background-color:#f18400; width:155px; position:absolute; top:100px; left:0}

.index_bottom .project_mod .project_control{ width:16px; float:right;}

.index_bottom .project_mod .project_control a{ display:block; width:16px; height:16px; text-indent:-9999px}

.index_bottom .project_mod a.pre{ background:url("../images/ico_lt.gif") no-repeat 0 0; margin-bottom:1px}

.index_bottom .project_mod a.next{ background:url("../images/ico_rt.gif") no-repeat 0 0; }

.index_bottom .project_mod a:hover.pre{ background:url("../images/ico_lt_cur.jpg") no-repeat 0 0; margin-bottom:1px}

.index_bottom .project_mod a:hover.next{ background:url("../images/ico_rt_cur.jpg") no-repeat 0 0; }

.other_mod .other1{ margin-bottom:4px}

.other_mod .other1 a,.other_mod .other2 a{ width:226px; height:58px; display:block}

.other_mod .other1 a{ background:url("../images/banner_apply.jpg") no-repeat -1px 0;}

.other_mod .other2 a{ background:url("../images/banner_business.jpg") no-repeat -1px 0;}



/*内容页*/

#rightContent{ padding-bottom:70px}

#rightContent p{ color:#595757}



/*项目案例*/

.case_item{ width:100%; height:150px; margin-bottom:30px}

.case_item .img{ width:224px; height:144px; padding:2px; border:1px solid #d7d7d7; float:left; margin-right:30px; display:inline; background-color:#fff}

.case_item .txt{ width:686px; float:left; border-bottom:1px dotted #c9caca; height:148px; padding-top:32px; color:#7d7d7d; line-height:24px; he\ight:116px}

.case_item .case_name{ font-size:20px; font-weight:bold; margin-bottom:10px}

.case_item .case_name a{ color:#595757}

.case_item .more{ color:#3d79c2}

.case_hover{ background:url("../images/case_hover.gif") repeat-x 0 1px;}

.case_hover .case_name a{ color:#0088d3}
.case_title{ margin-bottom:17px; margin-top:25px;font-weight:bold;font-size:18px; font-family:微软雅黑}
.case_brief{ text-indent:24px;line-height:24px; padding-bottom:20px; border-bottom:1px solid #cacaca; margin-bottom:30px}



/*新闻列表*/

.newsRecommence_mod{ width:100%; position:relative; margin-bottom:24px; height:139px}
.newsRecommence_item{ width:662px;  margin:0 auto; position:relative; height:139px; overflow:hidden}
.newsRecommence_item ul{ width:20000px; position:absolute; left:0; top:0}
.newsRecommence_item li{ width:226px; float:left;display:inline;}
.newsRecommence_item .img{ width:209px; height:139px; margin-bottom:6px}
.newsRecommence_item .txt{ text-align:center; font-weight:bold}
.newsRecommence_mod .control_lt{ width:15px; height:30px; position:absolute; left:0; top:35%; background:url("../images/ico_lt2.gif") no-repeat 0 0; text-indent:-9999px}
.newsRecommence_mod .control_rt{ width:15px; height:30px; position:absolute; right:0; top:35%; background:url("../images/ico_rt2.gif") no-repeat 0 0; text-indent:-9999px}
.newsRecommence_mod .control_lt a,.newsRecommence_mod .control_rt a{width:15px; height:30px; display:block; cursor:pointer}

.newsItem_mod .hd{ width:100%; height:33px; line-height:33px; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; background-color:#f9f9f9}

.newsItem_mod .hd1{ width:642px; padding-left:12px; float:left; border-right:1px solid #e5e5e5; w\idth:630px}

.newsItem_mod .bd{ margin-bottom:23px}

.newsItem_mod .hd2{ float:left; padding-left:32px}

.newsItem_mod li{ height:32px; line-height:32px; width:100%;border-bottom:1px solid #e5e5e5;}

.newsItem_mod .title{width:622px; padding-left:12px; float:left;}

.newsItem_mod .date{ float:left; padding-left:23px}



/*新闻内容*/

.content .hd{ height:35px; border-bottom:1px dotted #c9caca;}

.content .hd h2{font-size:18px; font-weight:bold; color:#666464; float:left; }

.content .hd .date{ float:right}

.content .bd{ padding-top:3px}

.content .relate,.policy_ct .relate{ width:100%; border-top:1px dotted #c9caca; padding-top:20px; margin-top:22px; color:#898989}

.content .relate a,.policy_ct .relate{ color:#898989}

.content .relate a:hover,.policy_ct .relate a:hover{ color:#008dd6}



/*政策法规详细*/

.policy_ct h2{ text-align:center; font-size:18px; font-weight:bold; color:#666464; margin-bottom:14px}

.policy_ct .promulgate{ text-align:center; border-top:1px dotted #cacaca; padding-top:14px; margin-bottom:23px; color:#9fa0a0}

.policyItem_mod{ width:100%; overflow:hidden; margin:0 auto;}

.policyItem_mod ul{ width:20000px;}

.policyItem_mod li{/* height:32px; line-height:32px; */width:100%;border-bottom:1px solid #e5e5e5; padding:10px 0}

.policyItem_mod .hd{ width:100%; height:33px; line-height:33px; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; background-color:#f9f9f9}

.policyItem_mod .hd1{ width:400px; padding-left:12px; float:left; border-right:1px solid #e5e5e5; w\idth:388px}

.policyItem_mod .bd{ margin-bottom:23px}

.policyItem_mod .hd2{ width:284px; float:left; padding-left:12px;w\idth:274px}

.policyItem_mod .title{width:400px; padding-left:12px; float:left;w\idth:388px}

.policyItem_mod .promulgate{ float:left; padding-left:13px;width:286px; w\idth:274px}



/*环境保护*/

.protection_mod{ width:100%; overflow:hidden}

.protection_mod ul{ width:760px}

.protection_mod li{ width:230px; float:left; border:1px solid #e6e5e5; padding:4px; margin-right:17px; margin-bottom:22px; display:inline; w\idth:222px}
.protection_mod li .img{ border-bottom:4px solid #018dd4}

.protection_mod li .title{ padding:8px 0 2px 6px; font-size:14px}



/*游戏*/

.game_mod{ border:1px solid #dcdddd; width:728px; background:url("../images/game_bg.gif") repeat-y right 0; }

.game_content{ width:596px; padding:22px 16px 22px 20px; border-right:1px solid #ddddde; w\idth:560px}

.game_lst{ width:131px; height:543px;}

.game_desc{ width:265px;}

.game_desc .hd{ padding-bottom:17px; border-bottom:1px dotted #c9caca}

.game_desc h3{ font-size:18px; font-weight:bold; color:#666464; margin-bottom:8px}

.game_desc .date{ color:#9fa0a0;}

.game_lst .hd{ font-size:14px; color:#595757; margin-left:13px; margin-top:23px; margin-bottom:15px}

.game_lst ul{ width:105px; margin:0 auto;height:2000px; position:relative; left:0; top:0;}

.game_lst li{width:105px; height:97px;}

.game_lst .control{ width:43px; margin:0 auto; border:1px solid #dadada}

.game_lst .control .up{ width:21px; height:21px; background:url("../images/btn_up.gif") no-repeat 0 0; display:inline-block; border-right:1px solid #dadada; text-indent:-9999px;overflow:hidden}

.game_lst .control .down{ width:21px; height:21px; background:url("../images/btn_down.gif") no-repeat 0 0; display:inline-block;text-indent:-9999px;overflow:hidden}

.game_lst .bd{ height:430px; overflow:hidden;position:relative}



/*宣传片*/

.vedio_mod{ border:1px solid #dcdddd; width:728px;background:url("../images/game_bg.gif") repeat-y right 0;}

.vedio_content{width:596px; padding:22px 16px 22px 20px; border-right:1px solid #ddddde; w\idth:560px}

.vedio_conten .hd{ width:100%; line-height:18px;}

.vedio_content h3{ font-size:18px; font-weight:bold; color:#666464; margin-bottom:8px; width:356px}

.vedio_content .date{ height:18px; line-height:18px;color:#9fa0a0; margin-right:15px}

.vedio_content .share{ background:url("../images/ico_share.jpg") no-repeat 0 4px; padding-left:12px; height:18px; line-height:18px}

.vedio_lst ul{ width:105px; margin:0 auto;height:2000px; position:absolute; left:0; top:0}

.vedio_lst li{ width:105px; height:97px;}

.vedio_lst .control{ width:43px; margin:0 auto; border:1px solid #dadada}

.vedio_lst .control .up{ width:21px; height:21px; background:url("../images/btn_up.gif") no-repeat 0 0; float:left;border-right:1px solid #dadada; text-indent:-9999px;overflow:hidden}

.vedio_lst .control .down{ width:21px; height:21px; background:url("../images/btn_down.gif") no-repeat 0 0; float:left;text-indent:-9999px;overflow:hidden}

.vedio_lst{ width:131px; height:543px;}

.vedio_lst .hd{ font-size:14px; color:#595757; margin-left:13px; margin-top:23px; margin-bottom:15px}

.vedio_lst .bd{ height:388px; width:105px; margin:0 auto; overflow:hidden; position:relative}



/*加入我们*/

.join_content_mod h3{ color:#595757; font-size:18px; font-weight:bold}

.claim_item{ padding-bottom:12px; border-bottom:1px solid #e5e5e5; padding-top:18px; width:100%; line-height:26px}

.claim_item dt{ float:left}

.claim_item dd{ float:left}

.claim_item h4{ font-weight:bold}

.job_tool .apply{ width:88px; height:28px; margin-right:16px}
.job_tool .apply a{ display:block;width:88px; height:28px; background:url("../images/btn_apply.gif")no-repeat 0 0; text-indent:-9999px}
.claim_item .all2,.claim_item .all3{ width:88px; height:28px;text-indent:-9999px}
.claim_item .all2{background:url("../images/btn_apply2.gif") no-repeat 0 0; }
.claim_item .all3{background:url("../images/btn_apply3.gif") no-repeat 0 0; }
.claim_item .job_tool{ margin-top:24px}
.job_email{ width:294px; height:184px; background-color:#fff; border:3px solid #c9cbca; position:absolute; left:50%; top:480px; display:none}
.job_email .in{ width:200px; height:42px; margin:42px auto 0; background:url("../images/ico_gou.gif") no-repeat 0 2px; padding-left:28px; margin-bottom:37px; w\idth:176px}
.job_email .btn_sure{ width:78px; height:28px;margin:0 auto}
.job_email .btn_sure a{width:78px; height:28px; display:block; background:url("../images/btn_sure.gif") no-repeat 0 0; text-indent:-9999px; }




.join_mod h3{ margin-bottom:5px; font-size:24px; color:#777575; font-family:微软雅黑; }
.join_mod h4{ color:#89B32B; font-size:18px;font-family:微软雅黑; }

.join_mod .desc{ line-height:26px; margin-bottom:20px}

.join_mod .hd{ width:100%; height:33px; line-height:33px; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; background-color:#f9f9f9}

.join_mod .bd{ margin-bottom:23px}

.join_mod .hd1,.join_mod .title{ width:178px; padding-left:12px; float:left; w\idth:166px}

.join_mod .hd2,.join_mod .num{ width:150px; float:left; }

.join_mod .hd3,.join_mod .place{ float:left; width:136px}

.join_mod .hd4,.join_mod .part{ float:left; width:212px}

.join_mod li{ height:32px; line-height:32px; width:100%;border-bottom:1px solid #e5e5e5;}

.filterMod .filter_hd{ border-bottom:3px solid #89b32b; padding-bottom:6px; font-size:14px; font-weight:bold}

.filterMod  .filter_bd{ padding-top:22px}

.filterMod .filter_bd td{ padding-bottom:20px}

.filterMod  select,.filter_key{ width:200px; height:20px; border:1px solid #abadb3}

.btn_filter{  width:78px; height:28px; background:url("../images/btn.jpg") no-repeat 0 0; color:#fff; border:0; cursor:pointer}



/*网站地图*/

.map_item{ line-height:34px; padding:10px 0; border-bottom:1px solid #e5e5e5; width:100% }

.map_item .column{ width:78px; font-size:14px; font-weight:bold; background:url("../images/ico_yuan.gif") no-repeat 0 center; padding-left:20px; margin-right:20px }

.map_item .sec_column{ width:612px}

.map_item .sec_column a{ padding:0 5px; font-size:12px}



/*友情链接*/

.link_mod{ width:100%; overflow:hidden}

.link_mod ul{ width:750px}

.link_mod li{ width:355px; height:79px; float:left; margin-right:19px; display:inline; margin-bottom:17px}

/*预约申请*/

.apply_mod h3{ border-bottom:1px dotted #c9caca; padding-bottom:17px; font-size:18px; font-weight:bold}

.apply_mod table{ margin-top:40px}

.apply_mod table td{ padding-bottom:15px}

.apply_mod table .th{ width:138px; padding-right:14px; text-align:right; color:#9fa0a0;}

.apply_mod table .txt,.apply_mod table .date{ width:255px; height:31px; line-height:31px; border:1px solid #e5e5e5; padding:0 4px; w\idth:247px;-moz-box-shadow:3px 3px 3px #f6f6f6 inset; /* For Firefox3.6+ */-webkit-box-shadow:3px 3px 3px #f6f6f6 inset; /* For Chrome5+, Safari5+ */box-shadow:3px 3px 3px #f6f6f6 inset;  /* For Latest Opera */}

.apply_mod table .area{ width:255px; height:100px; border:1px solid #e5e5e5;-moz-box-shadow:3px 3px 3px #f6f6f6 inset; /* For Firefox3.6+ */-webkit-box-shadow:3px 3px 3px #f6f6f6 inset; /* For Chrome5+, Safari5+ */box-shadow:3px 3px 3px #f6f6f6 inset;  /* For Latest Opera */}

.apply_mod .btn{ width:78px; height:28px; background:url("../images/btn.jpg") no-repeat 0 0; color:#fff; border:0; cursor:pointer}


.tab_hd{ width:100%}
.tab_hd .tab{ height:65px; float:left;text-indent:-9999px; display:inline-block; cursor:pointer}
.tab_hd .tab1{background:url("../images/tab_deal1.gif") no-repeat 0 0;width:88px;}
.tab_hd .tab2{background:url("../images/tab_deal2.gif") no-repeat 0 0;width:132px; }
.tab_hd .tab3{background:url("../images/tab_deal3.gif") no-repeat 0 0;width:136px; }
.tab_hd .tab1:hover,.tab_hd .tab1.cur{background:url("../images/tab_deal_cur1.gif") no-repeat 0 0;}
.tab_hd .tab2:hover,.tab_hd .tab2.cur{background:url("../images/tab_deal_cur2.gif") no-repeat 0 0;}
.tab_hd .tab3:hover,.tab_hd .tab3.cur{background:url("../images/tab_deal_cur3.gif") no-repeat 0 0;}


.backToTop {
    display: block;
    width: 44px;
	height:44px;
    background:url("../images/top.gif") no-repeat 0 0;
    position: fixed;
    _position: absolute;
    right: 100px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer; text-indent:-9999px
}
.backToTop:hover{background:url("../images/top_cur.gif") no-repeat 0 0;}