﻿

em,i{font-style: normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

 
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {width:32px;height:60px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;position:absolute;top:50%;z-index:12;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease; padding:0; border:0}
.banner .slick-prev {left: 0%; background:url(../images/indexleft.png) no-repeat center center rgba(0,0,0,0.3);opacity:0.5;filter:alpha(opacity=50);background-size: 13px;}
.banner .slick-next {right:0%;background:url(../images/indexright.png) no-repeat center center rgba(0,0,0,0.3); opacity:0.5;filter:alpha(opacity=50);background-size: 13px;}   
.banner:hover .slick-prev { opacity:1;filter:alpha(opacity=100);}
.banner:hover .slick-next {opacity:1;filter:alpha(opacity=100); }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 4px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:5px; display: inline-block;outline: none;background:rgba(255, 255, 255, .3); transition: .5s; color:rgba(255, 255, 255, .0); cursor:pointer}
.slick-dots .slick-active button {background: #fff;width: 15px; color:rgba(255, 255, 255, 1)}


.banner_m .banner-item{
    position: relative;
    display: block;
}
.banner_m .banner-item img{
    width:100%;
    display:block;
}
/* 轮播浮层文字，无背景块！纯文字阴影，仿hailianjx */
.banner-text{
    position: absolute;
    left: 10%;
    top: 40%;  /* 文字放在中上，不是底部 */
    z-index: 2;
    color:#ffffff;
    max-width: 800px;
    animation: bannerTextIn 0.8s ease-out;
}
.banner-text h2{
    font-size: clamp(28px, 2.8vw, 52px);
    line-height:1.3;
    margin:0 0 16px;
    font-weight:bold;
    text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}
.banner-text p{
    font-size: clamp(15px, 1vw, 20px);
    line-height:1.8;
    margin:0;
    opacity:0.95;
    text-shadow: 0 1px 3px rgba(0,0,0,1.0);
}
/*@keyframes bannerTextIn {
    0%{
        opacity:0;
        transform: translateY(30px);
    }
    100%{
        opacity:1;
        transform: translateY(0);
    }*/


@media screen and (max-width: 992px) {
    .banner-text{
		display:none!important;
    }
    
}
