/* CSS Document */
body{
padding: 0;
margin: 0;
background-image:url(../images/nan_big.jpg);
text-align: center;
font-size:13px;
font-family: "微软雅黑","宋体","黑体",Arial, Helvetica, sans-serif;
}
*{
border: 0;
padding: 0;
margin: 0;
list-style: none;
text-decoration: none;
}
a{
cursor:pointer;}

/*-------------TOP------------------*/
.Header{
width:100%;
height:130px;
min-width:980px;
text-align:center;
background-color: #F6EFE8;
margin-top:0px;
}
.Top{height:130px;overflow:hidden;width:980px;margin:0px auto; text-align:left;}
.Top .Logo{}
/* banner */
.banner{height:400px;overflow:hidden;overflow:hidden; width:100%; min-width:980px; margin-top:2px;}
.banner .d1{width:100%;height:400px;display:block;position:absolute;min-width:980px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:5;left:0px;min-width:980px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -66px; margin-top:375px;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/bannernavwhite2.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:url(../images/bannernavblue2.png) no-repeat center;}
#menu{
height: 48px;
min-width:980px;
background:url(../images/nan_bg.jpg) left top repeat-x;
}
#menu #menu_box{
width: 980px;
margin: 0 auto;
position: relative;
z-index: 100;
font-size: 14px;
line-height: 48px;
padding-left: 5px;
}
#menu #menu_box ul{
width: 980px;
}
#menu #menu_box ul li{
float: left;
width: 138px;
height: 48px;
position: relative;
text-align:center;
display: inline;
z-index: 2;
background:url(../images/nan_line.jpg)  right center no-repeat;
}
#menu #menu_box ul li a{
display: block;
width: 136px;
height: 48px;
color:#FFFFFF;
}
#menu #menu_box ul li a:hover{
color: #00143c;
background-color:#00000;
}
#menu #menu_box ul li.on{    
}
#menu #menu_box ul li.on a{
color: #00143c;
background-color:#F3F7FF;
}
#menu #menu_box ul li div.hide_box{
position: absolute;
z-index: 60;
left: 0;
top: 48px;
background: #1D1D1D;
padding: 16px 0;
display: none;
font-size:14px;
}
#menu #menu_box ul li div.hide_box .m_img{
width:167px;
}
#menu #menu_box ul li div.has1{
width:136px
}
#menu #menu_box ul li div.has2{
width: 282px;
}
#menu #menu_box ul li div.has3{
width: 462px;
}
#menu #menu_box ul li div.has5{
width: 330px;
}
#menu #menu_box ul li div.has3 ul{
min-height: 157px;
}


#menu #menu_box ul li div.has6{
width: 620px;
}
#menu #menu_box ul li div.has6 ul{
min-height: 157px;
}
#menu #menu_box ul li div.hide_box ul{
float: left;
width: 136px;
line-height:normal;
}
#menu #menu_box ul li div.hide_box ul a{
color:#FFFFFF;
background-color:#1D1D1D;
}
#menu #menu_box ul li div.hide_box ul li{
font-size: 12px;
font-weight:normal;
height: 32px;
line-height:32px;
width: 100%;
text-align:center;
background:none;
}
#menu #menu_box ul li div.hide_box ul li:hover{ background-color:#8F1739;}
#menu #menu_box ul li div.hide_box ul li:hover a{ background-color:#8F1739;}

