@charset "UTF-8";
* { margin: 0; padding: 0; }

body { font-size: 14px; color: #666; font-family: "微软雅黑",Arial; overflow-x: hidden; background: #d5e046; }

ul li, ol li { list-style: none; }

a { color: #666; text-decoration: none; cursor: pointer; outline: none; blr: expression(this.onFocus=this.blur()); }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

i { font-style: normal; }

.mao { margin: 0 auto; }

img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

input::-ms-clear { display: none; }

input { outline: none; }

.w1122 { width: 1122px; margin: 0 auto; height: auto; position: relative; }

.pos { position: relative; }

.top { position: relative; }

/*banner*/
.banner .banner-1 a{text-decoration: underline;display: block;width: 935px;margin: 0 auto;color: #5e8e00;}
.layui-layer-setwin .layui-layer-close1{background-position: 1px -40px;}
.banner { width: 100%; height: auto; overflow: hidden; position: relative; }

.banner .banner-1 { width: 100%; height: 200px; background: url("../images/banner-1.png") no-repeat center bottom; }

.banner .banner-2 { width: 100%; height: 200px; background: url("../images/banner-2.png") no-repeat center bottom; }

.banner .banner-3 { width: 100%; height: 200px; background: url("../images/banner-3.png") no-repeat center bottom; }

.banner .banner-4 { width: 100%; height: 40px; background: url("../images/banner-4.png") no-repeat center bottom; }

.banner .banner-dy { width: 514px; height: 160px; background: #fff; opacity: 0.68; filter: alpha(opacity=68); position: absolute; overflow: hidden; left: 80px; bottom: 137px; border-radius: 10px; }

.banner .banner-dy .dy-txt { width: 510px; height: 156px; display: block; border: 2px dashed #aac65b; border-radius: 10px; }

.banner .banner-dy .dy-txt p { font-size: 16px; color: #5e8e00; line-height: 30px; padding: 26px 26px 0 26px; }

/*规则*/
.guize { width: 100%; height: auto; overflow: hidden; position: relative; }

.guize .gz-top, .guize .gz-bot { width: 100%; height: 15px; overflow: hidden; }

.gz-con { width: 100%; height: 634px; background: #fffac1; overflow: hidden; }

.gz-con .gz-txt { background: url("../images/gz.png") no-repeat center bottom; height: 525px; margin-top: 46px; position: relative; }

.gz-con .gz-txt h2 { font-size: 30px; color: #fff; position: absolute; left: 44%; top: 85px; }

.gz-con .gz-txt .gz-list { height: auto; overflow: hidden; padding: 149px 98px 0 90px; }

.gz-con .gz-txt .gz-list p { font-size: 16px; color: #8bb22d; line-height: 30px; font-weight: bold; }

.gz-con .gz-txt .gz-list p em { font-size: 16px; color: #8bb22d; line-height: 30px; font-weight: normal !important; display: inline-block !important; font-style: normal; }

.gz-con .gz-txt .gz-list .gz-jp { height: auto; overflow: hidden; margin-bottom: 18px; margin-top: 18px; }

.gz-con .gz-txt .gz-list .gz-jp h3 { margin-right: 30px; float: left; width: 100px; height: 30px; background: #8bb22d; display: inline-block; border-radius: 10px; text-align: center; line-height: 30px; font-size: 16px; color: #fff; }

.gz-con .gz-txt .gz-list .gz-jp p { display: inline-block; width: 280px; float: left; }

.gz-con .gz-txt .gz-list .gz-jp .gz-jp-list { width: 570px; overflow: hidden; }

.gz-con .gz-txt .gz-list .gz-time { margin-bottom: 18px; }

.gz-con .gz-txt .gz-list .gz-time h3 { margin-right: 30px; float: left; width: 100px; height: 30px; background: #8bb22d; display: inline-block; border-radius: 10px; text-align: center; line-height: 30px; font-size: 16px; color: #fff; }

.gz-con .gz-txt .gz-list .gz-time p { display: inline-block; }

.gz-con .gz-txt .gz-list .gz-xs { margin-bottom: 18px; }

.gz-con .gz-txt .gz-list .gz-xs h3 { margin-right: 30px; float: left; width: 100px; height: 30px; background: #8bb22d; display: inline-block; border-radius: 10px; text-align: center; line-height: 30px; font-size: 16px; color: #fff; }

.gz-con .gz-txt .gz-list .gz-xs p { display: inline-block; }

.gz-con .gz-txt .gz-list span { font-size: 16px; color: #8bb22d; line-height: 24px; overflow: hidden; display: block; margin-bottom: 14px; }

/*产品*/
.product { width: 100%; height: auto; overflow: hidden; padding-top: 47px; padding-bottom: 74px; }

.product .product-top { height: 230px; overflow: hidden; }

.product .product-top ul { width: 1160px; }

.product .product-top ul li { width: 540px; height: 230px; float: left; margin-right: 40px; background: #e2e97e; overflow: hidden; }

.product .product-top ul li img { display: inline-block; float: left; width: 310px; height: 230px; background: none !important; }

.product .product-top ul li .pro-top-txt { height: auto; overflow: hidden; }

.product .product-top ul li .pro-top-txt h2 { font-size: 22px; color: #333; font-weight: bold; margin-top: 47px; margin-bottom: 10px; }

.product .product-top ul li .pro-top-txt p { font-size: 16px; color: #333; margin-bottom: 18px; }

.product .product-top ul li .pro-top-txt a { width: 190px; height: 34px; background: #8bb22d; color: #fff; text-align: center; line-height: 34px; font-size: 16px; display: block; }

.product-con { height: 680px; overflow: hidden; position: relative; }

.product .product-con ul { width: 1160px; }

.product .product-con ul li { width: 281px; height: 328px; margin-top: 20px; background: #e2e97e; overflow: hidden; }
.product .product-con ul li a { display: block; }

.product .product-con ul li img { display: inline-block; width: 281px; height: 178px; background: none !important; }

.product .product-con ul li .pro-top-txt { height: auto; overflow: hidden; }

.product .product-con ul li .pro-top-txt h2 { font-size: 22px; color: #333; font-weight: bold; margin-bottom: 10px; text-align: center; }

.product .product-con ul li .pro-top-txt p { font-size: 16px; color: #333; margin-bottom: 18px; text-align: center; }

.product .product-con ul li .pro-top-txt a { width: 190px; height: 34px; background: #8bb22d; color: #fff; text-align: center; line-height: 34px; font-size: 16px; display: block; margin-left: 45px; }

.con-fl { float: left; width: 281px; height: 680px; }

.con-fr { float: right; width: 280px; height: 680px; }

.con { width: 563px; height: 537px; position: absolute; top: 70px; left: 48.8%; margin-left: -266.5px; overflow: hidden; }
.con .con-bg { width: 500px; height: 515px; position: absolute; z-index: 0; top: 10px; left: 25px; animation: rotate linear 12s infinite; transform-origin: 245px 256.5px; }
.con .con-cat { width: 468px; height: 423px; position: absolute; z-index: 1; top: 54px; left: 44px; }
.con .con-btn { width: 330px; height: 88px; display: block; position: absolute; bottom: 130px; left: 100px; background: url(../images/button.png) no-repeat; z-index: 1; }
.con .fish { position: absolute; z-index: 2; left: -20%; }
.con .fish1 { top: 83px; animation: fish linear 8s infinite; }
.con .fish2 { top: 203px; animation: fish linear 15s infinite; }
.con .fish3 { top: 143px; animation: fish ease 18s infinite; }
.con .fish4 { top: 263px; animation: fish ease-in 5s infinite; }
.con p { position: absolute; bottom: 100px; left: 36%; color: #fffac1; text-decoration: underline; z-index: 1; font-size: 16px; }

.product .product-bot { height: 204px; overflow: hidden; margin-top: 20px; }

.product .product-bot ul { width: 1160px; }

.product .product-bot ul li { width: 540px; height: 204px; float: left; margin-right: 40px; background: #e2e97e; overflow: hidden; }

.product .product-bot ul li img { display: inline-block; float: left; width: 310px; height: 204px; background: none !important; }

.product .product-bot ul li .pro-top-txt { height: auto; overflow: hidden; }

.product .product-bot ul li .pro-top-txt h2 { font-size: 22px; color: #333; font-weight: bold; margin-top: 47px; margin-bottom: 10px; }

.product .product-bot ul li .pro-top-txt p { font-size: 16px; color: #333; margin-bottom: 18px; }

.product .product-bot ul li .pro-top-txt a { width: 190px; height: 34px; background: #8bb22d; color: #fff; text-align: center; line-height: 34px; font-size: 16px; display: block; }

/*幸运儿*/
.xye { overflow: hidden; border: 1px solid #dbe460; }

.xye-list { height: 52px; overflow: hidden; background: #fffac1; border: 4px solid #dbe460; margin-bottom: 70px; }

.xye h3 { height: 52px; background: #78a708; width: 266px; font-size: 20px; color: #fffac1; text-align: center; line-height: 52px; display: inline-block; float: left; }

.xye .bd .tempWrap { left: 45px;width:765px!important; }

.xye .bd ul { overflow: hidden; }

.xye .bd ul li { float: left; margin-left: 60px; height: 52px; line-height: 52px; width:260px!important;}

.xye .bd ul li span { font-size: 16px; color: #8bb22d; }

/*footer*/
.footer { width: 100%; height: 146px; overflow: hidden; background: #78a708; }

.footer img { width: 123px; height: 123px; overflow: hidden; float: left; margin-top: 12px; margin-right: 112px; display: inline-block; }

.footer .footer-txt { float: left; }

.footer h2 { font-size: 18px; color: #fff; font-weight: bold; line-height: 20px; margin-top: 40px; padding-bottom: 10px; }

.footer p { font-size: 15px; line-height: 30px; color: #fff; }

/*二维码悬浮*/
.ewm { width: 180px; height: 250px; overflow: hidden; position: fixed; right: 20px; top: 300px; background: #8bb22d; display: block; }

.ewm img { width: 150px; height: 150px; overflow: hidden; text-align: center; margin-top: 26px; margin-left: 14px; }

.ewm p { font-size: 14px; color: #fff; line-height: 18px; text-align: center; }

/*领奖弹层*/
.mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/black.png); z-index: 9; display: none; }

.prize { position: fixed; top: 15%; left: 50%; width: 425px; margin-left: -212.5px; display: block; z-index: 10; display: none; }
.prize dt { width: 425px; height: 474px; background: url(../images/coupon.png) no-repeat; position: relative; }
.prize dt h2 { font-size: 20px; color: #7a2716; padding-top: 122px; text-align: center; }
.prize dt p { display: none; padding-top: 45px; text-align: center; color: #db483c; }
.prize dt p span { font-size: 50px; }
.prize dt p font { font-size: 24px; }
.prize dt img { position: absolute; top: 168px; left: 99px; display: none; }
.prize dt div { padding: 0 55px; position: absolute; color: #fdffda; font-size: 16px; line-height: 1.6; bottom: 30px; display: none; }
.prize dd { background: #fede01; border-radius: 5px; width: 389px; position: relative; left: 50%; margin-left: -194.5px; margin-top: 20px; }
.prize dd a { text-align: center; display: block; width: 100%; height: 40px; font-size: 18px; color: #e74e3e; line-height: 40px; }

/*车辆图集*/
.car { position: fixed; top: 15%; height: 603px; padding: 50px 80px; padding-bottom: 0; background: #fff; z-index: 10; left: 50%; margin-left: -510px; display: none; overflow: hidden; width: 870px; }
.car .close { width: 18px; height: 18px; display: block; position: absolute; right: 20px; top: 20px; background: url(../images/close.png); }
.car h1 { text-align: center; font-size: 30px; color: #8bb22d; margin-bottom: 30px; }
.car ol { float: right; width: 241px; overflow: auto; height: 450px; margin-left: 15px; }
.car ol li { height: 108px; width: 108px; border: 2px solid #fff; overflow: hidden; float: left; cursor: pointer; }
.car ol li img { height: 100%; }
.car ol li.active { border-color: #8bb22d; }
.car ul { float: left; border: 1px solid #ebebeb; }
.car ul li { width: 600px; height: 450px; }
.car ul li img { width: 100%; height: 100%; }

/*询价*/
.yt_yd1 { height: 496px; width: 706px; padding: 15px; border: 1px solid #8bb22d; position: fixed; top: 50%; margin-top: -298px; left: 50%; border-radius: 5px; margin-left: -403px; background: #fff; z-index: 101; display: none; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.offsetHeight/2)); }

.yt_yd1 h1 { font-size: 20px; color: #333333; font-weight: normal; position: absolute; display: block; top: 40px; width: 100%; text-align: center; }

.yt_yd1 .title1 { color: #303030; font-size: 18px; text-align: center; font-weight: normal; position: absolute; top: 70px; left: 100px; }

.yt_yd1 .title1 span { color: #db372f; font-size: 24px; font-weight: bold; margin: 0 8px; }

.yt_yd1 .p_name { padding-top: 80px; }

.yt_yd1 .yt_i { width: 470px; height: auto; overflow: hidden; margin-left: 110px; margin-top: 80px; }

.yt_yd1 .yt_in1 { width: 470px; overflow: hidden; margin: 10px auto 0; text-align: center; position: relative; }

.yt_yd1 .yt_in1 span { line-height: 43px; font-size: 14px; color: #333; }

.yt_yd1 .yt_in1 span i { color: red; }

.yt_yd1 a { z-index: 999; width: 33px; height: 31px; background: url("../images/close.png") no-repeat; position: absolute; display: block; right: 10px; top: 15px; cursor: pointer; }

.yt_yd1 p { margin-bottom: 0px; width: 100%; overflow: hidden; margin-top: 10px; text-align: center; position: relative; }

.yt_yd1 input, .yt_yd1 textarea { width: 395px; border: 1px solid #efece5; font-family: "微软雅黑"; font-size: 14px; height: 43px; line-height: 43px; padding-left: 10px; background: #f8f8f8; }

.yt_yd1 textarea { height: 140px; resize: none; overflow: hidden; }

.yt_yd1 .buttons1 { margin-top: 20px; height: 50px; line-height: 50px; }

.yt_yd1 input.submit1 { line-height: 43px; width: 214px; line-height: 43px; margin: 0px auto 0px; background-color: #8bb22d; color: #fff; font-size: 18px; cursor: pointer; position: absolute; left: 34%; margin-left: -107px; border: 0; }

.yt_yd1 input.submit1:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -o-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; }

/*通用弹层*/
.layui-layer-btn a { padding: 0; margin: 0; width: 100%; text-align: center; background: #8bb22d !important; border-color: #8bb22d !important; }

.layui-layer-title { border-bottom: 1px solid #8bb22d; font-size: 20px; text-align: center; color: #8BB22D; background: #fff; }




/**/
table{width: 97%;text-align: center;overflow: hidden;margin-left: 11px;margin-bottom: 10px;}
table tr{height: 40px;background: #f1f1f1;}
table tr:nth-child(2n){height: 40px;background: #f5f9f8;}
table tr td{border: 1px solid #8bb22d;color: #8bb22d;width:147px;}
/*第一阶段中奖*/
.body{background:#363636;position: fixed; width:100%; height:100%;z-index: 51;left: 0;top:0; right:0; bottom:0;display: none ;_position:absolute;
    filter:alpha(opacity=50);-moz-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5;opacity: 0.7;}
.yt_yd{height: 496px;width:706px;padding:15px; border: 1px solid #8bb22d;position: fixed;top:56%;margin-top: -298px;left:50%;
    margin-left: -403px;background: #fff;z-index:101;display: none;_position:absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.offsetHeight/2));border-radius: 5px; }
.yt_yd h1{font-size: 23px;color: #f03a16; font-weight: normal; position: absolute;display: block;left:41%;top:15px;text-align: center;}
.yt_yd .title1{color: #303030;font-size: 14px;font-weight: normal; position: absolute;top:58px; left:0;}
.yt_yd .title1 a{color: #fff;font-size:16px;font-weight: bold; margin: 0 8px;padding:2px 10px;display: inline-block;background: #f03a16;border-radius:5px;}
.yt_yd .p_name {padding-top: 80px;}
.yt_yd .yt_i{width:100%;margin-top: 70px;height:390px;overflow: auto;}
.yt_yd .yt_yd_close1{ z-index:999;width:33px;height: 31px;background: url("../images/close.png") no-repeat;position: absolute;display: block;right: 110px;top:16px;cursor: pointer}
.yt_yd  .title1 p{margin-bottom:0;overflow: hidden;position: relative;padding:0 27px;display: inline-block;line-height: 24px;}
.yt_yd  .title1 p span.hr{display: block;margin-left: 84px;}
.yt_yd  .title1 p span.hr t{color: #f03a16;font-weight: bold;padding-left: 10px;}
/*第二阶段中奖*/
.body1{background:#363636;position: fixed; width:100%; height:100%;z-index: 51;left: 0;top:0; right:0; bottom:0;display: none ;_position:absolute;
    filter:alpha(opacity=50);-moz-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5;opacity: 0.7;}
.yt_yd2{height: 496px;width:706px;padding:15px; border: 1px solid #8bb22d;position: fixed;top:56%;margin-top: -298px;left:50%;
    margin-left: -403px;background: #fff;z-index:101;display: none;_position:absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.offsetHeight/2));border-radius: 5px; }
.yt_yd2 h1{font-size: 23px;color: #f03a16; font-weight: normal; position: absolute;display: block;left:41%;top:15px;text-align: center;}
.yt_yd2 .title1{color: #303030;font-size: 14px;font-weight: normal; position: absolute;top:58px; left:0;}
.yt_yd2 .title1 a{color: #fff;font-size:16px;font-weight: bold; margin: 0 8px;padding:2px 10px;display: inline-block;background: #f03a16;border-radius:5px;}
.yt_yd2 .p_name {padding-top: 80px;}
.yt_yd2 .yt_i{width:100%;margin-top: 70px;height:390px;overflow: auto;}
.yt_yd2 .yt_yd_close1{ z-index:999;width:33px;height: 31px;background: url("../images/close.png") no-repeat;position: absolute;display: block;right: 110px;top:16px;cursor: pointer}
.yt_yd2  .title1 p{margin-bottom:0;overflow: hidden;position: relative;padding:0 27px;display: inline-block;line-height: 24px;}
.yt_yd2  .title1 p span.hr{display: block;margin-left: 84px;}
.yt_yd2 .title1 p span.hr t{color: #f03a16;font-weight: bold;padding-left: 10px;}

@keyframes rotate { from { transform: rotateZ(0deg); }
  to { transform: rotateZ(360deg); } }
@keyframes fish { from { left: -20%; }
  to { left: 120%; } }

/*# sourceMappingURL=style.css.map */
