@charset "utf-8"; /* CSS Document */ body { background-color: #fff; overflow-x: hidden; color: #666; font-size: 12px; font-family: microsoft yahei, "宋体"; position: relative; text-decoration: none; }/*网站字体颜色*/ .header, .content, .container { margin-left: auto; margin-right: auto; width: 1200px; font-family: microsoft yahei; } /*页眉*/ .header { width: 100%; background-color: #fff; position: relative; z-index: 10; } .hdtop { height: 35px; border-bottom: 2px solid #e9e9e9; position: relative; z-index: 999; } .hdtop .container { height: 35px; } .hdtop .container * { display: inline-block; } .hdtop span { float: left; height: 35px; line-height: 35px; font-size: 14px; color: #717171; } .hdtop em { float: right; height: 14px; line-height: 14px; margin-top: 11px; } .hdtop em a { float: left; font-size: 14px; color: #717171; padding: 0px 10px; border-left: 1px dotted #d7d7d7; } .hdtop em a.nobd { border: none; } .hdtop em .wx { position: relative; } .hdtop em .wx img { display: none; position: absolute; left: -30px; top: 26px; } .hdtop em .wx:hover img { display: block; } .hdmid { height: 140px; } .hdmid .hdmid_l { float: left; overflow: hidden; margin-top: 20px; } .hdmid .hdmid_l h1 { float: left; } .hdmid .hdmid_l h1 * { display: inline-block; float: left; } .hdmid .hdmid_l>div { padding-left: 255px; padding-top: 15px; } .hdmid .hdmid_l>div h2 { font-size: 24px; color: #383838; } .hdmid .hdmid_l>div h2 img { display: block; } .hdmid .hdmid_l>div p { overflow: hidden; margin-top: 8px; } .hdmid .hdmid_l>div p span { display: inline-block; float: left; font-size: 13px; color: #3d3d3d; margin-right: 27px; height: 20px; line-height: 20px; padding-left: 18px; background: url(../img/gou.png) no-repeat left center; } .hdmid .hdmid_r { float: right; margin-top: 43px; } .hdmid .hdmid_r dt { float: left; } .hdmid .hdmid_r dt img { display: block; margin-top: 4px; } .hdmid .hdmid_r dd { padding-left: 48px; } .hdmid .hdmid_r dd span { font-size: 16px; color: #030303; } .hdmid .hdmid_r dd p { font-size: 22px; line-height: 28px; font-family: "Arial"; color: #0c5cc8; font-weight: bold; } .hddown { height: 58px; background: #0c5cc8; } .hddown .Mmenu { height: 58px; } .hddown .Mmenu li { height: 58px; float: left; text-align: center; position: relative; background: url(../img/mnsl.png) no-repeat left center; } .hddown .Mmenu li a { display: inline-block; height: 46px; text-decoration: none; padding: 12px 27px 0px 28px; line-height: 32px; } .hddown .Mmenu li.nobg { background: none; } .hddown .Mmenu li span { font-size: 15px; color: #fff; } .hddown .Mmenu li:hover span, .hddown .Mmenu li.cur span { color: #0851b4; } /* 导航栏begin*/ .headdh{position:relative;z-index:10;width:100%} .hddown{height:58px;background-color:#0c5cc8} .hddown .Mmenu li {height: 58px;float: left;text-align: center;position: relative;background: url(../img/mnsl.png) no-repeat left center;} .hddown .Mmenu li a{display:inline-block;height:58px;padding:0 64px;text-decoration:none;line-height: 58px;} .hddown .Mmenu li.nobg {background: none;} .hddown .Mmenu li span {font-size: 18px;color: #fff;} .hddown .Mmenu li:hover a, .hddown .Mmenu li.cur a {background-color:#327feb;} .hddown .Mmenu li:hover span, .hddown .Mmenu li.cur span {color: #fff;} .hddown .hot { position:absolute; background: url(../img/hot.gif) no-repeat; width: 20px; height: 13px; right: 40px; top: -5px; } .hddownx{position:absolute;top:58px;left:0px;width:100%} .hddownx .nav-down-menu{width:100%;margin:0;background-color:#327feb; position:absolute;top:0px;} .hddownx .nav-down-menu .hddownx-inner{margin:auto;width:1200px;position:relative} .hddownx .nav-down-menu dl{float:left;margin:18px 80px 18px 0} .hddownx .menu-1 dl{margin:15px 80px 15px 0} .hddownx .menu-1 dt{font-size:16px;font-weight:bold;color:#f9f9f9;padding-bottom:10px;border-bottom:1px solid #f6f6f6;margin-bottom:10px} .hddownx .menu-1 dt a{color:#f9f9f9;text-decoration: none;} .hddownx .menu-1 dd a{color:#fff;font:normal 15px/30px "microsoft yahei"} .hddownx .menu-1 dd a:hover{font-weight:bold;text-decoration: none;color:#e2e2e2} .hddownx .menu-2 dd a,.hddownx .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"} /* 导航栏end*/ /*-- header_end --*/ .fttop { height: 48px; background: #0c5cc8; } .fttop .ftmenu { height: 48px; } .fttop .ftmenu li { height: 48px; float: left; margin-left: 20px; margin-right: 70px; } .fttop .ftmenu li.firstli { margin-left: 28px; } .fttop .ftmenu li a { display: inline-block; height: 48px; line-height: 48px; font-size: 17px; color: #fff; } /*-- fttop_end --*/ .ftdown { overflow: hidden; padding-top: 30px; padding-bottom: 35px; } .ftdown .ftdown_l { float: left; overflow: hidden; } .ftdown .ftdown_l dt { float: left; } .ftdown .ftdown_l dt * { display: inline-block; float: left; } .ftdown .ftdown_l dt i { width: 0px; height: 150px; border-left: 1px solid #cccccc; margin-left: 17px; margin-right: 17px; } .ftdown .ftdown_l dt img { display: block; margin-top: 30px; } .ftdown .ftdown_l dd { padding-left: 320px; } .ftdown .ftdown_l dd p { line-height: 22px; font-size: 14px; color: #000000; } .ftdown .ftdown_l dd p * { display: inline-block; } .ftdown .ftdown_l dd p em { width: 6px; height: 2px; } .ftdown .ftdown_l dd p a { font-size: 14px; color: #000000; } .ftdown .ftdown_r { float: right; padding-top:10px; } .ftdown .ftdown_r * { display: inline-block; float: left; } .ftdown .ftdown_r span { width: 111px; height: 60px; margin-top: 8px; margin-right: 10px; background: url(../img/gz.png) no-repeat; } .ftdown .ftdown_r img { border: 1px solid #d4d4d4; padding: 3px 3px; } /*-- footer_end --*/ .toolbar-item, .toolbar-layer { background: url(../img/toolbar.png) no-repeat; } .toolbar { position: fixed; right: 20px; bottom: 50px; }/*假设网页宽度为1200px,导航条在右侧悬浮*/ .toolbar-item { display: block; width: 52px; height: 52px; margin-top: 1px; position: relative; -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s; } .toolbar-item:hover .toolbar-layer { opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .toolbar-item-top { background-position: 0 -674px; } .toolbar-item-top:hover { background-position: 0 -736px; } .toolbar-layer { position: absolute; right: 46px; bottom: -10px; width: 172px; opacity: 0; filter: alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; } /*-- kefu_beigin --*/ .main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; } .main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; } .main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; } .main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; } .main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(/skin/img/qq-icon-bg.png) no-repeat center 8px; } .main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; } .main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;} .main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 130px; border-bottom: 1px solid #dddddd; } .main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;} .main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;} .main-im .im_main .im-tel:hover { background: #fafafa; } .main-im .im_main .weixin-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(/skin/img/weixin-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixin-show { display: none; width: 112px; height: 152px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -106px; } .main-im .im_main .weixin-show .weixin-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;} .main-im .im_main .weixin-show .weixin-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; } .main-im .im_main .weixin-show .weixin-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; } .main-im .im_main .weixin-show .weixin-txt{font-size: 12px; position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;} .main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(/skin/img/toTop-icon.png) no-repeat center center;float:right;} .main-im .im_main .go-top a {display: block; width: 52px; height: 47px; } .main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; } .main-im .close-im a {text-decoration: none; display: block; width: 24px; height: 24px; background: url(/skin/img/close_im.png) no-repeat left top; } .main-im .close-im a:hover { text-decoration: none; } .main-im .open-im { display: none; cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(/skin/img/open_im.png) no-repeat left top; } /*-- kefu_end --*/