/* Plugin: Bootslider Plugin Website: http://themes.grozav.com/bootslider Author: Alex GROZAV Author Website: http://grozav.com
*/
/*banner*/
.bootslider{width:100%; z-index:0;}
.bootslider .bs-slide .banner_img{position: relative; z-index: 0;}
.bootslider .bs-slide:hover {}
.bootslider .bs-slide .text{position:absolute; z-index: 9; color:#FFF; }
@media screen and (min-width:1400px){
.bootslider .bs-slide .text{left:200px; width:86%; top:32%; }
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:1200px) and (max-width:1399px){
.bootslider .bs-slide .text{left:220px; width:80%; top:32%; }
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:960px) and (max-width:1199px){
.bootslider .bs-slide .text{left:200px; width:65%; top:32%; }
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:768px) and (max-width:959px){
.bootslider .bs-slide .text{left:180px; width:65%; top:32%; }
.bootslider .bs-slide .text .des{margin-bottom: 30px; margin-top:30px;}
}
@media screen and (min-width:640px) and (max-width:767px){
.bootslider .bs-slide .text{left:160px; width:65%; top:30%; }
.bootslider .bs-slide .text .des{margin-bottom: 20px; margin-top:20px;}
}
@media screen and (min-width:480px) and (max-width:639px){
.bootslider .bs-slide .text{left:140px; width:65%; top:28%; }
.bootslider .bs-slide .text .des{margin-bottom: 18px; margin-top:18px;}

}
@media screen and (min-width:384px) and (max-width:479px){
.bootslider .bs-slide .text{left:40px; width:80%; top:26%; }
.bootslider .bs-slide .text .des{margin-bottom: 15px; margin-top:15px;}
}
@media screen and (min-width:320px) and (max-width:383px){
.bootslider .bs-slide .text{left:40px; width:80%; top:24%; }
.bootslider .bs-slide .text .des{margin-bottom: 15px; margin-top:15px;}
}
@media screen and (max-width:319px){
.bootslider .bs-slide .text{left:20px; width:100%; right:20px; top:20%; }
.bootslider .bs-slide .text .des{margin-bottom: 10px; margin-top:10px;}
}

.bootslider .bs-slide .bann_tit{color:#d20600; font-size:24px; margin-top:20px; text-transform:uppercase}
.bootslider .bs-slide .text .title{font-weight: lighter; padding-bottom:1px; color:#fefefe; font-size:1.5em; -webkit-animation-name:fadeInDown; animation-name:fadeInDown; text-transform:uppercase}
.bootslider .bs-slide .text .main_title{color:#ffffff; font-weight:lighter; font-size:4.2em; -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-name:fadeInUp; animation-name:fadeInUp;font-weight:800; }
.bootslider .bs-slide .text .des{color:#ffffff; font-size:22px; -webkit-animation-name: fadeIn; animation-name: fadeIn; animation-duration:5s; -webkit-animation-duration:5s; -webkit-animation-delay:1s; animation-delay:1s; line-height: 1.8}
.bootslider .bs-slide img{width:100%; border:none;}
.bootslider .bs-slide .link{width:150px; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-delay:1.5s; animation-delay:1.5s;border:1px solid #fff; line-height:36px; padding-left:10px;}

.bootslider .bs-slide .link .left{width:50px; float:left; -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-delay:1.5s; animation-delay:1.5s; line-height: 1.5; }

.bootslider .bs-slide .link a{color: #FFFFFF; position: relative; z-index: 10; padding-right:37px; padding-left: 5px; line-height: 11px; height: 11px; font-size: 0.8em; text-transform: uppercase; background: url("../images/bg-arrow.png") no-repeat top right; display: inline-block; font-weight: 100;
}
.bootslider .bs-slide .link a:hover{color: #FFFFFF; background-position: bottom right; color: #00daff; text-decoration: none;
}
.bx-wrapper .bx-prev:after{content: "\f137"; position: absolute; color:#FFF;}
.bx-wrapper .bx-next:after{content: "\f138";  position: absolute; color:#FFF;}


.list-inline > li{display: inline-block; padding-right: 5px; padding-left: 5px;}
.bootslider{zoom: 1;z-index: 1;display: block;position: relative;overflow: hidden;width: 100%;}
.bootslider:after{clear: both;}
.bootslider .bs-loader{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 999;background: #000;display: block;}
.bootslider .bs-loader #loader{position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;}
.bootslider .bs-container{display: block;position: relative;}
.bootslider .bs-container .bs-slide{width: 100%;z-index: 0;top: 0;left: 0;margin: 0;display: none;position: relative;}
.bootslider .bs-container .bs-slide .bs-foreground{top: 0;left: 0;margin: 0;z-index: 3;width: 50%;height: 100%;position: absolute;}
.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in]{display: none;}
.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in].visible{display: block;}
.bootslider .bs-container .bs-slide .bs-foreground iframe{z-index: 10;}
.bootslider .bs-container .bs-slide .bs-foreground .bs-video-fullscreen{top: 0;left: 0;width: 100%;margin: 0;padding: 0;}
.bootslider .bs-container .bs-slide .bs-foreground .heading{color: #fff;font-size: 72px;}
@media screen and (max-width: 768px){
.bootslider .bs-container .bs-slide .bs-foreground .heading{font-size: 36px;}

.bootslider .bs-slide .bann_tit{color:#14c0e5; font-size:14px}
.bootslider .bs-slide .text .title{ font-size:12px;}
.bootslider .bs-slide .text .main_title{font-size:16px;}
.bootslider .bs-slide .text .des{ display:none}
.bootslider .bs-container .bs-slide .bs-foreground{width:88%;}
.bootslider .bs-next,.bootslider .bs-prev{font-size:16px!important;font-weight:normal;}
.bootslider .bs-controls .bs-prev,.bootslider .bs-controls .bs-next{width: 40px!important;height: 40px!important;line-height:40px!important;}
.list-inline{ margin-bottom:0!important}
.bootslider .bs-controls{top:28%!important;}
}


@media(min-width:769px) and (max-width:899px){

.bootslider .bs-slide .bann_tit{color:#14c0e5; font-size:16px}
.bootslider .bs-slide .text .title{ font-size:16px;}
.bootslider .bs-slide .text .main_title{font-size:26px;}
.bootslider .bs-slide .text .des{font-size:14px;}
}
@media(min-width:900px) and (max-width:1200px){
	
.bootslider .bs-slide .bann_tit{color:#14c0e5; font-size:20px}
.bootslider .bs-slide .text .title{ font-size:20px;}
.bootslider .bs-slide .text .main_title{font-size:30px;}
.bootslider .bs-slide .text .des{font-size:18px;}
}


.bootslider .bs-container .bs-slide .bs-background{top: 0;left: 0;margin: 0;z-index: 2;width: 100%;position: relative;}
.bootslider .bs-container .bs-slide .bs-background img{display: block;width: 100%;height:700px;}
.bootslider .bs-container .bs-slide.active{z-index: 1;}
.bootslider .bs-container .bs-slide.visible{display: block;}
.bootslider .bs-progress{height: 3px;}
.bootslider .bs-thumbnails{width: 100%;display: block;position: relative;}
.bootslider .bs-thumbnails ul{margin: 0;padding: 0;position: relative;background: #000;}
.bootslider .bs-thumbnails ul .bs-thumbnail{float: left;display: block;position: relative;margin: 0;background: #000;z-index: 0;}
.bootslider .bs-thumbnails ul .bs-thumbnail img{width: 100%;height: auto;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.bootslider .bs-thumbnails ul .active img{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.bootslider .bs-pagination .pagination{margin: 20px 0 20px 0;}
.bootslider .bs-pagination .active a{z-index: 0;background: #00daff;}
.bootslider .bs-pagination .active a:hover{color: #fff;}
.bootslider .bs-pagination a:hover{color: #e74c3c;}
.bootslider .bs-next,.bootslider .bs-prev{z-index: 5;font-size:2em;font-weight:600; color:#ccc}
.bootslider .bs-prev:after{}
.bootslider .bs-next:after{}
.bootslider .bs-prev:hover:after{text-decoration: none;color:#00daff;}
.bootslider .bs-next:hover:after{text-decoration: none;color:#00daff;}


.bootslider .bs-container .bs-slide .bs-foreground .heading{font-weight: 300;}
.bootslider .bs-progress{border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
.bootslider .bs-thumbnails{z-index: 0;position: relative;}
.bootslider .bs-thumbnails ul .bs-thumbnail{background: #e74c3c;margin: 0 0 20px 0;}
.bootslider .bs-thumbnails ul .bs-thumbnail img{filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.bootslider .bs-thumbnails ul .active img{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.bootslider .bs-pagination{margin: 0;position:absolute;bottom:31px;z-index: 9;width:100%;text-align: center;}
.bootslider .bs-pagination ul li{margin: 0 5px;padding: 0 !important;width: 40px;height: 3px;}
.bootslider .bs-pagination ul li a{text-indent: -10000px;width: 40px;height: 3px;display: block;border: none;background-color:rgba(255,255,255,0.5);line-height: 3px;}
.bootslider .bs-pagination ul li a:hover{text-indent: -10000px;width: 40px;height: 10px;display: block;border: none;background-color:#00daff;line-height:10px;}
.bootslider .bs-pagination .active{padding: 0 !important;}
.bootslider .bs-pagination .active a{background: #0193de;}
.bootslider .bs-controls{margin: 0px auto;position: absolute;z-index: 4;top:48%;width:100%;}
.bootslider .bs-controls .bs-next{width: 60px;height: 60px;line-height: 60px;display: block;float: right;}
.bootslider .bs-controls .bs-prev{width: 60px;height: 60px;line-height: 60px;display: block;float: left;}
.bootslider .bs-controls .bs-next, .bootslider .bs-controls .bs-prev{text-decoration: none;}

/*mobile*/
.banner_box{width:100%;text-align:center;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;right:10px;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:8px;height:8px;font-size:1px;overflow:hidden;background:#ccc;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#00a2e9;}