.container {

    min-height: 100vh;

    width: 100%;

}

.content>div {

    min-height: 100vh;

}

.home-banner {

    height: 100vh;

}

.home-banner .swiper-wrapper {

    -webkit-transition-timing-function: ease-in;

    -o-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

}

.home-banner>.swiper-wrapper>.swiper-slide {

	padding-top: 80px; padding-top: 0\0;

	-webkit-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.home-banner>.swiper-wrapper>.swiper-slide.swiper-slide-active {

    -webkit-transition: all 0s;

    -o-transition: all 0s;

    transition: all 0s;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}





#home .swiper-slide {

    background-position: center center;

    -webkit-background-size: cover;

    background-size: cover;

}

#home .swiper-container-vertical>.swiper-pagination-bullets{ width: 4px; height: auto; background: #000; right: 40px; border:1px solid #000; padding:1px 0; }

#home .swiper-pagination-bullet{ width: 2px; height: 41px;  margin: 0 0 4px; opacity: 1; background: #fff;border-radius: 0; -webkit-transition: all .6s;

    -o-transition: all .6s;

    transition: all .6s; }

#home .swiper-pagination-bullet-active{ background: #000; }







.section1{ position: relative;}

.section1 .bd{ position: relative; }

.section1 .bd li img{ width: 100%; }

.section1 .hd{ position: absolute; bottom: 0.85rem; left: 1.15rem; }

.section1 .hd li{ width: 80px; height: 2px; background:url(../images/icon/index-hd.png) repeat; margin-right: 15px; display: inline-block; font-size: 0; }