#menu #menu_box ul li div.has1  ul{
border:0px;
width: 136px;
}
#menu #menu_box ul li div.hide_box ul embed{
padding: 0 30px;
}
#menu #menu_box ul li div.hide_box ul li a{
height: 32px;
line-height:32px;
font-size:14px;
}
#menu #menu_box ul li.CTitle{ width:400px; float:right; background-image:none; color:#FFFFFF; font-size:30px;}
.Header .NavPic_new_til{ width:100px; height:100px;z-index:11;top:0; left:50%;margin:142px 0 0 357px;position:absolute;}
.Header .NavPic{ width:535px; height:300px; border:8px solid #333333;z-index:10;top:0; left:50%;margin:144px 0 0 -96px;position:absolute; background-color:#999999; overflow:hidden;}
.Header .NavPic ul li{height:300px; width:225px;overflow:hidden; float:left; overflow:hidden; margin-left:1px; margin-right:1px;}
.Header .NavPic ul li img{ height:300px;}

/*----------------main-----------------------*/
.Main
{
width:100%;
height:auto;
min-width:980px;
text-align:center;
padding-bottom:20px;
}
.Main .MCenter{
width: 980px;
margin: 0 auto;
padding-top:8px;
height:auto;
text-align:left;
}
.Main .MCenter .Online{
width: 215px;
height:auto;
float:left;
}
.Main .MCenter .Online .til{
width:100%;
height:35px;
line-height:35px;
border-bottom:1px solid #CCCCCC;
color:#666666;
font-size:16px;
font-weight:bold;
float:left;
overflow:hidden;
}
.Main .MCenter .Online .del{
width:100%;
height:auto;
float:left;
overflow:hidden;
color:#999999;
}
.Main .MCenter .Online .del .qq{
width:100%;
height:auto;
float:left;
overflow:hidden;
padding-bottom:15px;
border-bottom:1px dashed #333;
}
.Main .MCenter .Online .del .qq ul li{ width:75px; height:auto; float:left; overflow:hidden; padding-top:10px; padding-left:5px;}
.Main .MCenter .Online .del .qq ul li a{ color:#999999;}
.Main .MCenter .Online .del .qq ul li .serOnline-img {
width: 21px;
height: 21px;
display: inline-block;
margin-right: 8px;
}
.Main .MCenter .Online .del .qq ul li .qqImg {
background: url(../images/pa45.gif) no-repeat;
}
.Main .MCenter .Online .del .serOnline-worktime{ margin-top:5px; float:left;}
.Main .MCenter .Online .del .serOnline-worktime .marBL-10{ margin: 0 0 5px 0;line-height: 32px;}
.Main .MCenter .Online .del .serOnline-worktime .marBL-10 .worktime-header-img{ width: 27px;
height: 27px;
display: inline-block;
background: url(../images/serviceOnlineTime1.png?v=201406161741) no-repeat;}
.Main .MCenter .Online .del .serOnline-worktime .marBL-10{ margin: 0 0 5px 0;line-height: 32px;}
.Main .MCenter .Online .del .serOnline-worktime .serOnline-list-h {
float: left;
margin: 0 0 7px 5px;
white-space: nowrap;
_margin: 0 0 7px 3px;
font-size:13px;
}
.Main .MCenter .Online .del .serOnline-worktime  .serOnline-container .lastData {
margin: 0 0 15px 5px;
_margin: 0 0 15px 3px;
}

.Main .MCenter .Company{
width: 522px;
height:auto;
float:left;
margin-left:10px;
margin-right:10px;
}
.Main .MCenter .Company .til{
width:100%;
height:35px;
line-height:35px;
border-bottom:1px solid #CCCCCC;
color:#333;
font-size:16px;
font-weight:bold;
float:left;
overflow:hidden;
}
.Main .MCenter .Company .til span{ float:left;}
.Main .MCenter .Company .til a{ float:right; color:#999999; font-weight:normal; padding-right:15px; font-size:13px;}
.Main .MCenter .Company .del{
width:100%;
height:auto;
float:left;
overflow:hidden;
padding-top:5px;
color:#999999;
}
.Main .MCenter .Company .del .pic{ 
width:238px;
height:140px;
float: left;
margin: 5px 10px 5px 5px;
border:1px solid #ddd;}
.Main .MCenter .Company .del .pic img{ width:238px;} 
.Main .MCenter .Company .del .info{
line-height: 1.8;
padding: 0;
white-space: normal;
word-wrap: break-word;
word-break: normal;
overflow: hidden;
width:265px;
text-align: left;
float:left;
text-indent:2em;
}

.Main .MCenter .Contact{
width: 215px;
height:auto;
float:left;
}
.Main .MCenter .Contact .til{
width:100%;
padding-left:20px;
height:35px;
line-height:35px;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
background-color:#8F173A;
float:left;
overflow:hidden;
border-radius:5px;
}
.Main .MCenter .Contact .del{
line-height: 1.8;
padding-top:10px;
white-space: normal;
word-wrap: break-word;
word-break: normal;
overflow: hidden;
width: 100%;
text-align: left;
}

/*--------------BOTTOM----------------*/
.Footer{
width:100%;
height:87px;
min-width:980px;
clear: both;
color:#FFF;
text-align: center;
background-color:#4d4d4d;
margin-top:10px;
float:left;
}
.Footer .company_info_box{
width:980px;
margin: 0 auto;
text-align: left;
}
.Footer .company_info_box .company_info_box_box{
float: left;
width:650px;
margin: 0 auto;
text-align: left;
}
.Footer .company_info_box .company_info_box_box .contact_box{
float: left;
overflow:hidden;
text-align: left;
}
.Footer .company_info_box .company_info_box_box .contact_box .contact{
width: 650px;
float: left;
overflow:hidden;
line-height: 25px;
padding-top: 5px;
text-align: left;
}
.Footer .company_info_box .item{
width: 10px;
float: left;
overflow:hidden;
line-height: 25px;
margin-top: 12px; 
text-align: left;
padding-left:22px;
padding-right:22px;
padding-top:5px;
}
.Footer .company_info_box .company_info_box_box .Flink{
width: 650px;
height:16px;
float: left;
line-height: 15px;
padding-top: 18px;
text-align: left;
}
.Footer .company_info_box .company_info_box_box .Flink a{
padding-left:11px;
padding-right:11px;
}
.Footer .company_info_box .company_info_box_box .Flink a:link{
color: #FFF;
}
.Footer .company_info_box .company_info_box_box .Flink a:visited{
color: #FFF;
}
.Footer .company_info_box .company_info_box_box .Flink a:hover{
color: #F90;
}
.Footer  .company_info_box .copyright{
width:175px;
overflow:hidden;
height:auto;
padding-top: 12px;
}
.Footer .company_info_box .copyright img{
float: right;
overflow:hidden;
margin-left: 0px;
padding:0px;
}
.Footer .company_info_box .copyright_right{
width:180px;
float:right;
overflow:hidden;
line-height:24px;
text-align: right;
margin-top: -55px;
padding-top:5px;
}
.Footer .company_info_box .copyright_right a:link{
color:#FFF;
}
.Footer .company_info_box .copyright_right a:visited{
color:#FFF;
}
.Footer .company_info_box .copyright_right a:hover{
color:#F90;
}
.Footer .flink{
width: 100%;
height: 40px;
background-color: #1e1e1e;
}
.Footer .flink .flink_box{
width: 980px;
margin: 0 auto;
line-height: 40px;
text-align: left;
}
.Footer .flink .flink_box span{
float: left;
}
.Footer .flink .flink_box a{
margin: 0 15px;
}
.Footer .flink .flink_box a:link{
color: #FFF;
}
.Footer .flink .flink_box a:visited{
color: #FFF;
}
.Footer .flink .flink_box a:hover{
color: #F90;
}