@charset "utf-8";
.clear { clear: both; }
html,body { text-align: center; color: #666; font-family: "Times New Roman", Times, Georgia, serif; font-size: 9px; margin: 0; padding: 0; font-size: 100%;  }
.cur_page, ul#navMENU>li:hover { background: url(../images/navcurr.png) repeat-x; !important;
}
.cur_page_a, ul#navMENU>li a:hover { color: #300 !important; }
#hid_key, .navboot, .parameter, #div_top { display: none; }
.icon_0, .line, .words, #logo .icon, ul#navMENU>li, .span span, .content, .cont_cont>div, .cont_tab span, .q_side>ul>li, .q_side>ul>li img { float: left }
.logo_bg, #logo, .line, .words, .icon_0, .foot_r, #contact, #nav, ul#navMENU>li, .navboot li, .banbg, #ban_cont .conp, #contentbox, .content, .foot p, .top_content, .close, .cont_tab, .q_side>ul>li{ position: relative;  }
.version, .navboot, .banbg .ban_bg, .span, .content_hover, .content_top, .content_bottom, .cont_cont, .q_side>ul>li .q_sidebox { position: absolute; }
.banbg, .banbg .ban_bg, .conp, .content, .top_content, .cont_cont, .q_side>ul>li .q_sidebox { overflow: hidden; }
.logo_bg, .cont_tab { width: 100%; height: auto; }
#logo, .conp, ul#navMENU, ul#navMENU>li { margin: 0 auto; }
#logo, ul#navMENU, #contentbox, .top_content, .cont_cont>div { width: 1000px; }
.close, .cont_cont>div, .cont_tab span, .content_hover, .navboot li, span { cursor: pointer; }
#welcome { position: absolute; z-index: 98; width: 100%; }
#loading,#loading2{ position:fixed; width:100%; top:30%; z-index:100000000;}
#loading2,#loading3{ display:none;}
#loading3{ position:absolute;top:10%; width:100%;z-index:100000000;}
#loading>div,#loading2 div,#loading3>div{ position:relative; width:70px; margin: 0 auto; padding:5px; }

/*logo*/

