*{margin:0;padding:0;}
textarea {overflow:auto;resize:none;}
table {border-collapse:collapse;}
ol,ul {list-style-type:none;}
.clears:before, .clears:after{content:"";display:table;}.clears:after {clear:both;}.clears {zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
.fl {float:left;}.fr {float:right;}
a {outline:none;}a img {border:none;}.img img {display:block;}
img{ border:none;}
a,a:active,a:hover{text-decoration:none;}
ul{ list-style-type:none;}
html{font-size:20px;}

body{width:100%; min-width:320px; margin:0 auto; -webkit-text-size-adjust:none; background-color:#fff; color:#444; font-family:"Microsoft Yahei";}
a{color:#444;}
.bgn{background:none !important;}
.bn{border:none !important;}
.ico{overflow:hidden;}
.txtwith,.picwith{overflow:hidden;text-indent:-99em;}
.inp{border:none;background-color:#fff;}
.btn{border:none;}
input:focus,textarea:focus{outline:none;border:none;}
select,input,textarea{-moz-appearance: none; -webkit-appearance: none; appearance: none;  border-radius:0;}
input[placeholder]{color:#333; }
input:-webkit-input-placeholder {color:#333;}
a{outline:none;}
a,button,input{-webkit-tap-highlight-color:rgba(250,125,159,0);}
header,footer{display:block;}

.videobanner{position:relative; z-index:2; height:500px; overflow:hidden; min-width:1100px;}
.videobanner .mask,.videowp{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.videobanner .mask{z-index:1; background:url(img/home-video-bgc.png) 0 0 repeat;}
.videowp{position:absolute; z-index:-1;}
.videowp video{position:absolute; left:0px; top:0px; display:block; min-width:100%; min-height:100%; background-size:cover;}
.bannercon{position:relative; z-index:2; margin:0 auto; width:1100px; height:100%; overflow:hidden; text-align:center;}
.bannercon .htxt{margin:100px 0 0 0; height:198px;}
.bannercon .htxt img{display:block; margin:0 auto;}
.bannercon .item{position:absolute; bottom:10px; left:0px; width:100%; height:100px; overflow:hidden; font-size:12px;}
.bannercon .item a{display:inline-block; width:100%; height:100%; overflow:hidden; color:#fff;}
.bannercon .item li{float:left; display:inline;  margin:0 12px; width:94px; height:100px; line-height:1; overflow:hidden; border-radius:5px;
	background-color:#9b9c9c; background-color:rgba(0,0,0,0.5);
	transition:background 0.6s ease;
	-moz-transition:background 0.3s ease;
	-webkit-transition:background 0.3s ease;
}
.bannercon .item li:hover{background-color:#5fa224; background-color:rgba(95,162,36,0.9);}
.bannercon .item i{display:block; margin:12px auto; width:50px; height:50px; overflow:hidden; border-radius:5px; background:url(img/banneritem.png) 0 0 no-repeat;}
.bannercon .item .item-1{background-position:0 0;}
.bannercon .item .item-2{background-position:-50px 0;}
.bannercon .item .item-3{background-position:-101px 0;}
.bannercon .item .item-4{background-position:-152px 0;}
.bannercon .item .item-5{background-position:-203px 0;}
.bannercon .item .item-6{background-position:-254px 0;}
.bannercon .item .item-7{background-position:-305px 0;}
.bannercon .item .item-8{background-position:-356px 0;}
.bannercon .item .item-9{background-position:-407px 0;}