@charset "utf-8";


.fl{float: left;}

.fr{float: right;}

.margin{margin:auto auto 80px auto;}

.hidden{overflow:hidden;}

.width1480{max-width:1480px; width:78%;}


/* banner */

.i_banner_bg{ position: absolute;  height:100vh; background-repeat:no-repeat; background-position:50%; width: 100%; left: 0px; top: 0px;}

.banner,.flexslider{ position:relative; overflow:hidden; z-index: 20;}

.banner{ height: 100vh; background-color: #ffffff; }

.banner .slides{ overflow:hidden;}

.banner .slides li{ height:100vh;background-size: cover; background-repeat:no-repeat; background-position:50%;display:flex !important;align-items:center;position:relative; background-position:top;}

@media only screen and (max-width:1920px){
	.banner .slides li{ background-size: auto; }
}

.banner .slides li i.bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color:rgb(0,0,0,0); z-index: 0; opacity: 0; }

/* .banner .slides li .banner_lj_a{position: absolute;z-index: 2;top: 0;left: 0;right: 0;bottom: 0;} */

.banner .slides li .width1480{ color: #ffffff; position: relative; z-index: 2; top: 10px;}

.banner .slides li .width1480 div.bg{ overflow: hidden; max-width: 1200px;  margin-bottom:10vh; opacity: 0; background-color: rgba(0,0,0,0.6);padding: 15px;}

.banner .slides li.flex-active-slide .width1480 div.bg{ margin-bottom: 0; transition: all 2s ease; opacity: 1; }

.banner .slides li .width1480 div.bg ol{ font-size:1.5rem; margin-bottom: 1.25rem;}

.banner .slides li .width1480 div.bg dd{ font-size:2rem; line-height:2rem; font-weight: 500;}
.banner .slides li .width1480 div.bg dd a {
	font-size: 20px;
}
.banner .slides li .width1480 div.bg dl{ font-size: 0.9rem; line-height: 1.8rem; margin-top: 0.3rem; }

.banner .flex-control-nav{ position:absolute; top: 29vh; width:85%;text-align:right;}

.banner .flex-control-nav li{ display:inline-block;width:6px;height:6px; cursor: pointer; position: relative; overflow: hidden; margin-left:2px; border-radius:50%;}

.banner .flex-control-nav li a{text-indent: -99em; line-height: 5rem; position:absolute; left:0px; right:0px; bottom:0px; top:0px; background-color:rgba(255,255,255,.9);}

.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#cf712e;}

.banner .flex-direction-nav li a{ position: absolute; width: 3rem; z-index: 2; height: 5rem; background-color:rgb(0,0,0,0.5); color: #ffffff; font-weight:100; font-size:3rem; top: 50%; margin-top: -2.5rem; text-align: center; line-height: 5rem; transition: all .5s ease; }

.banner .flex-direction-nav li a.flex-prev{ left: 0px; border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem; background: url(../images/ban_prev.png) center center no-repeat; opacity: 0.4;}
.banner .flex-direction-nav li a.flex-prev:hover {opacity: 1;}
.banner .flex-direction-nav li a.flex-next{ right: 0px; border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem; background: url(../images/ban_next.png) center center no-repeat;opacity: 0.4;}
.banner .flex-direction-nav li a.flex-next:hover {opacity: 1;}

.banner .flex-direction-nav li a:hover{ background-color:rgb(0,0,0,1);transition: all .5s ease; }

/* .banner .sb{ position:absolute; width:2.5rem; height:3.8125rem; background:url(../images/sb_bg.png) no-repeat; background-size:100%; z-index:22; bottom:10vh; left: 11%;}
.banner .sb img{ position: absolute; animation:gd_t 2s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:gd_t 2s cubic-bezier(0.5,0,0.1,1) infinite; width: 0.8125rem; height: 1.375rem; bottom: 1rem; left: 50%; margin-left: -0.40625rem} 
@keyframes gd_t{ %0,%100{bottom:1rem; opacity:1;} 50%{bottom:0.5rem; opacity:.8} }
@-webkit-keyframes gd_t{ %0,%100{bottom:1rem; opacity:1;} 50%{bottom:0.5rem; opacity:.8}}
*/