@charset "utf-8";

/* CSS Document */

/*banner*/

.banner {width: 100%; position: relative;height:500px; margin: 0 auto;background: transparent;}

.banner .bd { margin: 0 auto;height: 100%;position: relative;z-index: 0;overflow: hidden;}

.banner .bd ul { height: 100%; width: 100%;}

.banner .bd li { height: 100%;overflow: hidden;text-align: center;background-position: center;background-repeat: no-repeat; width: 100%;}

.banner .bd li a {display: block;height: 100%;width: 100%;}

.banner .prev, .banner .next {display: block; position: absolute;top: 50%;margin-top: -30px;left: 15%;z-index: 1;width: 40px; height: 60px;background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;cursor: pointer;*filter: alpha(opacity=50);*opacity: .5;display: none;}

.banner .next {left: auto;right: 15%;background-position: -6px -137px;}



/*产品*/

.cp{ width:1180px; height:auto; margin:0 auto;margin-top:50px;}

.cpzb{ width:250px; float:left; border:1px solid #ccc; height:auto; padding-bottom:22px;} 

.cpzb span{ display:block; width:250px; height:80px; background:#0eab4a;}

.cpzb span h3{ font-size:24px; padding-top:12px; text-align:center; color:#fff;}

.cpzb span i{ display:block; text-align:center; font-family:Arial; text-transform:uppercase; color:#fff; padding-top:10px;}

.cpzb ul{}

.cpzb ul li{ width:250px; height:50px; border-bottom:1px solid #ccc;-webkit-transition:0.7s;transition:0.7s; line-height:50px; background:url(../images/02.jpg) no-repeat center;}

.cpzb ul li:hover{ background:url(../images/01.jpg) no-repeat center; -webkit-transition:0.7s;transition:0.7s;}

.cpzb ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left:78px;}

.cpzb ul li:hover a{color:#ff9000;-webkit-transition:0.7s;transition:0.7s;}

.ewmq{ margin-top:256px;}

.ewmq img{ display:block; width:144px; height:144px; margin:0 auto; border:1px solid #ccc; margin:0 auto;}

.olseyn{ width:928px; float:left;}

.cptb{ width:894px; height:43px; background:url(../images/03.jpg) no-repeat center;line-height:43px; margin-left:34px;}

.cptb h4{ font-size:20px; color:#0eab4a; float:left; padding-left:14px;-webkit-transition:0.7s;transition:0.7s;}

.cptb h4:hover{ color:#ff9000;-webkit-transition:0.7s;transition:0.7s; padding-left:20px;}

.cptb h4 b{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#666; padding-left:10px;}

.cptb i{ display:block;  float:right; text-transform:uppercase;}

.cptb i a{ color:#666;}

.olsq{ background:#fafafa; margin-top:12px; height:310px;margin-left:34px; padding-top:30px; position:relative;}

.olsq ul{ margin-left:66px; height:286px; overflow:hidden;}

.olsq ul li{ float:left; height:286px; overflow:hidden;}

.olsq ul li img{ display:block; width:348px; height:286px; float:left;-webkit-transition:0.7s;transition:0.7s;}

.olsepp{ width:384px; float:left; height:286px; margin-left:28px;}

.olsepp h5{ width:384px; height:46px; line-height:46px; border-bottom:1px solid #ccc; font-size:18px;}

.olsepp h5 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.olsepp p{ line-height:30px; height:180px; color:#666; overflow:hidden; margin-top:10px;}

.lei{ width:110px; height:35px; line-height:35px; text-align:center; border:1px solid #0eab4a; margin-top:10px;}

.lei a{ color:#0eab4a;-webkit-transition:0.7s;transition:0.7s;}

.zbjt{ position:absolute; left:24px; top:140px;}

.ybjt{position:absolute; right:24px; top:140px;}

.olsq ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); }

.olsq ul li:hover .lei{ background:#ff9000;-webkit-transition:0.7s;transition:0.7s;}

.olsq ul li:hover .lei a{ color:#fff;-webkit-transition:0.7s;transition:0.7s;}

.cpia{ margin-top:14px; margin-left:8px;}

.cpia li{ float:left; margin-left:26px; }

.cpia li img{ display:block; width:202px; height:174px; border:1px solid #ccc;-webkit-transition:0.7s;transition:0.7s;}

.cpia li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.cpia li:hover .polk p a{ display:block;-webkit-transition:0.7s;transition:0.7s;color:#ff9000;}

.polk{ height:44px; line-height:44px;-webkit-transition:0.7s;transition:0.7s; }

.polk p{ float:left;}

.polk p a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.polk b{ float:right; }

.polk b img{width:15px; height:15px; display:block; border:none; padding-top:16px;}



/*bn1*/

.bnzzz{ height:235px; margin:0 auto; background:url(../images/07.jpg) no-repeat center;}

.bn1zx{ width:1180px; height:235px; margin:0 auto; position:relative; margin-top:40px;}

.bn1zx h3{font-size:16px; line-height:36px; color:#fff;-webkit-transition:0.7s;transition:0.7s; position:absolute; left:338px; top:110px;}

.bn1zx h3:hover{-webkit-transition:0.7s;transition:0.7s; padding-left:20px;}

.bn1zx span{ font-size:24px; font-family:Impact; color:#fff;position:absolute; left:1035px; top:126px;}



/*案例*/

.rxb{ height:734px; width:1200px; margin:0 auto;}

.rxb h3{ width:277px; height:85px; background:url(../images/08.jpg) no-repeat center; margin:0 auto; color:#0eab4a; font-size:26px;-webkit-transition:0.7s;transition:0.7s; text-align:center;}

.rxb h3:hover{-webkit-transform: translate(16px,16px); }

.rxb ul{ margin-top:20px;}

.rxb ul li{ width:378px; height:298px; border:1px solid #ccc; float:left; margin:0 10px; margin-bottom:28px;}

.rxb ul li img{ display:block; margin:0 auto; height:240px; width:378px;-webkit-transition:0.7s;transition:0.7s;}

.rxb ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.rxb ul li:hover{ border:1px solid #ff9000;}

.rxb ul li:hover p a{ color:#ff9000;}

.rxb ul li p{ padding-top:22px; text-align:center;}

.rxb ul li p a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



/*优势*/

.ys{height:808px; background:url(../images/09.jpg) no-repeat center;}

.yszx{ width:1180px; height:724px; margin:0 auto; margin-top:50px; padding-top:84px;}

.yszx h3{ font-size:40px; text-align:center; color:#fff;}

.yszx h3 b{ color:#f6ff00;}

.yszx h4{ font-size:18px; text-align:center; color:#fff;}

.ysj{ width:450px; height:550px; padding-left:642px;-webkit-transition:0.7s;transition:0.7s;}

.ysj:hover{-webkit-transition:0.7s;transition:0.7s; padding-top:10px;}

.il_01{width:450px;height:70px;margin-top:  36px;}

.il_02{width:450px;height:70px;margin-top:  9px;}

.il_03{width:450px;height:70px;margin-top:  25px;}

.il_04{width:450px;height:70px;margin-top:  9px;}

.il_05{width:450px;height:70px;margin-top:  10px;}

.il_06{width:450px;height:70px;margin-top:  -6px;}

.il_07{width:450px;height:70px;margin-top:  10px;}

.il_01 h6{ float:left; font-size:20px; color:#0eab4a; padding-top:20px;}

.il_02 h6{ float:left; font-size:20px; color:#0eab4a; padding-top:20px;}

.il_03 h6{float:left;font-size:20px;color:#0eab4a;padding-top: 4px;}

.il_04 h6{float:left;font-size:20px;color:#0eab4a;padding-top: 6px;}

.il_05 h6{float:left;font-size:20px;color:#0eab4a;padding-top: 5px;}

.il_06 h6{ float:left; font-size:20px; color:#0eab4a; padding-top:20px;}

.il_07 h6{ float:left; font-size:20px; color:#0eab4a; padding-top:20px;}

.il_01 p,.il_02 p,.il_03 p,.il_04 p,.il_05 p,.il_06 p,.il_07 p{ width:328px; float:left; line-height:30px; color:#666; margin-left:16px;}



/*见证*/

.lkjz{height:410px; width:1200px; margin:0 auto; margin-top:50px;}

.lkjz h3{ width:277px; height:85px; background:url(../images/08.jpg) no-repeat center; margin:0 auto; color:#0eab4a; font-size:26px;-webkit-transition:0.7s;transition:0.7s; text-align:center;}

.lkjz h3:hover{-webkit-transform: translate(16px,16px); }

.lkjz ul{ margin-top:20px;}

.lkjz ul li{ width:568px; height:188px; border:1px solid #ccc; float:left; margin:0 15px; margin-bottom:28px;}

.lkjz ul li img{display:block;float:left;height:166px;width:204px;-webkit-transition:0.7s;transition:0.7s;margin: 12px 0 0 12px;}

.lkjz ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.lkjz ul li:hover{ border:1px solid #ff9000;}

.lkjz ul li:hover span a{color:#0eab4a;}

.lkjz ul li span{ width:326px; height:142px; float:left; margin-left:14px; display:block;}

.lkjz ul li span h4{font-size:14px;margin-top:  26px;margin-bottom:  14px;}
.lkjz ul li span h4 a{ color:#333;}

.lkjz ul li p{line-height:24px;height:72px;overflow:hidden;margin-bottom:  12px;}

.lkjz ul li span a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#ff9000; }



/*bn2*/

.bnz_2{ height:194px; margin:0 auto; background:url(../images/11.jpg) no-repeat center;}

.bn2zx{ width:1180px; height:194px; margin:0 auto; position:relative; margin-top:40px;}

.eos{color: #fff;position: absolute;left: 0;top: 123px;}

.eos input{width: 230px;height: 26px;border: 1px solid #a1deb9;text-indent: 1em;background: none;color:#fff;}

.iaw{color: #fff;position: absolute;left: 294px;top: 123px;}

.iaw input{width: 232px;height: 26px;background: none;border: 1px solid #a1deb9;text-indent: 1em; color:#fff;}

.tijiao{color:#fff;font-weight: bold;position: absolute;left: 586px;top: 120px;background: #ff9000;width: 106px;height: 32px;text-align: center;line-height: 32px;-webkit-transition:0.7s;transition:0.7s;}

.tijiao a{color: #fff;}

.tijiao:hover{ background:#ff990f;-webkit-transition:0.7s;transition:0.7s; border-radius:22px; margin-top:20px;}

.bn2zx span{font-size:24px;font-family:Impact;color:#fff;position:absolute;left: 756px;top: 120px;}



/*问题*/

.faq{ width:1180px; margin:0 auto; height:422px;}

.news {width: 812px;height:422px;border:1px solid #ccc;margin-top:40px;float:left;}

.newfl{width: 312px;float:left;margin-right:  26px;}

.newfr{float:left;width: 450px;}

.news h3 a { color: #1a1a1a;}

.news .img { float: left; margin-right: 10px;}

.news .img img {width: 290px;height: 196px;padding-top: 16px;margin-left:  22px;}

.news .info {float: left;margin-left:  22px;}

.news .info p{line-height: 24px;height: 48px;overflow:hidden;color: #666;margin-top: 4px;}

.news .info a{display:block;}

.news .info .boodp{ overflow: hidden; height:100px; margin-top: 1px;}

.news .info .bood{margin-top: 8px;font-weight: bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.news .info:hover .bood{text-decoration: underline;}

.news dl dd {}

.news ul {width: 450px;height: 330px;}

.news li {float: left;line-height:33px; width:448px;background: url(../images/12.jpg) no-repeat left center;}

.news li a {font-size: 14px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 15px;color: #666;}

.news li a:hover{color: #ff9000;}

.yjnz li a:hover{ color:#ff9000;}

.news li span {float: right;color: #666;}

.contanta{margin-top: 24px;}

.faq .faq-c .faq-l .faq-w span { width: 22px;height: 22px; line-height: 20px; text-align: center; float: left; margin-right: 5px; margin-bottom: 10px; background: url(../images/wd.gif) no-repeat center top;}

.faq .faq-c .faq-l .faq-d span {clear: both;color: #fff;width: 22px;height: 22px;line-height: 20px;

text-align: center;float: left;margin-right: 5px;margin-bottom: 10px;

background: url(../images/wd.gif) no-repeat center -26px;}

.faq .faq-c .faq-l .faq-w p { float: right;  line-height: 20px;  width: 388px;  margin: 0;  color: #333;  font-size: 14px;font-weight: bold;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.faq .faq-c .faq-l .faq-d p { float: right; width: 388px; line-height: 25px; margin: 0; height: 44px; color: #333; overflow: hidden; margin-bottom: 13px;}

.faq .left dl{ height:30px; line-height:30px;}

.faq .left dl a{ height:30px; display:block; width:280px; overflow:hidden; line-height:30px; color:#000; }

.faq .left dl a em{ padding-right:5px;}



.title {height: 46px;border-bottom: 1px solid #ccc;}

.title h3 {width: 120px;height: 46px;float:left;line-height: 50px;text-align: center;font-size: 16px;}

.title h3 a{color: #333;}

.title .on{background: #0eab4a;-webkit-transition: all .9s ease-out;transition: all .9s ease-out;width: 120px;height: 46px;line-height: 46px;text-align: center;}

.title .on a{font-weight: bold;-webkit-transition: all .9s ease-out;transition: all .9s ease-out;color: #fff;}

.title .more {font-size: 14px;color: #666;float: right;margin-right: 10px;line-height: 62px;}

.iks{ text-transform:uppercase; width:122px; height:30px; line-height:30px; text-align:center; background:#f1f1f1;margin-top:10px;-webkit-transition:0.7s;transition:0.7s;}

.iks:hover{text-transform:uppercase; width:122px; height:30px; line-height:30px; text-align:center; background:#ff9000;-webkit-transition:0.7s;transition:0.7s; }

.iks:hover a{ color:#fff;}



.udjrv{ width:338px; height:422px; border:1px solid #ccc; float:right; margin-top:40px;}

.ikvb{ width:298px; height:50px; background:url(../images/13.jpg) no-repeat center; line-height:50px; margin:0 auto; margin-bottom:30px;}

.ikvb h3{ float:left; font-size:16px; color:#0eab4a;}

.ikvb i{ float:right; display:block; text-transform:uppercase;}



/*问题*/

.iwkq{height: 330px;margin-top:26px;overflow:hidden;}

.iwkq li{ width:290px; height:96px; border-bottom:1px dashed #ccc; margin:0 auto; margin-bottom:16px; overflow:hidden;}

.iwkq li h4{ background:url(../images/14.jpg) no-repeat left; padding-left:36px; height:25px; line-height:25px;}
.iwkq li h4 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.iwkq li p{ color:#666; line-height:24px; height:48px; overflow:hidden; background:url(../images/cpbj.jpg) no-repeat top left; padding-left:36px; margin-top:7px;}



/*公司简介*/

.gg{ height:510px; width:1180px; margin:0 auto; margin-top:40px;}

.gg h3{ width:276px; height:86px; margin:0 auto; background:url(../images/cptb.jpg) no-repeat center; font-size:28px; text-align:center; margin-bottom:30px;}

.olsim{ display:block; width:600px; height:396px; float:left;-webkit-transition:0.7s;transition:0.7s;}

.olsim:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}

.yjja{ width:556px; height:334px; float:right;}

.yjja h4{font-size:20px;margin-top:  62px;}

.yjja p{line-height:30px;height:150px;overflow:hidden;margin-top:  20px;margin-bottom: 90px;}

.yjja ul{}

.yjja ul li{float:left;width:126px;height:50px;background:url(../images/fwlc.jpg) no-repeat center;-webkit-transition:0.7s;transition:0.7s;line-height:50px;margin: 0 6px;}

.yjja ul li a{ color:#fff; padding-left:18px;}

.yjja ul li:hover{ background:url(../images/jkbk.jpg) no-repeat center;-webkit-transition:0.7s;transition:0.7s;}



/*链接*/

.lj{width:1180px; height:48px; line-height:48px; overflow:hidden;margin:0 auto; margin-top:44px;}

.lj h3{ float:left; -webkit-transition:0.7s;transition:0.7s; color:#0eab4a;}

.lj h3:hover{ color:#ff9000;-webkit-transition:0.7s;transition:0.7s; padding-left:20px;}

.lj ul{ float:left;}

.lj ul li{ float:left; margin:0 20px;color:#666;}

.lj ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#666;}