a:link,a:visited,a:hover,a:active,a:focus{
	background: transparent;
	text-decoration: none;
}
/*基本样式*/
.fl{float: left;}
.fr{float: right;}
.ml0{margin-left: 0;}
.mr0{margin-right: 0;}
.pl0{padding-left: 0;}
.pr0{padding-right: 0;}
.w100{width: 100%;}
.f16{font-size: 16px;}
/*背景颜色*/
/*.bgc01{background-color: #d4d4d4;}
.bgc01 .prod .container *{color: #ffffff;}
.bgc02{background-color: #272822;}
.bgc03{background-color: #f0f0f0;}
.bgc04{background-color: #f6f6f6;}
.bgc05{background-color: #f6f6f6;}
.bgc06{background-color: #f6f6f6;}*/

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
}
html, body {
    position: relative;
}
body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
    padding-top: 95px;
}

.bheader{
	padding: 10px 0 5px;
	width: 100%;
	height: 95px;
	position: fixed;
	top: 0;
	z-index: 88888;
	background: #FFFFFF;
	background-image: url(../../images/2/headbj.jpg);
	background-size: 100% 100%;
}
.blogo{
	width: 160px;
	height: 80px;
	line-height: 80px;
}
.blogo img{
	width: 100%;
	display: block;
}
.brlist{
	height: 40px;
}
.bline{
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
}
.bsmlist li{
	margin-left: 15px;
	float: left;
}
.bsmlist li a{
	font-size: 16px;
	font-weight: bold;
}
.bblist li{
	float: left;
	margin-left: 10px;
	position: relative;
}
.bblist a{
	padding: 5px 12px;
	color: #333333;
	font-size: 18px;
	border-radius: 5px;
	transition: all 0.3s ease;
}
.bblist a:hover{
	background-image: url(../../images/2/nava.png);
	background-size: 100% 100%;
	text-decoration: none;
}
.bblist .slidedown a:hover{
	background-image: url(../../images/2/bg_item.jpg) !important;
	color: #fff;
	background-size: 100% 100%;
}
.slidedown{
	box-sizing: border-box;
	background-color: #fff;
	position: absolute;
	top: 100%;
	padding: 0 5%;
	display: none;
	border: 3px solid #c95800;
	text-align: center;
	padding: 5px;
}
.slidedown p{
	width: 100%;
	white-space: nowrap;
	margin-bottom: 0;
}
.slidedown a{
	width: 100%;
	display: block;
	line-height: 20px;
	font-size: 14px;
}

.row{
	margin: 0;
}

.header{
	width: 100%;
   	height: 80px;
   	line-height: 80px;
   	background: #FFFFFF;
}
.headerlist{
	height: 80px;
	
}
.headerlist li{
   	font-size: 16px;
   	font-weight: bold;
   	margin-left: 30px;
}
.zh-cn{
   	display: inline-block;
    padding: 7px 10.5px;
   	background: url(../../images/2/flag.png) no-repeat 0 0;
}
.english{
   	display: inline-block;
   	padding: 7px 10.5px;
   	background: url(../../images/2/flag.png) no-repeat 0 -14px;
}  
.navbar{
   	margin-top: 80px;
   	background: #ffffff;
   	border-bottom: 3px solid #F39700;
   	min-height: 40px;
}
.navbar-nav{
	margin: 0 auto;
	padding: 0 2%;
	width: 100%;
}
.navbar-nav li{
	width: 12%;
	height: 40px;
	padding-top: 5px;
    position: relative;
}
.navbar-nav li a{
	display: block;
	padding: 5px 10px;
   	color: #333333;
   	font-size: 16px;
   	transition: all 0.3s ease;
   	border-radius: 5px;
   	text-align: center;
}


