@charset "utf-8";

img{ border:0px;}
body {
	font-size:12px; overflow-x:hidden;
	margin:0;
	padding:0;
	line-height:22px;
	color:#fff;
	background-color:#F9F7F8;font-family:"微软雅黑";
}

.main{width:100px; margin:0 auto; position:relative;}
ul,li {margin:0;padding:0;list-style:none;}
A:link {TEXT-DECORATION: none;color:#fff;}
A:visited {TEXT-DECORATION: none;color:#fff;}
A:hover {TEXT-DECORATION: none;color:#ffff00;}
A.b:link {COLOR: #DD3639; TEXT-DECORATION: none}
A.b:visited {COLOR: #DD3639; TEXT-DECORATION: none}
A.b:hover {COLOR: #000; 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:#F43131;}
.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;}
.g{background-color: #F43131; color: #fff; border-radius: 20px; padding: 0 5px;}
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;}

#dbg1{background:url(../images/index_01.jpg) center top;height:200px;}
#dbg2{background:url(../images/index_02.jpg) center top;height:200px;}
#dbg3{background:url(../images/index_03.jpg) center top;height:200px;}
#dbg4{background:url("../images/index_04.png") center top;height:835px;}
#dbg5{background:url("../images/index_05.png") center top;height:946px;}
#dbg6{background:url("../images/index_06.png") center top;height:1188px;}
#dbg7{background:url("../images/index_07.png") center top;height:733px;}

.pf{background:url("../images/pf.png") center top no-repeat; height:143px; width: 100%; position: fixed; left: 0px; bottom: 0px;}
.btn{
	position: absolute;
	left: 200px;
	top: 25px;
	width: 228px;
	height: 58px;
	background: linear-gradient(to bottom, #F0423C, #DB2932);
	font-size: 30px;
	font-weight: bold;
	border-radius: 30px;
	text-align: center;
	line-height: 50px;
}
.btn2{
	position: absolute;
	left: -158px;
	top: 1054px;
	width: 418px;
	height: 87px;
	background: linear-gradient(to bottom, #F0423C, #DB2932);
	font-size: 44px;
	font-weight: bold;
	border-radius: 44px;
	text-align: center;
	line-height: 80px;
}
.btn3{
	position: absolute;
	left: 200px;
	top: 41px;
	width: 290px;
	height: 68px;background-color: #fff;
	font-size: 44px;
	font-weight: bold;
	border-radius: 44px;
	text-align: center;
	line-height:60px;
}
.pic2{
    position: absolute;
    left: -376px;
top: -35px;
    width: 854px;
    height: 496px;
}
.ico{
	background: url("../images/ico.png");width: 248px;
	height: 119px;
}
.a1{position: absolute;
	left: -394px;
	top: 99px;
}
.a2{
	position: absolute;
	left: -60px;
	top: 99px;
	background-position-x: 246px;
}
.a3{
	position: absolute;
	left: 274px;
	top: 99px;
	background-position-x: 584px;
}
.a1:hover,.a2:hover,.a3:hover{background-position-y: -120px;}

.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);
  }
}

.footer{text-align:center; font-family:"宋体"; font-size:12px; padding: 20px 0 160px; color: #333;}
.footer A:link,.footer A:visited {TEXT-DECORATION: none;color:#333;}
.footer A:hover {TEXT-DECORATION: none;color:#000000;}

.container{ position: absolute;left: -434px;
  top: 245px; width: 965px; height: 500px;
        }
        .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%);
            height: calc(100%);
        }
        .slide .img1{
            width: 40%;
            height: 40%;
            top: 30%;
            left: -50%;
            z-index: 1;
        }
        .slide .img2{
            width: 499px;
            height: 426px;
            top: 15%;
            left: 0%;
            z-index: 2; border-radius: 10px;
        }
.slide .img2::after,.slide .img4::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 红色半透明遮罩，可调整rgba的alpha值控制透明度 */
  background-color: rgba(0, 0, 0, 0.5);
}
        .slide .img3{
            width: 571px;;
            height: 487px;;
            top: 10%;
            left: 21%;
            z-index: 3;
        }
        .slide .img4{
            width: 499px;
            height: 426px;
            top: 15%;
            right:0%;
            z-index: 2;border-radius: 10px;
        }
        .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: #ffd200;
        }