@CHARSET "UTF-8";
/*------------------- Home ---------------------*/
html,body{background:#fafafa;height:100%;}
a{outline-width:0px;outline-style:none;}
#wrapper{min-height:100%;}
#header_wrapper{background:#2a2a2a;height:100px;z-index:10000;width:100%;}
#header{width:75%;margin:0 auto;}
#logo{width:328px;height:97px;}
#logo a {width:328px;height:97px;background:url(../images/logo.png) no-repeat;text-indent:-9999px;}


#navigation{}
#navigation li{float:left;}
#navigation li a{display:block;color:#fff;width:50px;height:100px;line-height:100px;text-align:center;}
#navigation li a.current{background:url(../images/nav_bg.png) repeat-x left center;color:#fff;}
#navigation li a.current .nav_bg_left{background:url(../images/nav_bg_left.png) no-repeat left center;width:2px;height:100px;left:0;top:0;}
#navigation li a.current .nav_bg_right{background:url(../images/nav_bg_right.png) no-repeat left center;width:2px;height:100px;right:-1px;top:0;}
#navigation li a:hover{text-decoration:none;}


#center{background:url(../images/center_bg.gif) repeat-x #fff;}
#main, #footer{width:976px;margin:0 auto;}
#footer_wrapper{background:#2a2a2a;color:#999;}
/* #footer{background:url(../images/footer_top_bg.png) repeat-x;} */
#footer .footer_nav {text-align:center;padding:30px 0 30px;}
#footer .footer_nav a {padding:10px;}
#footer a{color:#fff;}
#footer li{text-align:center;color:#999;font-size:14px;line-height:20px;}
#footer .top_btn{top:0;right:0;width:37px;height:19px;background:url(../images/top_btn.png) no-repeat;text-indent:-9999px;z-index:10;}

/*------------ 首页----------------*/

#center .index{margin-top:20px;margin-bottom:30px;}
#center .index a{color:#666;}
#center .index > li{width:33.3%;}
#center .index > li .header {height:19px;}
#center .index > li .header a{top:0;right:0;font-size:12px;}
#center .index > li .container{border:1px solid #ccc;margin:5px;padding:20px 15px 15px;border-radius:5px;color:#666;line-height:20px;height:290px;}
#center .index li.about_us .header{background:url(../images/index_about_us.png) no-repeat 15px 0;}
#center .index li.about_us .container{line-height:25px;}
#center .index li.news .header{background:url(../images/index_news.png) no-repeat 35px 0;}
#center .index li.news .container .list{border-bottom:1px solid #ccc;height:35px;line-height:35px;}
#center .index li.contact_us .header{background:url(../images/index_contact_us.png) no-repeat 15px 0;}
#center .index li.contact_us .container {background:url(../images/index_contact_bg.png) no-repeat right bottom;}
#center .index li.contact_us .container .title{color:#00327b;font-size:14px;font-weight:bold;margin:0 auto 10px;}
#center .index li.contact_us .container li{height:22px;line-height:22px;}

a.go_to_effect{top:0;right:-100px;width:100px;height:100px;text-align:center;line-height:78px;color:#fff;font-weight:bold;background:url(../images/go_to_effect.png) center center;}
a.go_to_effect:hover{text-decoration:none;}

#center .effect{background:url(../images/bg.jpg) no-repeat center 80%;overflow:hidden;}
#center .effect .behand{width:880px; height:69%; top:14%; left:25%; position:absolute; vertical-align:bottom;}
#center .effect .behand .step{display:none;}
.effect_scroll{background:url(../images/effect_scroll.gif) no-repeat;width:100px;height:100px;top:35%;left:48%;z-index:10000;}
.slogan{top:30%;left:44%;z-index:10000;font-size:25px;color:#000;line-height:25px;}
#center .bg{background:url(../images/effect_footer_bg.png) no-repeat 0 bottom;height:264px;width:100%;overflow:hidden;bottom:0; position:absolute; z-index:400}
#case1{background:url(../images/case1.png) no-repeat; width:880px; height:66px; bottom:0px; left:0px; position:absolute;}
#case2{background:url(../images/case2.png) no-repeat; width:880px; height:64px; bottom:66px; left:0px; position:absolute;}
#case3{background:url(../images/case3.png) no-repeat; width:880px; height:117px; bottom:130px; left:0px; position:absolute;}

#case4{background:url(../images/case4.png) no-repeat; width:880px; height:73px; bottom:0px; left:0px; position:absolute;}
#case5{background:url(../images/case5.png) no-repeat; width:880px; height:56px; bottom:73px; left:0px; position:absolute;}
#case6{background:url(../images/case6.png) no-repeat; width:880px; height:56px; bottom:129px; left:0px; position:absolute;}
#case6{background:url(../images/case6.png) no-repeat; width:880px; height:56px; bottom:129px; left:0px; position:absolute;}
#case7{background:url(../images/case7.png) no-repeat; width:880px; height:55px; bottom:185px; left:0px; position:absolute; z-index:200}
#case8{background:url(../images/case8.png) no-repeat; width:880px; height:140px; bottom:240px; left:0px; position:absolute; z-index:200}
#case9{background:url(../images/case9.png) no-repeat; width:880px; height:141px; bottom:380px; left:0px; position:absolute; z-index:200}
#case10{background:url(../images/case10.png) no-repeat; width:880px; height:128px; bottom:0px; left:0px; position:absolute;}
#case11{background:url(../images/case11.png) no-repeat; width:880px; height:117px; bottom:128px; left:0px; position:absolute;}

#case12{background:url(../images/case12.png) no-repeat; width:720px; height:84px; bottom:0px; left:-58px; position:absolute;}
#case13{background:url(../images/case13.png) no-repeat; width:720px; height:84px; bottom:84px; left:-58px; position:absolute;}
#case14{background:url(../images/case14.png) no-repeat; width:720px; height:100px; bottom:168px; left:-58px; position:absolute;}
#case15{background:url(../images/case15.png) no-repeat; width:720px; height:84px; bottom:0; left:-58px; position:absolute;}
#case16{background:url(../images/case16.png) no-repeat; width:720px; height:84px; bottom:84px; left:-58px; position:absolute;}
#case17{background:url(../images/case17.png) no-repeat; width:720px; height:100px; bottom:168px; left:-58px; position:absolute;}
#case18{background:url(../images/case18.png) no-repeat; width:720px; height:84px; bottom:0; left:-58px; position:absolute;}
#case19{background:url(../images/case19.png) no-repeat; width:720px; height:84px; bottom:84px; left:-58px; position:absolute;}
#case20{background:url(../images/case20.png) no-repeat; width:720px; height:100px; bottom:168px; left:-58px; position:absolute;}


.projects .header{font-size:22px;color:#fff;padding-top:45px;text-indent:-9999px;background:url(../images/projects_title.gif) no-repeat left center;}
.projects .slider_wrapper{width:976px;overflow:hidden;*position:relative;}
.projects .slider_wrapper .slider_box{width:20000px;height:520px;}
.projects .slider{width:976px;height:520px;overflow:hidden;float:left;}
.projects .slider li {width:33.3%;height:260px;overflow:hidden;float:left;text-align:center;}
.projects .slider li .inner{padding:20px;}
.projects .slider li .inner .desc{padding-top:10px;}
.projects .slider li .inner .desc a{color:#000;}
.projects .controller{width:170px;height:26px;line-height:26px;text-align:center;margin:20px auto;}
.projects .controller li{float:left;margin:0 5px;}
.projects .controller .left{background:url(../images/control_right.png) no-repeat;width:28px;height:26px;margin-right:10px;}
.projects .controller .right{background:url(../images/control_left.png) no-repeat;width:28px;height:26px;margin-left:10px;}
.projects .controller .page{background:url(../images/control_normal.png) no-repeat;width:12px;height:12px;}
.projects .controller a.current{background:url(../images/control_current.png) no-repeat;}


.pop{top:100px;left:0;overflow:hidden;z-index:100;}
.pop .mask{top:0;left:0;z-index:101;background:#000;}
.pop .content{width:960px;height:650px;top:-650px;z-index:102;text-align:center;}
.pop .content .desc{left:0;bottom:0;width:100%;height:50px;line-height:50px;font-size:18px;text-align:center;z-index:103;background:#000;opacity:0.9;filter:alpha(opacity=90);color:#fff;}
.pop .content .close{right:0;top:0;background:url(../images/pop_close.png) no-repeat;width:57px;height:57px;z-index:120;}
.pop .content .arrow{left:0;top:0;width:100%;height:100%;z-index:104;}
.pop .content .arrow .arrow_left{width:50%;height:100%;left:0;top:0;cursor:pointer;background:#fff;opacity:0.0;filter:alpha(opacity=0);}
.pop .content .arrow .arrow_right{width:50%;height:100%;right:0;top:0;cursor:pointer;background:#fff;opacity:0.0;filter:alpha(opacity=0);}
.pop .content .arrow .left_hover{background:url(../images/arrow_left.png) no-repeat left center;opacity:1;filter:alpha(opacity=100);}
.pop .content .arrow .right_hover{background:url(../images/arrow_right.png) no-repeat right center;opacity:1;filter:alpha(opacity=100);}

.cominfo .cominfo_news {width:100%;height:45px;background:url(../images/cominfo_news_bg.png) repeat-x;overflow:hidden;margin-top:5px;}
.cominfo .cominfo_news_left{left:0;top:0;width:14px;height:50px;background:url(../images/cominfo_sub_nav_left.png) no-repeat;overflow:hidden;}
.cominfo .cominfo_news_right{top:0;right:0;width:9px;height:50px;background:url(../images/cominfo_sub_nav_right.png) no-repeat;overflow:hidden;}

.cominfo_news_wrapper{padding-top:9px;}
.cominfo_news_latest{background:url(../images/cominfo_icon.png) no-repeat -26px 0;width:89px;height:27px;line-height:27px;overflow:hidden;text-indent:15px;margin-left:50px;color:#fff;}
.cominfo_news_container{height:27px;line-height:27px;font-size:15px;margin-left:10px;overflow:hidden;position:relative;}
.cominfo_news_container a{color:#000;}
.cominfo_news_contact{width:262px;height:27px;line-height:27px;overflow:hidden;top:9px;right:0;text-indent:32px;font-size:15px;}
.cominfo_news_contact .tel{background:url(../images/cominfo_icon.png) no-repeat;left:0;top:0;width:20px;height:27px;width:27px;overflow:hidden;}

.cominfo_content{margin-top:10px;}
.cominfo_content .header{height:100px;overflow:hidden;background:url(../images/cominfo_sub_nav_bg.png) repeat-x;}
.cominfo_content .header .left{width:11px;height:96px;left:0;top:0;overflow:hidden;background:url(../images/cominfo_sub_content_left.png) no-repeat;}
.cominfo_content .header .right{width:11px;height:96px;right:0;top:0;overflow:hidden;background:url(../images/cominfo_sub_content_right.png) no-repeat;}
.cominfo_content .header .center{width:425px;margin: 50px auto 0;*padding-top:50px}
.cominfo_content .header .center li{float:left;height:24px;line-height:24px;margin-right:35px;}
.cominfo_content .header .center li a{display:inline-block;color:#333;height:55px;}
.cominfo_content .header .center li a.current{background:url(../images/cominfo_current_bg.png) no-repeat -5px bottom;color:#f25c7f;font-weight:bold;}
.cominfo_content .header .center li a:hover{text-decoration:none;}
.cominfo_content .contents{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;width:967px;margin:0 auto 20px;margin-top:-2px;line-height:25px;color:#666;text-indent:20px;min-height:340px;}
.cominfo_content .contents .detail{padding:20px;}


.companys .com_header li{float:left;}
.companys .com_header li a{display:inline-block;width:70px;height:35px;line-height:35px;text-align:center;background:#d2d2d2;margin:5px 2px;color:#333;}
.companys .com_header li a.current{background:#4493e5;color:#fff;}
.companys .com_content {border-top:1px dashed #ccc;margin-top:20px;padding-top:20px;}
.companys .com_content p{padding:10px 0;}

#main .box {padding:10px 0;margin-bottom:20px;padding-bottom:20px;}
#main .box .box_content{background:#fff;background:url(../images/box_bg.png) repeat-y;padding:10px;}
#main .box .box_header{width:976px;height:21px;left:0;top:0;background:url(../images/box_header.png) no-repeat;}
#main .box .box_footer{width:976px;height:21px;left:0;bottom:0;background:url(../images/box_footer.png) no-repeat;}
#main .news .box_content li{border-bottom:1px dotted #ccc;padding-left:20px;height:35px;line-height:35px;background:url(../images/news_icon.png) no-repeat left center;}
#main .news .box_content li a {color:#000;display:block;}
#main .news .box_content li a .date {top:0;right:0;}
#main .news .page{background:#fff;background:url(../images/box_bg.png) repeat-y;padding:5px;text-align:right}

.news_read .title{text-align:center;}
.news_read .title h2{padding:20px;}
.news_read .title p{border-bottom:1px solid #ccc;padding:5px;}
.news_read .detail{font-size:14px;line-height:20px;padding:10px 5px;}
.news_read .detail p{text-indent:20px;}


.news .page a{color:#000;}
.news .page a:hover{text-decoration:none;background:#f5f5f5;}
.news .page .num{display:inline-block;padding:5px 10px;border:1px solid #ccc;color:#000;margin:0 5px;}
.news .page .current{display:inline-block;padding:5px 10px;border:1px solid #ccc;color:#000;margin:0 5px;background:#ddd;}