@charset "gb2312";
/* CSS Document【 QQ:3223330 技术支持 】*/
* { margin:0 auto; padding:0px; }
body { font-family:"宋体"; font-size:12px; text-align:left; color:#333333; background:#f0f0f0 }
img { border:0px; margin:0px; padding:0px; vertical-align:top;}
ul, li, p { list-style:none; margin:0px; padding:0px; }
.left { float:left }
.right { float:right; }
.clear { clear:both; }
dl, dt, dd { margin:0px; padding:0px; }
a { font-family:"宋体"; font-size:12px; color:#333333; margin:0px; padding:0px }
a:link { color:#333333; text-decoration:none }
a:visited { color:#333333; text-decoration:none }
a:hover { color:#9f211e; text-decoration:none }
a:active { color:#9f211e; text-decoration:none }
.top { width:1000px; background:url(top.gif) repeat-x; height:118px; overflow: hidden }
.toplf { width:528px; float:left }
.toplf_1 { width:483px; height:22px; padding-left:45px; overflow:hidden; background:url(icon.gif) 30px 6px no-repeat; line-height:26px; }
.toplf_1 a { padding:0px 3px; line-height:26px; color:#444444 }
.toplf_1 a:hover { color:#fff; }
.toprg { width:306px; float:right }
.nav { width:1000px; height:38px;  }
.dropdown { width:1000px; display:none; margin:0; padding:0; list-style:none;}
/* these are the inner menus*/
.dropdown ul { margin:0; padding:5px 0px; list-style:none; background:#75000e; }
/* these are all the LIs in the menu*/
.dropdown li { margin:0; padding:0px; height:38px;  cursor:pointer; float:left; }

.dropdown li a.navwz { color:#F3F3F3; font-size:14px; text-align:center; line-height:38px; }
.dropdown li a:hover.navwz{ text-decoration:none; color:#ffff73;}

.dropdown li.li_1 { width:66px; background:url(nav.jpg) 0px 0px no-repeat }
.dropdown li.li_2 { width:84px; background:url(nav.jpg) -66px 0px no-repeat }
.dropdown li.li_3 { width:83px; background:url(nav.jpg) -150px 0px no-repeat }
.dropdown li.li_4 { width:85px; background:url(nav.jpg) -233px 0px no-repeat }
.dropdown li.li_5 { width:86px; background:url(nav.jpg) -318px 0px no-repeat }
.dropdown li.li_6 { width:81px; background:url(nav.jpg) -404px 0px no-repeat }
.dropdown li.li_7 { width:86px; background:url(nav.jpg) -485px 0px no-repeat }
.dropdown li.li_8 { width:84px; background:url(nav.jpg) -571px 0px no-repeat }
.dropdown li.li_9 { width:84px; background:url(nav.jpg) -655px 0px no-repeat }
.dropdown li.li_10 { width:85px; background:url(nav.jpg) -739px 0px no-repeat }
.dropdown li.li_11 { width:83px; background:url(nav.jpg) -824px 0px no-repeat }
.dropdown li.li_12 { width:93px; background:url(nav.jpg) -907px 0px no-repeat }
/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a { text-decoration:none; color:#fff; width:100%; height:38px; display:block }
.nav .dropdown a:hover { text-decoration:underline; }
/* these are the LIs that only belong to submenu*/
.dropdown ul li { border-bottom:1px solid #bc4a57; border-top:0; background:none; width:100%; height:24px; text-align:center; }
.nav .dropdown ul li a { font-size:12px; line-height:24px; height:24px; color:#fff; text-decoration:none; }
/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down { }
/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left { }
.banner { width:1000px; height:260px; overflow:hidden; padding-top:9px; }
.content_1 { width:1000px; padding-top:8px; height:200px;  _height:204px; overflow:hidden;}
.content_1 .lf_con { width:300px; height:188px;  padding:5px 4px 0px 4px; border:1px solid #babbbf; float:left }
.content_1 .rg_con { width:679px; float:right }
.content_1 .rg_con .title_1 { width:679px; background:url(title_bg.gif) repeat-x; height:33px; }
.content_1 .rg_con .title_1 a { float:right }
.content_1 .rg_con .title_1 .more { padding:16px 8px 0px 0px; }
.content_1 .rg_con .jianjie { width:661px; height:150px; _height:144px; border:1px solid #babbbf; border-top:none; padding:8px; line-height:21px; }
.content_1 .rg_con .jianjie img { float:left; padding:1px; border:1px solid #babbbf; margin-right:8px; }
.span_1 { width:3px; height:3px; background:url(icon_3.gif) no-repeat; float:left; position:relative; margin-top:-3px; display:block }
.span_2 { width:3px; height:3px; background:url(icon_4.gif) no-repeat; float:right; position:relative; margin-top:-3px; display:block }
.team { width:998px; height:202px; border:1px solid #babbbf; margin-top:10px; background:#a72126 }
.team .team_1 { width:922px; height:122px; float:left }
.team .team_1 .title_2 { width:922px; height:23px; }
.team .team_1 .title_2 a { float:right; }
.team .team_1 .title_2 a img { padding:9px 2px 0px 0px; }
.team .team_1 .xx_team { width:922px; height:169px; background:#fff; }
#colee_left { width:921px; height:157px; padding-top:10px; border:1px dashed #aaaaaa; border-left:none; overflow:hidden; }
#colee_left p { text-align:center; line-height:22px; margin-right:10px; }
#colee_left img { padding:1px; border:1px solid #cfcfd0; }
#colee { width:921px; height:157px; padding-top:10px; border:1px dashed #aaaaaa; border-left:none; overflow:hidden; }
#colee p { text-align:center; line-height:22px; margin-right:10px; }
#colee img { padding:1px; border:1px solid #cfcfd0; }
.content_2 { width:1000px; height:258px; _height:268px; padding-top:10px;overflow:hidden}
.content_2 .list { width:326px; float:left; padding-right:11px; }
.content_2 .list .titlle_3 { width:326px; background:url(title_bg.gif) repeat-x; height:33px; border-bottom:1px solid #babbbf }
.content_2 .list .titlle_3 a { float:right }
.content_2 .list .titlle_3 .more { padding:16px 8px 0px 0px; }
.content_2 .list dl { width:312px; height:207px; border:1px solid #babbbf; border-top:none; padding:8px 6px; }
.content_2 .list dl dt { width:312px; background:url(dt_bg.gif) bottom repeat-x; padding-bottom:6px; margin-bottom:5px; }
.content_2 .list dl dt h2 {box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content_2 .list dl dt img { padding:1px; border:1px solid #cfcfd0; float:left; margin-right:5px; }
.content_2 .list dl dt h1 { font-size:14px; font-weight:bold; color:#9f211e; line-height:18px; }
.content_2 .list dl dt p { line-height:18px; }
.content_2 .list dl dt p a { color:#da251c; line-height:18px; }
.content_2 .list dl dt p a:hover { text-decoration:underline; }
.content_2 .list dl dd { width:312px; height:22px; }
.content_2 .list dl dd span { float:right; color:#999999; line-height:22px; }
.content_2 .list dl dd a { background:url(icon_5.gif) 0px 3px no-repeat; padding-left:10px; line-height:22px; }
.content_2 .rg_quickly { width:326px; float:right }
.content_2 .rg_quickly img { padding-bottom:9px; }
.link { width:998px; border:1px solid #babbbf; margin-top:10px; }
.link .title_4 { width:998px; height:26px; background:url(link_2.gif) repeat-x; overflow:hidden }
.link .title_4 a { float:right; padding:0px 10px 0px 10px; background:url(icon_6.gif) 0px 12px no-repeat; line-height:30px; color:#da251c }
.link .title_4 a:hover { text-decoration:underline; }
.link .xx_link { width:982px; height:auto; min-height:73px; height:auto !important; height:73px; overflow:visible; padding:10px 8px 7px; background: #fbfbfb url(link_3.gif) repeat-x; line-height:24px; }
.link .xx_link a { line-height:24px; padding:0px 3px; }
.nav_2 { width:1000px; height:20px; background:url(nav_2_bg.gif) top repeat-x; padding-top:6px; margin-top:10px; text-align:center; line-height:20px; }
.nav_2 a { line-height:20px; padding:0px 5px; }
#bottom { width:1000px; height:86px; background:url(bottom.gif) repeat-x; margin-top:10px; text-align:center; padding-top:22px; color:#FFF; line-height:22px; }
#bottom a{ color:#FFF }
#bottom a:hover{ color:#FFF }

/*关于我们*/
.about { width:1000px; padding-top:8px; }
.about_lf { width:235px; float:left; background:url(about_1.gif) bottom no-repeat; padding-bottom:5px; }
.about_lf_1 { width:235px; height:5px; overflow:hidden }
.about_lf_2 { width:235px; padding:5px 0px; background:#e1e1e2 }
.about_lf_2 .title { width:181px; height:32px; margin:0px 11px 0px 13px; background:url(about_4.jpg) no-repeat; padding-left:30px; font-size:14px; font-weight:bold; line-height:35px; overflow:hidden; color:#fff; }
.about_lf_2 .title a { float:right; }
.about_lf_2 .title a img { padding:9px 4px 0px 0px; }
.about_lf_2 .title span { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:0px 0px 0px 8px; line-height:35px; }
.about_lf_2 .list_about { width:208px; padding:2px 13px 5px 14px; }
.about_lf_2 .list_about li { width:208px; height:28px; padding-top:4px; background:url(list_about_1.gif) no-repeat; margin-bottom:1px; }
.about_lf_2 .list_about li:hover { width:208px; height:28px; padding-top:4px; background:url(list_about.gif) no-repeat; margin-bottom:1px; }
.about_lf_2 .list_about li.curr { width:208px; height:28px; padding-top:4px; background:url(list_about.gif) no-repeat; margin-bottom:1px; }
.about_lf_2 .list_about li a { font-size:14px; font-weight:bold; line-height:28px; padding:0px 0px 0px 94px; color:#5f5f5f }
.about_lf_2 .list_about li a:hover { color:#ae0204 }
.about_lf_2 .list_about li.curr a { font-size:14px; font-weight:bold; line-height:28px; padding:0px 0px 0px 94px; color:#ae0204 }
.about_lf_2 .news { width:186px; border:1px solid #9d9d9e; margin:2px 13px 5px 14px; padding:5px 10px; }
.about_lf_2 .news li { width:186px; height:24px; background:url(about_5.gif) bottom repeat-x; box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.about_lf_2 .news li a { background:url(icon_7.gif) 0px 4px no-repeat; padding-left:8px; line-height:24px; }
.about_lf_2 .tupian { width:213px; padding:5px 9px 5px 13px; }
#cole { width:182px; border:1px solid #9d9d9e; margin:2px 13px 5px 14px; padding:5px 12px; height:280px; overflow:hidden }
#cole p img { padding:3px; background:#fff; margin:0px 0px 10px 0px; }
.about_rg { width:749px; float:right }
.about_rg .title { width:749px; background:url(title_bg.gif) repeat-x; height:33px; }
.about_rg .titlea { float:right }
.about_rg .xx_about { width:699px; border:1px solid #babbbf; border-top:none; padding:15px 24px; line-height:22px; }
.about_rg .xx_about img { padding:1px; border:1px solid #bbbcc0; margin-left:10px; }
/*网战地图*/
.about_rg .map { width:699px; border:1px solid #babbbf; border-top:none; padding:15px 24px; line-height:22px; }
.about_rg .map dl { width:657px; margin:10px 20px 0px; border:1px solid #cccccc }
.about_rg .map dl dt { width:642px; background:#999; font-size:12px; font-weight:bold; color:#fff; padding-left:15px; line-height:26px; }
.about_rg .map dl dd { line-height:30px; width:643px; padding:0px 7px; }
.about_rg .map dl dd a { padding:0px 8px; }
.about_rg .map dl dd a:hover { text-decoration:underline }
/*精品案例*/

.products { width:712px; border:1px solid #babbbf; border-top:none; padding:5px 18px 15px 17px; line-height:22px; }
.products ul { width:712px; }
.products ul li { width:166px; height:144px; border:1px solid #dddddd; background:#fff; float:left; text-align:center; margin:10px 5px 0px; display:inline }
.products ul li img { padding-top:5px; padding-bottom:3px; }
.products ul li p { line-height:22px; text-align:center }
.products ul li p a { color:#902827; line-height:22px; }
.products ul li p a:hover { text-decoration:underline }
.page { width:100%; height:20px; padding-top:15px; line-height:20px; text-align:center; color:#902827 }
.page li{ float:left; padding:0 5px; list-style:none;}
.page a { color:#902827; line-height:20px; }
.page a:hover { text-decoration:underline }
/*新闻中心*/
.new { width:712px; border:1px solid #babbbf; border-top:none; padding:15px 18px 15px 17px; line-height:22px; }
.new dl { width:712px; }
.new dl dt { width:712px; height:27px; background:#e1e1e2; line-height:27px; }
.new dl dt .span_11 { width:95px; float:right; font-size:12px; font-weight:bold; color:#a72126; text-align:center; padding-top:5px; line-height:22px; display:block }
.new dl dt .span_12 { width:50px; float:right; font-size:12px; font-weight:bold; color:#a72126; text-align:center; padding-top:5px; line-height:22px; display:block }
.new dl dt .span_13 { width:50px; float:left; font-size:12px; font-weight:bold; color:#a72126; text-align:center; padding-top:5px; line-height:22px; display:block }
.new dl dd { width:712px; line-height:28px; background:url(news_2.gif) bottom repeat-x; }
.new dl dd .span_11 { width:95px; float:right; font-size:12px; text-align:center; line-height:28px; display:block; }
.new dl dd .span_12 { width:50px; float:right; font-size:12px; text-align:center; line-height:28px; display:block; }
.new dl dd a { line-height:28px; background:url(news_3.gif) 5px 3px no-repeat; padding-left:15px; }
/*新闻详细*/
.show_new { width:712px; _WIDTH: 702px; border:1px solid #babbbf; border-top:none; padding:15px 18px 15px 17px; line-height:22px; }
.show_new .p_title { text-align:center; font-size:14px; font-weight:bold; color:#a72126 }
.show_new .p_where { width:712px; height:22px; padding-top:4px; background:#e1e1e2; text-align:center; line-height:22px; display:block; margin:5px 0px 8px; }
.show_new .xx_news { width:712px; line-height:22px; }
/*设计团队*/
.teams { width:712px; border:1px solid #babbbf; border-top:none; padding:10px 18px 15px 17px; line-height:22px; }
.teams ul { width:712px; }
.teams ul li { width:712px; padding:8px 0px 0px; vertical-align:bottom }
.teams ul li .photo { width:166px; height:144px; float:left; border:1px solid #dddddd; text-align:center }
.teams ul li .photo img { padding-top:5px; }
.teams ul li .photo p { line-height:22px; text-align:center }
.teams ul li .photo p a { color:#902827; line-height:22px; }
.teams ul li .photo p a:hover { text-decoration:underline; }
.teams ul li .text_team { width:524px; float:right; }
.teams ul li .text_team .p_title { width:524px; height:24px; border-bottom:3px solid #e1e1e2; display:block; font-size:14px; font-weight:bold; color:#902827; margin-bottom:5px; }
.teams ul li .text_team p { line-height:24px; }
.teams ul li .text_team p a { color:#902827; line-height:24px; }
.teams ul li .text_team p a:hover { text-decoration:underline }
/*招聘人才*/

.zhaopin { width:699px; border:1px solid #babbbf; border-top:none; padding:15px 24px; line-height:22px; }
.zhaopin td { line-height:26px; padding:0px 5px }
.zhaopin td a { color:#902827; line-height:26px; }
.zhaopin td a:hover { text-decoration:underline }
.zhaopin .p_zhu { width:699px; display:block; padding:0px 0px 10px; line-height:30px; color:#902827 }
.zhaopin .p_order { width:699px; display:block; line-height:24px; }
.input_1 { width:200px; height:18px; border:1px solid #7f9db9; padding:0px 3px; line-height:18px; }
/*---------上一篇 -----------*/
.xinjia_1{ width:320px; line-height:26px; margin-top:12px; float:left;}
.xinjia_1 span{ color:#f00;}
.xinjia_1 a{ color:#333;}
.xinjia_1 a:hover{ color:#f00;}
.xinjia_2{ width:320px; padding-left:38px; line-height:26px; float:left; margin-top:12px;}
.xinjia_2 span{ color:#f00;}
.xinjia_2 a{ color:#333;}
.xinjia_2 a:hover{ color:#f00;}
.xinjia_3{ width:330px; margin-top:12px; float:left;}
.xinjia_3 h1{ font-size:14px; color:#333;}
.xinjia_3 ul{
	width:330px;
	line-height:22px;
	padding-left:8px;
}
.xinjia_3 ul li{
	width:330px;
	list-style-type: square;
	list-style-position: inside;
}
.xinjia_3 ul li a{ color:#333;}
.xinjia_3 ul li a:hover{ color:#f00;}
.xinjia_4{ width:330px; margin-top:12px; margin-left:20px; float:left;_MARGIN-LEFT:4px}
.xinjia_4 h1{ font-size:14px; color:#333;}
.xinjia_4 ul{ width:330px; line-height:22px;padding-left:8px;}
.xinjia_4 ul li{ width:330px;
    list-style-type: square;
	list-style-position: inside;
}
.xinjia_4 ul li a{ color:#333;}
.xinjia_4 ul li a:hover{ color:#f00;}
