body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer { margin: 0; }
body,button,input,select,textarea { font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif }
h1,h2,h3,h4,h5,h6 { font-size:100% }
a { text-decoration:none }
a:hover{ text-decoration:none }
img { border:0 }
.wrap{max-width: 1920px;min-width: 1200px;margin: 0 auto;overflow: hidden;position: relative;background: #000;}
.page_w{height: 1080px;left: 50%;margin-left: -960px;position: relative;text-align: center;}
.page{width: 1920px; z-index: 1;}
#page1{display: block;background: url(../C03/img/bg.jpg) no-repeat;}
#page1 div{width: 100%;display: inline-block; filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;}
#page1 a{position: absolute; width: 250px;height: 80px;margin-left: -125px;}
.pa1_but1{background: url(../C03/img/pa1_but1_on.png) no-repeat;animation:p1t 0.8s;-webkit-animation:p1t 0.8s;}
.pa1_but1:hover{background: url(../C03/img/pa1_but1_hover.png) no-repeat;}
.pa1_but2{background: url(../C03/img/pa1_but2_on.png) no-repeat;display: none;animation:p1t 0.8s;-webkit-animation:p1t 0.8s;}
.pa1_but2:hover{background: url(../C03/img/pa1_but2_hover.png) no-repeat;}

@keyframes p1t{from {margin-top: -200px;filter: alpha(opacity=0);-moz-opacity:0;opacity: 0;}to {margin-top: 0px;filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;}}
@-webkit-keyframes p1t /* Safari and Chrome */{from {margin-top: -200px;filter: alpha(opacity=0);-moz-opacity:0;opacity: 0;}to {margin-top: 0px;filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;}}

#page2{display: none;background: url(../C03/img/bg2.jpg) no-repeat;}
.p2_title{position: absolute;left: 50%;margin-left: -400px;margin-top: 70px;animation:p2t 0.8s;-webkit-animation:p2t 0.8s;}
@keyframes p2t{from {margin-top: -200px;}to {margin-top: 70px;}}
@-webkit-keyframes p2t /* Safari and Chrome */{from {margin-top: -200px;}to {margin-top: 40px;}}
.p2_con_box{width: 100%;padding: 320px 0 0;}
.p2_con_h{height: 250px;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;}
.p2_con_h1{
    animation:p2c1 2s;
    -webkit-animation:p2c1 2s;
    -moz-animation:p2c1 2s;}
.p2_con_h2{
    animation:p2c1 2.5s;
    -webkit-animation:p2c1 2.5s;
    -moz-animation:p2c1 2.5s;}
.p2_con_h3{height: 80px;
    animation:p2c1 3.2s;
    -webkit-animation:p2c1 3.2s;
    -moz-animation:p2c1 3.2s;}
@keyframes p2c1{
    0% {
        filter: alpha(opacity=0);
        -moz-opacity:0;
        opacity: 0;
    }
    20% {
        filter: alpha(opacity=0);
        -moz-opacity:0;
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=100);
        -moz-opacity:1;
        opacity: 1;
    }
}
@-webkit-keyframes p2c1 
/* Safari and Chrome */{
    0% {
        filter: alpha(opacity=0);
        -moz-opacity:0;
        opacity: 0;
    }
    20% {
        filter: alpha(opacity=0);
        -moz-opacity:0;
        opacity: 0;
    }
    100% {
        filter: alpha(opacity=100);
        -moz-opacity:1;
        opacity: 1;
    }
}

.p2_xx_bg{width: 500px; height: 250px;display: inline-block;background: url(../C03/img/p2_con_bg.png) no-repeat;margin: 0 30px;position: relative;}
.xy_eve{display: inline-block;margin-top: 90px;width: 400px;transition:0.8s;}
.p2_xx_bg .title{width: 100%;height: 100%;position: absolute;}
.p2_xx_bg .concom{width: 100%;height: 234px;position: absolute;overflow: hidden;}
.p2_cc{display: inline-block;width:400px;height: 160px;margin-top: 230px;transition:1.2s;}
#p2_cc1{background: url(../C03/img/p2_con_c1.png) no-repeat;}
#p2_cc2{background: url(../C03/img/p2_con_c2.png) no-repeat;}
#p2_cc3{background: url(../C03/img/p2_con_c3.png) no-repeat;}
#p2_cc4{background: url(../C03/img/p2_con_c4.png) no-repeat;}

