#slides{width:100%; min-width:1280px; height:auto; position:relative; overflow:hidden;}
#slides .prev, #slides .next{position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; cursor:pointer; padding-top:5px; text-align:center; z-index:101; background:rgba(0, 0, 0, 0.3); font: normal normal normal 18px/2 FontAwesome; color:#fff; text-decoration: none;  display:none;}
#slides:hover .prev, #slides:hover .next{ display:block;}
#slides .prev:hover, #slides .next:hover{ color:#03A5E6;}
#slides:hover .prev:before{content: "\f053";}
#slides:hover .next:before{content: "\f054";}
#slides .prev{left:0;}
#slides .next{right:0;}
#slides img{ width:100%; height:auto; height:auto;}
#slides .tab-content{position:relative;}
#slides .pagination{ position:absolute; bottom:15px; left:50%; margin-left:-85px; width:170px; display:none;}
#slides .pagination li{float:left;margin:0 3px;}
#slides .pagination li a{display:block; width:30px; height:8px; background:rgba(0,0,0,0.3);}
#slides .pagination li.current a{ background:#03A5E6;}
#slides:hover .pagination{ display:block;}

.listimg{ padding:50px 0 80px 0; overflow:hidden;}
.listimg li{ float:left; width:25%; box-sizing:border-box; padding:20px; text-align:center;}
.listimg li:hover img{transform:scale(1.1);
		 -o-transform:scale(1.1);
		-ms-transform:scale(1.1);
	   -moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);}
.listimg li a{display:block; border:#ccc 1px solid; padding:50px 30px;}
.listimg li span{display:block; clear:both; color:#999; font-size:14px; padding-top:20px; font-weight:bold;}

.content1{ padding:30px 0;}
.content1 .row{ overflow:hidden; border-bottom:#ffff 1px solid; margin-bottom:90px; padding-bottom:150px; }
.content1 h2{padding-bottom:20px;color:#666;font-size:30px;color:#666;font-weight: 300;text-align: left;margin-top: 50px;}
.content1 p{padding-bottom:30px;color:#666;font-size: 14px;line-height:2;color:#666;text-align: left;width: auto;margin-top: 50px;}
.limg{ display:block; width:30%; float:left;}
.rtxt{ width:60%; float:right;}
.rimg{display:block;width: 50%;float:right;position: relative;}
.ltxt{ width:60%;}
.maginrigth50{ margin-right:50px;}
.newnumbs{ display:inline-block; text-align:center;}
.newnumbs span{ display:block; padding-bottom:20px;}
.newnumbs strong{display:block; padding:0 0 20px 0; font-size:28px; }
.newnumbs a{}

.content2-bg{ width:100%; overflow:hidden; padding:20px 0; background:#EBEBEB;}
.content2 h1{ text-align:center; color:#666; padding:20px 0; font-size:35px; font-weight:normal;}
.content2 .row div{ width:33.3333333333333333333%; float:left; box-sizing:border-box; padding:5px;}
.content2 .row div a{ display:block; text-align:center; padding:50px 0; background:#fff; transition: all 0.5s ease 0s;}
.content2 .row div a i{ width:100px; height:100px; display:inline-block; padding-bottom:30px;}

.content2 .row div a i.content-img1{ background:url(../images/tag-t1.png) center center no-repeat;}
.content2 .row div a i.content-img2{ background:url(../images/tag-t2.png) center center no-repeat;}
.content2 .row div a i.content-img3{ background:url(../images/tag-t3.png) center center no-repeat;}
.content2 .row div a i.content-img4{ background:url(../images/tag-t4.png) center center no-repeat;}
.content2 .row div a i.content-img5{ background:url(../images/tag-t5.png) center center no-repeat;}
.content2 .row div a i.content-img6{ background:url(../images/tag-t6.png) center center no-repeat;}

.content2 .row div a:hover { color:#FFF; background: #0ab1fc; transform: scale(0.96);}
.content2 .row div:hover a h3, .content2 .row div:hover a p{ color:#FFF;}
.content2 .row div a:hover .content-img1{ background:url(../images/tag-t1-f1.png) center center no-repeat;}
.content2 .row div a:hover .content-img2{ background:url(../images/tag-t2-f2.png) center center no-repeat;}
.content2 .row div a:hover .content-img3{ background:url(../images/tag-t3-f3.png) center center no-repeat;}
.content2 .row div a:hover .content-img4{ background:url(../images/tag-t4-f4.png) center center no-repeat;}
.content2 .row div a:hover .content-img5{ background:url(../images/tag-t5-f5.png) center center no-repeat;}
.content2 .row div a:hover .content-img6{ background:url(../images/tag-t6-f6.png) center center no-repeat;}

.vidoebox{ width:100%; height:500px; padding:50px 0; background:url(../img/bg013.jpg) center center no-repeat;}
.vidoebox .fl{ width:45%; padding-top:38px;}
.vidoebox .fl h3{ color:#666; height:60px; font-size:19px;}
.vidoebox .fl h3 font{ color:#F60;}
.vidoebox .fl p{ padding-bottom:10px; line-height:2;}
.vidoebox .fr{ width:45%; padding-top:38px;}
.vidoebox .fr video{ display:block; border-top:#333 1px solid; border-bottom:#333 1px solid; /*border-left:#333 2px solid; border-right:#333 2px solid;*/ width:100%; height:auto; float:right; box-shadow:2px 2px 6px #ccc;}
.one_banner_two {width: 50%;transform: perspective(400px);transform-style: preserve-3d;position: absolute;top: 175px;right: 0px;z-index: 11;height: 80%;}
.row-width {
	width:68%; visibility: visible; animation-name: fadeInLeft;
}
#banner2{ 
	visibility: visible; animation-name: fadeInRight;margin-top: -556px; width: 420px;height: 100%;
}
.flipinx-class{
	visibility: visible; animation-name: fadeInRight; width: 100%;height: 60px;text-align: center;display: inline-block;
}
.clearFloat{
	position: relative;
}
@media screen and (max-width: 998px) {
	.box-1 {
		margin-left: 20px;
	}
	.one_banner_two{
		right: 5px !important;
		width: 40% !important;
		height: 45% !important;
		top: 65% !important;
	}
	.content1 h2{
		width: 100vw !important;
	}
	.content-desc{	
		width: 60vw !important;
	}
	.row-width {
		width: 100% !important;
		height: 100% !important;
	}
	#banner2{
		width: 65% !important;
		margin-top: 0px !important;
		text-align: center;
		margin: 0 auto;
		float: none !important;
	}
	.flipinx-class{
		width: 100% !important;
		height: 100% !important;
	}
	.flipinx-class img{
		width: 100% !important;
	}
	.clearFloat{
		width: 100% !important;
		clear: none;
		float: none !important;
	}
}