@charset "utf-8";

/**********************
 *  重新定义Html元素  *
 **********************/
*{ word-wrap:break-word; outline:none; }
body{ background:#000;}
body, td, input, textarea, select, button{ color:#484848; font:12px "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, 'Simsun', sans-serif; }
body, ul, ol, li,  dl, dt , dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin:0; padding:0; }
ul , ol , li { list-style-image: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6{ font-size:12px; }
a{ color:#484848; text-decoration:none; }
a:hover { color:#484848; text-decoration:none; }
a img{ border:none; }
a {blr:expression(this.onFocus=this.blur())}
em, cite, th{ font-style:normal; font-weight:normal; }
table{ border-collapse:collapse; border-spacing: 0;}
th{ text-align:left; }
input,button,select,textarea{outline:none}
html{ -webkit-text-size-adjust: none;}

/************
 * 清除浮动 *
 ************/
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clear { clear: both; height: 0; font-size: 1px; }


/**********
 *  定位  *
 **********/
.tl { text-align:left !important;}
.tc { text-align:center !important; }
.tr { text-align:right !important;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}
.none { display:none;}
.w1080 { width: 1080px !important; margin-left: auto; margin-right:auto;}

/************
 * wrapper  *
 ************/
#wrapper { width: 100%; margin: 0 auto; overflow: hidden; background: #fff;}


.container-bg01 {background: url(../images/ejnx_bg_01.jpg) center top no-repeat; height: 800px; position: relative;}
.container-bg02 {background: url(../images/ejnx_bg_02.jpg) center top no-repeat; height: 879px; position: relative;}
.container-bg03 {background: url(../images/ejnx_bg_03.jpg) center top no-repeat; height: 1222px; position: relative; overflow: hidden;}
.container-bg04 {background: url(../images/ejnx_bg_04.jpg) center top; height: 818px;     position: relative;}
.container-bg05 {background: url(../images/ejnx_bg_05.jpg) center top; height: 802px; position: relative;}
.container-bg06 {background: url(../images/ejnx_bg_06.jpg) center top; height: 710px;}
.container-bg07 {background: url(../images/ejnx_bg_07.jpg) center top; height: 619px;position: relative;}
.container-bg08 {background: url(../images/ejnx_bg_08.jpg) center top; height: 849px;}
.container-bg09 {background: url(../images/ejnx_bg_09.jpg) center top; height: 828px;}
.container-bg10 {background: url(../images/ejnx_bg_10.jpg) center top; height: 555px;}
.container-bg11 {background: url(../images/ejnx_bg_11.jpg) center top; height: 747px;}
.container-bg12 {background: url(../images/ejnx_bg_12.jpg) center top; height: 360px;}
.container-bg13 {background: url(../images/ejnx_bg_13.jpg) center top; height: 663px;}
.container-bg14 {background: url(../images/ejnx_bg_14.jpg) center top; height: 506px;}
.container-bg15 {background: url(../images/ejnx_bg_15.jpg) center top; height: 508px;}
.container-bg16 {background: url(../images/ejnx_bg_16.jpg) center top; height: 612px;}
.container-bg17 {background: url(../images/ejnx_bg_17.jpg) center top; height: 662px;}
.container-bg18 {background: url(../images/ejnx_bg_18.jpg) center top; height: 453px;}

.toBuy { position: absolute; top: 608px; left: 50%;margin-left: -100px;width: 210px;height: 56px;}
.info{ transition: all 0.2s ease;
    position: absolute;
    left: 50%;
    padding: 15px;
    margin-left: -558px;
    top: 279px;
    width: 510px;
    height: 235px;
    line-height: 28px;
    background: #caa26b;
    color: #333;
    font-size: 14px;
    border-radius: 20px;
    opacity: 0;
    box-sizing: border-box;}
.info:hover{ opacity: 1;}
.info2{ margin-left: 50px;}

.tools{ transition: all 0.2s ease;
    position: absolute;
    left: 50%;
    padding: 15px;
    margin-left: -363px;
    top: 327px;
    width: 330px;
    height: 180px;
    line-height: 28px;
    color: #caa26b;
    font-size: 14px;
    border-radius: 16px;
    opacity: 0;
    box-sizing: border-box;
    border: 3px solid #caa26b;
    background: url(../images/tools_bg.jpg) repeat;
    cursor: pointer;
    overflow: hidden;
    padding-top: 40px;
}
.tools:hover{ opacity: 1;}
.tools1{ padding-top: 30px;}
.tools2{ margin-left: 27px;}
.tools3{ top: 547px; margin-left: -555px; }
.tools4{ top: 547px; margin-left: -165px; }
.tools5{ top: 547px; margin-left: 224px; }

.jihua{ transition: all 0.2s ease;
    position: absolute;
    left: 50%;
    
    margin-left: -578px;
    top: 475px;
    width: 252px;
    height: 295px;
    opacity: 0;
    cursor: pointer;
	background:url(../images/ejnx_jihua01.png) no-repeat;
}
.jihua:hover{ opacity: 1;}
.jihua2{ margin-left: -278px;background:url(../images/ejnx_jihua02.png) no-repeat;}
.jihua3{ margin-left: 22px; background:url(../images/ejnx_jihua03.png) no-repeat;}
.jihua4{ margin-left: 322px; background:url(../images/ejnx_jihua04.png) no-repeat;}


.buyBtn{ position: absolute; top: 440px; left: 50%; margin-left: -13px; width: 200px; height: 47px; overflow: hidden; border-radius: 8px; cursor: pointer; }
.light i{content:'';position:absolute;width:60px;height:120px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.light:hover i{
    -webkit-animation:aniBlink120 .3s ease-out forwards;
    -moz-animation:aniBlink120 .3s ease-out forwards;
    -o-animation:aniBlink120 .3s ease-out forwards;
    animation:aniBlink120 .3s ease-out forwards
}

@keyframes aniBlink120{from{margin-left:-80px}to{margin-left:280px}}
@-webkit-keyframes aniBlink120{from{margin-left:-80px}to{margin-left:280px}}
@keyframes aniBlink121{from{margin-left:-80px}to{margin-left:680px}}
@-webkit-keyframes aniBlink121{from{margin-left:-80px}to{margin-left:600px}}




.wrap{ width: 1200px; margin: 0px auto;}.font12{ font-size: 12px;}.font14{ font-size: 14px;}.font16{ font-size: 16px;}.font18{ font-size: 18px;}.font20{ font-size: 20px;}.font30{ font-size: 30px;}
.div000{ background: #282828; width: 100%; overflow: auto;}
.foottop{ margin-top: 34px;}
.foottell{ font-size: 28px; color: #fff; font-weight: bold;}
.foottell span{ color: #999; display: block;}
.footbottom{ margin-top: 30px; border-bottom: 2px solid #333333; overflow: auto; padding-bottom: 20px;}
.wid240footer{ border-right: 1px solid #333333; width: 200px; padding-left: 33px;}
.wid240footer:nth-child(5){ border-right: 0;}
.wid240footer dt{ color: #666; line-height: 30px;}
.wid240footer dd a{ font-size: 12px;line-height: 24px; color: #999;}
.footer_bq div a {list-style:none;width:188px;line-height:40px;text-align:center;height:40px;float:left;margin-left:12px;border:1px solid #333; color: #999; font-size: 12px;}
.footer_bq div a:hover{ border:1px solid #777; color: #ccc;}
.footer span {display:block;text-align:center;}
.footer_bq div {width:1200px;margin:0 auto;padding-top:15px;overflow:hidden;}
.footer_cen ul p {width:90px;cursor:pointer;margin-top:-25px;display:inline-block;height:30px;background-color:#47c88a;color:#fff;text-align:center;line-height:30px;border-radius:6px;margin-left:40px;}
.footer_bq div a:hover>.footer-bottom-icon1 {background-position:-20px -286px;}
.footer-bottom-icon {display:block;background:url(images/gzz-gaiban-icon.png);float:left;}
.footer-bottom-icon1 {height:28px;width:28px;background-position:-20px -286px;margin:6px 0 0 47px;}
.footer_bq div a:hover>.footer-bottom-icon2 {background-position:-68px -289px;}
.footer-bottom-icon2 {height:22px;width:19px;background-position:-68px -289px;margin:9px 0 0 24px;}
.footer_bq div a:hover>.footer-bottom-icon3 {background-position:-107px -287px;}
.footer-bottom-icon3 {height:26px;width:26px;background-position:-107px -287px;margin:7px 0 0 11px;}
.footer_bq div a:hover>.footer-bottom-icon4 {background-position:-153px -287px;}
.footer-bottom-icon4 {height:26px;width:30px;background-position:-153px -287px;margin:7px 0 0 32px;}
.footer_bq div a:hover>.footer-bottom-icon5 {background-position:-202px -287px;}
.footer-bottom-icon5 {height:26px;width:26px;background-position:-202px -287px;margin:7px 0 0 48px;}
.footer-bottom-icon6 {height:25px;width:28px;background-position:-248px -287px;margin:7px 0 0 47px;}
.footer_bq div a:hover>.footer-bottom-icon6 {background-position:-248px -287px;}
.footer img {vertical-align:top;}
.footbeian{ text-align: center;color: #666; margin-top: 20px; background: #1f1f1f;}






@media screen and (max-width: 750px){


    .container-bg{background-size:cover;} 
    .container-bg04{ background-position:-105px 0px;height:249px;}
    .container-bg05{ z-index: 1; height:247px;}
    .container-bg06{height:236px;}
    .container-bg07{height:205px;}
    .container-bg08{height:283px;}
    .container-bg09{height:278px;}

   /* .dong{ position: absolute;top: 10px; left: 50%; margin-left: -164px; width: 140px;}
    .dong2{ position: absolute;top: 10px; left: 50%; margin-left: 20px;}*/

    .container-bg10{height:180px;}
    .container-bg11{height:250px;}
    .container-bg12{height:121px;}
    .container-bg13{height:223px;}
    .container-bg14{height:158px;}
    .container-bg15{height:171px;}
    .container-bg16{height:206px;}
    .container-bg17{height:206px;}
    .container-bg18{height:152px;} 

     

}