body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;font:12px/1.5 "΢ÈíÑźÚ","Microsoft YaHei","PingFang SC",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
i,em{font-style:normal}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}caption,th{text-align:left}
input,select{outline:0;font-size:12px;vertical-align:middle}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}
abbr,acronym{border:0}li{list-style:none}a{text-decoration:none}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}*html .clearfix{height:1%}.clearfix{display:block}
*html body{margin:0;height:100%;position:relative}
body{
    min-width: 1200px;
}
body .toast_prompt{
    display: none;
    width: auto;
    padding: 0 20px;
    height: 40px;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    position: fixed;
    color: #fff;
    font-size: 16px;
    z-index: 201820182028;
}
.Eco_middle .head{
    width: 100%;
    height: 500px;
    background: url("images/head.png") no-repeat scroll center;
    background-size: 1920px 500px;
}
.Eco_middle .head .head_text{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.Eco_middle .head .logo{
    display: block;
    width: 202px;
    height: 68px;
    background: url("images/new_logo.png") no-repeat scroll center;
    background-size: 202px 68px;
    position: absolute;
    left: 0;
    top: 0px;
}
.Eco_middle .head .introduction{
    width: 797px;
    padding-top: 94px;
    margin: 0 auto;
}
.Eco_middle .head .introduction.introduction1{
    width: 670px;
}
.Eco_middle .head .introduction .title{
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    padding-left: 20px;
}
.Eco_middle .head .introduction .title i{
    display: block;
    position: absolute;
    left: 404px;
    top: 5px;
    background: url("images/tm.png") no-repeat scroll 0 0;
    background-size: 63px 11px;
    width: 21px;
    height: 11px;
}
/*.Eco_middle .tm{*/
/*    display: block;*/
/*    width: 17px;*/
/*    height: 8px;*/
/*    position: absolute;*/
/*    right: -20px;*/
/*    top: 10px;*/
/*    background: url("images/tm.png") no-repeat scroll -46px 0;*/
/*    background-size: 63px 11px;*/
/*}*/
.Eco_middle .head .introduction .title p{
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    margin: 10px 0;
}
.Eco_middle .head .introduction .title p span{
    color: #3dcd58;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.Eco_middle .head .introduction .intro{
    background-color: rgba(0,0,0,0.5);
    height: 205px;
    width: 100%;
    overflow: hidden;
}
.Eco_middle .head .introduction .intro .title{
    margin-top: 27px;
    margin-bottom: 14px;
}
.Eco_middle .head .introduction .intro .content{
    color: #ffffff;
    font-size: 16px;
    padding: 0 20px;
    margin: 0 auto;
}
.Eco_middle .head .introduction .intro a{
    display: block;
    width: 84px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 10px 0 0 20px;
    color: #ffffff;
    font-size: 12px;
    background-color: #3dcd58;
}
.Eco_middle .navigation{
    width: 1200px;
    height: 116px;
    margin: 0 auto;
    background-color: white;
    position: relative;
    top: -57px;
    z-index: 2;
    box-shadow: 0 5px 10px rgba(0,0,0,0.08);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.08);
}
.Eco_middle .navigation .t{
    width: 936px;
    margin: 0 auto;
}
.Eco_middle .navigation .navigate{
    float: left;
    width: 233px;
    text-align: center;
    line-height: 116px;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}
