@charset "utf-8";

.banner{

   overflow:hidden;
  
   overflow:hidden;
   width:100%;  
   position:relative;
 
}
#box_banner{

	 


   
}
.swiper-pagination  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background:none;
    border:solid 1px #fff;
    
    opacity: 1.0;
}
.swiper-pagination .swiper-pagination-bullet-active
{
    background-color: #00B6C8;
    border:solid 1px #00B6C8;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
    left: 0;
    width: 100%;
}
.swiper-slide { position: relative; width:100%; height:auto;  overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; min-height:940px; }
	.focusBox .pic img a{ width:100%; height:auto; display: block; }
	.focusBox .pic img{ width:100%; height:auto;}	
.swiper-slide{ position:relative;}	
.swiper-slide .slide-text{ position:absolute; top:37%;left:10%; width:80%; text-align:left; font-size:20px; padding-right:10%;}
.swiper-slide .slide-text h1{ color:#ffff; font-size:55px; line-height:65px;}
.swiper-slide .slide-text h1 span{ color:#18B2C9;}
.swiper-slide .slide-text p{ color:#8d8d8d; line-height:30px; font-size:20px; padding-top:15px; color:#fff; padding-bottom:20px; line-height:25px; font-weight:normal;}
.swiper-slide .slide-text a.btn{ color:#fff; font-size:16px; line-height:38px; border:1px solid #fff;border-radius:25px; height:38px; padding:5px 25px; text-align:center;}
.swiper-slide .slide-text a.btn:hover{ color:#fff; background:#00B6C8;border:1px solid #00B6C8;}
	.focusBox .hd { width:100%; position: absolute; bottom: 20px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px;  height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1; background:url(../images/banner_a.png) no-repeat left 50%;
	}
	.focusBox .hd .on{ background:url(../images/banner_hover.png) no-repeat left 50%; }

	.focusBox .prev,
	.focusBox .next { width: 50px; height: 100px; margin: -60px 0 0;  position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=70);opacity:0.7; -webkit-animation: left_ui 1s infinite ease-in-out;
	-moz-animation: left_ui 1s infinite ease-in-out;
	-ms-animation: left_ui 1s infinite ease-in-out;
	animation: left_ui 1s infinite ease-in-out; }
	.focusBox .prev { left: 0; background:url(../images/banner_left.png) no-repeat left 50%;}
	.focusBox .next { background:url(../images/banner_right.png) no-repeat left 50%; right: 0; }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=100) !important;opacity:1.0 !important;  }
.focusBox .btn{ position:relative; z-index:0; width:92%; margin-left:auto; margin-right:auto; margin-top:-480px; }	
.focusBox .go_bottom{ position:absolute; bottom:30px; width:100%; text-align:center;}
 
.focusBox .go_bottom a{ color:#fff; font-size:14px; background:url(../images/icon04.png) no-repeat 50% bottom; padding-bottom:35px; display:inline-block;
-webkit-animation: dow_ui 1s infinite ease-in-out;
	-moz-animation: dow_ui 1s infinite ease-in-out;
	-ms-animation: dow_ui 1s infinite ease-in-out;
	animation: dow_ui 1s infinite ease-in-out;
}



.main_icon{ width:99%; margin-left:auto; margin-right:auto; clear:both; float:none; padding:1% 1%; padding-left:0px;  }
.main_icon ul{ width:49%; float:left; padding-left:1%; position:relative;}

.main_icon ul li img{ max-width:100%; height:auto;}
.main_icon ul li   a.img{

	display:block;
	width:100%;

	overflow: hidden;
	}
.main_icon ul li   a img{
	width:100%;
	height:100%;
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;
	}
.main_icon ul li   a:hover img{
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	zoom: 1.1\9; /* IE 8 */
	overflow:hidden;
	z-index:999;
	}
.main_icon ul li.wenzi{ position:absolute; top:30%; text-align:center; width:100%; font-size:18px;color:#fff; line-height:36px;}
.main_icon ul li.wenzi h3{ color:#fff; font-size:36px; padding-bottom:15px;  }
.main_icon ul li.wenzi p.more{ padding-top:6%;}
.main_icon ul li.wenzi a{border:solid 2px #fff ;border-radius:25px;-moz-border-radius:25px; color:#fff; padding:0px 35px; font-size:16px; position:relative; display:inline-block; padding-right:12px; }
.main_icon ul li.wenzi a:hover{border:solid 2px #CCFF66 ;color:#333333; background:#CCFF66;}
.main_icon ul li.wenzi a span{
	
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;	
	background: url(../images/icon05.png) no-repeat 0px center;
	display:block;
	width:25px;
	height:35px;
	float:right;
	margin-left:8px;
	vertical-align:middle;
    -webkit-animation: left_ui 1s infinite ease-in-out;
	-moz-animation: left_ui 1s infinite ease-in-out;
	-ms-animation: left_ui 1s infinite ease-in-out;
	animation: left_ui 1s infinite ease-in-out; 
	
}
.main_icon ul li.wenzi  a:hover span{
	background: url(../images/icon06.png) no-repeat 10px center;
	
}

.main_big{ width:100%; margin-left:auto; margin-right:auto; clear:both; float:none;  padding-left:0px;margin-top:-4px;   }
.main_big ul{ width:100%; position:relative;margin-top:-1px;}

.main_big ul li img{ max-width:100%; height:auto;}
.main_big ul li   a.img{

	display:block;
	width:100%;

	overflow: hidden;
	}
.main_big ul li   a img{
	width:100%;
	height:100%;
	display: block;
	overflow: hidden;

	}
.main_big ul li   a:hover img{
	
	}
.main_big ul li.wenzi{ position:absolute; top:27%; text-align:left; width:80%; font-size:20px;color:#fff; line-height:35px; left:10%;}
.main_big ul.black li.wenzi{ color:#000;}
.main_big ul li.wenzi h3{  font-size:55px; padding-bottom:2%; padding-top:0.8%; line-height:65px; }
.main_big ul li.wenzi p.more{ padding-top:2%;}
.main_big ul li.wenzi h3 span{ color:#18B2C9;}
.main_big ul.white li.wenzi h3 span{ color:#fff;}
.main_big ul li.wenzi a{border:solid 1px #fff ;border-radius:25px;-moz-border-radius:25px; color:#fff; padding:0px; font-size:16px; position:relative; display:inline-block; text-align:center; width:128px; }
.main_big ul.black li.wenzi a{border:solid 1px #000 ;color:#000;}
.main_big ul li.wenzi a:hover{border:solid 1px #00B6C8 ;color:#fff; background:#00B6C8;}
.main_big ul.white li.wenzi a:hover{border:solid 1px #fff ;color:#00B6C8; background:#fff;}
.main_big ul li.wenzi a span{
	
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;	
	display:block;
	width:75px;
	height:35px;
	vertical-align:middle;
    -webkit-animation: left_ui 1s infinite ease-in-out;
	-moz-animation: left_ui 1s infinite ease-in-out;
	-ms-animation: left_ui 1s infinite ease-in-out;
	animation: left_ui 1s infinite ease-in-out; 
	
}
.main_big ul li.wenzi  a:hover span{
	background: url(../images/icon06.png) no-repeat 10px center;
}
.header_index{}
.header_index .logo-img,.header_index .cart-img{ display:none;}
.header_index .logo-img-index,.header_index  .cart-img-index{ display:block;}
.header_index a{ color:#fff;}
.header a:hover{color:#00b6c8;}
.fix-div .logo-img-index,.fix-div .cart-img-index{ display:none;}
.fix-div .logo-img,.fix-div .cart-img{ display:block;}
.fix-div a{ color:#231f20;}
.header_right a img{padding-top:8px;}

.wfull-video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}