@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1200px;margin: 0 auto;}
.con{ display:none;}

.header{width: 100%;height: 47px;background: #fff;}
.header .common{ font-size:16px;}
.header .common a{ color:#333;}
.logo{display: inline-block;width: 112px;height: 33px;background: url('http://statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-3px;}
.tel{width: 301px;height: 33px; display:block;background: url('http://statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}

.banner{
    width: 100%;
    height: 545px;
    background:url(../images/banner.jpg) no-repeat top center;
    min-width: 1200px;
}
.m1{
    width: 100%;
    height:1305px;
    background:url(../images/m1_bg.jpg) no-repeat top center;
    min-width: 1200px;
}
.m1 .pic01{
    width: 1180px;
    height: 352px;
    margin: 0 auto;
    display: block;
    padding-top: 149px;
}
.m1 .btns{
    width: 1192px;
    margin:10px auto ;
}
.m1 .btns li{
    float: left;
    width: 288px;
    height: 70px;
    margin: 0 5px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 70px;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;

}
.m1 .btns li a{
    color: #fff;
}


.m1 .btns li.li2{
    background: #28a7ff;
    background: -moz-linear-gradient(top,  #28a7ff 0%, #4985ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28a7ff), color-stop(100%,#4985ff));
    background: -webkit-linear-gradient(top,  #28a7ff 0%,#4985ff 100%);
    background: -o-linear-gradient(top,  #28a7ff 0%,#4985ff 100%);
    background: -ms-linear-gradient(top,  #28a7ff 0%,#4985ff 100%);
    background: linear-gradient(to bottom,  #28a7ff 0%,#4985ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a7ff', endColorstr='#4985ff',GradientType=0 );
}
:root .m1 .btns li.li1{filter:none;}


.m1 .btns li.li1{
    background: #28a7ff;
    background: -moz-linear-gradient(top,  #28a7ff 0%, #0b64c8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28a7ff), color-stop(100%,#0b64c8));
    background: -webkit-linear-gradient(top,  #28a7ff 0%,#0b64c8 100%);
    background: -o-linear-gradient(top,  #28a7ff 0%,#0b64c8 100%);
    background: -ms-linear-gradient(top,  #28a7ff 0%,#0b64c8 100%);
    background: linear-gradient(to bottom,  #28a7ff 0%,#0b64c8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a7ff', endColorstr='#0b64c8',GradientType=0 );
}
:root .m1 .btns li.li1{filter:none;}



.m1 .btns li.li3{
    background: #7f53fc;
    background: -moz-linear-gradient(top,  #7f53fc 0%, #5c23d2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f53fc), color-stop(100%,#5c23d2));
    background: -webkit-linear-gradient(top,  #7f53fc 0%,#5c23d2 100%);
    background: -o-linear-gradient(top,  #7f53fc 0%,#5c23d2 100%);
    background: -ms-linear-gradient(top,  #7f53fc 0%,#5c23d2 100%);
    background: linear-gradient(to bottom,  #7f53fc 0%,#5c23d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f53fc', endColorstr='#5c23d2',GradientType=0 );
}
:root .m1 .btns li.li1{filter:none;}



.m1 .btns li.li4{
    background: #17d1bc;
    background: -moz-linear-gradient(top,  #17d1bc 0%, #07948b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17d1bc), color-stop(100%,#07948b));
    background: -webkit-linear-gradient(top,  #17d1bc 0%,#07948b 100%);
    background: -o-linear-gradient(top,  #17d1bc 0%,#07948b 100%);
    background: -ms-linear-gradient(top,  #17d1bc 0%,#07948b 100%);
    background: linear-gradient(to bottom,  #17d1bc 0%,#07948b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17d1bc', endColorstr='#07948b',GradientType=0 );
}
:root .m1 .btns li.li1{filter:none;}

.m1 .btns li.active{
    background: #fed94a;
    background: -moz-linear-gradient(top,  #fed94a 0%, #f79515 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fed94a), color-stop(100%,#f79515));
    background: -webkit-linear-gradient(top,  #fed94a 0%,#f79515 100%);
    background: -o-linear-gradient(top,  #fed94a 0%,#f79515 100%);
    background: -ms-linear-gradient(top,  #fed94a 0%,#f79515 100%);
    background: linear-gradient(to bottom,  #fed94a 0%,#f79515 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed94a', endColorstr='#f79515',GradientType=0 );
}
:root .m1 .btns li.li1{filter:none;}

.m1 .box{
    width: 1180px;
    height: 649px;
    background:url(../images/m1_bot.png) no-repeat top center;
    margin: 0 auto;
}

.m1 .box .h2_box{
    padding-top: 47px;
    width: 400px;
    height: 40px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
}
.m1 .box .h2_box h2{
    display: none;
}
.m1 .box .h2_box h2.show{
    display: block;
}

.interaction{
    width: 1200px;
    text-align: center;
    padding-top: 300px;
}
.m1 .box input {
    display: inline-block;
    margin: 0 10px;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #d9d9d9;
    color: #818a92;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.m1 .box input.wrong {
    border: 1px solid #e50112;
    background: #fff4f5;
}
.m1 .box input[name=phone] {
    width: 260px;
}
.m1 .box input[name=validate] {
    width: 160px;
}
.m1 .box #img {
    display: inline-block;
    height: 50px;
    margin-left: -18px;
    margin-right: 20px;
}
.m1 .box .submit {
    display: inline-block;
    line-height: 48px;
    width: 218px;
    background: #ffe72f;
    border: 1px solid #ed9b1b;
    color: #000;
    font-size: 24px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: top;
}
/*.list li{
    display: none;
    width: 1028px;
    height: 118px;
    border: 2px solid #515151;
    border-radius:30px;
    background: #fff;
    margin:40px auto 0;
    line-height: 118px;
    text-align: center;
}
.list li.show{
    display: block;
}

.list li b{
    font-size: 34px;
    color: #333;
    font-weight: bold;
    display: inline-block;
}


.list li p{
    padding: 0 40px;
    height: 54px;
    background: #5da6f8;
    color: #fff;
    text-align: center;
    font-size: 24px;
    display: inline-block;
    line-height: 54px;
    border:1px solid #333;
    margin-left: 30px;
    border-radius:50px;
}
*/
.m2{
    width: 100%;
    height:695px;
    background:url(../images/m2_bg.jpg) no-repeat top center;
    min-width: 1200px;
}

.m2 h2{
    width: 405px;
    height: 66px;
    font-size: 26px;
    padding-top:184px;
    text-align: center;
    margin: 0 auto;
}
.m2 .common{
    position: relative;
    height: 695px;
}
.m2 .buy{
    width: 288px;
    height: 75px;
    position: absolute;
    bottom:211px;
    right: 136px;
}
.m3 {
    padding-bottom: 50px;
}
.m3 .common{
    width: 1212px;
    margin: 0 auto;
}

.m3 .common .links{
    width: 1212px; 
}

.m3 .common .links a{
    width: 141px;
    height: 53px;
    display: block;
    background: #4079fe;
    font-size: 24px;
    text-align: center;
    line-height: 53px;
    float: left;
    margin: 0 5px 10px;
    border-radius: 10px;
    color: #fff;
}
.m3 .common .links a:hover{
    background: #ffaa45;
    color: #000;
    text-decoration: none;
}
.m5{
    width: 100%;
    height:1296px;
    background:url(../images/m5.jpg) no-repeat top center;
    min-width: 1200px;
}

.m5 .common{
    padding-top: 350px;
}
.m5 .common .pink_box{
    width: 1200px;
    height:76px;
    background: #ff5d96;
    border-radius: 5px;
    padding-top: 26px;
    margin-bottom: 55px;
}

.m5 .common .pink_box .pro{
    margin-left: 27px;
    width: 208px;
    height: 51px;
    padding-left: 10px;
    font-size: 18px;
    float: left;
    margin-right: 10px;
}

.m5 .common .pink_box .phone{
    width:288px;
    height:49px;
    float: left;
    outline: none;
    border:1px solid #d2cecf;
    margin-right: 10px;
    padding-left: 10px;
    font-size: 17px;
}
.m5 .common .pink_box .validate{
    width:288px;
    height:49px;
    float: left;
    outline: none;
    border:1px solid #d2cecf;
    margin-right: 10px;
    padding-left: 10px;
    font-size: 17px;
}
.m5 .common .pink_box span {
    float: left;
    display: block;
    width: 100px;
    height: 51px;
    margin-right: 10px;
}

.m5 .common .pink_box span img{
    width: 100px;
    height: 51px;
}
.m5 .common .pink_box a.tj{
    float: left;
    width: 198px;
    height: 49px;
    border:1px solid #d2cecf;
    background: #0076fe;
    font-size: 24px;
    text-align: center;
    line-height: 49px;
    color: #fff;
    display: block;
    font-weight: bold;
}

.m5 .common .pic_box .btns li{
    border-radius:30px 30px 0 0;
    cursor: pointer;
    width: 300px;
    height: 87px;
    float: left;
    text-align: center;
    line-height: 87px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#005ac8,endcolorstr=#0075ff,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#005ac8,endcolorstr=#0075ff,gradientType=0);/*IE8*/ 
    background:#005ac8; /* 涓€浜涗笉鏀寔鑳屾櫙娓愬彉鐨勬祻瑙堝櫒 */  
    background:-moz-linear-gradient(left, #005ac8, #0075ff);  
    background:-webkit-gradient(linear, 0 0, right 0, from(#005ac8), to(#0075ff));  
    background:-o-linear-gradient(right, #ff0092, #0075ff);
}
.m5 .common .pic_box .btns li.active{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff6599,endcolorstr=#ff2b77,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff6599,endcolorstr=#ff2b77,gradientType=0);/*IE8*/ 
    background:#ff6599; /* 涓€浜涗笉鏀寔鑳屾櫙娓愬彉鐨勬祻瑙堝櫒 */  
    background:-moz-linear-gradient(top, #ff6599, #ff2b77);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff6599), to(#ff2b77));  
    background:-o-linear-gradient(top, #ff6599, #ff2b77); 
}
.m5 .common .pic_box .list li{
    display: none;
}
.m5 .common .pic_box .list li.show{
    display: block;
}




.copyRight,.offcnCopy{ background:#444546;
    min-width: 1200px;}
.offcnCopy{padding:45px 0 110px 0; line-height:32px; color:#aaa; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#aaa;}
.offcnCopy a:hover{color:#e00;}