.logo_bg { background: url(../images/logo_bg.png) #fcfdfe repeat-x!important; height: 57px; overflow: hidden; }
.line { margin-top: 12px; }
.words,.icon_0{margin-top: 7px;}
.words { margin-left: 8px;  width: 0; height: 35px; background: url(../images/logo_word.jpg) no-repeat; }
.version { right: 20px; }
#contact, #contact>a { width: 210px; height: 60px; }
#contact { font-family: "微软雅黑"; font-size: 15px; color: #677f98; line-height: 24px; background: url(../images/telephone.gif) bottom left no-repeat; float: right; line-height: 28px; }
#contact b { font-weight: 100; font-size: 15px; }
#contact font.En { color: #999; }
#contact font.num { display:block; font-size: 1.05em; font-weight: 600; margin-top:7px; }
#contact>a { display: block; }
#nav { width: 100%; margin-bottom: -16px; height: 50px; background: url(../images/navbg.png) repeat-x; z-index: 99; }
ul#navMENU { padding: 0; }
ul#navMENU>li { width: 130px; height: 34px; text-align: center; list-style: none; }
ul#navMENU>li a { display: block; text-decoration: none; color: #c6d4e4; padding: 6px; height: 50px; line-height: 13px; }
ul#navMENU>li a:link, ul#navMENU li a:visited { text-decoration: none; font-weight: 800; font-size: 0.8em; }
ul#navMENU>li b { font-size: 0.78em !important; }
/*下拉菜单*/

.navboot { top: 33px; left: 0px; width: 130px; height: auto; font-size: 0.8em; color: #333; padding: 0; background: rgba(103, 127, 152, 0.8)!important; background: #677f98; }
.navboot li { margin: 0; display: block; border-bottom: 1px dashed #6f6f5f; list-style-type: none; height: 20px; padding-top: 8px; font-family: "微软雅黑"; font-size: 12px; font-weight: 580; }
.navboot li:hover { background-color: #242424; color: #fff; border-bottom-color: #242424; }
/*banner区域*/

#content { position: relative; margin-top: 0px; background:#000;background: url(../images/background.jpg) bottom #eeeeee no-repeat; background-size: 100%;}
.banbg { background: #808080; }
.banbg .ban_bg { left: 0; top: 0; z-index: 0; width: 100%; height: 250px; filter: Alpha(opacity=20); opacity: 0.2; }
.cont { width: 100%; height: 250px; margin-top: 100px; }
.conp { width: 1000px; height: 250px; background: #4f4f3b; }
.ban_img img { position: absolute; display: block; width: 1120px; height: 280px; top: -15px; left: -60px; }
.span { left: 400px; bottom: 15px; z-index: 10; }
.span span { display: block; width: 45px; height: 10px; background-color: #CCC; margin-left: 10px; }
/*主页下部分*/

#contentbox { border: 0; margin: 8px auto 0 auto; height: 250px; font-size: 0.6em; }
.content_hover { z-index: 97; background: #242424; opacity: 0; filter: Alpha(opacity=0) }
.content { background: url(../images/conbg.png) no-repeat; -moz-box-shadow: 2px 2px 5px #909090;/*firefox*/ -webkit-box-shadow: 2px 2px 5px #909090;/*safari或chrome*/ box-shadow: 2px 2px 5px #909090;/*opera或ie9*/ }
.content_bg1 { background: url(../images/conbg1.png) no-repeat; }
.content_bg2 { background: url(../images/conbg2.png) no-repeat; }
.content_bg3 { background: url(../images/conbg3.png) no-repeat; }
.content, .content_hover { left: 0; top: 0; margin-top: 0; width: 320px; height: 250px; }
.content_top, .content_bottom { width: 640px; height: 125px; }
.content_top { left: 0; top: 0; }
.content_bottom { left: -320px; bottom: 0; }
.len { margin-right: 20px; }
/*foot区域*/

.foot {width: 100%; height: 60px; text-align: left; border-top: 1px solid #fff; bottom: 0; font-size: 0.8em !important; background: rgba(0, 0, 0, 0.7)!important; filter: Alpha(opacity=70); background: #000; /*　使用IE专属滤镜实现IE背景透明*/ }
.foot_cont { width: 1000px; margin: 0 auto; }
.foot p { margin-top: 6px; ; line-height: 20px; }
.foot, .foot a { color: #eeeeee; text-decoration: none; }
.foot a:hover { text-decoration: underline; }
/*顶部下拉栏*/

#div_top { position: fixed; width: 100%; height: 300px; left: 0; top: 0; z-index: 110000; border: 0 1px 1px 1px solid #333; background: #e6e9ec; background: rgba(230, 233, 236, 0.8) none repeat scroll 0 0 !important; }
.top_content { height: 250px; margin: 25px auto; background-color: #fcfdfe; padding: 0; }
.close { margin: 0 0 auto 980px; width: 20px; height: 20px; background: #637a91; z-index: 1000; }
.cont_cont { left: 0; top: 0; height: 250px; width: 3000px; padding: 0; z-index: 1 }
.cont_cont>div { height: 250px; }
.cont_tab { left: -45px; top: 198px; padding-left: 450px; z-index: 1000; opacity: 0.1; }
.cont_tab span { display: block; width: 45px; height: 10px; margin: 10px 10px; opacity: 0.8; background-color: #4f4f3b; }
.current { background: url(../images/guide_now.gif) no-repeat !important; }
#div_top, .wrap img, .bot_right_bot>ul>li img, .bot_right_bot .about, .wx_icon img, .qq_cont, .qq_area ul li,#loading3>div {
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=4);/*ie*/
    -moz-box-shadow: 2px 2px 5px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 5px #909090;/*safari或chrome*/
    box-shadow: 2px 2px 5px #909090;/*opera或ie9*/ }
/*客服侧边栏*/

.q_side ul { margin: 0; padding: 0; }
.q_side>ul>li a, .q_side>ul>li img { border: 0; }
.q_side { position: fixed; width: 54px; height: 275px; right: 0; top: 180px; z-index: 97; }
.sdds { position: absolute; top: 54px; left: -70px; height: 220px; display: none; }
.sdds ul { padding: 0; margin: 0; }
.sdds>ul>li { list-style: none; width: 70px !important; cursor: pointer; display: none; border-top: 1px solid #444; }
.icon_1, .icon_2, .icon_3, .icon_4 { width: 70px; height: 54px; background: url(../images/sdds.png) #4f4f3b no-repeat; opacity: 0.8; z-index: 1000; }
.icon_1:hover, .icon_2:hover, .icon_3:hover, .icon_4:hover { background: url(../images/sdds.png) #677f98 no-repeat; }
.icon_1 { background-position: 0px 5px; }
.icon_2 { background-position: -75px 5px; }
.icon_3 { background-position: -153px 5px; }
.icon_4 { background-position: -230px 5px; }
.icon_1:hover { background-position: 0 -49px; }
.icon_2:hover { background-position: -75px -49px; }
.icon_3:hover { background-position: -153px -49px; }
.icon_4:hover { background-position: -230px -49px; }
.q_side>ul>li { width: 54px; height: 54px; border-bottom: 1px solid #444; list-style-type: none; }
.q_side>ul>li .q_sidebox { width: 54px; height: 54px; top: 0; right: 0; background: #4f4f3b; opacity: 0.8; filter: Alpha(opacity=80); color: #fff; font: 14px/54px "微软雅黑"; }
.q_side>ul>li .q_sidetop { width: 54px; height: 54px; line-height: 54px; display: inline-block; background: #677f98; opacity: 0.8; filter: Alpha(opacity=80); }
.q_side>ul>li .q_sidetop:hover { background: #4f4f3b; opacity: 0.8; filter: Alpha(opacity=80); }

.qq_box { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; z-index: 100; display: none; background: #000; filter: Alpha(opacity=95); }
.qq_cont { position: absolute; top: 30%; width: 100%; background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important; display: none; background: #fff; filter: Alpha(opacity=100); }
.qq_close { position: relative; width: 100%; height: 100%; }
.qq_area {position: relative; width: 1000px; margin: 0 auto; padding-top: 5px; text-align: left; color: #4f4f3b; }
.qq_area strong, .qq_img { float: left }
.qq_area strong { margin-top: 5px; }
.qq_img { width: 28px; height: 25px; overflow: hidden; }
.qq_img img { margin-left: -10px; margin-top: -10px; width: 45px; height: 45px; }
.qq_area ul { margin: 5px 0; }
.qq_area ul li { list-style: none; float: left; width: 100px; height: 20px; background: #4f4f3b; margin: 5px 10px; cursor: pointer; color: #999; text-align: center; padding-top: 5px; padding-bottom: 5px; }
.qq_area ul li:hover { background: #677f98; color: #fff; }
.wx_icon { padding: 10px 0; display: none; }