@charset "utf-8";

*{ margin:0; padding:0px;}

body{ font-size:12px; background:url(../images/bg.gif) repeat center 0; font-family:Arial, Helvetica, sans-serif; color:#767676; font-family:'微软雅黑',"Trebuchet MS", Arial, Helvetica, sans-serif; }

img{ border:none; }

a{ color:#9c9c9c; text-decoration:none; cursor:pointer; }

a:hover{ color:#b90804; text-decoration:none;}

ul,li{ list-style:none; }

.fr{ float:right; }

.fl{ float:left; }

.clear{ clear:both; }

.w{ width:780px; margin:0 auto; overflow:hidden; }

.blank{ height:10px; overflow:hidden; clear:both; }

.block{ width:1186px; margin:0 auto; position:relative;}

.yh{ font-family:'微软雅黑',"Trebuchet MS", Arial, Helvetica, sans-serif; }

.st{ font-family:"宋体","Trebuchet MS";}

.b{ font-weight:bold; }

.tl{ text-align:left}

.tc{ text-align:center}

.tr{ text-align:right;}

.f_red{ color:#c8230f !important}



.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}

*html .clearfix{height:1%;}

*+html .clearfix{height:1%;}



/*header*/

#head{ background:url(../images/head_bg.jpg) repeat-x center top; height:114px; position:relative; z-index:999; top:0px; width:100%; margin-bottom:50px; }

#head .block{ overflow:hidden;}

.head_top{ height:30px; line-height:30px;}

.head_top .fr span{ padding:0 7px; color:#999; }

.head_top .fgs{ padding-right:50px; }

.head_top .fgs a{ color:#fff; background:#FE9800; padding:0 3px; }

.head_top .fgs a:hover{ background:#CC0000; }

.logo{ padding:10px 0px 0px; height:74px; overflow:hidden;}

.logo_right{ width:650px; padding:15px 0px 0px; overflow:hidden;}

.search{ background:url(../images/search_bg.gif) no-repeat; width:216px; height:26px; line-height:26px; padding:0px 3px 0px 30px; float:right; margin-bottom:8px;}

.search_text{ background:none; border:none; color:#bfbebe; float:left; width:170px; height:26px; line-height:26px; font-size:12px; outline:none;}

.search_btn{ width:41px; height:22px; text-align:center; color:#fff; border:none; background:url(../images/search_btn.gif) no-repeat; float:right; margin:2px 0px; cursor:pointer;}

.head_tel{ clear:both; float:right;}

.head_tel td{ vertical-align:middle;}

.head_tel td img{ vertical-align:middle;}

.head_tel_1{ width:34px; font-size:14px; color:#696969; line-height:14px; letter-spacing:2px; text-align:center;}

.head_tel_2{ color:#ff9f00; font-size:21px; padding:0px 8px;}

#nav{ clear:both; width:100%; height:50px; overflow:visible; background:url(../images/head_bg.jpg) repeat-x center bottom;position:absolute; z-index:1000; top:114px; }

#nav ul.nav{ display:block; float:left;}

#nav .mainlevel{ float:left; height:50px; width:140px; position:relative;}

#nav .mainlevel a{ color:#636363; font-size:16px; background:url(../images/nav_li.png) no-repeat center 4px;display:block; height:50px; line-height:60px; overflow:hidden; float:left; text-align:center; width:100%;}

#nav .mainlevel:hover a,#nav .mainlevel a.cur{ color:#b90804; background:url(../images/nav_cur.png) no-repeat center top; }



#nav .mainlevel ul {display:none; position:absolute; top:50px; left:10px;z-index:100;}

#nav .mainlevel li {background:#B51A20; overflow:hidden; width:120px;/*IE6 only*/ text-align:center; padding:0px;}

#nav .mainlevel li a{ background:none !important; border-bottom:#c80008 solid 1px; width:98px; height:30px; line-height:30px; text-align:center; margin:0 auto; padding:0px; float:none; color:#fff !important;}

#nav .mainlevel li a:hover{ background:#7d040b !important; height:30px; line-height:30px; padding:0px; color:#fff;}

#nav .mainlevel ul li.subnav_top{ background:url(../images/subnav_top.png) no-repeat; height:83px;}

#nav .mainlevel ul li.subnav_bt{ background:url(../images/subnav_bt.png) no-repeat; height:17px;}



#head_wap{ float:right;padding-top:17px;}

#head_waplink{ display:block; width:89px; height:27px; line-height:27px; color:#fff; text-align:center; float:left; background:url(../images/head_wap.gif) no-repeat;}



/* waplist */

.waplist{height:27px;width:159px; float:right; background:url(../images/head_wap_select.gif) no-repeat;position:relative;}

.waplist a{display:block;height:27px;line-height:27px;padding:0 0 0 10px;border:none; color:#c51500; font-size:14px;}

.waplist a.tit{background:url(images/arrow.gif) no-repeat;background-position:94px 9px;}

#navbox.current a.tit{background-position:94px -15px;color:#c51500;font-weight:800;border-bottom:solid 1px #fff;position:relative;z-index:9;}

.waplist .subwap{display:none;background:#fff;position:absolute;top:27px;left:0px;width:140px;border-style:solid;border-color:#ddd;border-width:1px;}

#navbox.current .subwap{display:block;}

.waplist .subwap a{border:none;}

.waplist .subwap a:hover{background:#eee;border-left:solid 1px #fff;border-right:solid 1px #fff;font-weight:800;}



/* index main*/

.main{ position:relative; clear:both; background:#f2f2f2; overflow:hidden; min-width:1186px; _width:1186px; width:100%;}

.index_wwc{ background:#f2f2f2; margin:10px auto 30px; width:1186px; height:231px; overflow:hidden; background:url(../images/index_wwc.gif) no-repeat; position:relative; }

.index_wwc a{ display:block; position:absolute; width:389px; height:231px; overflow:hidden; cursor:pointer; top:0; }

.index_wwc a.a1{ left:0; }

.index_wwc a.a2{ left:399px; }

.index_wwc a.a3{ right:0; }



.index_service{ background:#f9f9f9; overflow:hidden; clear:both; padding-top:30px;}

.index_service li{ border-right:#e2e2e2 solid 1px;/* border-left:#fff solid 1px;*/ border-bottom:#fff solid 1px; overflow:hidden; width:236px; float:left;}

.index_service dl{ padding:10px; overflow:hidden; cursor:pointer}

.index_service dt{ font-size:14px; color:#5d5d5d; font-weight:bold; height:30px; line-height:30px; overflow:hidden; white-space:nowrap;}

.index_service dd{ color:#919191; line-height:23px; }

.index_service dd.dcon{ height:92px; overflow:hidden; margin-bottom:5px; }



.index_service dl:hover{ background:#8E8E8E;}

.index_service dl:hover dt{ color:#fff;}

.index_service dl:hover dd,.index_service dl:hover dd a{ color:#fff;}



.index_case{ background:#f2f2f2; overflow:hidden; clear:both; padding:30px 0px;}

.index_case table td{ padding:5px;}

.index_case table div, .case_list li div{ position:relative; border:#dbdbdb solid 5px;}

.index_case table div:hover, .case_list li div:hover{ border:#c51500 solid 5px;}

.index_case table div, .case_list #stage{ width:1200px; overflow:hidden; }

.index_case table div.d1{width:455px; height:auto; overflow:hidden; }

.index_case table div.d2{width:214px; height:auto; overflow:hidden; }

.index_case table div.d3{width:215px; height:auto; overflow:hidden; }

.index_case table div.d1 img{width:455px; /*height:380px;*/ }

.index_case table div.d2 img{width:214px; /*height:380px;*/ }

.index_case table div.d3 img{width:215px; /*height:175px;*/ }



.index_case table div a, .case_list li div a{ display:block; overflow:hidden; position:absolute; z-index:5; float:left;}

.index_case table div b, .case_list li div b{ display:block; position:absolute; left:0px; bottom:0px; text-align:center; width:100%; height:34px; line-height:34px; color:#fff;font-family:'微软雅黑',"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}

.index_case table div a, .case_list li div a{ width:100%; height:100%; left:0px; top:0px; background:url(../images/png0.png);}

.index_case table div a span, .case_list li div a span{ display:block; width:100%; height:100%; }

.index_case table div a:hover, .case_list li div a:hover{ background:url(../images/icon_tm.png) repeat center center;}

.index_case table div a b ,.case_list li div a b{ background:url(../images/png60.png);}

.index_case table div a:hover b, .case_list li div a:hover b{ background:#c51500;}

.index_case table div a:hover span, .case_list li div a:hover span{ background:url(../images/icon_fd.png) no-repeat center center; }



.case_list{ padding:30px; overflow:hidden; clear:both;}

.case_list li{ float:left; margin:0px 16px 16px 0px; width:268px; overflow:hidden; }

.case_list li div{ width:258px; }

.case_list li.no_mr{ margin-right:0px;}

.case_list img{width:258px;}

/*.case_list1 img{ height:210px;}

.case_list2 img{ height:468px;}*/





.index_tit{ position:relative; margin-bottom:20px; width:100%; overflow:hidden;}

.index_tit a{ position:absolute; right:10px; bottom:5px;}



.index_about{ padding:10px 0px 40px; overflow:hidden; background:#F9F9F9; clear:both;}

.index_about dl{ width:366px; float:left; padding:0px 14px;font-family:'微软雅黑',"Trebuchet MS", Arial, Helvetica, sans-serif;}

.index_about dt{ position:relative; margin-bottom:0px; font-size:16px; color:#000; height:60px; line-height:60px; background:url(../images/double_line.gif) repeat-x left bottom;}

.index_about dt img{ vertical-align:middle;}

.index_about dt span.f_red{ color:#c8230f;}

.index_about dt a{ position:absolute; right:0px; bottom:15px;}

.index_about dd{ padding-top:15px; }

.index_about dd div{ padding:0 0px 15px; overflow:hidden; border-bottom:#ddd dotted 1px; margin-bottom:10px;}

.index_about dd div img{ float:left; margin-right:10px;}

.index_about dd div h4{ font-size:14px; height:24px; line-height:24px; color:#434343; overflow:hidden; font-weight:normal;}

.index_about dd div h4 a{ color:#434343; }

.index_about dd div p{ line-height:1.5; margin-bottom:5px; color:#a2a2a2;}

.index_about dd div p a{ color:#5e9100;}

.index_about dd div p a:hover{ text-decoration:underline;}

.index_about dd ul{ display:block; clear:both;}

.index_about dd ul li{ text-align:right; padding-left:15px; background:url(../images/list_ico1.gif) no-repeat left center; height:24px; line-height:24px; color:#a3a3a3;}

.index_about dd ul li a{ float:left; color:#767676;}

.index_about dd ul li a:hover{ color:#b90804;}





/*foot*/

#foot{font-family:'微软雅黑',"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative;}

.foot_menu{ background:#8f1203; overflow:hidden; border-top:#ac1604 solid 1px; border-bottom:#ac1604 solid 1px;}

.foot_menu .block{ overflow:hidden; padding:30px 0px 0px;}

.foot_menu dl{ float:left; width:210px; padding-left:26px; background:url(../images/foot_ge.gif) no-repeat right 20px; height:170px;}

.foot_menu dt{ font-weight:bold; font-size:14px; color:#fff; height:25px;}

.foot_menu dt img{ padding-right:5px; vertical-align:text-top;}

.foot_menu dd{ padding-left:10px; color:#fff; line-height:24px;}

.foot_menu dd a{ color:#fff;}

.foot_menu dd a:hover{ text-decoration:underline; color:#fff;}

.foot_menu dd li,

.foot_menu dd p{ height:24px; line-height:24px; clear:both; overflow:hidden; background:url(../images/list_ico2.gif) no-repeat left center; padding-left:10px;}

.foot_copy{ background:#7c0d00;}

.foot_copy .block{ padding:20px 0px;}

.foot_copy .copyright{ line-height:2; color:#ddd;}

#returnTop { position:absolute; right:0px; top:0px;}/* 回到顶部 */

.foot_link{ width:auto; position:absolute; right:0px; top:0px;}

.foot_link a{ width:91px; height:22px; line-height:20px; display:block; float:left; text-align:center; color:#fff; background:url(../images/foot_link.gif) no-repeat; margin-right:4px;}

.foot_link a:hover,.foot_link a.cur{ background:url(../images/foot_link_h.gif) no-repeat;color:#fff;}





#portamento_container{position:relative;z-index:99;}

#portamento_container #nav.fixed { position: fixed; right: auto; top: auto; } /* become fixed position, but reset the top and right values */

/**招聘新加**/
.join-tbl{font-size:12px;line-height:24px;}
.join-tbl .color-gray{font-size:14px;color:#848484;}
.join-border{border-bottom:1px solid #D0D0D0;margin-bottom:5px;margin-top:15px;}
.join-all{width:900px;margin:0 auto;background-color:#fff;border:1px solid #D5D5D5;box-shadow:0 0 3px 3px #DFDFDF;padding:15px 30px 10px 30px;margin-bottom:30px;}
.button-big{background: url('../images/terminalpage_button.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 41px;margin: 10px 0;width: 150px;border:0px;margin-left:80px;cursor:pointer;}
/**招聘新加**/