.navbar-nav li a:hover{
	background: rgba(255,255,255,.2);
	background: url(../../images/2/bg_item.jpg) no-repeat;
   	background-size: 100% 100%;
   	color: #FFFFFF;
}
.navbar-header button{
	border-color: #F39700;
}
.navbar-toggle .icon-bar{
	background: #F39700;
}
.swiper-container {
    width: 100%;
    height: 600px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide{
	width: 100%;
   	height: 100%;
   	position: relative;
   	overflow: hidden;
}
.swiper-slide img{
   	/*width: 1920px;
   	height: 600px;
   	position: absolute;
   	top: 0;
   	left: 50%;
   	margin-left: -960px;*/
}
.tabs{
	width: 100%;
	height: 108px;
	background-color: #2d3035;
	
}
.tabmain{
	margin: 0 auto;
	width: 960px;
	height: 108px;
	border-left: 1px solid #373d41;
}
.tabbox{
	width: 25%;
	float: left;
	height: 108px;
	border-right: 1px solid #373d41;
}
.prod{
	padding-top: 10px;
	height: 160px;
	text-align: center;
	color: #df6904;
}
.prod h2{
	font-size: 36px;
	font-weight: bold;
}
.prod h3{
	
}

.prod h4{
	margin-top: 15px;
}

.prodmain{
	padding-top: 15px;
	box-sizing: border-box;
}
a .prodbox p{
	color: #333;
}
a:hover{
	text-decoration: none;
}

.prodbox{
	width: 100%;
	border: 1px solid #c5d8d8;
	text-align: center;
	overflow: hidden;
	margin-bottom: 20px;
}
.prodbox h2{
	margin: 50px 0 40px;
}

.prodbox .imgbox{
	width: 100%;
	height: 320px;
	overflow: hidden;
}
.imgbox img{
	width: 100%;
	transition: all 0.3s ease;
}
.prodbox .imgbox img{
	height: 100%;
}
.prodbox:hover img{
	transform: scale(1.1);
}

.prodbox p{
	background-color: #ffffff;
	text-align: left;
	line-height: 50px;
	padding: 0 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin: 0;
	font-size: 16px;
}
.prodtext{
	width: 100%;
}
.prodtext li{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prodtext li a{
	color: #333333;
}



/*--------------------------solution----------------------------*/

.solution{
	height: 400px;
}
.solutionul{
	height: 400px;
	margin: 0 auto;
}
.solutionul li{
	width: 33.3333333333%;
	height: 400px;
	padding: 0;
}
.solutionul li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.solutionul li a img{
	width: 100%;
	height: 100%;
}
.solcontent{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
	transition: all 0.3s ease;
}
.solcontmain{
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.3s ease;
	text-align: center;
	color: #ffffff;
}

.solcontmain img{
	display: block;
	margin: 0 auto;
	width: 50px !important;
	height: 50px !important;
}

.solcontmain h2{
	margin-top: 50px;
	transition: all 0.3s ease;
}
.solcontmain h3{
	margin-top: 30px;
	transition: all 0.3s ease;
}
.solcontmain .text{
	padding: 0 20px;
	opacity: 0;
	transition: all 0.3s ease;
}
.solcontmain button{
	position: absolute;
	display: block;
	width: 120px;
	bottom: 0;
	left: 50%;
	margin-left: -60px;
	background: transparent;
	padding: 5px 0;
	border: 1px solid #FFFFFF;
	transition: all 0.3s ease;
	font-weight: bold;
	opacity: 0;
}
.solcontmain button:hover{
	background: #FFFFFF;
	color: rgba(247,186,72,.75);
}
.solutionul li a:hover .solcontmain h2{
	margin-top: 20px;
}
.solutionul li a:hover .solcontmain h3{
	margin-top: 10px;
}
.solutionul li a:hover .solcontent{
	background: rgba(247,186,72,.75);
}
.solutionul li a:hover .solcontmain{
	height: 350px;
}
.solutionul li a:hover .solcontmain button{
	bottom: 30px;
	opacity: 1;
}
.solutionul li a:hover .solcontmain .text{
	opacity: 1;
}



/*--------------------------video----------------------------*/

.video h2{
	border-left: 3px solid #F39700;
	padding-left: 20px;
	font-size: 24px;
}
.lv{
	width: 100%;
}
.vem .embed{
	height: 300px;
	position: relative;
}
.embedcover{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,.05);
	opacity: 1;
	z-index: 10;
	top: 0;
	left: 0;
	transition: all 0.2s linear;
}
.embedicon{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	background: url(../../images/2/embicon1.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transition: all 0.2s linear;
}
.vem .embed:hover .embedcover{
	background-color: rgba(0,0,0,.15);
}
.vem .embed:hover .embedcover .embedicon{
	opacity: 1;
}
.vem .embed img{
	width: 100%;
	height: 100%;
}

/*--------------------------superiority--------------------------*/

.superiority{
	width: 100%;
	height: 300px;
	border: 4px solid transparent;
	overflow: hidden;
	transition: all 0.3s ease;
	cursor: pointer;
}
.superiority .imgbox{
	width: 100px;
	height: 100px;
	margin: 40px auto;
}
.superiority h4{
	text-align: center;
	color: #f14949;
	font-size: 36px;
	font-weight: bold;
}
.superiority p{
	color: #aaa;
	font-size: 18px;
	text-align: center;
}
.superiority:hover{
	border: 4px solid #ffc000;
}

/*--------------------------service--------------------------*/
.service{
	text-align: center;
	padding-top: 20px;
}
.service h4{
	color: #AAAAAA;
}
.service h3{
	margin-top: 0;
}
.server-cont{
	width: 100%;
	height: 100px;
	border: 2px solid #AAAAAA;
	padding-left: 30%;
	color: #AAAAAA;
	position: relative;
}


.middlecenter{
	display: table-cell;
	vertical-align: middle;
	height: 100px;
	text-align: left;
}
.server-cont img{
	position: absolute;
	width: 50px;
	height: 50px;
	left: 15%;
	margin-left: -12.5px;
	top: 25px;
}
.server-cont .kf-ma{
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	width: 96px;
	height: 96px;
	display: none;
}
.serverma{
	margin-top: 120px;
	width: 100%;
	height: 100px;
	border: 2px solid #333;
	position: relative;
}
.servermabox{
	position: absolute;
	width: 160px;
	height: 150px;
	bottom: 10px;
	left: 50%;
	margin-left: -80px;
	background: #FFFFFF;
}
.servermabox img{
	width: 80%;
	margin-bottom: 5px;
}


/*--------------------------map--------------------------*/
.map{
	width: 100%;
	position: relative;
}
.map img{
	width: 100%;
}
.map .dotitem{
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	background: #00CDEC;
	margin-left: -4px;
	margin-top: -4px;
	border-radius: 50%;
}
.map .dotborder{
	width: 80px;
	height: 80px;
	position: absolute;
	border: 1px solid #00CDEC;
	margin-top: -40px;
	margin-left: -40px;
	border-radius: 50%;
	transform: scale(.1);
}
.dot01{
	top:22%;
	left: 14%;
}
.dot02{
	top: 31%;
	left: 12%;
}
.dot03{
	top: 70%;
	left: 25%;
}
.dot04{
	top: 22%;
	left: 48%;
}
.dot05{
	top: 42%;
	left: 70%;
}
.dot06{
	top: 31%;
	left: 88%;
}
.dot07{
	top: 77%;
	left: 88%;
}
.maptext{
	position: absolute;
	font-size: 12px;
	color: #333333;
}
.t1{
	top: 23%;
	left: 13%;
}
.t2{
	top: 32%;
	left: 11%;
}
.t3{
	top: 71%;
	left: 24%;
}
.t4{
	top: 23%;
	left: 47%;
}
.t5{
	top: 43%;
	left: 69%;
}
.t6{
	top: 32%;
	left: 87%;
}
.t7{
	top: 78%;
	left: 87%;
}
.borderan1{
	animation:bb 4.5s linear 0s infinite normal forwards;
}
.borderan2{
	animation:bb 4.5s linear 1.5s infinite normal forwards;
}
.borderanb1{
	animation:bbb 4.5s linear 0s infinite normal forwards;
}
.borderanb2{
	animation:bbb 4.5s linear 1.5s infinite normal forwards;
}
.borderanb3{
	animation:bbb 4.5s linear 2s infinite normal forwards;
}
/*
animation:name duration timing-function delay iteration-count direction;
animation-name				规定需要绑定到选择器的 keyframe 名称。。
animation-duration			规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function	规定动画的速度曲线。
animation-delay				规定在动画开始之前的延迟。
animation-iteration-count	规定动画应该播放的次数。
animation-direction			规定是否应该轮流反向播放动画。
animation-fill-mode 		规定动画在播放之前或之后，其动画效果是否可见。
animation: animation1_umbrella 0.7s ease 0s 1 normal forwards;
*/

@keyframes bb{
	0%{opacity: 0;transform: scale(.1);}
	5%{opacity: 1;}
	100%{opacity: 0;transform: scale(1);}
}
@keyframes bbb{
	0%{opacity: 0;transform: scale(.1);}
	5%{opacity: 1;}
	100%{opacity: 0;transform: scale(1.5);}
}



/*--------------------------news--------------------------*/

.news{
	width: 100%;
}
.news .imgbox{
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}
.news .imgbox img{
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.news .imgbox:hover img{
	transform: scale(1.1);
	cursor: pointer;
}
.news a{
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	margin-bottom: 0;
	color: #333333;
	border: 2px solid transparent;
	transition: all 0.2s linear;
}
.news a:hover{
	border: 2px solid #FFC000;
	text-decoration: none;
	color: #df6904;
}

/*--------------------------footer--------------------------*/

.footer{
	margin-top: 50px;
	border-top: 3px solid #FFC000;
	background: #313131;
	padding-top: 40px;
	/*padding-bottom: 50px;*/
}
.footerlist li{
	padding: 5px 0;
}
.footerlist li a{
	color: #CCCCCC;
	font-size: 14px;
}
.footerlist li a:hover{
	text-decoration: underline;
}
.footerlist .footertitle{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
}

/*--------------------------adv-cover--------------------------*/

.adv-cover{
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.2);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	display: none;
}
.adv-box{
	width: 60%;
	height: 60%;
	background: #fff;
	position: absolute;
	top: 20%;
	left: 20%;
	border: 5px solid #F39700;
	padding: 20px 50px 80px;
	overflow: hidden;
}
.closebtn{
	width: 60px;
	height: 30px;
	border-radius: 5px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -30px;
	background: #F39700;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	cursor: pointer;
}
.adv-box h2,.adv-box h4{
	text-align: center;
}
.adv-box p{
	font-size: 16px;
}
.adv-scroll{
	width: 100%;
	height: 100%;
	overflow: auto;
}
.adv-content{
	
}
.adv-autograph{
	padding-left: 50%;
}
.adv-time{
	padding-left: 60%;
}


@media only screen and (max-width: 1199px) {
	.swiper-container{
		height: 480px;
	}
	.swiper-slide img{
	   	width: 1536px;
	   	height: 480px;
	   	margin-left: -768px;
	}
	.vem embed,.vem .embed{
		height: 240px;
	}
	.bblist a{
		font-size: 16px;
		padding: 5px 8px;
	}
	.slidedown a{
		font-size: 14px;
		padding: 0;
	}
	.blogo{
		width: 140px;
	}
}
@media only screen and (max-width: 991px) {
	.swiper-container{
		height: 360px;
	}
	.swiper-slide img{
	   	width: 1152px;
	   	height: 360px;
	   	margin-left: -576px;
	}
	.bblist li{
		margin-left: 3px;
	}
	.bblist a{
		font-size: 14px;
		padding: 3px 5px;
	}
	.slidedown a{
		font-size: 12px;
		padding: 0;
	}
	.blogo{
		width: 100px;
	}
	.navbar-nav li a{
		font-size: 12px;
	}
	.vem embed,.vem .embed{
		height: 200px;
	}
	.footerlist .footertitle{
		font-size: 16px;
	}
	.footerlist li a{
		font-size: 12px;
	}
	
	
	.solution{
		height: 300px;
	}
	.solutionul{
		width: 700px;
		height: 300px;
	}
	.solutionul li{
		width: 33.3333333333%;
		height: 300px;
		float: left;
		padding: 0;
	}
	.solutionul li a{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}
	.solutionul li a img{
		width: 100%;
		height: 300px;
	}
	.solcontent{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.solcontmain{
		width: 100%;
		height: 250px;
	}
	
	.solcontmain img{
		width: 50px !important;
		height: 50px !important;
	}
	
	.solcontmain h2{
		margin-top: 20px;
		font-size: 20px;
	}
	.solcontmain h3{
		margin-top: 10px;
		font-size: 16px;
	}
	.solcontmain .text{
		padding: 0 20px;
		opacity: 0;
	}
	.solcontmain button{
		width: 120px;
		bottom: 0;
		left: 50%;
		margin-left: -60px;
	}
	.solutionul li a:hover .solcontmain h2{
		margin-top: 10px;
	}
	.solutionul li a:hover .solcontmain h3{
		margin-top: 5px;
	}
	.solutionul li a:hover .solcontent{
		background: rgba(247,186,72,.75);
	}
	.solutionul li a:hover .solcontmain{
		height: 280px;
	}
	.solutionul li a:hover .solcontmain button{
		bottom: 20px;
		opacity: 1;
	}
	
	
	.server-cont{
		padding-left: 20%;
	}
	.server-cont img{
		left: 5%;
		margin-left: -12.5px;
	}
	.server-cont .kf-ma{
		top: 18px;
		right: 10px;
		width: 60px;
		height: 60px;
	}
}
@media only screen and (max-width: 767px) {
	
	.swiper-container{
		height: 300px;
		/*margin-top: 53px;*/
	}
	.swiper-slide img{
	   	width: 960px;
	   	height: 300px;
	   	margin-left: -480px;
	}
	body{
		padding-top: 53px;
	}
	.header{
		display: none;
	}
	.navbar{
		margin-top: 0 !important;
	}
	.navimg{
		float: left;
		height: 50px;
		padding: 5px 10px;
	}
	.navimg img{
		height: 100%;
	}
	
	.navbar-nav li{
		width: 100%;
	}
	.navbar-nav li a{
		text-align: left;
	}
	.prod{
		margin-top: 20px;
	}
	.prod h2{
		font-size: 24px;
	}
	.prod h3{
		font-size: 18px;
	}
	.prod h4{
		font-size: 14px;
	}
	.vem embed,.vem .embed{
		/*height: 300px;*/
		height: auto;
	}
	.v6e{
		float: none;
	}
	.pl0,.pr0{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.server-cont{
		margin-bottom: 20px;
	}
	.mobma{
		display: none;
	}
	.map .dotborder{
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
	}
	
	.solution{
		height: auto;
		background: #FFFFFF;
	}
	.solutionul{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.solutionul li{
		width: 100%;
		height: 280px;
		float: none;
		padding: 0;
		margin-bottom: 10px;
	}
	.solutionul li a{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
	}
	.solutionul li a img{
		width: 100%;
		height: 280px;
	}
	.solcontent{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.solcontmain{
		width: 100%;
		height: 250px;
	}
	
	.solcontmain img{
		width: 50px !important;
		height: 50px !important;
	}
	
	.solcontmain h2{
		margin-top: 20px;
		font-size: 20px;
	}
	.solcontmain h3{
		margin-top: 10px;
		font-size: 16px;
	}
	.solcontmain .text{
		padding: 0 20px;
		opacity: 1;
	}
	.solcontmain button{
		width: 120px;
		bottom: 20px;
		left: 50%;
		margin-left: -60px;
		opacity: 1;
	}
	.solutionul li a:hover .solcontmain h2{
		margin-top: 20px;
	}
	.solutionul li a:hover .solcontmain h3{
		margin-top: 10px;
	}
	.solutionul li a:hover .solcontent{
		background: rgba(0,0,0,.3);
	}
	.solutionul li a:hover .solcontmain{
		height: 250px;
	}
	.solutionul li a:hover .solcontmain button{
		background: transparent;
		color: #FFFFFF;
	}
	
	
	
	.superiority{
		height: 200px;
		border-width: 2px;
	}
	.superiority .imgbox{
		width: 60px;
		height: 60px;
		margin: 20px auto;
	}
	.superiority h4{
		font-size: 24px;
	}
	.superiority p{
		font-size: 14px;
	}
	.server-cont .kf-ma{
		top: 18px;
		right: 18px;
		width: 60px;
		height: 60px;
		opacity: 1 !important;
	   	display: inline-block !important;
	}
}

@media only screen and (max-width: 640px){
	.swiper-container{
		height: 240px;
	}
	.swiper-slide img{
	   	width: 768px;
	   	height: 240px;
	   	margin-left: -384px;
	   	
	}
}

@media only screen and (max-width: 480px){
	.swiper-container{
		height: 200px;
	}
	.swiper-slide img{
	   	width: 640px;
	   	height: 200px;
	   	margin-left: -320px;
	}
}

@media only screen and (max-width: 400px){
	.swiper-container{
		height: 150px;
	}
	.swiper-slide img{
	   	width: 480px;
	   	height: 150px;
	   	margin-left: -240px;
	}
}

/*** footer other ****/
.footer .copyright{
	color: #CCCCCC;
	text-align: center;
}
.footer .copyright a{
	color: #CCCCCC;
}
/*** footer ****/