@charset "UTF-8"; * { margin: 0; padding: 0 } body { font-size: 12px; font-family: '寰蒋闆呴粦', '瀹嬩綋', 'helvetica neue', tahoma, arial, 'hiragino sans gb', 'Simsun', sans-serif; background: #FAFAFA; } body.spring{ background: #FAFAFA url("/attachment/20200119/05929ded504941f6b1a39be7f048ac52.png") center top no-repeat; } li { list-style: none } a { color: #3c8dbc; } a:hover { color: #23527c; } a:link, a:visited { text-decoration: none } a { outline: none } a img { border: none; } a.a_icp, a.a_icp2 { color: #fff; } .float_left { float: left } .float_right { float: right; } .text_center { text-align: center; } .font_wei { font-weight: bold } .hide, .hidden { display: none !important; visibility: hidden; } .display { display: block; } .clear { height: 0; font-size: 0; clear: both; overflow: hidden; } /** 寮瑰嚭鑿滃崟 */ #menu>ul>li ul { display: none; position: absolute; padding-left: 5px; width: 110px; background: #ffffff; border: 1px solid #ececec; z-index: 1000000; } #menu>ul>li>ul li { position: relative; padding-left: 5px; height: 34px; line-height: 34px; } #menu>ul>li>ul li>a { font-size: 13px; color: #333333; } #menu>ul>li>ul li>a:hover { color: red; } #menu>ul>li>ul li:hover { background: #ffffff; } #menu>ul>li>ul>li ul { top: 0px; left: 10px; } /* * 鍒嗛殧绔栫嚎 */ .dotted { float: left; margin: 15px 1px; margin-top: 40px; width: 1px; height: 200px; background: url(../images/dotted.png) no-repeat -6px -17px; } /** topbar */ .main_head { background: #fafafa; height: 31px; width: 100%; border-bottom: 1px solid #e8e8e8; } body.spring .main_head{ background:none; border-bottom:none; } body.spring .main_head .right a{ color:#fff!important; } .main_head .hotLine { background: url(../images/top/mobile.png) left center no-repeat; } .main_head .mycenter { background: url(../images/top/person1.png) left center no-repeat; } .main_head .mycenter:hover { background: url(../images/top/person1.png) left center no-repeat; } .main_head .weibo { background: url(../images/top/weibo.png) left center no-repeat; } .main_head .weibo:hover { background: url(../images/top/weibo.png) left center no-repeat; } body.spring .main_head .weibo { background: url(/attachment/20200119/e450342735be420a83fbcbf7715594bb.png) left center no-repeat; } body.spring .main_head .weibo:hover { background: url(/attachment/20200119/e450342735be420a83fbcbf7715594bb.png) left center no-repeat; } .main_head .weixin { background: url(../images/top/weixin.png) left center no-repeat; position: relative; } .main_head .weixin:hover { background: url(../images/top/weixin.png) left center no-repeat; } body.spring .main_head .weixin { background: url(/attachment/20200119/1e0c8280a5884933a426c492e6673e72.png) left center no-repeat; } body.spring .main_head .weixin:hover { background: url(/attachment/20200119/1e0c8280a5884933a426c492e6673e72.png) left center no-repeat; } .main_head .wx2wm { position: absolute; top: 20px; left: -30px; display: none; } .main_head .Menuwx { padding: 0; position: relative; z-index: 999999999; } .Menuwx:hover .wx2wm { position: absolute; top: 20px; left: -30px; display: block; } .main_head .top { width: 1000px; margin: auto; line-height: 31px; color: #666666; } .main_head .top .topleft { width: 600px; float: left; } .main_head .top .topleft span { padding-left: 10px; padding-right: 0px; } .main_head .top .right { float: right; color: #bbbbbb; text-align: right; } .main_head .top .right .span { padding-left: 5px; } .main_head .top .right #userli span { font-size: 14px; } .main_head .top .right ul li { float: left; } .main_head .top span { font-size: 14px; } .main_head .top a { font-size: 14px; line-height: 31px; color: #333; } .main_head .top a:hover { color: #ff6600; } .main_head .font .top-span { margin-right: 20px; font-size: 14px; } /** navbar */ .navbar { width: 1050px; margin: 0 auto; height: 100px; } .navbar .left { float: left; padding-top: 20px; } .navbar .left .logo { display: inline-block; width: 200px; height: 60px; background: url(../images/topbar.png) no-repeat 0px -20px; } body.spring .navbar .left .logo { background: url(/attachment/20200119/3289369119e44556a337d18de88e2051.png) no-repeat 0px 0px; } .navbar .right { float: right; width: 840px; padding-top: 30px; } .navbar .right .navlist { float: right; padding-left: 5px; margin: 0 auto; min-width: 840px; height: 44px; } .navbar .right .navlist li { float: left; margin: 0 7px; min-width: 30px; color: #fff; text-align: center; font: normal 16px/44px "microsoft yahei"; } .navbar .right .navlist li a { font-size: 16px; color: #333333; } .navbar .right .navlist li a:hover { color: #ff3333; } body.spring .navbar .right .navlist li a{ color:#fff; } /** banner */ .banner { height: 400px; } .banner-image{ width:100%; max-width:2000px; } /** footer */ .main_foot { color: #E4D4D4; border-top: #e5e8ec solid 1px; width: 100%; margin: 0px auto; text-align: center; background-color: #fff; margin-top: 30px; font-size:14px; } .foot { width: 1000px; height: ; margin: auto; padding: 0px 0; } .foot ul { padding-left: 28px; margin-top: 3px; } .foot li { margin: 3px 0px; list-style: none; display: inline-block; margin-left: 10px; margin-right: 10px; } .foot li a { height: 34px; line-height: 34px; font-size: 14px; font-family: "Microsoft YaHei"; color: #939393; } .foot .about dl dt { display: inline-block; margin-top: 3px; width: 24px; height: 40px; background: url(../images/foot/about.png) no-repeat 0px 6px; } .foot .safe dl dt { display: inline-block; margin-top: 3px; width: 24px; height: 40px; background: url(../images/foot/safe.png) no-repeat 0px 6px; } .foot .help dl dt { display: inline-block; margin-top: 3px; width: 22px; height: 40px; background: url(../images/topbar.png) no-repeat -120px -150px; } .foot .link dl dt { display: inline-block; margin-top: 3px; width: 24px; height: 40px; background: url(../images/foot/link.png) no-repeat 0px 6px; } .foot .cell dl dd { display: inline-block; margin-top: 3px; height: auto; font-size: 14px; } .split { float: left; margin: 0px 0px; margin-right: 25px; width: 5px; height: 175px; background: url(../images/topbar.png) no-repeat -90px -190px; } .main_foot .us { padding-top: 12px; width: 100%; } .main_foot .us span { display: inline-block; width: 100%; height: 22px; line-height: 22px; font-size: 14px; color: #939393; } /* * 瀵艰埅妯″潡 */ .nav-box { margin: 20px auto 0px; width: 1000px; height: 240px; border: 1px solid #f2f2f2; border-radius: 5px; background-color: #ffffff; } .nav-box .mod { display: block; margin-top: 11px; float: left; width: 247px; height: 100%; text-align: left; } .nav-box .mod ul { float: left; width: 100%; } .nav-box .mod li { margin: 5px 20px; margin-left: 60px; margin-bottom: 15px; list-style: none; background: url(../images/blackDot.png) left center no-repeat; } .nav-box .mod li:hover { background: url(../images/redDot.png) left center no-repeat; } .nav-box .mod li a { margin-left: 20px; font-size: 14px; color: #333333; font-family: "SimSun"; } .nav-box .mod li a:hover { color: #ff3333; } .nav-box .mod dl { margin-left: 55px; margin-bottom: 10px; } .nav-box .mod dl dd { width: 200px; height: 58px; line-height: 58px; font-size: 18px; color: #333333; font-family: "Microsoft YaHei"; } .nav-box .qsb dl dt { display: block; float: left; width: 65px; height: 58px; background: url(../images/topbar.png) no-repeat 3px -78px; } .nav-box .grb dl dt { display: block; float: left; width: 65px; height: 58px; background: url(../images/topbar.png) no-repeat 3px -137px; } .nav-box .hqzx dl dt { display: block; float: left; width: 65px; height: 58px; background: url(../images/topbar.png) no-repeat 3px -313px; } .nav-box .zygg dl dt { display: block; float: left; width: 65px; height: 58px; background: url(../images/topbar.png) no-repeat 3px -255px; } .nav-box .quick dl dt { display: block; float: left; width: 65px; height: 58px; background: url(../images/topbar.png) no-repeat 3px -257px; } /*涓汉鐗堝鑸獥*/ #grb_ul { padding: 20px; padding-top: 5px; } #grb_ul li { float: left; width: 100px; margin: 0; padding: 0; white-space: nowrap; margin-left: 10px; margin-bottom: 14px; } /* 鏂伴椈 */ .news-box { margin: 21px auto; width: 1000px; height: 300px; } .news-box .notify { float: left; width: 49%; } .news-box .news { float: right; width: 49%; } .news-box h3 { margin-top: 5px; margin-bottom: 12px; height: 28px; line-height: 28px; border-bottom: 2px solid #999999; } .news-box h3 a { display: inline-block; padding-left: 18px; width: 100px; height: 28px; line-height: 28px; font-size: 18px; color: #333333; text-decoration: none; font-weight: normal; font-family: "Microsoft YaHei"; border-bottom: 2px solid #cc0000; } .news-box ul { padding-top: 8px; height: 260px; border: 1px solid #f2f2f2; background-color: #ffffff; border-radius: 5px; } .news-box ul li { margin-left: 32px; padding-left: 20px; height: 28px; line-height: 28px; list-style: none; background: url(../images/blackDot.png) left center no-repeat } .news-box ul li:hover { background: url(../images/redDot.png) left center no-repeat } .news-box ul li a { font-size: 14px; font-family: "瀹嬩綋"; color: #333333; display: inline-block; width: 340px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-box ul li .date { float: right; margin-right: 28px; color: #999999; font-family: "Arial"; } .news-box .news-more { float: right; margin-top: 5px; margin-right: 40px; font-size: 14px; color: #666666; } .news-box .news-more:hover { color: #ff3333; } .news-box ul li:hover span { color: #ff3333; } .news-box ul li:hover a { color: #ff3333; } /** 琛屾儏妯″潡 */ .hq-box { margin: 36px auto 18px; width: 1000px; height: 280px; background-color: #ffffff; border: 1px solid #f2f2f2; border-radius: 5px; } .hq-box .left { display: inline-block; margin-top: 11px; margin-left:35px; vertical-align: top; float: left; width: 250px; height: 100%; text-align: left; } .hq-box .right { display: inline-block; float: left; margin: 20px auto; margin-left:55px; width: 645px; height: 100%; vertical-align: top; } .hq-box .right .col{ display: block; float: left; margin: 0px auto; margin-left:15px; width: 120px; height: 100%; text-align: center; } .hq-box .left dl { margin-left: 30px; margin-bottom: 14px; } .hq-box .left dl dt { display: inline-block; float: left; margin-top: 3px; width: 65px; height: 58px; background: url(../images/topbar.png) no-repeat 3px -198px; } .hq-box .left dl dd { padding-left: 3px; width: 175px; height: 58px; line-height: 58px; font-size: 18px; color: #333333; font-family: "Microsoft YaHei"; } .hq-box .left ul li { margin: 0px 0px; overflow:hidden; list-style: none; float:left; width:50%; background: url(../images/blackDot.png) left center no-repeat; } .hq-box .left ul li:hover { margin: 0px 0px; background: url(../images/redDot.png) left center no-repeat; } .hq-box .left li a { line-height:28px; margin-left: 20px; font-size: 14px; color: #333333; font-family: "瀹嬩綋"; } .hq-box .left li a:hover { color: #ff3333; } /** 鍦ㄧ嚎浜ゆ祦 */ .fad { position: fixed; width: 60px; text-align: center; right: 90px; bottom: 20px; background: transparent; } .fad .yjfk { width: 60px; height: 63px; background: url(../images/topbar.png) no-repeat 0px -380px; } .fad .gotop { width: 60px; height: 62px; background: url(../images/topbar.png) no-repeat 0px -450px; } /*瀹㈡湇css*/ .qq { position:fixed; _position: absolute; right:0; top:50%; _top:expression(eval(document.documentElement.scrollTop)); z-index:9999; _margin-top:200px;} .telbox { width: 120px; height: 92px; _position:fixed; position: absolute; right:65px; top: 15%; z-index:9999; background: url(//www.tdx.com.cn/images/qqkf/telbox.png)center center no-repeat; padding-left: 10px; display: none; text-align: left; } .telbox p{ font-size: 14px; color:#3398ff; line-height: 30px; text-align: left; } .buy_box { width: 280px; height: 252px; position: absolute; right: 60px; top: -37%; z-index:9999; /*padding-left: 10px;*/ display: none; background: url(//www.tdx.com.cn/images/qqkf/pop_box.png)center center no-repeat; } .buy_consult .buy_box img.buy_qq { position: relative; float: left; display: inline-block; left: 50px; top: 62px; } .buy_consult .buy_box img.buy_xx { position: relative; float: right; display: inline-block; right: 47px; top: 65px; } .pro_box { width: 280px; height: 252px; position: absolute; right: 60px; top: 8%; z-index:9999; /*padding-left: 10px;*/ display: none; background: url(//www.tdx.com.cn/images/qqkf/pop_box_app_x.png?a=1) center center no-repeat; } .pro_consult .pro_box img.pro_qq { position: relative; float: left; display: inline-block; left: 50px; top: 62px; } .pro_consult .pro_box img.pro_xx { position: relative; float: right; display: inline-block; right: 47px; top: 65px; } .qq .show_top { padding-top:0px;} .qq>div{text-align: center;width: 60px;height: 60px;} .qq a{ color: #3398ff; text-align: center; width: 100%; height: 100%; display: block; border:1px solid #ececec; background: #fff; } .qq a b{display: block;margin: 0px auto 0px auto;} .qqim { width: 60px; height: 40px; background: url(//www.tdx.com.cn/images/qqkf/qqn.png) center center no-repeat #fff; } .lxdh { width: 60px; height: 40px; background: url(//www.tdx.com.cn/images/qqkf/qqteln.png) center center no-repeat #fff; } .yjfk{ width: 60px; height: 40px; background: url(//www.tdx.com.cn/images/qqkf/yjfkn.png) center center no-repeat #fff; } .gotop{ width: 60px; height: 40px; background: url(//www.tdx.com.cn/images/qqkf/topn.png) center center no-repeat #fff; } .buy_consult .gmzu { width: 60px; height: 60px; background: url(//www.tdx.com.cn/images/qqkf/buy_consult_n.png) center center no-repeat #fff; } .pro_consult .prozu { width: 60px; height: 60px; background: url(//www.tdx.com.cn/images/qqkf/pro_APPconsult_n.png) center center no-repeat #fff; } .qq .buy_consult:hover .gmzu { width: 60px; height: 60px; background: url(//www.tdx.com.cn/images/qqkf/buy_consult_o.png) center center no-repeat #fff; } .qq .pro_consult:hover .prozu { width: 60px; height: 60px; background: url(//www.tdx.com.cn/images/qqkf/pro_APPconsult_o.png) center center no-repeat #fff; } /* .qq .pro_consult:hover .prozu { width: 60px; height: 60px; background: url(../images/float/pro_consult_o.png) center center no-repeat #fff; } */ .qq a:hover {color: #fff;background-color: #3398ff;cursor: pointer;} .qq .qqtalk:hover .qqim{background: url(//www.tdx.com.cn/images/qqkf/qqh.png) center center no-repeat;} .qq .qqtel:hover .lxdh{background: url(//www.tdx.com.cn/images/qqkf/qqtelh.png) center center no-repeat;} .qq .qqyjfk:hover .yjfk{background: url(//www.tdx.com.cn/images/qqkf/yjfkh.png) center center no-repeat;} .qq .qqgotop:hover .gotop{background: url(//www.tdx.com.cn/images/qqkf/toph.png) center center no-repeat;} .navbar .right .navlist li .pop-menu-ul li { margin: 0 10px; }