.p2_xx_bg:hover{background: url(../C03/img/p2_con_bg2.png) no-repeat;}
.p2_xx_bg:hover .xy_eve{margin-top: 30px;width: 200px;}
.p2_xx_bg:hover .p2_cc{margin-top: 70px;}
.xuyuan{width: 250px;height: 80px;margin-top: 60px;display: inline-block;}
.x_1{background: url(../C03/img/pa2_but_on.png) no-repeat;}
.x_2{background: url(../C03/img/pa2_but_off.png) no-repeat;display: none;}
.x_2:hover{background: url(../C03/img/pa2_but_hover.png) no-repeat;}
.xy_off{background: url(../C03/img/p2_con_bg2.png) no-repeat;}
.xy_eve_off{margin-top: 30px;width: 200px;}
.xy_p2cc{margin-top: 70px;}

#page3{display: none;background: url(../C03/img/bg2.jpg) no-repeat;}
.p3_title{position: absolute;left: 50%;margin-left: -400px;margin-top: 40px;animation:p2t 0.8s;-webkit-animation:p2t 0.8s;}
.p3_con_box{width: 100%;padding: 250px 0 0;}
.p3_con_h{height: 600px;padding: 0 360px;}
.p3_xuan{display: inline-block;margin: 0 40px;height: 540px;width: 300px;}
.p3_d_box{width: 100%;height: 100%;}
.p3_deng{display: inline-block;width: 300px;height: 460px;overflow: hidden;filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;animation:p2c1 2s;-webkit-animation:p2c1 2s;-moz-animation:p2c1 2s;}
.p3_d_hover:hover .p3_d_txt{margin-top: 10px;}
.p3_d_txt{margin: 10px auto; padding: 5px 0;width: 200px;color: #fff;font-size: 20px;font-weight: 500;text-align: center;background: #14bf9e;margin-top: -40px;transition:0.8s;}

.p3_d_but{width: 250px;height: 80px;display:inline-block;background: url(../C03/img/p3_d_but_on.png) no-repeat;filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;animation:p2c1 3s;-webkit-animation:p2c1 3s;-moz-animation:p2c1 3s;}
.p3d_h{background: url(../C03/img/p3_d_but_on.png) no-repeat;}
.p3d_h:hover{background: url(../C03/img/p3_d_but_off.png) no-repeat;}
.p3_over{animation:p2c1 3s;-webkit-animation:p2c1 3s;-moz-animation:p2c1 3s;}

.denglu{display: none;position:absolute ;z-index: 99; width: 100%;height: 100%;text-align: center;}
.Sign{width: 600px;height: 400px;background: rgb(247, 247, 245);position: absolute;left: 50%;margin-left: -300px;margin-top: 200px;}
#dl_esc{color: rgb(105, 105, 105);}
#dl_esc:hover{color: rgb(226, 19, 19);}
.login_form {
    width: 272px;
    margin: 0 auto;
}
.uinArea {height: 65px;position: relative;z-index: 10;}
.pwdArea{height: 65px;position: relative;z-index: 3;}
.inputOuter {width: 272px;height: 42px;border: 1px solid #c4c7ce;border-radius: 8px;}
.inputstyle{width: 258px;
    position: relative;
    top: 2px;
    height: 18px;
    padding: 10px 0 10px 10px;
    line-height: 18px;
    border: none;
    background: 0 0;
    color: #333;
    font-family: Verdana,Tahoma,Arial;
    font-size: 16px;
    outline: none;}

.submit {
    position: relative;
    background-color: #86ce2f;
    height: 40px;
}
.login_button {
    position: absolute;
    left: 0;
    outline: 0;
    width: 100%;
}
.login_button .btn {
    width: 100%;
    border: none;
    font-weight: 400;
    font-family: "Microsoft Yahei","微软雅黑",SimHei,"黑体","Hiragino Sans GB",STHeiTi,sans-serif;
    color: #fff;
    background: 0 0;
    cursor: pointer;
    height: 40px;
    line-height: 35px;
    font-size: 17px;
}
.mask{background: #396d92a3; width: 100%;height: 100%;}