@charset "utf-8";

img{ border:0px;}
body {
	font-size:12px;
	margin:0;
	padding:0;
	line-height:22px;
	color:#3e3a39;
	background-color:#fff7ee;font-family:"黑体";
}

.main{width:100px; margin:0 auto; position:relative;}
ul,li {margin:0;padding:0;list-style:none;}
A:link {COLOR: #855642; TEXT-DECORATION: none;}
A:visited {COLOR: #855642; TEXT-DECORATION: none}
A:hover {COLOR:#855642; TEXT-DECORATION: none}
A.b:link {COLOR: #FFD334; TEXT-DECORATION: underline}
A.b:visited {COLOR: #FFD334; TEXT-DECORATION: underline}
A.b:hover {COLOR: #ffff00; TEXT-DECORATION: none}
input{background:transparent;border:0px;margin:0px; color:#939598;list-style:none; font-family:"黑体"; font-size:14px;}
.white {color:#ffffff;}
.red {color:#0682f2; font-size:25px;line-height:50px;}
.red2{color:#d30101;}
.green {color:green;}
.black{ color:#000;}
.blue{color:#549FD6;}
.yellow{color:#ffff00;}
.blue3{color:#255E98;}
.gray{color:#6A3906;}
.org{color:#ff5a00;}
.bg_h{background-color:#f0f0f0;}
.f_13{font-size:13px;}
.f_14{font-size:14px;}
.clr2{clear:both; height:1px; overflow:hidden;}
.m_t36{margin-top:36px;}
.m_t20{margin-top:20px;}
.m_t10{margin-top:10px;}
.t_c{text-align:center;}
.f_12{font-size:12px; font-family:"宋体";}
.f_16{font-size:16px;font-weight:bold;}
.f_17{font-size:17px;}
.f_26{font-size:26px; font-family:"黑体"; line-height:50px;}
.f_30{font-size:28px; color:#603813; line-height:50px; font-weight:bold;}
.f_22{font-size:22px; font-family:"黑体";}
.h340{height:340px;}
td{font-size:18px;text-align:center; background-color:#fff;}

.bt { font-weight:bold;color: #4d83f3;	font-size: 30px;}
.bt2{color: #4d83f3;	font-size: 21px;}
.f-r{float:right;}
.f-l{float:left;}
.f1{background-color:#f3f3fd; color:#333; padding:3px 5px;}

.bod #dbg1{background:url(../images/index_01.png) center top no-repeat;height:789px;}
.bod #dbg2{background:url(../images/index_02.png) center top no-repeat;height:693px;}
.bod #dbg3{background:url(../images/index_03.png) center top no-repeat;height:855px;}
.bod #dbg4{background:url(../images/index_04.png) center top no-repeat;height:881px;}
.bod #dbg5{background:url(../images/index_05.png) center top no-repeat;height:100px; width:100%; position:fixed; left:0; bottom:0; z-index:9;}

.btn{
	background: url(../images/btn1.png);
	width: 231px;
	height: 52px;
	position: absolute;
	left: -31px;
	top: 296px;
}
.btn2{
	background: url(../images/btn2.png);
	width: 299px;
	height: 61px;
	position: absolute;
	left: 224px;
	top: 18px;
}
.pic1{
	position: absolute;
	left: -385px;
	top: 120px;
}
.pic2{
	position: absolute;
	left: 108px;
	top: 120px;
}
.pic3{
	position: absolute;
	left: -432px;
	top: 186px;
}
.pic4{
	position: absolute;
	left: -432px;
	top: 512px;
}
.ico1{
	position: absolute;
	left: 26px;
	top: 236px;
}
.ico2{
	position: absolute;
	left: 34px;
	top: 656px;
}
.dh{
  -webkit-animation: dh 0.3s linear infinite alternate;
  animation-name: dh 0.3s linear infinite alternate;
}
@-webkit-keyframes dh{
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes dh{
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.dh2{
  -webkit-animation: dh2 1.5s linear infinite alternate;
  animation-name: dh2 1.5s linear infinite alternate;
}
@-webkit-keyframes dh2 {
  0%, 10%,20%, 100% {
    opacity: .6;
  }

  5%, 15% {
    opacity: 0;
  }
}

@keyframes dh2 {
  0%, 10%,20%, 100% {
    opacity: .6;
  }

  5%, 15% {
    opacity: 0;
  }
}
.dh3{
  -webkit-animation: dh2 2s linear infinite alternate;
  animation-name: dh2 2s linear infinite alternate;
}


.container{
            max-width: 1200px;
            margin: 0 auto; padding-top:200px;
        }
        .slide{
            width: 100%;
            min-height: 180px;
            overflow: hidden;
            position: relative;
  
        }
        .slide .img{
            overflow: hidden;
            position: absolute;
            transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
        }
        .slide .img img{
            width: calc(100%);
        }
        .slide .img1{
            width: 40%;
            height: 40%;
            top: 30%;
            left: -50%;
            z-index: 1;
        }
        .slide .img2{
            width: 48.2%;
            height: 80%;
            top: 0%;
            left: 0%;
            z-index: 2;filter: Alpha(Opacity=60);opacity: 0.6;
        }
        .slide .img3{
            width: 48.2%;
            height: 80%;
            top: 10%;
            left: 25%;
            z-index: 3;
        }
        .slide .img4{
            width: 48.2%;
            height: 80%;
            top:0%;
            left: 51%;
            z-index: 2;filter: Alpha(Opacity=60);opacity: 0.6;
        }
        .slide .img5{
            width: 40%;
            height: 40%;
            top: 30%;
            left: 110%;
            z-index: 1;
        }
        .slide-bt{
            position: absolute;
            left: 50%;
            bottom: 13%;
            z-index: 10;
        }
        .slide-bt span{
            width: 24px;
            height: 8px;
            background: #c9caca;
            float: left;
            margin: 5px;
            border-radius: 4px;
        }
        .slide .slide-bt .on{
            background: #ea5514;
        }


.footer{text-align:center; font-family:"宋体"; font-size:12px; padding:0px 0 120px;}