﻿@charset "utf-8";

.index1 {
 font-family: "Microsoft YaHei","微软雅黑","黑体","宋体" !important;
 margin-top:60px;
 width:100%;
 height:558px;
}
    .swiper-container {
        width: 100%;
        height: 558px;
    }
    .swiper-slide {
        font-size: 18px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

        /* Center slide text vertically */
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-container .swiper-pagination-bullet{width:15px;height:15px;}
    .swiper-container .swiper-pagination-bullet-active{opacity:0.9;background:#fff}
    .swiper-container .swiper-button-prev { width:58px;height:78px;background:url(../images/bg_btnPre_index_hover.png) no-repeat center;position:absolute;left:3%; }
    .swiper-container .swiper-button-next { width:58px;height:78px;background:url(../images/bg_btnNext_index_hover.png) no-repeat center;right:3%;  }
#index2 {
 width:100%;
 padding:60px 0;
 background:#fff;
}
#index2s {
 max-width:1003px;
 width:100%;
 margin:0 auto;
}
#indexnews {
 width:297px;
}
#indexnews li {
  width:277px;
  height:20px;
  padding:2px 0 0 20px;
  border-bottom:#ccc 1px dotted;
  background:url(arr12.gif) no-repeat 10px 8px;
  float:left;
}
#indexnews li a {
   width:197px;
   height:20px;
   line-height:20px;
   display:block;
   overflow: hidden;/*注意不要写在最后了*/
 white-space: nowrap;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 float:left;
}
#indexnews li p {
   float:left;
   color:#888;
   width:80px;
   text-align:center;
   height:20px;
   font-size:11px;
   line-height:20px;
   color:#C78963;
}
.index2a { width:200px;float:left;}
.index2b { width:490px;padding-right:13px;float:left;}
.index2b .title { padding-bottom:6px;border-bottom:#ccc 1px solid;}
.index2b .title img { width:22px;}
.index2b .text { padding:10px 6px 20px;line-height:22px;}
.index2c { width:297px;float:left;}
.index2c .title { padding-bottom:6px;padding-left:5px;border-bottom:#ccc 1px solid;}
.index2c .title img { width:26px;}
#index3 {
 width:100%;
 height:500px;
 padding:45px 0 0;
 text-align:center;
 background:#eee url(index3.jpg) no-repeat bottom center;
}
#index3s {
 max-width:1003px;
 width:100%;
 margin:0 auto;
 vertical-align:top;
}
#index3a,#index3b { float:left;}
#index2 .tit {
 color:#0089D1;
 font-size:16px;
 width:99%;
 height:30px;
 padding:0px 0 20px;
 background:url(index1.gif) no-repeat left bottom;
 display:block;
}
#index5 {
 width:100%;
 height:509px;
 background:#fff url(index5.gif);
}
#index5s {
 max-width:957px;
 width:100%;
 margin:0 auto;
 height:509px;
}
#index6 {
 width:100%;
 padding:80px 0;
 text-align:center;
 background:#fff;
}
#index6s {
 max-width:1003px;
 width:100%;
 margin:0 auto;
}
#index6a,#index6b { float:left;}
#index6a { padding-right:80px;}
#index7 {
 width:100%;
 padding:40px 0 70px;
 background:#fff;
}
#index7s {
 max-width:1003px;
 width:100%;
 margin:0 auto;
}

#imgPlay {POSITION: relative;max-width:957px;width:100%; HEIGHT: 509px; OVERFLOW: hidden;}
#imgPlay .imgs IMG {max-width:957px;width:100%;height:509px;}
#imgPlay .imgs LI {POSITION: relative; FLOAT: left}
#imgPlay .imgs {WIDTH: 5712px}
#imgPlay .btn {POSITION: absolute; TEXT-INDENT: -9999px; WIDTH: 112px; BOTTOM: 12px; HEIGHT: 29px; OVERFLOW: hidden; RIGHT: 12px}
#imgPlay .num {POSITION: absolute; DISPLAY: inline; HEIGHT: 19px; TOP: 305px; LEFT: 725px}
#imgPlay .num SPAN {LINE-HEIGHT: 0; MARGIN: 0px 2px; WIDTH: 19px; DISPLAY: inline-block; BACKGROUND: url(imgPlayer.png) no-repeat -26px -3px; HEIGHT: 15px; OVERFLOW: hidden; CURSOR: pointer}
#imgPlay .num SPAN.on {BACKGROUND-POSITION: 1px -4px}
#imgPlay #numInner {POSITION: absolute; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; TOP: 425px; PADDING-TOP: 3px}

@media screen and (max-width:767px) {
.index1 {
 margin-top:60px;
 height:158px;
}
    .swiper-container {
        width: 100%;
        height: 158px;
    }
    .swiper-container .swiper-button-prev { background:none; }
    .swiper-container .swiper-button-next { background:none;  }
	#foot2 { padding:14px 30px; text-align:center;}
	#index2 { padding:10px 0;}
	.index2a { display:none;}
	.index2b { width:100%;padding-right:0;}
	.index2b .title { padding-bottom:6px;border-bottom:#ccc 1px solid;}
	.index2b .title img { width:22px;}
	.index2b .text { padding:10px 6px 20px;line-height:22px;}
	.index2c { width:100%;}
	.index2c .title { padding-bottom:6px;padding-left:5px;border-bottom:#ccc 1px solid;}
	.index2c .title img { width:22px;}
#indexnews {
 width:96%;
 padding:10px 2%;
}
#indexnews li {
  width:97%;
  padding:2px 0 0 3%;
  height:45px;
  float:left;
  background:url(arr12.gif) no-repeat 1px 8px;
}
#indexnews li a {
   width:100%;
}
#indexnews li p {
   width:100%;
   text-align:left;
}
#index3 { padding:20px 0 0;}
#index3a,#index3b { width:100%;}
#index3a img,#index3b img { width:100%;}
#index6 { padding:20px 0;}
#index6a,#index6b { width:100%;}
#index6a img,#index6b img { width:100%;}
#index6a { padding-right:0;}
#index5 { display:none;}
}