﻿@charset "utf-8";
@import url(../css/../css/../css/../css/../css/../css/dll.css);
@import url(../css/../css/../css/../css/../css/../css/font.css);
@import url(../css/../css/../css/../css/../css/../css/main.css);
@import url(../css/onlineeditor.css);
/* ҳֿʼ */

.online_shopping li{ float:left; width:22.8%; margin:5px 7px;text-align:center;}
.online_shopping a{display:block;   }
.online_shopping a:hover{ text-decoration:none;}
.online_shopping a img{display:block;margin-bottom:1px;width:92%;border:1px solid #b3a27c;height:105px;padding:5px;background-color:#f4edd2; }
.online_shopping .hover img{border:1px solid #f3eccf; background-color:#bfb288;}
.online_shopping .pt{display:block;overflow:hidden;border:1px solid #b3a27c;width:92%;padding:5px;background-color:#f4edd2;line-height:25px;  white-space:nowrap;text-overflow:ellipsis;}
.online_shopping .hover .pt{border:1px solid #f3eccf; background-color:#bfb288;}
.online_shopping .sh{display:block;overflow:hidden;}



.inofs {
    float: left;
    margin: 73px 10px 0 50px;
    width: 370px;
}
.topnav_box li{ float:left;}
#com_singles_languagebar a{ padding: 0 3px;text-decoration: none;color:#000;}
#com_singles_languagebar a:hover {text-decoration:underline;}
.information{ float:left;padding-top: 10px;width:205px; overflow:hidden;}
.information .weibo{float:right;}
.erweima{ float:right;padding-top: 6px;}
.areanav2{ margin: 0 auto;
    overflow: hidden;
    width: 1080px;}
.areanav3{ margin: 0 auto;
    overflow: hidden;
    width: 1065px; background:#FFF;margin-top: 10px;}
	.areanav3 img {width:100%;}
.centerbar{ margin: 0 auto;
    overflow: hidden;
    width: 1080px; background:#333333;color:#fff;text-align:center;line-height:36px;font-size:16px;}
.areanav4{ margin: 30px auto 0;
    overflow: hidden;
    width: 1080px;background:#FFF;}
.areanav4 .title{border-bottom: 1px solid #000;height: 28px;}
.areanav4 .title .span01{font-size:20px; float:left;}
.areanav4 .title .more{ float:right; font-weight:bold; font-size:12px; line-height:28px;}

.areanav5{ margin: 30px auto 0;
    overflow: hidden;
    width: 1080px;background:#FFF;}
.areanav5 .title{ height:28px;border-bottom: 1px solid #000;}
.areanav5 .title span{ float:left; overflow:hidden;font-size: 20px; height:28px;line-height:28px;}
.areanav5 .title a{ float:right; overflow:hidden;font-size: 14px;
    font-weight: bold; height:28px;line-height:28px;}
.areanav5 .links a{margin:10px 15px;float:left;}
.areanav5 .links a span{}
.areanav5 .links img{width:130px; height:50px;display:block;margin:0 10px; float:left;}
.case{ float:left; font-size:20px;}



/*焦点图*/
.bb{ width:1px; height:420px;margin:0 auto;}
/*1*/
#areanav{ width:1080px; overflow:hidden; margin:0 auto; background:#E9E9E9; height:112px;}
#areanav div{ display:block; float:left; height:112px;margin-right:1px;overflow:hidden;}
#areanav div.navlinka {border-right:1px solid #fff;width:267px;}
#areanav div.navlinka:hover{ }
#areanav div.navlinkb{ width:267px;border-right:1px solid #fff;border-left:1px solid #fff;}
#areanav div.navlinkb:hover{ }
#areanav div.navlinkc{ width:268px;border-right:1px solid #fff;border-left:1px solid #fff;}
#areanav div.navlinkc:hover{}
#areanav div.navlinkd{ width:268px;border-left:1px solid #fff;margin-right:0;}
#areanav div.navlinkd:hover{}

#area1{ width:1083px; height:223px; overflow:hidden; margin:0 auto; background:#fff;}
#area1 .con01{ width:1083px; height:47px; overflow:hidden; margin:0 auto;}
#area1 .con01 .p01{ line-height:47px; background:url(../images/area1_bg01.jpg) 0 17px no-repeat; padding-left:25px; float:left; margin-left:20px; display:inline; font-size:14px;}
#area1 .con01 .a01{ width:29px; height:24px; overflow:hidden; display:inline-block; float:right; margin:11px 20px 0 0; border:1px solid #f0f0f0;}
#area1 .con01 .a02{ width:29px; height:24px; overflow:hidden; display:inline-block; float:right; margin:11px 0 0 0; border:1px solid #f0f0f0; border-right:0;}
#area1 .con02{ width:1083px; height:250px; overflow:hidden; margin:0 auto; border-bottom:1px solid #f0f0f0; border-top:1px solid #f0f0f0; padding-top:20px;}
#area1 .con02_box{ width:1100px; height:220px; overflow:hidden; float:left;}
#area1 .con02 .imgbox1{ width:250px; height:192px; overflow:hidden; float:left; padding:10px;  border-right:1px solid #f0f0f0;}
#area1 .con02 .imgbox1 img{ display:block; border:1px #FFF solid;}/*filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; */
#area1 .con02 .imgbox1 img:hover{ display:block;border:1px #00b0ec solid;}
#area1 .con02 .imgbox1 p{ display:none !important; width:214px; height:41px; overflow:hidden; margin:0 auto; background:#00b0ec; line-height:16px; text-align:left; padding:0 18px; color:#fff;}
/*2*/
.area2{ width:1083px;overflow:hidden; margin:0 auto; background:#fff;}
.area2 .title{ width:1063px; height:28px; overflow:hidden; margin:26px auto 0; border-bottom:1px solid #000; .ine-height:40px;}
.area2 .title .span01{ float:left;  font-size:20px;}
.area2 .title .more{ float:right; font-weight:bold; font-size:12px; line-height:28px;}
.area2 .imgbox{ width:255px; height:175px; overflow:hidden; float:left; margin:10px 4px 0 10px; display:inline;}
.area2 .imgbox a {display:block;overflow:hidden;width:255px;height:171px;}
.area2 .imgbox img{width:100%;}
.area2 .imgbox img:hover{ display:block; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.area2 .imgbox .p01{display: none; line-height:18px; margin-top:6px;}
.area2 .imgbox .p01 a {display:block;overflow:hidden;width:40%;height:18px;line-height:18px;white-space: nowrap;text-overflow:ellipsis;text-decoration:none;color:#000;}
.area2 .imgbox .p01 a:hover {color:#00B0EC;}
.area2 .imgbox .p02{ line-height:17px; color:#666;white-space: nowrap;text-overflow:ellipsis;height:17px;display:block;display: none;}
/*3*/
#area3{ width:1083px; min-height:640px; overflow:hidden; margin:0 auto; background:#fff;}
#area3 .area3_left{ width:792px; height:auto; overflow:hidden; float:left; margin-left:10px; display:inline;}
#area3 .area3_left .title{ width:792px; height:28px; overflow:hidden; margin:26px auto 0; border-bottom:1px solid #000; line-height:28px;}
#area3 .area3_left .span01{ float:left;  font-size:20px;}
#area3 .area3_left .con01{ width:342px; height:auto; overflow:hidden; float:left; margin:16px 42px 0 0; display:inline;}
#area3 .area3_left .con01 a {display:block;overflow:hidden;width:342px;height:130px;}
#area3 .area3_left .con01 img{ width:100%;}
#area3 .area3_left .con01 .p01{ width:342px; height:25px; overflow:hidden; text-align:left; line-height:25px; margin-top:16px; font-size:14px; font-weight:bold;}
#area3 .area3_left .con01 .p01 a {display:block;overflow:hidden;width:100%;height:25px;line-height:25px;white-space: nowrap;text-overflow:ellipsis;color:#000;text-decoration:none;}
#area3 .area3_left .con01 .p01 a:hover {color:#00B0EC;}
#area3 .area3_left .con01 .p02{ }
#area3 .area3_left .con01 .p02 a {width:342px; height:auto; overflow:hidden; text-align:left; line-height:20px; margin-top:4px;text-decoration:none;height:80px;color:#000;}
#area3 .area3_left .con01 .p02 a:hover {color:#00B0EC;}
#area3 .line{ width:100%; height:1px; overflow:hidden; margin:12px auto 0; background:url(../images/area3_bg01.jpg) repeat-x;}
#area3 .line2{ width:100%; height:1px; overflow:hidden; margin:10px auto 0; background:url(../images/area3_bg01.jpg) repeat-x;}
#area3 .ul01{ padding:10px 0;}
#area3 .ul01 li{ line-height:22px; text-align:left; background:url(../images/area3_bg02.jpg) 4px 9px no-repeat; padding-left:13px;}
#area3 .con01 .ul01 li a {display:block;overflow:hidden;width:100%;height:22px;line-height:22px;white-space: nowrap;text-overflow:ellipsis;color:#000;text-decoration:none;}
#area3 .con01 .ul01 li a:hover {color:#00B0EC;}
#area3 .area3_left .con01 .title01{ width:342px; height:35px; overflow:hidden; margin:15px 0 0 0; border-top:1px solid #000; background:url(../images/area3_bg03.jpg) 0 11px no-repeat; line-height:32px;}
#area3 .area3_left .con01 .title01 .span01{ float:left; padding-left:10px; font-size:14px;}
#area3 .area3_left .con01 .title01 .a01{ float:right; padding-right:10px;display:block;width:40px;height:32px;color:#000;text-decoration:none;}

#area3 .area3_right{ width:245px; height:auto; overflow:hidden; float:right; display:inline; margin:0 11px 0 0; padding-top:44px;}
#area3 .area3_right .right_tw{width:100%;height:554px;}
#area3 .area3_right .right_tw img {display:block;margin-top:10px;}










.jobs_title{ cursor:pointer;}
#com_lastistop_jobs