/*导航*/ nav{height:81px; color:#fff;overflow:hidden; background:#5ab52c} nav a{line-height:40px; height:40px ;width:33.3%;float:left; display:inline-block; position:relative;font-family:"微软雅黑"; font-size:14px;overflow:hidden; text-align:center;background:#5ab52c;background-image: -webkit-gradient(linear, left top, left bottom, from(#5ab52c), to(#3d9423)); background-image: -webkit-linear-gradient(top, #5ab52c, #3d9423); background-image: -moz-linear-gradient(top, #5ab52c, #3d9423); background-image: -o-linear-gradient(top, #5ab52c, #3d9423); background-image: -ms-linear-gradient(top, #5ab52c, #3d9423); background-image: linear-gradient(top, #5ab52c, #3d9423);} nav a:before{ content:""; position:absolute; left:0; top:14px; width:1px; height:13px; background:#a8d397;} nav a:nth-child(1):before,nav a:nth-child(5):before{ width:0; background:none;} nav a:link{color:#fff;} nav a:hover{ color:#fff;} nav a:visited { color:#fff } nav a:active { color: #fff } /*通栏广告*/ .g-adv{ position:relative; min-width:320px; max-width:640px;margin:0 auto; height:230px; z-index:15;} .g-adv .m-box,.g-adv .sclwrap_box{height:230px; overflow:hidden} .g-adv .m-box img{ display:block;width:100%; height:230px;} /*搜索*/ .m-ss{padding:10px 0 0 10px;height:40px;z-index:2; background:#388620;position:relative;} .inp01{border:0; background:#fff;color:#d1d1d1;float:left;font-size:12px;height:31px;line-height:31px;padding:0 3px;width:254px; box-shadow:2px 2px 2px #d1d1d1 inset; border-radius:2px 0 0 2px;} .u-in{background:none;display: block;height:22px;position: absolute;right:20px;top:14px;width:23px;z-index: 50;cursor: pointer;background:url(/uploads/image/mi/s_ss.png) no-repeat 0 0;background-size:22px 23px;} .m-ss .scl_fri{border-radius:0 2px 2px 0;background:#f5c320;background-image: -webkit-gradient(linear, left top, left bottom, from(#f5c320), to(#e89400)); background-image: -webkit-linear-gradient(top, #f5c320, #e89400); background-image: -moz-linear-gradient(top, #f5c320, #e89400); background-image: -o-linear-gradient(top, #f5c320, #e89400); background-image: -ms-linear-gradient(top, #f5c320, #e89400); background-image: linear-gradient(top, #f5c320, #e89400);display: block;float: left;height:31px;width:39px;} /*支持与信任*/ .m-zc{ height:379px; padding:10px 0 0; overflow:hidden;} .til01,.zxtil{ height:30px; line-height:30px; padding:0 5px; border-radius:3px 3px 0 0;font-size:13px; color:#fff;background-color:#5ab52c; background-image: -webkit-gradient(linear, left top, left bottom, from(#5ab52c), to(#439a25)); background-image: -webkit-linear-gradient(top, #5ab52c, #439a25); background-image: -moz-linear-gradient(top, #5ab52c, #439a25); background-image: -o-linear-gradient(top, #5ab52c, #439a25); background-image: -ms-linear-gradient(top, #5ab52c, #439a25); background-image: linear-gradient(top, #5ab52c, #439a25);} .til01 a{background:url(/uploads/image/mi/ico01.jpg) no-repeat 0 center; float:left;background-size:17px 17px; color:#fff; padding-left:22px;} .til01 span,.dh-c h3 span{ float:right; font-size:12px;} .til01 span a{ background:none; padding:0;} .m-zc .til01{text-align:center; position:relative} .m-zc .til01:before{ content:""; position:absolute; width:0; height:0; top:30px; left:50%; margin-left:-15px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:9px solid #439a25;} .m-zc dl{ height:114px; border-bottom:dotted 1px #000; padding:11% 1% 0; line-height: 19px; font-size:12px; color:#525252; margin-bottom:18px; width:100%; margin:0 auto 5%;} .m-zc dt{ width:40%; height:95px; float:left; padding:1% 4% 0;} .m-zc dt img{ width:137px; height:79px; border:solid 1px #d9d9d9; padding:1px;} .m-zc dd{ width:50%; float:left; line-height:19px;} .m-zc dd p{ height:60px; overflow:hidden; width:94%;} .m-zc dd span{ display:block; text-align:center;} .m-zc li{ width:45%; float:left; padding:0 2%;} .m-zc li img{ width:100%; height:135px; border:solid 1px #d9d9d9; padding:1px; display:block;} .m-zc li span{ display:block; text-align:center; line-height:31px; font-size:12px; height:24px; overflow:hidden;} .cp-c {margin: 0 auto;width: 100%;} /*立即咨询电话*/ .u-btel{clear:both; border-top:solid 2px #f5c320;height:62px;line-height:62px;color:#f5c320; text-align:center;font-size:14px; display:block;position:relative;background:#fff; z-index:2;} .u-btel:before{ content:""; position:absolute; width:0; height:0; top:0; left:50%; margin-left:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #f5c320;} .u-btel .telph,.u-ctel .telph{font-size:19px;font-family:"times new roman", times, serif;color:#f5c320;} .u-btel .u-tel,.u-ctel .u-tel{ width:25px; height:25px; display:block; background:url(/uploads/image/mi/tel1.png) no-repeat; float:left; position:absolute; -webkit-background-size:25px 25px;-ms-background-size:25px 25px;-o-background-size:25px 25px;background-size:25px 25px;left:25px; top:19px;} /*头部电话图标*/ .u-btel .s-ln-1, .u-btel .s-ln-2, .u-btel .s-ln-3 ,.u-ctel .s-ln-1, .u-ctel .s-ln-2, .u-ctel .s-ln-3 {border: 2px solid #f5c320;} .u-btel .z-ln-1,.u-ctel .z-ln-1{z-index:10; display:inline-block; width:8px; height:8px; border-width:2px 2px 0 0; border-radius:0 30px 0 0; position:absolute; top:0px; right:0px; animation-name: xshow2; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow2; -webkit-animation-duration: 4s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow2; -o-animation-duration: 4s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite;} .u-btel .z-ln-2,.u-ctel .z-ln-2{z-index:10; display:inline-block; width:12px; height:12px; border-width:2px 2px 0 0; border-radius:0 35px 0 0; position:absolute; top:-4px; right:-4px; animation-name: xshow; /*动画名称*/ animation-duration: 4s; /* 动画时间*/ animation-timing-function: linear; /*动画频率,匀速*/ animation-iteration-count: infinite; /*动画循环播放的次数,infinite为无限次*/ -webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/ -webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/ -webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/ -webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/ -o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/ -o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/ -o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/ -o-animation-iteration-count: infinite; } /*头部电话一闪一闪的线条,css3样式*/ .u-btel .z-ln-3,.u-ctel .z-ln-3{z-index:10; display:inline-block; width:4px; height:4px; border-width:2px 2px 0 0; border-radius:0 7px 0 0; position:absolute; top:4px; right:4px; animation-name: xshow; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: xshow3; -webkit-animation-duration: 6s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -o-animation-name: xshow3; -o-animation-duration: 6s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; } /*产品*/ .m-zc ul { margin: 0 auto;width: 100%;} .m-cp{ height:443px; overflow:hidden; background:#f1ffea;} .m-cp h2,.m-dh h2{ margin-bottom:15px;} .cp-c li{ width:42%; float:left; padding:0 1% 4% 5%;} .cp-c li img{ width:100%; height:154px; border:solid 1px #d9d9d9; padding:1px; background:#fff; display:block;} .cp-c li span{ display:block; text-align:center; line-height:18px;color: #595959;} .zx01 li a { color: #595959; } .more01{display:block; height:25px; text-align:center;background:url(/uploads/image/mi/ge02.png) no-repeat center 21px;background-size:60px 2px;} .m-ys .more01{background-size:98px 2px; margin-top:18px;} .more01 a{ padding:0 7px; display:inline-block; line-height:20px;background:#f5c320; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5c320), to(#e89400)); background-image: -webkit-linear-gradient(top, #f5c320, #e89400); background-image: -moz-linear-gradient(top, #f5c320, #e89400); background-image: -o-linear-gradient(top, #f5c320, #e89400); background-image: -ms-linear-gradient(top, #f5c320, #e89400); background-image: linear-gradient(top, #f5c320, #e89400); color:#fff; position:relative; z-index:9;} /*导航*/ .m-dh{ overflow:hidden; margin-bottom:2.2em;} .dh-c h3{background: #f1ffea none repeat scroll 0 0; border-right: 1px solid white; clear: both; font-size: 14px; font-weight: bold; height: 50px; line-height: 50px; margin-bottom: 20px; padding: 0 5px 0 15px; text-align: center;} .dh-c h3 a{ color:#000;} .dh-c h3 span a{ color:#429b25;} .dh-c ul{ padding:0 5px; clear:both; display:block;} .dh-c li{ padding-left:10px; height:35px; line-height:35px;overflow:hidden; font-size:12px; border-bottom:1px solid #e1e1e1;} .dh-c li a{ color:#595959;} /*优势*/ .m-ys{overflow:hidden; background:#f1ffea; font-size:12px; color:#595959; line-height:21px; padding:28px 5px 0; position:relative} .m-ys:before{ content:""; position:absolute; width:100%; height:4px; top:0; left:0;background:url(/uploads/image/mi/ge02.png) no-repeat center 0;background-size:300px 2px;} .m-ys h2{ height:33px; border-bottom:solid 1px #5ab52c; margin-bottom:20px;} .m-ys h2 p{ width:170px; text-align:right; float:left; font-size:13px; color:#000; line-height:15px; z-index:10; position:relative} .m-ys h2 p em{ display:block; font-size:18px; color:#939393; font-family:arial; text-transform:uppercase; font-style:normal; line-height:15px;} .m-ys h2 span{ width:91px; height:33px; display:inline-block;margin: 1px 0 0 14px; background:#5ab52c; font-size:18px; font-weight:bold; line-height:33px; text-align:center; color:#fff; position:relative; z-index:9;} .m-ys h2 span:after,.m-ys h2 span:before{ content:""; position:absolute; width:0; height:0; top:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:33px solid #5ab52c; z-index:-1;} .m-ys h2 span:before{ left:-15px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .m-ys h2 span:after{ right:-15px} .ys-c h3{height:38px; line-height:35px; border-bottom:solid 1px #a8b2a3;background:url(/uploads/image/mi/ys_ico1.gif) no-repeat 5px 8px;background-size:26px 18px; position:relative; padding:0 0 0 36px; font-size:15px; color:#000;} .ys-c h3 b{ color:#3d9423;} .ys-c h3:before{ content:""; position:absolute; height:35px; width:100%; left:0; top:0;border-bottom:solid 1px #a8b2a3; display:block} .ys-c h3:nth-child(3){background:url(/uploads/image/mi/ys_ico2.gif) no-repeat 5px 8px;background-size:28px 18px;} .ys-c h3:nth-child(5){background:url(/uploads/image/mi/ys_ico3.gif) no-repeat 5px 8px;background-size:28px 18px;} .ys-c h3:nth-child(8){background:url(/uploads/image/mi/ys_ico4.gif) no-repeat 5px 8px;background-size:26px 18px;} .ys-c p{ clear:both; padding:6px 12px 5px 36px;background:url(/uploads/image/mi/ico02.jpg) no-repeat 23px 16px;background-size:5px 5px;} /**/ .m-lc{ height:125px;border-top:solid 2px #5ab52c; border-bottom:solid 1px #b9b9b9; padding:13px 0 0;background:#fefefe;background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d5d5d5)); background-image: -webkit-linear-gradient(top, #fefefe, #d5d5d5); background-image: -moz-linear-gradient(top, #fefefe, #d5d5d5); background-image: -o-linear-gradient(top, #fefefe, #d5d5d5); background-image: -ms-linear-gradient(top, #fefefe, #d5d5d5); background-image: linear-gradient(top, #fefefe, #d5d5d5);} .lc-l{ width:151px; padding:0 0 0 10px; float:left;} .lc-l a{ display:block; width:120px; height:30px; line-height:30px; margin-bottom:10px; text-align:center; font-size:13px; color:#fff;background:#5ab52c; background-image: -webkit-gradient(linear, left top, left bottom, from(#5ab52c), to(#439a25)); background-image: -webkit-linear-gradient(top, #5ab52c, #439a25); background-image: -moz-linear-gradient(top, #5ab52c, #439a25); background-image: -o-linear-gradient(top, #5ab52c, #439a25); background-image: -ms-linear-gradient(top, #5ab52c, #439a25); background-image: linear-gradient(top, #5ab52c, #439a25); border-radius:2px; box-shadow:2px 2px 2px #a0a0a0;} .u-ctel{ width:120px; padding:14px 0 0 34px; background:none; border:0; font-size:12px; color:#f5c320; line-height:24px;float:left; position:relative} .u-ctel .u-tel{top:16px; left:0;} .u-ctel .telph{ display:block;} .u-ctel .more01{ text-align:left; background-position:0 21px; margin-top:10px;} /*资讯*/ .m-zx{ height:250px;overflow:hidden; padding:35px 0 0; background:#f1ffea;} .zxtil{ border-radius:0; padding:0; height:30px; line-height:30px; margin-bottom:19px;} .zxtil li{ float:left; padding:0 16px; font-size:13px; color:#fff;} .zxtil li.z-on{color:#545454; position:relative;background:#cdcdcd; background-image: -webkit-gradient(linear, center top, center bottom, from(#cdcdcd), to(#f0f0f0), to(#cdcdcd)); background-image: -webkit-linear-gradient(center top, #cdcdcd, #f0f0f0, #cdcdcd); background-image: -moz-linear-gradient(center top, #cdcdcd, #f0f0f0, #cdcdcd); background-image: -o-linear-gradient(center top, #cdcdcd, #f0f0f0, #cdcdcd); background-image: -ms-linear-gradient(center top, #cdcdcd, #f0f0f0, #cdcdcd); background-image: linear-gradient(center top, #cdcdcd, #f0f0f0, #cdcdcd);} .zxtil li.z-on:before{ content:""; position:absolute; width:0; height:0; top:30px; left:50%; margin-left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #bbb;} .m-zx .m-box,.m-zx .sclwrap_box{height:324px; overflow:hidden} .zx01{padding:0 14px;display:inline; float:left;} .zx01 ul{ height:148px; overflow:hidden} .zx01 li{ position:relative; color:#595959; padding:0 12px; height:32px; line-height:32px; border-bottom:dotted 1px #dadada; font-size:12px; overflow:hidden} .zx01 li:before{ content:""; position:absolute; width:3px; height:3px; top:15px; left:0; background:#5ab52c; border-radius:3px;} .zx01 ul li:last-child{ border:0;} .zx01 span{background:url(/uploads/image/mi/ge01.gif) no-repeat center 0;background-size:305px 10px; height:47px; line-height:47px; text-align:center; color:#3d9423; font-size:12px; display:block;} .zx01 span a{color:#3d9423;} .ny_dh{ display:none;} .pro_index { float: left;padding-left: 7%;width: 40%;}