﻿/**
 * CSS Doc public
 * By qh
 * 2014-10-26
*/
html {background:#efefef;}
body {font-family:Microsoft Yahei, tahoma, arial, \5b8b\4f53;}

a img {vertical-align:middle;}
a {color:#777;}
a:hover {color:#206eef;}

.mod-list:before, .mod-list:after {content:""; display:table;}
.mod-list:after {clear:both;}
.mod-list {*zoom:1;}
.mod-list li {position:relative; float:left;}

.mod-hd {position:relative; height:29px; padding-right:10px; line-height:36px; border-bottom:7px solid #004ea2; background:#fff url(../images/nav_menu_rt_bg.png) no-repeat 100% 0;}
.mod-hd .mod-hd-wp {position:relative; float:right; background:url(../images/nav_menu_bg.png)}
.mod-hd .mod-hd-con {float:left; padding-left:44px; background:url(../images/nav_menu_lt_bg.png) no-repeat 0 0;}

.nowrap {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.main {width:960px; margin-left:auto; margin-right:auto; padding:0 20px; background:#FFF; box-shadow:0 1px 2px rgba(0,0,0,.2);}

/* 边距 */
.mt10 {margin-top:10px;}
.mb20 {margin-bottom:20px;}

/* 对齐 */
.tr {text-align:right;}
.tc {text-align:center;}
.tl {text-align:left;}

/* 顶部 */
#webSiteTop {position:relative; z-index:20;}
/* 顶部工具条 */
#toolBarTop {position:absolute; right:0; height:34px; padding-left:42px; background:url(../images/toolbar_lt_bg.png) no-repeat; z-index:20;}
#toolBarTop .mod-list {float:left; height:22px; padding:6px 0; line-height:22px; background:url(../images/toolbar_bg.png) repeat-x;}
#toolBarTop .mod-list li {margin:0 5px;}
#toolBarTop .rt_bg {float:left; width:10px; height:34px; background:url(../images/toolbar_rt_bg.png)}
#toolBarTop .search_sp {display:block; height:20px; border:1px solid #dbdbdb; overflow:hidden;}
#toolBarTop .sea_input, #toolBarTop .sea_btn {height:20px; border:0; vertical-align:top;}
#toolBarTop .sea_input { margin:0; padding:0 5px; line-height:20px; }
#toolBarTop .sea_btn{width:20px; background:url(../images/search_icn_24.png) no-repeat 50% 50%; cursor:pointer;}

/* logo */
#logoArea {height:78px; padding:5px 0 10px; background:#FFFFFF;}
#logoArea .logo_pannel {position:relative; height:78px;}
#logoArea .logo, #logoArea .logo_des {float:left;}
#logoArea .logo {position:relative; top:20px; margin-right:20px;}
#logoArea .logo_des {margin-top:34px;margin-left:4px;}
#logoArea .phone {margin-top:40px; color:#E86700; font-size:16px;}
#logoArea .phone_ico {float:left; width:25px; height:18px; margin-top:10px; background:url(../images/phone_ico.png) no-repeat 0 0;}
#logoArea .phone b {font:700 24px/30px 'Microsoft Yahei';}

/* 主菜单 
#mainMenu {height:29px; padding-right:10px; line-height:36px; font-size:14px; border-bottom:7px solid #004ea2; background:#fff url(../images/nav_menu_rt_bg.png) no-repeat 100% 0;}
#mainMenu .mod-list {position:relative; background:url(../images/nav_menu_bg.png) repeat-x;}
#mainMenu .mod-list li {padding-left:2px; background:url(../images/nav_menu_line.png) no-repeat 0 50%;}
#mainMenu .mod-list .frist_li {height:29px; padding-left:44px; background:url(../images/nav_menu_lt_bg.png) no-repeat 0 0;}
#mainMenu .mod-list a {display:block; width:90px; text-align:center; color:#fff2ac;}
#mainMenu .mod-list a:hover {text-decoration:none; background:url(../images/nav_menu_hover.gif) no-repeat 50% 100%;}*/


/* 主菜单 */
#mainMenu {
    height: 29px;
    padding-right: 10px;
    line-height: 36px;
    font-size: 14px;
    border-bottom: 7px solid #004ea2;
    background: #fff url(../images/nav_menu_rt_bg.png) no-repeat 100% 0;
    -moz-box-shadow: 3px 3px 4px rgba(6, 6, 6, 0.4);
    -webkit-box-shadow: 3px 3px 4px rgba(6, 6, 6, 0.4);
    box-shadow: 4px 6px 9px rgba(6, 6, 6, 0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
    position: relative;
    z-index: 10;
    /*height:29px; padding-right:10px; line-height:36px; font-size:14px; border-bottom:7px solid #004ea2; background:#fff url(../images/nav_menu_rt_bg.png) no-repeat 100% 0;*/
}
#mainMenu .mod-list {position:relative; background:url(../images/nav_menu_bg.png) repeat-x; z-index:15;}
#mainMenu .mod-list li {padding-left:2px; background:url(../images/nav_menu_line.png) no-repeat 0 50%;}
#mainMenu .mod-list .frist_li {padding-left:44px; background:url(../images/nav_menu_lt_bg.png) no-repeat 0 0;}
#mainMenu .mod-list a {display:block; width:90px; text-align:center; color:#fff2ac;}
#mainMenu .on .menu_opt,
#mainMenu .mod-list .menu_opt:hover {text-decoration:none; background:url(../images/nav_menu_hover.gif) no-repeat 50% 100%;}

#mainMenu .sub_menu {display:none; position:absolute; background:#FFF; border:1px solid #DDD; z-index:15;}
#mainMenu .sub_menu .sub_menu_opts {color:#777; border-bottom:1px dotted #ededed; font-size:12px; line-height:30px;}
#mainMenu .sub_menu .sub_menu_opts:hover {text-decoration:none; background:#0469cc; color:#FFF;}

#mainMenu .on .sub_menu {display:block;}

/* 面包屑 */
#bread_crumbs {margin:0px 0 20px;background:#EEE;float:left;}
.crumb_box { width:730px; margin:0 auto;}
#bread_crumbs .crumb_menu { float:left; margin-left:20px; height:40px; line-height:40px; font-size:14px;}
#bread_crumbs .crumb_menu li { float:left; }
#bread_crumbs .crumb_menu li span { padding:0 10px;}

/* 分页 */
#page { padding:20px 0; margin-top:20px;background:#FFF;float:left; width:100%;}
#page li { float:left; padding:0 5px; text-align:center; }
#page li a { display:block; border-radius:5px; width:40px; height:32px; line-height:32px; background-color:#017BD0; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#page li.selected a{ background-color:#004CA0; }
#page li a:hover { background-color:#004CA0; }
#page li.first a, #page li.last a{ width:auto; padding:0 5px;}
#page li.prev_page { padding-left:0; padding-right:10px;}
#page li.next_page { padding-left:10px; padding-right:0; }

/* 服务导航 */
#serviceGuid .mod-hd-con {width:700px; color:#FFF; text-align:right;}
#serviceGuid .mod-hd-con a {color:#FFF; margin:0 10px;}
#serviceGuid .rx_call {position:absolute; left:0; top:-5px; color:#E86700; font-size:14px;}
#serviceGuid .rx_call b {font:600 18px/26px 'Microsoft Yahei'; font-weight:600;}
#serviceGuid .rx_call i {padding:0 10px; background:url(../images/phone_ico.png) no-repeat 0 0;}

#serviceGuid .bd {padding:5px 20px 5px 60px; border:1px solid #e3e9ee; border-top:none; background:#f7f7f7 url(../images/serviceGuid.png) repeat-x;  border-radius:0 0 15px 15px; box-shadow: 0 1px 4px rgba(220,220,220,.8);}

#serviceGuid .col_lt {width:620px; min-height:197px; padding-top:10px; border-right:1px solid #dcdcdc; _height:187px;}
#serviceGuid dl {float:left; width:155px; }
#serviceGuid dt {margin-bottom:10px; color:#fc6600; font-size:14px;}
#serviceGuid dd {line-height:24px;}
#serviceGuid .col_rt {width:240px; padding-top:10px; overflow:hidden;}

#serviceGuid .kf_phone {margin:1px 0 15px; color:#E86700; font-size:30px; font-weight:700;}
#serviceGuid .kf p {margin-bottom:5px;}
#serviceGuid .other_lx {width:120px; padding-top:10px;}
#serviceGuid .kf_online a, #serviceGuid .weibo a {color:#E86700;}
#serviceGuid p.kf_online {margin-bottom:15px;}


/* footer */
#footer {padding:20px 0 50px; text-align:center;}
#footer .dib-wrap {margin-top:10px;}
#footer .dib {margin:0 5px;}






