@charset "gb2312"; * { word-break: break-all; margin: 0; padding: 0;} body {font-size: 14px;color: #666666;font-family: "微软雅黑", "microsoft Yahei", "Courier New", Courier, monospace; padding: 0px;margin: 0px auto;line-height: 30px;background-color: #FFF; width: 100%;} a { color: #666666; text-decoration: none;} ul, li, dl, dt, dd {list-style: none;} .wrap { width: 1200px;margin: 0 auto;} .fl {float: left;} .fr {float: right;} em{ font-style: normal} .clear,.c{ clear:both;} .mcon tr:hover{color:#28aabb;} table { text-align: center; border-collapse: collapse; border-spacing: 0;} table tr:hover {background: #28aabb;color: #FFF;} /* top */ .top {height: 38px;line-height: 38px; border-bottom: 3px solid #f5f5f5;color: #6b6b6b;} .topone {display: inline-block;background: url(../images/topo.png)no-repeat left center;text-indent: 22px;margin-right: 10px;} .toptwo {background: url(../images/topt.png)no-repeat left center; text-indent: 22px; display: inline-block;margin-left: 10px;} /*logo*/ .logo { overflow: hidden;padding: 20px 0;} .logos {background: url(../images/head_tel.png)no-repeat left center;text-indent: 74px;} .logos_p {font-size: 26px;color: #148BF4;font-weight: bolder;} /* nav */ .nav {height: 60px;width: 100%; background-color: #148BF4;} .nav ul {width: 1200px; margin: 0 auto; overflow: hidden;} .nav li {width: 12.5%;float: left;text-align: center;box-sizing: border-box;display: inline;line-height: 60px;background: url(../images/navl.jpg) no-repeat left center;} .nav li a { color: #ffffff; font-size: 16px;display: block;} .nav li a:hover {display: block;color: #ffffff; font-size:18px;} /* banner */ #banner{ width: 100%; position: relative;} #banner ul{ overflow: hidden; margin-bottom: 0;} #banner ul li{ list-style: none; display: none;} #banner img{ width: 100%;} #p{ width: 90px; position: absolute; left: 48%; bottom: 3%;} #p p{ width: 10px; height: 10px; border-radius: 50%; background: #0ab573; float: left; margin-left: 10px;} #p p:nth-child(1){ margin-left: 0;} #p .on{ background: #fff;} #left{ font-size: 60px; font-weight: bold; color: #fff; position: absolute; left: 5%; top: 45%; display: none; text-decoration: none;} #right{ font-size: 60px; font-weight: bold; color: #fff; position: absolute; right: 5%; top: 45%; display: none; text-decoration: none;} .nyban{ width:100%;height:400px; background:url(../images/nyban.jpg) no-repeat center center; /**/ margin-bottom:50px; color:#fff; clear: both; } .nyban img{ display:none;} /* 热卖产品*/ .m1{padding-top:60px;} .m1t{text-align:center; margin-bottom:30px;} .m1t h2{ font-size:28px; height:30px; line-height:30px;} .m1t h2 span{ font-size:32px; color:#0278E4; height:30px; line-height:30px;letter-spacing:3px;} .m1t p{ color:#666666; font-size:16px; line-height:42px;} .sytj2 ul{ overflow:hidden;} .sytj2 li{ width:31.3333%; float:left; margin:0 1% 2%; border:1px #e3e3e3 solid; box-sizing:border-box;} .sytj2 li img{ max-width:98%; padding:1%} .sytjms{ padding:30px;} .sytjms h3{ font-size:18px; margin-bottom:10px;} .sytjms p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background:url(../images/m13.png) no-repeat 0 0; height:46px; line-height:46px;} .sytj2 li:hover{ background-color:#0278E4;} .sytj2 li:hover a{ color:#fff;} .sytj2 li:hover p{ background-position:-27px 0;} .sytjgd{ text-align:center; background:url(../images/mcpgd.jpg) no-repeat center center; height:45px; line-height:45px; margin:30px auto 50px; width:222px;} .sytjgd a{ display:block;} /* 优势*/ .gsjj{ background:url(../images/gsjjbg.jpg) no-repeat left top; margin-bottom:40px; height:470px; } .gsjjl{ width:50%; float:left; color:#fff;} .gsjjt{ padding-top:100px;} .gsjjt h2{ font-size:24px; font-weight:bold;} .gsjjt p{ font-size:10px; text-transform:uppercase; line-height:20px;} .gsjjt div{ width:20px; height:4px; background-color:#1496fb; margin:10px 0 30px;} .gsjjc{ font-size:16px; color:#fff;} .gsjjr{ width:50%; float:left; padding:50px 0;} .gssp{ text-align:right; border:1px #fff solid; width:559px; height:376px; float:right;} /*新闻*/ .m5{ margin-bottom:30px; } .news1{ width:30%; float:left; background-color:#ffffff; padding:17px; border-right:1px #dddddd solid;} .news2{ width:30%; float:left; background-color:#ffffff; padding:17px; } .m5 .n1{ margin-bottom:20px; position:relative;} .m5 .n1 div{ position:absolute; top:-10px; left:16px; z-index:999;} .m5 li{ height:35px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; background:url(../images/m5i1.jpg) no-repeat left 16px; text-indent:10px; } .m5 li:hover{background:url(../images/m5i2.jpg) no-repeat left 16px;} .m5 li span{ float:right; color:#999999; width:96px;} .m5 li:hover span{ color:#009ef4;} .ad_01{background:#008AFF; margin:30px 0;} /**/ .m4{ margin-bottom:50px;} #gundong3 {WIDTH: 100%; box-sizing:border-box; } #gundong3 .content { OVERFLOW: hidden;} #gundong3 .content #marquee3 {WIDTH: 100%; DISPLAY: inline; FLOAT: left; height: 270px; OVERFLOW: hidden;} #gundong3 .content #marquee3 li {TEXT-ALIGN: center; WIDTH: 284px; FLOAT: left;margin-right:30px; OVERFLOW: hidden; background-color:#ececec; border:1px #ffffff solid;} #gundong3 .content #marquee3 .m3tp{ HEIGHT: 210px;} #gundong3 .content #marquee3 .m3tp img {WIDTH: 100%; HEIGHT: 210px; } #gundong3 .content #marquee3 li a{ width:100%; height:100%; display:block;} #gundong3 .content #marquee3 li .m4txt{ height:40px; line-height:40px; text-align:left; padding:10px; } #gundong3 .content #marquee3 li:hover{ background-color:#148BF4; border:1px #057AE1 solid;} #gundong3 .content #marquee3 li:hover .m4txt{ color:#ffffff;} #gundong3 .content #marquee3 li .m4txt span{ border:1px #333333 solid; padding:0 10px; line-height:20px; float:right; margin-top:10px;} #gundong3 .content #marquee3 li:hover .m4txt span{border:1px #ffffff solid; } #gundong3 .aniu{ width:300px; margin:20px auto 0; background-color:#ffffff; height:27px;} #gundong3 .left {WIDTH: 94px; FLOAT: left; text-align:center;} #gundong3 .right {WIDTH: 94px; FLOAT: right;text-align:center;} .m42{ background:url(../images/m44.jpg) repeat-x center center; } .flink{ width:100%; line-height:40px;padding-bottom:20px; padding-top:20px;} .flinkt{ float:left; margin-right:15px; font-size:18px;} .f1t{ font-size:18px; font-weight:bold; color:#fff;} .foot{ background-color:#333333; color:#fff; padding-top:50px;} .foot a{ color:#fff;} .fcp{ width:25%; float:left;} .fcpt h2{ font-size:18px; font-weight:bold;} .fcpt div{ width:12px; height:1px; background-color:#4eb70f; margin:10px 0 15px;} .fcp li{ float:left; width:50%;} .flx{ width:35%; float:left; margin-left:5%; display:inline;} .sjwx{ display:none;} .fwx{ float:left; width:35%; text-align:right; border-left:1px #717171 solid; box-sizing:border-box;} .bq{ margin-top:40px; padding:5px 0px; color:#fff; border-top:1px #5c5c5c solid;} .nycontact .wx{ display:none;} .fdh{ display:none;} .ny { margin-bottom:30px; } /*left*/ .mleft { float:left; width:276px; margin-right:24px; display:inline; } .cplb { width:100%; height:auto; } .cpt { width:276px; height:100px; background:url(../images/cpt.jpg) no-repeat top center; } .cpcon { padding:10px; text-align:center; border:2px #0294DF solid; background-color:#ffffff; border-top:none;} .menu_list { width: 100%; } .menu_head { cursor:pointer; text-align:center; height:42px; line-height:42px; font-size:18px; color:#333; margin-bottom:8px; background-color:#0294DF; } .menu_head a { display:block; color:#ffffff; } .menu_head a:hover {} .menu_head .menu_body { background:none; margin-bottom:5px; width:250px; overflow:hidden; } .menu_body a { display:block; background:url(../images/m5i1.jpg) #ffffff no-repeat 8px center; border-bottom:1px #dddddd dashed; line-height:42px; text-align:left; font-size:16px; text-indent:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .menu_body a:hover {} .lx { margin-bottom:50px; } /*right*/ .mright { float:left; width:900px; } .mrt { background-color:#e7e7e7; height:47px; line-height:47px; font-size:14px; margin-bottom:20px; font-weight:bold; text-indent:20px; border-left:8px #0294DF solid; color:#222222; } .cpzs { display: inline; float: left; overflow: hidden; } .cpzs li { text-align: center; display: inline; float: left;margin:0 9px 20px; width:280px; border:1px #dddddd solid; } .cpzs img { width:100%; } .cpzs li p { line-height:40px; height:40px; background:#eeeeee; display:block; overflow:hidden; text-align:center; } .cpzs li p a { display:block; } .mcon{ font-size:16px; line-height:36px;} .mcon img{ max-width:100%;} /* 分页 */ .zw img{ max-width:100%;} .zw p { margin-top:20px; margin-bottom:20px; } .p16 {font-weight:bold; font-size:20px; } .ptitle{line-height:35px; margin-bottom:10px; text-align:center;} .pline{ border-bottom:4px double #dddddd; height:40px; color:#0294DF;} .prenext{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 30px; margin-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #999; margin-bottom:15px; } .prenext .pre{float: left;width: 100%;} .prenext .pre a{ color: #333; text-decoration: none; } .prenext .pre a:hover { color: #ff0000; }/* 上一篇 */ .prenext .next{ text-align: left; float: left;width: 100%; } .prenext .next a{ color: #333; text-decoration: none; } .prenext .next a:hover { color: #ff0000; } #gundong1 {margin:0 auto;} #gundong1 .content {width: 100%; overflow: hidden;} #gundong1 .content #marquee1 { width:98%;display: inline; float: left; height: 230px; overflow: hidden; margin:1%;} #gundong1 .content #marquee1 li { padding:3px; text-align: center; float: left; margin-right:20px; overflow: hidden; background-color:#eeeeee; border:1px #ddd solid;} #gundong1 .content #marquee1 img {width: 260px; height: 192px; } #gundong1 .content #marquee1 li .ctxt{ height:30px; text-align:center; line-height:30px; width:100%; } .xgxw{ margin-bottom:30px; margin-top:30px; } .xgxw li { width:46%; float:left; margin-right:2%; border-bottom:1px #dddddd dashed; background:url(../images/m5i2.jpg) no-repeat left center; padding-left:18px; line-height:40px; height:40px; overflow:hidden;} .info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; margin-bottom:20px;} .info span{color:#148BF4;} .con{ padding:10px; overflow:hidden; zoom:1;} .list .node { margin-bottom:8px; } /* 单个文章信息 */ .list .node .title { padding-bottom:6px;padding-top:5px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#EBEBEB; font-size:16px; font-weight:bold;} /* 标题 */ .list .node .title a{border-left-width:5px;border-left-style:solid;border-left-color:#D9D9D9;padding-left:5px;} .list .node .title a:hover{text-decoration:underline;} .time{ float:right;font-size:14px; font-weight:normal;line-height:30px;color:#666;} .list .node .description{padding:8px;line-height:150%;color:#555;} /* 描述 */ .list .node .description p{margin:0px;padding:0px;} .list .node .info{text-align:right;font-size:12px;line-height:20px;color:#666;padding-right:18px} .i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/ .i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; } .i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */ .i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */ .i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */