@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td{margin:0;padding:0;}
body{font:14px/1.42 Microsoft yahei,simsun,sans-serif; color: #c9c9c9; background: #000 }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a,a:hover{ text-decoration: none;}
img {border:0; vertical-align: middle;}
button, input, select, textarea {font-size:100%;}
.fl {float:left;}
.fr {float: right;}
.clearfix:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

.wrap{ position: relative; width: 100%;}
.con1{ min-height: 1020px;}
.con{ width: 100%; margin:0 auto; position: relative; padding-bottom: 60px}
.main-bg{ position: absolute; width: 100%; left: 0; top: 0px; z-index: -1; }
.main-bg div{ width: 100%; height: 255px; background-position: center top;}
.main-bg1{ background: url(../images/main1_01.jpg) no-repeat;}
.main-bg2{ background: url(../images/main1_02.jpg) no-repeat;}
.main-bg3{ background: url(../images/main1_03.jpg) no-repeat;}
.main-bg4{ background: url(../images/main1_04.jpg) no-repeat;}

.logo-div{width: 1200px; margin: 0 auto; padding-top: 40px;}
.btn{ position: absolute; width: 510px; bottom: 100px; left: 50%; margin-left: -255px;}
.btn a{ display: block; float: left; width: 250px; height: 80px; margin-right:10px; background-position: left top;  text-indent: -9999em;}
.btn a:hover{ background-position: left bottom;  }
.btn .btn1{ background-image: url(../images/btn1.jpg); }
.btn .btn2{ background-image: url(../images/btn2.jpg); margin: 0 }

.footer{ width: 100%;  height: 60px; line-height: 60px; position: absolute; left: 0; bottom: 0; background: #000; text-align: center; color: #785e45; font-size: 12px;}

.jt1{ cursor: pointer; position: fixed; width: 327px; height: 314px; z-index: 9; right: 0; bottom: 0; background: url(../images/jiantou1_bg.png);}
.jt1 img{ position: absolute; bottom: 50px; right: 50px;}
.jt2{ cursor: pointer; position: absolute; width: 184px; height: 184px; z-index: 9; left: 0; top: 0; background: url(../images/jiantou2_bg.png);}
.jt2 img{ position: absolute; top: 27px; left: 27px;}


.animat1{
    -webkit-animation: myfirst .8s linear 0s infinite normal;
    -ms-animation: myfirst .8s linear 0s infinite normal;
    animation: myfirst .8s linear 0s infinite normal;}

@-webkit-keyframes myfirst {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
        opacity: 1
    }
}

@-ms-keyframes myfirst {
    0% {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    100% {
        -ms-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
        opacity: 1
    }
}

@keyframes myfirst {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(10px, 10px);
        transform: translate(10px, 10px);
        opacity: 1
    }
}

.animat2{
    -webkit-animation: myfirst2 .8s linear 0s infinite normal;
    -ms-animation: myfirst2 .8s linear 0s infinite normal;
    animation: myfirst2 .8s linear 0s infinite normal;}

@-webkit-keyframes myfirst2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px);
        opacity: 1
    }
}

@-ms-keyframes myfirst2 {
    0% {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    100% {
        -ms-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px);
        opacity: 1
    }
}

@keyframes myfirst2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(-10px, -10px);
        transform: translate(-10px, -10px);
        opacity: 1
    }
}


.main2-bg{ max-width:1920px;  margin: 0 auto }
.con-list{width: 20% ;*width: 19.9%; float: left; position: relative;}
.con-list img{ width: 100%; height: auto;}
.con-list-text{position: absolute; width: 95%; left:3%;top: 75%}
.con-list-text p{color: #c6b091; line-height: 1.3;}
.con-list-text h2{ text-align: center; margin-bottom: 20px;}
.con-list-text h2 img{ width: auto;}