/* 图片切换 */
.tinseen-banner {  width: 100%;  height: 536px;  overflow: hidden;}
.tinseen-banner .swiper-container {  width: 100%;  height: 536px;}
.swiper-button-prev,.swiper-button-next{  width: 15%;  height: 100%;  top:0;  background:none;  color: #FFF;  }
.swiper-button-prev{ left:0;}
.swiper-button-next{ right:0;}
.swiper-button-prev span,.swiper-button-next span{
    display:block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 20px;
    top: 58%;
    margin-top:-32px;
    border-radius: 100%;
    background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center 17px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.swiper-button-next span{
    background: rgba(180,180,180,0.25) url(../images/arrows.png) no-repeat center -71px;
    left:auto;
    right:20px;
}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
    opacity: .6;
}

/*分页器*/
.tinseen-banner .swiper-pagination{
    top:auto;
    bottom:10px;
    background:none;
}
.tinseen-banner  .swiper-pagination-bullet {
    display: inline-block;
    width: 50px;
    height: 5px;
    margin: 0 3px;
    cursor: pointer;
    background: none;
    border-radius:0;
    opacity: 1;
}
.tinseen-banner  .swiper-pagination-bullet span {
    width: 50px;
    height: 2px;
    display: block;
    background: rgba(128,128,128,0.2);
}
.tinseen-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.tinseen-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.tinseen-banner  .swiper-pagination-bullet i{
    background: gray;
    height: 2px;
    transform:scaleX(0);
    transform-origin: 0;
    display: block;
}
.tinseen-banner .autoplay .firsrCurrent i{
    transition:transform 2.9s linear;
    transform:scaleX(1);
}
.tinseen-banner .autoplay .current i{
    transition:transform 4s linear;
    transform:scaleX(1);
}
.tinseen-banner  .autoplay .replace span{
    background:gray;
}
/*内容样式*/

.slide1 { background: url(../images/indexbanner1.jpg) top center no-repeat; background-size: 100% auto; }
    .slide1 .title {  text-align: center; padding-top: 150px; font-weight: lighter;  color: #fff;  }
    .slide1 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide1 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide1 .title>h2>span { font-weight: 700; color: #00a95f; margin-left: 10px;}
    .slide1 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide1 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

.slide2 { background: url(../images/indexbanner2.jpg) top center no-repeat; background-size: 100% auto; }
    .slide2 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide2 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide2 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide2 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide2 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide2 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}


.slide3 { background: url(../images/indexbanner3.jpg) top center no-repeat; background-size: 100% auto; }
    .slide3 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide3 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide3 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide3 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide3 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide3 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

 .slide4 { background: url(../images/indexbanner4.jpg) top center no-repeat; background-size: 100% auto; }
    .slide4 .title {  text-align: center; padding-top: 150px; font-weight: lighter;  color: #fff;  }
    .slide4 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide4 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide4 .title>h2>span { font-weight: 700; color: #00a95f; margin-left: 10px;}
    .slide4 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide4 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

.slide5 { background: url(../images/indexbanner5.jpg) top center no-repeat; background-size: 100% auto; }
    .slide5 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide5 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide5 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide5 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide5 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide5 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}


.slide6 { background: url(../images/indexbanner6.jpg) top center no-repeat; background-size: 100% auto; }
    .slide6 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide6 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide6 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide6.title>h2>span { font-weight: 700; color: #00a95f;}
    .slide6 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide6 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}


@media (max-width: 768px) {
    .tinseen-banner {  width: 100%;  height: 80px;  overflow: hidden;}
    .tinseen-banner .swiper-container {  width: 100%;  height: 80px;  }

    .swiper-button-prev,.swiper-button-next{ display: none;}

    .slide1 .title {  text-align: center;  padding-top: 5px;  font-weight: lighter;  color: #fff;  }
    .slide1 .title>h1 { display: none;}
    .slide1 .title>h3 { display: none;}
    .slide1 .title>h2 { margin: 20px 0; display: inline-block; font-size: 1.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide1 .title>h2>span { font-weight: 700; color: #00a95f;}

    .slide2 .title {  text-align: center;  padding-top: 5px;  font-weight: lighter;  color: #fff;  }
    .slide2 .title>h1 { display: none;}
    .slide2 .title>h3 { display: none;}
    .slide2 .title>h2 { margin: 20px 0; display: inline-block; font-size: 1.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide2 .title>h2>span { font-weight: 700; color: #00a95f;}

    .slide3 .title {  text-align: center;  padding-top: 5px;  font-weight: lighter;  color: #fff;  }
    .slide3 .title>h1 { display: none;}
    .slide3 .title>h3 { display: none;}
    .slide3 .title>h2 { margin: 20px 0; display: inline-block; font-size: 1.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide3 .title>h2>span { font-weight: 700; color: #00a95f;}

    /*分页器*/
    .tinseen-banner .swiper-pagination{ top:auto;  bottom:0px;  background:none;  }
    .tinseen-banner  .swiper-pagination-bullet {  display: inline-block;  width: 20px;  height: 5px;  margin: 0 3px;  cursor: pointer;  background: none;  border-radius:0;  opacity: 1;  }
    .tinseen-banner  .swiper-pagination-bullet span {  width: 20px;  height: 2px;  display: block;  background: rgba(255,255,255,1); }

    .tinseen-banner .swiper-pagination-bullet-active span{  background:gray;  }
    .tinseen-banner .autoplay .swiper-pagination-bullet-active span{  background: rgba(128,128,128,1);}
}

@media (min-width: 768px) {
    .tinseen-banner {  width: 100%;  height: 168px;  overflow: hidden; margin-top: 0px;}
    .tinseen-banner .swiper-container {  width: 100%;  height: 168px;  }

    .slide1 .title>h1 { display: none;}
    .slide1 .title>h3 { display: none;}
    .slide1 .title {  text-align: center;  padding-top: 75px;  font-weight: lighter;  color: #fff;  }

    .slide2 .title>h1 { display: none;}
    .slide2 .title>h3 { display: none;}
    .slide2 .title {  text-align: center;  padding-top: 75px;  font-weight: lighter;  color: #fff;  }

    .slide3 .title>h1 { display: none;}
    .slide3 .title>h3 { display: none;}
    .slide3 .title {  text-align: center;  padding-top: 75px;  font-weight: lighter;  color: #fff;  }
}

@media (min-width: 992px) {
    .tinseen-banner {  width: 100%;  height: 260px;  overflow: hidden; }
    .tinseen-banner .swiper-container {  width: 100%;  height: 260px;  }

    .slide1 .title {  text-align: center;  padding-top: 100px;  font-weight: lighter;  color: #fff;  }
    .slide1 .title>h1 { display: block; font-size: 1.0em; font-weight: normal;}
    .slide1 .title>h2 { margin: 8px 0; display: inline-block; font-size: 2.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide1 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide1 .title>h3 { display: block;}
    .slide1 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide1 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

    .slide2 .title {  text-align: center;  padding-top: 100px;  font-weight: lighter;  color: #fff;  }
    .slide2 .title>h1 { display: block; font-size: 1.0em; font-weight: normal;}
    .slide2 .title>h2 { margin: 8px 0; display: inline-block; font-size: 2.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide2 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide2 .title>h3 { display: block;}
    .slide2 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide2 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

    .slide3 .title {  text-align: center;  padding-top: 100px;  font-weight: lighter;  color: #fff;  }
    .slide3 .title>h1 { display: block; font-size: 1.0em; font-weight: normal;}
    .slide3 .title>h2 { margin: 8px 0; display: inline-block; font-size: 2.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide3 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide3 .title>h3 { display: block;}
    .slide3 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide3 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

}

@media (min-width: 1200px) {
    .tinseen-banner {  width: 100%;  height: 310px;  overflow: hidden; }
    .tinseen-banner .swiper-container {  width: 100%;  height: 310px;  }

    .slide1 .title {  text-align: center;  padding-top: 126px;  font-weight: lighter;  color: #fff;  }
    .slide1 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide1 .title>h2 { margin: 12px 0; display: inline-block; font-size: 2.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide1 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide1 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide1 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

    .slide2 .title {  text-align: center;  padding-top: 126px;  font-weight: lighter;  color: #fff;  }
    .slide2 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide2 .title>h2 { margin: 12px 0; display: inline-block; font-size: 2.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide2 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide2 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide2 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

    .slide3 .title {  text-align: center;  padding-top: 126px;  font-weight: lighter;  color: #fff;  }
    .slide3 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide3 .title>h2 { margin: 12px 0; display: inline-block; font-size: 2.4em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide3 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide3 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide3 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

}
@media (min-width: 1366px) {
    .tinseen-banner {  width: 100%;  height: 376px;  overflow: hidden; }
    .tinseen-banner .swiper-container {  width: 100%;  height: 376px;  }

    .slide1 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide1 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide1 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide1 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide1 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide1 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

    .slide2 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide2 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide2 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide2 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide2 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide2 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}


    .slide3 .title {  text-align: center;  padding-top: 150px;  font-weight: lighter;  color: #fff;  }
    .slide3 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide3 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide3 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide3 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide3 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

}
@media (min-width: 1920px) {
    .tinseen-banner {  width: 100%;  height: 536px;  overflow: hidden; }
    .tinseen-banner .swiper-container {  width: 100%;  height: 536px;  }

    .slide1 .title {  text-align: center; padding-top: 210px; font-weight: lighter;  color: #fff;  }
    .slide1 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide1 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide1 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide1 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide1 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}


    .slide2 .title {  text-align: center; padding-top: 210px; font-weight: lighter;  color: #fff;  }
    .slide2 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide2 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide2 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide2 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide2 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}


    .slide3 .title {  text-align: center; padding-top: 210px; font-weight: lighter;  color: #fff;  }
    .slide3 .title>h1 { font-size: 1.0em; font-weight: normal;}
    .slide3 .title>h2 { margin: 20px 0; display: inline-block; font-size: 3.0em; font-weight: 700; border: solid 1px rgba(255,255,255,0.4); border-left:none; border-right: none;}
    .slide3 .title>h2>span { font-weight: 700; color: #00a95f;}
    .slide3 .title>h3>a { border: solid 1px rgba(255,255,255,0.5); color: #fff !important; padding: 10px 20px; display: inline-block;}
    .slide3 .title>h3>a:hover { background-color: #FFF; color: #00a95f !important; padding: 10px 20px; display: inline-block;}

}