.section1 .hd li.on{ background:#fff; }

.section1-tel{ position: absolute; right: 0.45rem; bottom: 0.25rem; font-size: 0.32rem; font-family: "Arial"; height: 0.29rem; color: #fff; background: url(../images/icon/tel.png) no-repeat; padding-left: 0.4rem; line-height: 0.29rem;}

.section1-arrow{ position: absolute; bottom: 5px; text-align: center; left: 0; right: 0;}

.section1-arrow .mouse{ width: 18px; height: 30px; background: url(../images/icon/mouse.png) no-repeat; margin: 0 auto 8px; }

.section1-arrow .arrow{ width: 6px; height: 6px; background: url(../images/icon/ban-arrow.png) no-repeat;margin: 8px auto 0; }

.section1-arrow p{ font-size: 12px; color: #fff; }

.section1-arrow{

	-webkit-animation-name: banner_arrow;  

	-webkit-animation-duration: 2s;  

	-webkit-animation-timing-function: linear;  

	-webkit-animation-iteration-count: infinite;

}

@-webkit-keyframes banner_arrow{

   0%{bottom:5px;opacity: 1;}

   50%{bottom:15px;opacity: 0;}

   100%{bottom:5px;opacity: 1;}

}

@keyframes banner_arrow{

	0%{bottom:5px;opacity: 1;}

   50%{bottom:15px;opacity: 0.5;}

   100%{bottom:5px;opacity: 1;}

}

.section2{ background: url(../images/index-sec2-bg.jpg) no-repeat; background-size: cover;  }

.index-title{ margin-top: 0.9rem ;margin-top: 1.8rem\0;}

.index-title h4{ font-weight: normal; font-size: 0.3rem; color: #fff; line-height: 1;  }

.index-title h5{ font-weight: normal; font-size: 0.15rem; color: #fff; line-height: 1; margin-top: 0.08rem; }

.index-title i{ width: 0.3rem; height: 1px; background: #ff8e00; margin-top: 0.1rem; }

.section2-list{ width: 773px; height: 470px; background: url(../images/index-sec2-main.png) no-repeat; position: absolute; bottom: 0; left: 1.4rem;  }

.section2-list li{ width: 2.56rem; height: 2.56rem; display: flex; justify-content: center; align-items: center; text-align: center; }

.section2-list li a{  display: block;  }

.section2-list li i{ margin:auto; }

.section2-list li.section2-list-li1 i{ width: 35px; height: 39px; background: url(../images/icon/sec2-i1.png) no-repeat; transition: all .5s;}

.section2-list li.section2-list-li2 i{ width: 45px; height: 42px; background: url(../images/icon/sec2-i2.png) no-repeat; transition: all .5s;}

.section2-list li.section2-list-li3 i{ width: 21px; height: 39px; background: url(../images/icon/sec2-i3.png) no-repeat; transition: all .5s;}

.section2-list li.section2-list-li4 i{ width: 34px; height: 40px; background: url(../images/icon/sec2-i4.png) no-repeat; transition: all .5s;}

.section2-list li h4{ font-size: 18px ;color: #515151; font-weight: normal; margin-top: 5px; line-height: 1; letter-spacing: 2px; }

.section2-list li h5{ font-size: 12px ;color: #515151; font-weight: normal; margin-top: 5px; line-height: 1; }

.section2-list li em{ width: 19px; height: 2px; background: url(../images/icon/jian.png) no-repeat; margin: 25px auto 0;transition: all .5s;}

.section2-list li.section2-list-li1{ position: absolute; left: 2.56rem; }

.section2-list li.section2-list-li2{ position: absolute; left: 3.9rem; top: 1.26rem; }

.section2-list li.section2-list-li3{ position: absolute; left: 2.56rem; top: 2.56rem; }

.section2-list li.section2-list-li4{ position: absolute; left: 5.15rem; top: 2.56rem; }

.section2-list li.section2-list-li1:hover  i{ background: url(../images/icon/sec2-i1-hover.png) no-repeat; }

.section2-list li.section2-list-li2:hover  i{ background: url(../images/icon/sec2-i2-hover.png) no-repeat; }

.section2-list li.section2-list-li3:hover  i{ background: url(../images/icon/sec2-i3-hover.png) no-repeat; }

.section2-list li.section2-list-li4:hover  i{ background: url(../images/icon/sec2-i4-hover.png) no-repeat; }

.section2-list li:hover em{ height: 19px; background: url(../images/icon/jiahao.png) no-repeat;  margin: 16px auto 0;}

.section3{ background: url(../images/index-sec3-bg.jpg) no-repeat; background-size: cover; }

.index-title h4.index-title-h4{ color: #333; }

.index-title h5.index-title-h5{ color: #666; }

.section3-main{ width: 7.7rem; height: 3.4rem; padding:0.18rem; background: rgba(255,255,255,0.5); border-radius:3px; box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.21); position: absolute; left: 1.9rem; top: 50%; margin-top: -0.8rem}

.section3-main-all{ width: 100%; height: 100%; border:1px solid #e6e6e6; padding: 0.4rem  0.28rem; }

.section3-main-all h5{ height: 0.32rem; line-height: 0.32rem; font-size: 0.28rem; color: #333; font-weight: normal; position: relative; }

.section3-main-all h5:before{ content: ""; position: absolute; width: 3px; height: 0.32rem; background: #ff9500; left: -0.3rem; top: 0; }

.section3-main-all p{ font-size: 0.16rem; line-height: 0.25rem; color: #666666; margin-top: 20px; }

.section3-main-all ul{ margin-top: 35px; }

.section3-main-all li{ width: 2.4rem; float: left; transition: all .2s linear;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;}

.section3-main-all li:first-child+li+li{ float: right; width: 1.8rem;}

.section3-main-all li a{ display: block; }

.section3-main-all li img{ width: 0.6rem; height: 0.6rem; margin-right: 0.1rem; float: left; }

.section3-main-all li span{ display: inline-block;  }

.section3-main-all li div{ height: 0.6rem; display: flex; align-items: center; float: left; }

.section3-main-all li div span i{ font-size: 0.14rem; color: #666; }

.section3-main-all li div span em{ font-size: 0.16rem; line-height: 0.24rem; color: #666; } 

.section3-main-all li:hover{

    transition: all .2s linear;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

}

.section4{ background: url(../images/index-sec4-bg.jpg) no-repeat; background-size: cover; }

#mainMap{ height:6.1rem;width: 7.1rem; }

.section4-main-r{ width: 5.9rem;height:6.1rem; display: flex; align-items: center; margin-left: 1.4rem }

.section4-main-r h5{ font-size: 0.28rem ;color: #333; line-height: 1; font-weight: normal; }

.section4-main-r p{ font-size: 0.16rem;line-height: 0.3rem; color: #666; margin-top: 0.1rem; }

.section4-main-r span{ display: block; width: 1.16rem; height: 0.34rem; margin-top: 0.5rem; border:1px solid #505050; text-align: center; line-height: 34px; position: relative; transition: all .5s ease-in }

.section4-main-r span a{ display: block; font-size: 14px; color: #3d3d3d }

.section4-main-r span:before{ content: ""; position: absolute; width: 0.84rem; height: 2px; background:#ff8a00; left: 0.16rem; bottom: -1px; }

.section4-main-r span:hover{ background: #ff8a00; border-color: #ff8a00;  }

.section4-main-r span:hover a{ color: #fff; } 

.section5{ background: url(../images/index-sec5-bg.jpg) no-repeat; background-size: cover; }

.section5-slide{ /*padding-top: 0.7rem;*/ position: relative; }

.section5-slide .bd li{ width: 3.5rem;  float:left; margin-right: 0.35rem; background:#fff; border-radius: 3px;position: relative;transition: all .2s linear;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;}

.bd-main{ position: relative;margin: 0.2rem; }

.bd-main i{ width: 0.47rem; height: 0.47rem; background: #ff8c00; padding: 0.1rem 0.07rem; font-size: 0.14rem; line-height: 0.16rem; color: #fff; text-align: center; position: absolute; top: 0.17rem; left: -0.08rem; z-index: 2; }

.bd-main i:before{ content: ""; position: absolute; width: 0.08rem; height: 0.04rem; background: url(../images/icon/index-sec5-sanjiao.png) no-repeat; left: 0; bottom: -0.04rem; }

.section5-slide .bd { position: relative; overflow: hidden; }

.section5-slide .bd ul{ padding-top: 0.7rem !important; }

.section5-slide .bd li .scale-img{ width: 3.1rem; height: 2.16rem;  overflow:hidden; display: block; }

.scale-img img{ width: 100%; height: 100%;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.section5-slide .bd li:hover .scale-img img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.bd-main-arc{ margin-top: 0.24rem; }

.bd-main-arc a{ display: block; width: 100%; }

.bd-main-arc h5{ font-size: 0.18rem; color: #333333; line-height: 1; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bd-main-arc p{ font-size: 0.14rem; line-height: 18px; color: #999999; margin-top: 0.08rem; height: 0.36rem; overflow: hidden; text-overflow: ellipsis; }

.bd-main-arc span{ display: block;  line-height: 0.18rem;margin-top: 0.1rem;border-top: 1px dashed #d0d0d0; background: url(../images/icon/index-time.jpg) 0 12px no-repeat; padding-left: 0.25rem; font-size: 0.15rem; color: #adadad; padding-top: 0.12rem;}

.section5-slide .bd li:hover .bd-main-arc h5{ color: #d8262c }



.section5-slide .bd li:hover{

    transition: all .2s linear;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    transform: translateY(-40px);

    -webkit-transform: translateY(-40px);

    -moz-transform: translateY(-40px);

    -ms-transform: translateY(-40px);

}

.section5-slide-arrow{ clear: both; width: 1.32rem; margin:0.56rem auto 0; overflow: hidden}

.section5-slide-arrow .prev,.section5-slide-arrow .next{ display: block; width: 0.44rem; height: 0.44rem;  }

.section5-slide-arrow .prev{ background: url(../images/icon/index-sec5-prev.png) no-repeat; float: left}

.section5-slide-arrow .next{ background: url(../images/icon/index-sec5-next.png) no-repeat; float: right}





.home-banner>.swiper-wrapper>.swiper-slide.footer{ height: 4.15rem; background: #f6f6f6; padding-top: 0 !important }

@media only screen and (min-width:1025px) and (max-width: 1440px) {
    .home-banner>.swiper-wrapper>.swiper-slide{ padding-top: 0.6rem; padding-top: 0\0;}
    .section1 .bd li img{ width: 100%; height: 100vh; }
    .section1 .hd{ bottom: 0.45rem; }
    .section1-tel{ font-size: 0.2rem; height: 0.2rem;padding-left: 0.3rem;  line-height: 0.2rem; background-size: auto 100%; }
    .index-title{ margin-top: 0.6rem; margin-top: 1.2rem\0; }
    .index-title h4{ font-size: 0.24rem; }
    .section2-list{ width: 5.5rem; height: 3.35rem; background-size: 100%; }
    .section2-list li{ width: 1.82rem; height: 1.82rem; }
    .section2-list li h4{ font-size: 0.16rem; }
    .section2-list li em{ margin:0.1rem auto 0; }
    .section2-list li.section2-list-li1{ left: 1.82rem; }
    .section2-list li.section2-list-li2{ left: 2.71rem; top: 0.9rem; }
    .section2-list li.section2-list-li3{ left: 1.82rem;top: 1.82rem; }
    .section2-list li.section2-list-li4{ left: 3.62rem; top: 1.82rem; }
    .section2-list li.section2-list-li1 i{ width: 0.25rem; height: 0.28rem; background-size: 100%;}
    .section2-list li.section2-list-li2 i{ width: 0.35rem; height: 0.33rem; background-size: 100%; }
    .section2-list li.section2-list-li3 i{ width: 0.15rem; height: 0.28rem; background-size: 100%; }
    .section2-list li.section2-list-li4 i{ width: 0.24rem; height: 0.28rem;background-size: 100%; }

    .section2-list li.section2-list-li1:hover  i{ background-size: 100%;}

    .section2-list li.section2-list-li2:hover  i{ background-size: 100%; }

    .section2-list li.section2-list-li3:hover  i{ background-size: 100%;}

    .section2-list li.section2-list-li4:hover  i{ background-size: 100%; }

    .section3-main{ width: 6.5rem; height: 2.87rem }

    .section3-main-all{ padding: 0.3rem 0.2rem; }

    .section3-main-all h5{ font-size: 0.2rem; line-height: 0.2rem;  height: 0.2rem;}

    .section3-main-all h5:before{ left: -0.22rem; }

    .section3-main-all p{ font-size: 0.14rem; margin-top: 0.15rem; }

    .section3-main-all ul{ margin-top: 0.2rem; }

    .section3-main-all li,.section3-main-all li:first-child+li+li{ width: 1.84rem }

    .section3-main-all li img{ width: 0.4rem; height: 0.4rem; }

    #mainMap{ width: 5rem !important; height: 4.3rem !important; }

    .section4-main-r{ width: 6rem;  height: 4.3rem; margin-left: 1rem;}

    .section4-main-r h5{ font-size: 0.24rem; }

    .section5-slide .bd li{ width: 2.85rem; margin-right: 0.2rem; }

    .section5-slide .bd li .scale-img{ width: 2.45rem; height: 1.71rem; }

    .section5-slide .bd ul{ padding-top: 0.3rem !important }
    .bd-main-arc{ margin-top: 0.15rem; }
    .bd-main-arc h5{ font-size: 0.16rem; }
    .section5-slide-arrow .prev, .section5-slide-arrow .next{ width: 0.33rem; height: 0.33rem; background-size: 100%!important; }
    .section5-slide-arrow{ margin:0.23rem auto 0; }
    .home-banner>.swiper-wrapper>.swiper-slide.footer{ height: auto }
}
@media only screen and ( max-width: 768px ) {
    .home-banner>.swiper-wrapper>.swiper-slide{padding-top:0.6rem;}
    #home .swiper-container-vertical>.swiper-pagination-bullets{ right: 3%; }
    .mobile-section1{ position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; }
    .mobile-section1 .hd{ font-size: 0; display: none }
    .mobile-section1 img{ width: 100%; }
    .index-title{ margin-top: 0.4rem; }
    .index-title h4{ font-size: 0.2rem; }
    .section2{ background: url(../images/mobile_index_sec2.jpg) no-repeat;  }
    .section2-list{ width: 100%; height: auto; background:none; position: relative; left: 0; margin-top: 0.2rem;}
    .section2-list li{ position: relative !important; clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);transition:1s clip-path;  left: 0 !important; top: 0 !important; width: 50%; height:0;padding-top:50%; float: left; background:rgba(255,255,255,0.8); 
        transform:rotate(45deg);   -ms-transform:rotate(45deg);  -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);   -moz-transform:rotate(45deg);}   
    .section2-list li a{ position:absolute; top:50%; left:0; width:100%; height:100%;  margin-top: -35px; }
    .section2-list li h4{ font-size: 0.14rem; }
    .section2-list li em{ margin:0.1rem auto 0; }
    .section2-list li.section2-list-li1 i{ width: 0.175rem; height: 0.195rem; background-size: 100%; }
    .section2-list li.section2-list-li2 i{ width: 0.225rem; height: 0.21rem; background-size: 100%; }
    .section2-list li.section2-list-li3 i{ width: 0.105rem; height: 0.195rem; background-size: 100%; }
    .section2-list li.section2-list-li4 i{ width: 0.17rem; height: 0.225rem; background-size: 100%; }
    .section2-list li.section2-list-li1:hover i{  background-size: 100%;  } 
    .section2-list li.section2-list-li2:hover i{  background-size: 100%;  } 
    .section2-list li.section2-list-li3:hover i{  background-size: 100%;  } 
    .section2-list li.section2-list-li4:hover i{  background-size: 100%;  } 
    .section3{ background: url(../images/mobile_index_sec3.jpg) no-repeat;  }
    .section3-main{ width: 100%; height: auto;  padding: 0.2rem 3%; position: relative; left: 0; top: auto;margin-top: 0.4rem; }
    .section3-main-all{ padding:0.2rem 3%; }
    .section3-main-all h5{ height: 0.2rem; line-height: 0.2rem; font-size: 0.2rem; }
    .section3-main-all h5:before{ height: 0.2rem; left: -4%; }

    .section3-main-all p{ font-size: 0.14rem; margin-top: 0.1rem; }

    .section3-main-all ul{ margin-top: 0.15rem; display: none; }

    .section3-main-all li{ width: 100%; }

    .section3-main-all li img{ width: 0.4rem; height: 0.4rem;  }

    #mainMap{ width: 100%; height: auto; }

    .section4-main-r{ width: 100%; height: auto; margin-left: 0; margin-top: 0.4rem; }

    .section4-main-r h5{ font-size: 0.2rem; }

    .section4-main-r p{ font-size: 0.14rem; }

    .section4-main-r span{ margin-top: 0.2rem; }

    .section5-slide .bd ul{ padding-top: 0.2rem !important; }

    .section5-slide .bd li{ width: 100%; margin-right: 0; }
    .bd-main{ margin:3%; }
    .section5-slide .bd li .scale-img{ width: 100%; height: auto; }
    .bd-main-arc{ margin-top: 0.15rem; }
    .bd-main-arc h5{ font-size: 0.16rem; }
    .section5-slide-arrow{ width: 0.66rem; margin:0.15rem auto 0; }
    .section5-slide-arrow .prev, .section5-slide-arrow .next{ width: 0.22rem; height: 0.22rem; background-size: 100%; }
    .home-banner>.swiper-wrapper>.swiper-slide.footer{ height: auto }
}