@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../fonts/bae3ac6097d74278aaa6fb1d1dd4e7a5.ttf);}
@font-face{ font-family:simsun; src:url(../fonts/simsun.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/





/*@-webkit-keyframes scale-bg{*/
/*	from{-webkit-transform:scale(1.2);transform:scale(1.2)}*/
/*	to{-webkit-transform:scale(1);transform:scale(1)}*/
/*}*/
/*@keyframes scale-bg{*/
/*	from{-webkit-transform:scale(1.2);transform:scale(1.2)}*/
/*	to{-webkit-transform:scale(1);transform:scale(1)}*/
	
/*}*/
.container01 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:600px;position:relative}

.container01 .index_banner .item.miso-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 2s linear forwards;animation:scale-bg 2s linear forwards}
.container01 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-size: cover !important;}
.container01 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.container01 .index_banner .item .inner .block_txt{position:absolute;top: 30%;right:10px;left:10px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 1000ms ease;transition:all 1000ms ease;}
.container01 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
.container01 .index_banner .item .inner .block_txt h4{color:#fff;text-align:center;}

.container01 .index_banner .item:nth-child(1) .inner .block_txt{ top:0; left: 0%;}
.container01 .index_banner .item:nth-child(1) .liu_icon,.container01 .index_banner .item:nth-child(1) .banner_list2{ display:none}

.container01 .index_banner .miso-prev, .container01 .index_banner .miso-next{ width:60px; height:60px; line-height:58px; margin-top:-30px; border-radius:50%; border:rgba(255,255,255,0.4) 1px solid; overflow:hidden; transition:0.6s}
.container01 .index_banner .miso-prev{ left:5%;}
.container01 .index_banner .miso-prev:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; margin-left:60px; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-prev:after{ content:""; position:absolute; top:0; bottom:0; left:0; width:60px; background:url(../images/ll.png) center no-repeat; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-prev:hover:before{ margin-left:0; opacity:1}
.container01 .index_banner .miso-prev:hover:after{ margin-left:-60px; opacity:1}
.container01 .index_banner .miso-next{ right:5%; }
.container01 .index_banner .miso-next:before{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; margin-right:60px; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-next:after{ content:""; position:absolute; top:0; bottom:0; width:60px; right:0; background:url(../images/rr.png) center no-repeat; transition:0.6s; opacity:0.4}
.container01 .index_banner .miso-next:hover:before{ margin-right:0; opacity:1}
.container01 .index_banner .miso-next:hover:after{ margin-right:-60px; opacity:1}
.container01 .index_banner .miso-next:hover,.container01 .index_banner .miso-prev:hover{ background:rgba(255,255,255,0.15)}
.container01 .index_banner .miso-dots {
            position: absolute;
            left: 0;
            bottom: 15px;
            width: 100%;
            text-align: center;
            z-index: 2;
        }

.container01 .index_banner .miso-dots li {
            display: inline-block;
            margin: 0 5px;
        }

.container01 .index_banner .miso-dots li button {
            display: block;
            width: 12px;
            height: 12px;
            font-size: 0;
            line-height: 0;
            text-indent: 999px;
            border: none;
            outline: none;
            background-color: #fff;
            border-radius: 50%;
            opacity: 0.5;
            cursor: pointer;
        }
.container01 .index_banner .miso-dots li.miso-active button {
            opacity: 1;
            background-color: #fff;
        }