.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%; background-color:#fff; } .header_top { overflow:hidden; width:100%; height:30px; background-color:#343742; } .header_top p{ float:left; line-height:30px; font-size:13px; color:#fff; } .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 { width:1200px; margin:0 auto; position: relative; z-index:10; } .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; } .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;} .rtop span{ display: block; border-left: solid 3px #213483; padding-left: 10px;} table{font-family: 微软雅黑;} .rel a:hover span{color:#f00 !important;} .menu{ margin:0 auto; width:100%; } .menu ul{ } .menu ul li{ float:left; } .menu ul li a{ padding:0; display:block; width:125px; font-size:16px; color:#333; line-height:50px; height:50px; text-align:center; vertical-align:middle; } .menu ul li a:hover{ background-color: #213483; color:#fff; } .menu .nav .nLi{ float:left; position:relative; display:inline; } .menu .nav .sub{ display:none; width:150px; left:0; top:50px; padding-top:22px; z-index:10; position:absolute; background-color: rgba(255,255,255,1); line-height:40px; margin-bottom:1px; -webkit-box-shadow:0 5px 10px rgba(51, 51, 51, .5); -moz-box-shadow:0 5px 10px rgba(51, 51, 51, .5); box-shadow:0 5px 10px rgba(51, 51, 51, .5); } .menu .nav .sub li{ zoom:1; } .menu .nav .sub a{ display:block; padding-left:30px; text-align: left; width:150px; height:40px; line-height:40px; color:#213483; } .menu .nav .sub a:hover{ width:150px; background:#213483; color:#fff; border-bottom:none; } .menu .nav .nnli878{ float:left; position:relative; display:inline; } .menu .nav .nnli878 .sub{ display:none; width:630px; padding:0 15px 15px 15px; left:-200px; top:50px; padding-top:22px; z-index:10; position:absolute; background-color: rgba(255,255,255,1); line-height:40px; margin-bottom:1px; -webkit-box-shadow:0 5px 10px rgba(51, 51, 51, .5); -moz-box-shadow:0 5px 10px rgba(51, 51, 51, .5); box-shadow:0 5px 10px rgba(51, 51, 51, .5); } .menu .nav .nnli878 .sub li{ zoom:1; } .menu .nav .nnli878 .sub a{ display:block; float:left; padding-left:10px; text-align: left; width:200px; height:40px; line-height:40px; color:#213483; } .menu .nav .nnli878 .sub a:hover{ width:200px; background:#213483; color:#fff; border-bottom:none; } .banner { overflow:hidden; width:100%; height:500px;} .btn {width:152px} #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:7; bottom:50px; padding:0 1px; border:2px solid #213483; *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:#213483; opacity:1;} .hezuo { overflow:hidden; width:100%; background-color:#f5f5f5; padding-bottom:40px; } .hezuo .hebox { width:1200px; margin:0 auto; position:relative; margin-top:30px; } .hezuo .hebox i:hover{ background-position:bottom} .hezuo .heWin{ overflow:hidden; width:1200px; margin:0 auto; position: relative; } .hezuo .heWin ul{ text-align:center; } .hezuo .heWin li{ display:inline; } .hezuo .heWin li span{ display:block; text-align:center; font-size:13px; color:#333; } .hezuo .heWin li a{ margin:8px 14px; display:inline-block; text-decoration:none} .hezuo .heWin li img{ display:block; margin-bottom:10px; border:solid 1px #c1c1c1; } .pro { overflow:hidden; width:1200px; margin:0 auto; padding:30px 0; } .pro .leftpro { overflow:visible; float:left; width:235px; } .pro .leftpro h3{ background-image:url(/uploads/20180810/fd4b2d7fe30a2b05ff9ed38e41d6d103.jpg); background-repeat:no-repeat; width:100%; height:80px; } .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 #213483; border-top:none; padding:15px 0; *padding-bottom:20px; min-height:100px; height:1246px; } .pro .leftpro .menu li{ overflow:hidden; width:210px; margin:0 auto; margin-bottom:0px; border-bottom: dashed 1px #ccc; height:45px; line-height:45px; } .pro .leftpro .menu li >a{ display:block; width:190x; font-size:16px; color:#333; text-decoration:none; background:none; border-radius:5px; padding-left:14px; } .pro .leftpro .menu li >a:hover{color:#f00;} .pro .leftpro .menu li.cur>a { background:url(/uploads/20180724/7d95905791378f08e89b282e3a8e0975.png) no-repeat 209px center; background-color:#213483; } .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:940px; float:right; } .pro .rightpro .list{ overflow:hidden; width:102%; } .pro .rightpro li{ overflow:hidden; float:left; width:220px; height:305px; margin-right:19px; margin-bottom:16px; background-color:none; border:solid 3px #eee; border-color:transparent; } .pro .rightpro li img{ display:block; width:214px; height:220px; margin-bottom:12px; border:1px solid #ccc; } .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:#213483; border:solid 3px #213483; } .pro .rightpro li:hover span{ color:#fff; } .pro .rightpro li:hover p{ color:#fff; } .submenu{ position: absolute; left: 100%; width: 200px; background: #fff; top: 0;} .news { overflow:hidden; width:100%; padding:0px 0 30px 0; } .news .nbox { overflow:hidden; width:1220px; margin:0 auto} .news .newsbox{ overflow:hidden; float:left; margin:0 10px; width:386px; height:368px; } .news h2{ margin-top:15px; margin-bottom:20px; font-weight:bold; font-size:20px; color:#213483; height: 40px; line-height: 40px; border-bottom: solid 1px #eaeaea; } .news h2 .bt{ color:#213483;} .news img{ display:block; margin-right:10px; margin-bottom:15px; width:180px; float:left; height:120px; } .news h4{ font-weight:bold; color:#333; font-size:16px; line-height:30px; height:30px; overflow: hidden;} .news p{ color:#666; line-height:30px;height: 85px; overflow: hidden;} .news .list{ overflow:hidden; width:386px; padding:0 18px; 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:#c1c1c1; margin-right:5px; font-weight:bold; font-size:14px; } .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:386px; 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/20180809/274fcef041d6af3ae13c7528ee9341cb.jpg) no-repeat left center; line-height:25px; margin-bottom:15px; } .news .wenda h5 a{ color: #a93e3e; font-weight: bold; font-size:14px; } .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%; } .news .list li a:hover{color:#f00;} .list a:hover h4,.list a:hover span{color:#f00 !important;} .flink a:hover{color:#f00;}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(/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 0;} .yb_bar .yb_phone{background:#ff4a00 url(/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 -57px;} .yb_bar .yb_QQ{display:none;text-indent:0;background:#ff4a00 url(/uploads/20180704/c514c1f682a0832ebeadf731cf5a0965.png) no-repeat 0 -113px;} .yb_bar .yb_ercode{background:#ff4a00 url(/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;}