.Eco_middle .navigation span{
    display: block;
    float: left;
    width: 1px;
    height: 40px;
    margin: 38px 0;
    background-color: #efefef;
}
.Eco_middle .navigation .selected{
    color: #3dcd58;
}
.Eco_middle .navigation .active{
    height: 3px;
    width: 74px;
    background-color: #3dcd58;
    display: none;
    position: relative;
    top: -2px;
    margin: 0 auto;
}
.Eco_middle .navigation .navigate.selected .active{
    display: block;
}
.Eco_middle .expect{
    width: 100%;
    height: 671px;
    background: url("images/expert.png") no-repeat scroll center;
    background-size: 1920px 671px;
}
.Eco_middle .eco_content{
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 7px;
}
.Eco_middle .eco_content1{
    padding-top: 43px;
}
.Eco_middle .eco_title{
    height: 40px;
    border-left: 3px solid #3dcd58;
    line-height: 40px;
    padding-left: 20px;
    color: #3dcd58;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 34px;
}
.Eco_middle .eco_title span{
    color: #999999;
    font-weight: normal;
    position: relative;
    font-size: 24px;
}
.Eco_middle .eco_content .exp_intro{
    width: 1100px;
    height: 326px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
    background: url("images/zhuanjia_03.png") no-repeat scroll center;
    background-size: 1155px 361px;
    padding: 35px 0 0 55px;
    margin-left: 3px;
    position: relative;
}
.exp_l{
    float: left;
    width: 455px;
}
.Eco_middle .eco_content .exp_intro .exp_l img{
    display: block;
    margin: 25px auto 5px;
    width: 122px;
    height: 122px;
}
.Eco_middle .eco_content .exp_intro .exp_l .exp_code{
    text-align: center;
    font-size: 14px;
    color: #333333;
}
.Eco_middle .eco_content .exp_intro .exp_title{
    color: #333333;
    font-size: 24px;
}
.Eco_middle .eco_content .exp_intro .exp_content{
    color: #666666;
    font-size: 14px;
    width: 455px;
    margin-top: 22px;
}
.Eco_middle .eco_content .exp_intro .video_con{
    position: absolute;
    width: 606px;
    height: 340px;
    right: 10px;
    top: 10px;
}
.Eco_middle .eco_content .exp_intro .video_con .video_in{
    width: 606px;
    height: 340px;
    background: url("images/new_vbg.png") no-repeat center;
    position: relative;
}
.Eco_middle .exp_video{
    width: 100%;
    height: 100%;
}
.Eco_middle .eco_content .exp_intro .play_btn{
    position: absolute;
    width: 80px;
    height: 80px;
    background: url("images/vbtn.png") no-repeat center;
    left: 45%;
    top: 40%;
}
.Eco_middle .solution{
    width: 100%;
    height: 678px;
    background: url("images/solution.png") no-repeat scroll center;
    background-size: 1920px 678px;
}
.Eco_middle .eco_title .down{
    float: right;
    font-size: 14px;
    color: #3dcd58;
    width: 120px;
    height: 38px;
    background-color: #ffffff;
    text-align: center;
    line-height: 38px;
    border-radius: 19px;
}
.Eco_middle .solution .sol_intro{
    width: 100%;
}
.Eco_middle .solution .sol_intro .building{
    float: left;
    width: 280px;
    height: 492px;
    background-color: white;
    margin-right: 25px;
}
.Eco_middle .solution .sol_intro .building.r{
    margin: 0;
}
.Eco_middle .solution .sol_intro .building .build{
    width: 280px;
    height: 280px;
    margin-bottom: 30px;
    display: block;
}
.Eco_middle .solution .sol_intro .building .build.le{
    background: url("images/building1_03.png") no-repeat scroll center;
    background-size: 280px 280px;
}
.Eco_middle .solution .sol_intro .building .build.mi{
    background: url("images/building2_05.png") no-repeat scroll center;
    background-size: 280px 280px;
}
.Eco_middle .solution .sol_intro .building .build.ri{
    background: url("images/building3_07.png") no-repeat scroll center;
    background-size: 280px 280px;
}
.Eco_middle .solution .sol_intro .building p{
    font-size: 16px;
    color: #3dcd58;
    text-align: center;
    font-weight: bold;
}
.Eco_middle .solution .sol_intro .building .build_content{
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 240px;
    margin: 20px auto 0;
    line-height: 21px;
}
.Eco_middle .solution .sol_intro .building.r p{
    margin-top: 30px;
    margin-bottom: 20px;
}
.Eco_middle .solution .sol_intro .building.r .register{
    padding-left: 20px;
}
.Eco_middle .solution .sol_intro .building.r .register input{
    border-radius: 5px;
    float: left;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    text-indent: 8px;
    background-color: #fafafa;
    margin-bottom: 14px;
    height: 34px;
}
.Eco_middle .solution .sol_intro .building.r .register .name{
    width: 114px;
    margin-right: 10px;
}
.Eco_middle .solution .sol_intro .building.r .register .emile{
    width: 240px;
}
div.select {
    float: left;
    position: relative;
    width: 240px;
    min-width: 240px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    display: inline;
    height: 34px;
    background-color: #fafafa;
    border-radius: 5px;
    margin: 0 20px 14px 0;
}
div.select .select_text {
    color: #2c2f32;
    font-size: 14px;
    width: 230px;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
    overflow: hidden;
}
.select i {
    width: 14px;
    height: 8px;
    background: url(images/xiala_06.png) no-repeat center;
    background-size: 14px 8px;
    position: absolute;
    top: 15px;
    right: 10px;
}
div.select .select_ul {
    display: none;
    position: absolute;
    top: 43px;
    left: -1px;
    width: 240px;
    max-height: 220px;
    /*_height: expression(this.scrollHeight> 145 ? '145px' : true);*/
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    z-index:5;
    overflow-x: hidden;
}
div.select .select_ul li {
    display:block;
    color: #2c2f32;
    font-size: 14px;
    word-break: keep-all;
    white-space: nowrap;
    width: 240px;
    height: 36px;
    overflow: hidden;
    line-height: 36px;
    text-indent: 10px;
}
div.select .select_ul li:hover {
    color: #fff;
    background: #3dcd58;
}
div.select .select_ul li.cur {
    color: #fff;
    background: #3dcd58;
}
.Eco_middle .agree{
    font-size: 14px;
    color: #999999;
    width: 240px;
    margin: 0 auto;
    line-height: 21px;
}
.Eco_middle .agree input{
    position: relative;
    top: -1px;
    left: 0;
}
.Eco_middle .agree a{
    color: #3dcd58;
    font-size: 13px;
    line-height: 21px;
}
.building.r .refer{
    display: block;
    width: 123px;
    height: 44px;
    margin: 20px auto 0;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    background-color: #3dcd58;
    line-height: 44px;
    border-radius: 5px;
    cursor: pointer;
}
.Eco_middle .vip{
    width: 100%;
    height: 1130px;
    background: url(images/new_vip.png) no-repeat scroll center;
    background-size: 1920px 1130px;
}
.Eco_middle .vip .direct_seeding {
    width: 1194px;
    /*height: 530px;*/
    height: auto;
    margin: 0 auto;
    border: 1px solid #dadada;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.05);
}
.Eco_middle .vip .direct_seeding .dir_title{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    background-color: #3dcd58;
    height: 76px;
    line-height: 76px;
    margin-bottom: 20px;
}
.Eco_middle .vip .dir_content{
    width: 860px;
    height: 417px;
    margin: 0 auto 35px;
    background: url("images/new_vbg_03.png") no-repeat center;
    background-size: 860px 417px;
    position: relative;
}
.Eco_middle .vip .dir_content p{
    color: #ffffff;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    bottom: 40%;
    left: 37%;
}
.Eco_middle .vip .dir_time{
    font-size: 14px;
    padding-left: 80px;
}
.Eco_middle .vip .dir_box{
    padding: 23px 0 25px 80px;
}
.Eco_middle .vip .dir_box .scene{
    color: #3dcd58;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
}
.Eco_middle .vip .dir_box .dir_morning{
    float: left;
    width: 430px;
}
.Eco_middle .vip .dir_box .dir_afternoon{
    float: right;
    width: 430px;
    margin-right: 70px;
}
.Eco_middle .vip .dir_box .dir_morning ul{
    width: 100%;
}
.Eco_middle .vip .dir_box .dir_morning ul li{
    margin-top: 10px;
}
.Eco_middle .vip .dir_box .dir_morning ul .time{
    display: block;
    float: left;
    width: 80px;
    font-size: 14px;
}
.Eco_middle .vip .dir_box .dir_morning ul .substance{
    display: block;
    float: right;
    width: 290px;
    font-size: 14px;
}
li.first_li .time,li.first_li .substance{
    font-weight: bold;
}
.Eco_middle .vip .dir_box .dir_line{
    float: left;
    margin-left: 89px;
    margin-top: 25px;
    display: block;
    width: 1px;
    height: 200px;
    background-color: #efefef;
}
.Eco_middle .vip .dir_content a{
    display: block;
    position: absolute;
    width: 80px;
    height: 80px;
    background: url("images/vbtn.png") no-repeat center;
    left: 45%;
    top: 40%;
}
.Eco_middle .interact{
    width: 100%;
    height: 1636px;
    background: url(images/new_interact_02.png)  scroll center;
    background-size: 1920px 1636px;
}
.Eco_middle .interact .inter_title{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #3dcd58;
    margin-bottom: 20px;
}
.Eco_middle .interact .cartoon1{
    width: 1196px;
    height: 405px;
    margin: 0 auto;
}
.Eco_middle .interact .cartoon1 img ,.Eco_middle .interact .cartoon2 img{
    display: block;
    width: 100%;
    height: 100%;
}
.Eco_middle .interact .cartoon2{
    width: 1196px;
    height: 465px;
    margin: 0 auto 40px;
}
.Eco_middle .interact .game{
    background: url("images/game_back_03.png") no-repeat center;
    background-size: 1198px 458px;
    border: 1px solid #dadada;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.02);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.02);
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.02);
    width: 1198px;
    height: 458px;
}
.Eco_middle .interact .game .game_intro{
    background: url("images/game_tri.png") no-repeat scroll 94px 26px #f3f8f4;
    width: 272px;
    height: 149px;
    border: 2px solid #3dcd58;
    border-radius: 9px;
    margin: 131px 22px 0 10px;
    float: left;
    padding-top: 45px;
}
.Eco_middle .interact .game .text{
    color: #333333;
    font-size: 14px;
    padding-left: 12px;
}
.Eco_middle .interact .game .game_pic{
    float: left;
    width: 267px;
    height: 438px;
    margin-top: 10px;
}
.Eco_middle .interact .game .game_pic img{
    display: block;
    width: 100%;
    height: 100%;
}
.Eco_middle .interact .game .game_r{
   margin: 131px 20px 0 48px;
    background-position: 94px 55px;
}
.Eco_middle .interact .game .game_r p{
    padding: 0 10px 0;
    color: #333333;
    font-size: 14px;
    margin-top: 30px;
}
.Eco_middle .interact .game .text_tit{
    text-align: center;
    color: #3dcd58;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.Eco_middle .eco_footer{
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-color: #3dcd58;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
}
.Eco_middle .eco_footer span{
    line-height: 70px;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    margin-left: 40px;
}
.introduction .smart{
   background: url(images/smart_03.png) no-repeat center;
    background-size: 668px 156px;
    width: 668px;
    height: 156px;
    margin-top: 30px;
}
.introduction .title.tr{
    text-align: right;
    margin-top: 30px;
}
.introduction .title.tr span{
    color: #3dcd58;
    font-size: 30px;
}
.Eco_middle .download{
    background-color: #fafafa;
    width: 100%;
    height: 425px;
    min-width: 1200px;
    overflow: hidden;
}
.Eco_middle .download .down_box{
    margin: 50px auto 0;
    width: 1150px;
    height: 290px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
    -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.08);
    padding: 50px 0 0 50px;
}
.Eco_middle .download .down_box .download_title{
    color: #3dcd58;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 30px;
}
.Eco_middle .download .down_box .download_content{
    color: #666666;
    font-size: 14px;
    text-indent: 2em;
    margin-bottom: 35px;
    font-weight: normal;
    padding-right: 45px;
}
.Eco_middle .download .down_box P{
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}
.Eco_middle .download .down_box a{
    display: block;
    float: left;
    margin-top: 20px;
    width: 258px;
    height: 52px;
    border: 1px solid #efefef;
    font-size: 16px;
    text-align: center;
    line-height: 52px;
    border-radius: 28px;
    margin-right: 30px;
    color: #333333;
}
.Eco_middle .download .down_box a i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("images/download_03.png") no-repeat center;
    background-size: 20px 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.Eco_middle .download .down_box .a1{
    width: 210px;
}
.Eco_middle .download .down_box .a1.a2{
    margin-right: 0;
}
.video-js .vjs-control-bar {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    background-color: #2b333f;
    background-color: rgba(43,51,63,0.7);
}