.title { overflow:hidden; width:100%;} .title h2{ text-align:center; font-size:24px; color:#1b769e; background:url(/uploads/20180725/4a014804879f1b52cedb53a4ea0bc57d.png) no-repeat center; margin-bottom:5px;} .title h2 a{ color:#005aa1;} .title p{ font-size:12px; color:#999; text-align:center; text-transform:uppercase;} body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } table th , table td { padding:5px; } fieldset , img { border:0; } address , caption , cite , code , dfn , em , th , var { font-style:normal; font-weight:normal; } ol , ul { list-style:none; } ception , th{ text-align:left; } q:before , q:after{ content:''; } abbr , acronym{ border:0; } a { color:#666; text-decoration:none; } /*for ie f6n.net*/ a:focus{ outline:none; } /*for ff f6n.net*/ a:hover { text-decoration:none; } /*定位*/ .tl { text-align:left; } .tc { text-align:center; } .tr { text-align:right; } .bc { margin-left:auto; margin-right:auto; } .fl { float:left; display:inline; } .fr { float:right; display:inline; } .zoom { zoom:1} .hidden { visibility:hidden; } .vam { vertical-align:middle; } .clear{ clear:both; height:0; line-height:0; font-size:0; } p{ word-spacing:-1.5px; } -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; /*其他*/ .curp{ cursor:pointer} ; /*原reset*/ sup{ vertical-align:baseline; } sub{ vertical-align:baseline; } input,button,textarea,select,optgroup,option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } input,button,textarea,select{ *font-size:100%; } input,select{ vertical-align:middle; } body{ font:12px/1.231 arial,helvetica,clean,sans-serif; } select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif; } table{ font-size:inherit; font:100%; border-collapse:collapse; } pre,code,kbd,samp,tt{ font-family:monospace; *font-size:108%; line-height:100%; } /*title*/ h1 { font-size:32px; } h2 { font-size:26px; } h3 { font-size:20px; } h4 { font-size:14px; } h5 { font-size:12px; } h6 { font-size:10px; } #roll_top,#fall,#ct{ position:relative; cursor:pointer; height:59px; width:20px} #roll_top{ background:url(../images/top.gif) no-repeat} #fall{ background:url(../images/top.gif) no-repeat 0 -80px} #ct{ background:url(../images/top.gif) no-repeat 0 -40px} #roll{ display:block; width:20px; margin-right:-485px; position:fixed; right:46%; top:80%; _margin-right:-485px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100; } /*end reset*/ /* CSS Document */ body{ background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative; } /*网站字体颜色*/ .header , .content , .footer , .container{ margin-left:auto; margin-right:auto; padding:0; width:1200px; } /*页眉*/ .header{ width:100%; overflow:hidden; background-color:#fff; } .header_top { overflow:hidden; width:100%; height:30px; background-color:#eee; } .header_top p{ float:left; line-height:30px; font-size:13px; color:#333; } .header_top ul{ overflow:hidden; float:right; margin-top:5px; } .header_top li{ float:left; font-size:13px; color:#333; padding:0 10px; border-right:1px solid #333; } .header_top li.last{ border:none; padding-right:0; } .header_center { overflow:hidden; width:1200px; margin:0 auto; } .header_center h1{ float:left; margin-top:20px; } .header_center h2{ float:left; padding:5px 0; margin-top:35px; padding-left:20px; border-left:1px solid #d2d2d2; font-size:24px; color:#005aa1; margin-left:20px; } .header_center h2 em{ display:block; font-size:15px; color:#666; margin-top: 5px; } .header_center .phone{ overflow:hidden; float:right; margin-top:45px; padding-left:55px; background:url(../images/phone.png) no-repeat left center; } .header_center .phone p{ font-size:13px; color:#666; } .header_center .phone span{ display:block; font-size:22px; color:#ff6600; } .header_nav { overflow:hidden; width:100%; height:55px; background:url(/uploads/20180726/5a5073137740097772f29a23448c37f4.jpg) left top repeat-x; line-height:55px; } .header_nav ul{ display:table; overflow:hidden; width:100%; } .header_nav li{ display:table-cell; font-size:18px; text-align:center; background:url(/uploads/20180724/38733474d121fbb49e0ce03612881890.png) no-repeat right center; } .header_nav li ul{ position: absolute; z-index: 99; background: #2880b0; width:142px; overflow: visible; display:block; } .header_nav li:nth-child(3) ul{ position: absolute; z-index: 99; background: #2880b0; width:190px; overflow: visible; display:block; } .header_nav li ul li{ display:block; text-align:left; background-image:none; position: relative; } .header_nav li span{color:#fff;} .header_nav li ul li a{ padding: 0px 5px; text-indent:0.5em; display:block; } .header_nav li ul li ul{ left:100%; top:0; } .header_nav li ul li span {position: absolute; right: 14px; top: 0;} .header_nav li a{ text-decoration:none; display:inline-block; color:#fff; } .header_nav li.last{ background:none} .header_nav li.cur,.header_nav li:hover{ background:url(/uploads/20180724/3c87bf4425623115362c1b6c4290ffb3.png) repeat-x left top; } .footer { overflow:hidden; width:100%; background-color:#26272a; } .footer .f_nav { overflow:hidden; width:100%; height:50px; background-color:#313236; } .footer .f_nav ul{ overflow:hidden; width:100%; } .footer .f_nav li{ float:left; font-size:14px; height:48px; border-top:2px solid #313236; background:url(../images/nav_b.png) right center no-repeat; line-height:48px; } .footer .f_nav li a{ color:#fff; text-decoration:none; display:block} .footer .f_nav .last{ background:none} .footer .f_nav li:hover{ border-color:#f07f1b; } .footer .f_nav li:hover a{ color:#f07f1b; } .footer .f_center { overflow:hidden; width:1200px; margin:0 auto; } .footer .f_center h2{ float:left; margin-top:65px; } .footer .f_center .info{ overflow:hidden; float:left; margin-top:45px; margin-left:35px; } .footer .f_center .info p{ font-size:13px; color:#c3c3c3; line-height:32px; } .footer .f_center .ewm{ overflow:hidden; float:right; margin-left:20px; margin-top:55px; } .footer .f_center .ewm img{ display:block; margin-bottom:10px; } .footer .f_center .ewm em{ display:block; text-align:center; font-size:13px; color:#c3c3c3; } .footer .f_btm { overflow:hidden; width:100%; height:40px; border-top:1px solid #313236; margin-top:40px; } .footer .f_btm p{ float:left; line-height:40px; color:#858585; font-size:13px; } .footer .f_btm .container>a{ float:right; margin-top:12px; color:#858585; font-size:13px; } .topr p{height:34px;} .banner { overflow:hidden; width:100%; height:500px;} .btn {width:200px} #flashs{ position:relative; height:500px; overflow:hidden;text-align:center;} #flashs .bgitem{ z-index:1;position:absolute; top:0; } #flashs .btn{text-indent: -99999em; overflow:hidden; position:absolute; z-index:50; bottom:13px; padding:0 1px; border:2px solid #0488e5; *padding-bottom:2px; left:50%;} #flashs .btn span{ display:inline-block; cursor:pointer; width:46px; height:8px; background-color:#f7f7f7; margin:2px 1px; opacity:0.42; float:left;} #flashs .btn span.cur{ background-color:#0488e5; opacity:1;} .pro { overflow:hidden; width:1200px; margin:0 auto; padding:30px 0; } .pro .leftpro { overflow:visible; float:left; width:280px; } .pro .leftpro h3{ background:url(/uploads/20180727/c93af0982dec5b4fa2dd9b62b8a5fbab.png) no-repeat center; width:100%; height:105px; } .pro .leftpro h3 b{ font-size:28px; color:#fff; font-family:Impact; display:block; padding-left:25px; padding-top:30px; font-weight:normal} .pro .leftpro h3 em{ display:block; font-size:16px; color:#fff; padding-left:25px; } .pro .leftpro .menu { overflow:visible; border:2px solid #1b769e; border-top:none; border-bottom:none; padding-top:15px; *padding-bottom:20px; height:760px; } .pro .leftpro .menu li{ overflow:visible; width:240px; margin:0 auto; margin-bottom:20px; } .pro .leftpro .menu li >a{ display:block; width:190x; height:35px; background:url(/uploads/20180724/7d95905791378f08e89b282e3a8e0975.png) no-repeat 209px center; line-height:35px; font-size:16px; color:#fff; text-decoration:none; background-color:#1c7aab; border-radius:5px; padding-left:14px; } .pro .leftpro .menu li.cur>a { background:url(/uploads/20180724/7d95905791378f08e89b282e3a8e0975.png) no-repeat 209px center; background-color:#1c7aab; } .pro .leftpro .menu .nmenu { overflow:visible; width:100%; margin-top:15px; display:none; } .pro .leftpro .menu .nmenu a{ display:block; font-size:16px; color:#333; line-height:40px; border-bottom:1px solid #eee; padding-left:15px; } .pro .leftpro .menu .nmenu span{position: absolute; top: 11px; right: 10px;font-size: 18px;} .pro .leftpro .menu .nmenu .submenu{border:1px solid #ccc;} .pro .leftpro .menu .nmenu a:hover{ color:#f07f1b; text-decoration:none} .pro .leftpro .phone { overflow:hidden; padding:25px 0; padding-left:65px; background:url(/uploads/20180724/2b82cfe9f99da1322289f7c43b794bd8.png) no-repeat 15px center; background-color:#363636; } .pro .leftpro .phone p{ font-size:13px; color:#fff; } .pro .leftpro .phone em{ display:block; font-size:20px; color:#fff; } .pro .rightpro { overflow:hidden; width:890px; float:right; } .pro .rightpro .list{ overflow:hidden; width:102%; } .pro .rightpro li{ overflow:hidden; float:left; width:270px; height:303px; margin-right:39px; margin-bottom:16px; background-color:#eee; border:solid 5px #eee; } .pro .rightpro li img{ display:block; width:270px; height:255px; margin-bottom:12px; } .pro .rightpro li span{ display:block; text-align:center; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight: bold; } .pro .rightpro li a{ display:block; text-decoration:none;} .pro .rightpro li:hover { background-color:#f07f1b; border:solid 5px #f07f1b; } .pro .rightpro li:hover span{ color:#fff; } .submenu{ position: absolute; left: 100%; width: 200px; background: #fff; top: 0;} .hezuo { overflow:hidden; width:100%; padding-top:60px; background-color:#f9f9f9; padding-bottom:40px; } .hezuo .hebox { overflow:hidden; width:1200px; height:140px; margin:0 auto; position:relative; margin-top:30px; } .hezuo .hebox i{ display:block; width:41px; height:41px; cursor:pointer; position:absolute; top:30px; } .hezuo .hebox .btn01{ background:url(/uploads/20180725/b2dc1e97a03304ccc81496e83f46f384.png) no-repeat center top; left:0} .hezuo .hebox .btn02{ background:url(/uploads/20180725/e7854ca499b06014cd95421dc32e6be0.png) no-repeat center top; right:0} .hezuo .hebox i:hover{ background-position:bottom} .hezuo .heWin{ overflow:hidden; width:1000px; margin:0 auto; height:140px; position: relative; } .hezuo .heWin ul{ overflow:hidden; position: absolute} .hezuo .heWin li{ float:left; width:190px; height:140px; margin-right:12px; } .hezuo .heWin li span{ display:block; text-align:center; font-size:13px; color:#333; } .hezuo .heWin li a{ display:block; text-decoration:none} .hezuo .heWin li img{ display:block; margin-bottom:10px; } .case { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px; margin-top:30px; } .case .casebox{ overflow:hidden; width:100%; height: 321px; margin-top:40px; position:relative; } .case .casebox i{ display:block; width:41px; height:41px; cursor:pointer; position:absolute; top:115px; } .case .casebox .btn01{ background:url(/uploads/20180725/b2dc1e97a03304ccc81496e83f46f384.png) no-repeat center top; left:0} .case .casebox .btn02{ background:url(/uploads/20180725/e7854ca499b06014cd95421dc32e6be0.png) no-repeat center top; right:0} .case .casebox i:hover{ background-position:bottom} .case .casewin{ overflow:hidden; width:1000px; margin:0 auto; height: 326px; position: relative; } .case .casewin ul{ overflow:hidden; position:absolute} .case .casewin li{ float:left; width:311px; margin-right:33px; height: 330px; background-color:#eee; } .case .casewin li a{ display:block; text-decoration:none; } .case .casewin li img{ display:block; margin-bottom:12px; } .case .casewin li span{ display:block; text-align:center; font-size:13px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .case .casewin li:hover{ background-color:#f07f1b; } .case .casewin li:hover span{ color:#fff; } .liucheng .title{margin-bottom:20px;}.zhengshu { overflow:hidden; width:100%; padding:50px 0; } .zhengshu .zsbox { overflow:hidden; width:1200px; margin:0 auto; height:350px; position:relative; margin-top:45px; } .zhengshu .zsbox i{ display:block; width:41px; height:41px; cursor:pointer; position:absolute; top:172px; } .zhengshu .zsbox .btn01{ background:url(/uploads/20180725/b2dc1e97a03304ccc81496e83f46f384.png) no-repeat center top; left:0} .zhengshu .zsbox .btn02{ background:url(/uploads/20180725/e7854ca499b06014cd95421dc32e6be0.png) no-repeat center top; right:0} .zhengshu .zsbox i:hover{ background-position:bottom} .zhengshu .zswin { overflow:hidden; width:1000px; height:350px; margin:0 auto; position:relative} .zhengshu .zswin ul{ overflow:hidden; position:absolute} .zhengshu .zswin li{ float:left; width:237px; height:350px; background-color:#f9f9f9; margin-right:17px; } .zhengshu .zswin li img{ display:block; margin:18px auto; } .zhengshu .zswin li span{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#333; } .zhengshu .zswin il a{ display:block; text-decoration:none} .lybox {margin-top:-27px; overflow:hidden; width:457px; height:367px; background-color:#fff; border-top:3px solid #f07f1b; float:right} .lybox h4{ font-size:26px; color:#f07f1b; margin-left:25px; margin-top:40px;} .lybox p{ font-size:16px; color:#333; margin-bottom:22px; margin-left:25px;} .lybox .inbox{ overflow:hidden; margin-left:25px; *margin-left:12px; width:100%} .lybox input{ overflow:hidden; width:180px; padding:0 10px; height:42px; margin-right:5px; margin-bottom:5px; float:left; line-height:42px; display:block; font-size:14px; color:#333; background:#eee; border:none; outline:none;} .lybox textarea{ overflow:hidden; width:385px; display:block; margin-bottom:10px; height:80px; padding:10px; font-size:14px; color:#333; background:#eee; border:none; outline:none; resize:none;} .lybox b{ display:block; width:150px; height:47px; background-color:#f07f1b; color:#fff; font-size:16px; cursor:pointer; text-align:center; line-height:47px; *margin-left:13px;} .news { overflow:hidden; width:100%; padding:45px 0 30px 0; background-color:#f9f9f9; } .news .nbox { overflow:hidden; width:1220px; margin:0 auto} .news .newsbox{ overflow:hidden; float:left; margin:0 10px; border:1px solid #dbdbdb; width:386px; height:468px; } .news h2{ margin-top:15px; margin-bottom:20px; padding-left:6px; border-left:6px solid #005aa1; font-weight:normal; font-size:20px; color:#333; } .news img{ display:block; margin:0 auto; margin-bottom:15px; width:356px; } .news .list{ overflow:hidden; width:356px; margin:0 auto} .news .list li{ overflow:hidden; width:100%; font-size:13px; color:#666; line-height:38px; } .news .list li em{ float:left; color:#40a3ee; margin-right:5px; font-weight:bold; font-size:20px; } .news .list li a{ display:block; float:left; width:180px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; } .news .list li span{ float:right; color:#999; } .news .wenda { overflow:hidden; width:356px; margin:0 auto; height:400px; position:relative} .news .wenda ul{ overflow:hidden; position:absolute} .news .wenda li{ overflow:hidden; height:88px; margin-bottom:8px; border-bottom:1px dashed #e4e4e4; } .news .wenda h5{ font-weight:normal; font-size:13px; padding-left:32px; background:url(/uploads/20180725/f18280b80fa5974e21fa4f382e2d3550.png) no-repeat left center; line-height:25px; margin-bottom:15px; } .news .wenda h5 a{ color:#f07f1b; } .news .wenda p{ padding-left:32px; background:url(/uploads/20180725/c923d09abd396358cb74a99a1c3ebc1b.png) no-repeat left top; font-size:13px; color:#333; line-height:25px; height:50px; overflow:hidden; } table{ width:100%;}body{} .footer{border-top:1px solid #575a61;} .footer_box{ margin:0 auto; padding-top:50px; width:1200px;} .footer_box .td1{ width:1200px; height:200px;} .footer_box .td1 .dh{ float:left; padding-left: 40px; width:160px; min-height:30px;} .footer_box .td1 .dh span{ font-size:16px; color:#eee;} .footer_box .td1 .dh ul{ margin-top:15px;} .footer_box .td1 .dh ul li{} .footer_box .td1 .dh ul li a{ color:#eee; line-height: 30px; font-size: 14px; font-family: "微软雅黑";} .footer_box .td1 .dh ul li a:hover{ color:#eee;} .footer_box .td1 .line{ float:left; width:3px; height:178px; background: url(/assets/addons/blog/common/guanwang/img/foot_line.png) no-repeat;} .footer_box .td1 .line2{ float:left; margin-left: 30px; width:2px; height:178px; background-color:#353535;} .footer_box .td1 .ewm{ float:left; margin-left: 70px; width:132px;} .footer_box .td1 .ewm img{ width:132px; height:132px;} .footer_box .td1 .ewm span{ margin-top: 10px; color:#eee; line-height: 18px; text-align: center; display: block;} .footer_box .td1 .lxdh{ float:right;} .footer_box .td1 .lxdh .txt{ font-size:14px; color:#eee;} .footer_box .td1 .lxdh .txt span{ font-size:24px; color:#fff; font-weight: bold;} .footer_box .td2{ width:1200px; padding-top:15px; border-top:solid 1px #353535; padding:15px 0;} .footer_box .td2 .bt{ float:left; font-weight: bold; color:#eee; width: 75px; font-size: 16px;} .footer_box .td2 .nr{ float:right; width:1120px; } .footer_box .td2 .nr ul{} .footer_box .td2 .nr ul li{} .footer_box .td2 .nr ul li a{ display: block; float:left; color:#666; font-size:14px;} .footer_box .td2 .nr ul li a:hover{} .clear{clear:both; font-size: 16px;width:1000px; height:20px;color:#eee;font-family: "微软雅黑";} .footer_box .td3{ text-align: center; width:1200px; padding-top:15px; border-top:solid 1px #353535; padding:15px 0;} .footer_box .td3 a{ color:#666;}.yb_conct{position:fixed;z-index:100;top:280px;right:-127px;cursor:pointer;transition:all .3s ease;} .yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;} .yb_bar .yb_top{background:#ff4a00 url(http://www.g107.com/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 0;} .yb_bar .yb_phone{background:#ff4a00 url(http://www.g107.com/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 -57px;} .yb_bar .yb_QQ{display:none;text-indent:0;background:#ff4a00 url(http://www.g107.com/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 -113px;} .yb_bar .yb_ercode{background:#ff4a00 url(http://www.g107.com/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 -169px;} .hd_qr{ margin-left:30px;} .yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}