body,td,th{margin:0;font-size:14px;}
a:link,a:visited,a:hover,a:active{text-decoration:none}
hr{border-top-width:1px;border-top-style:solid;border-top-color:#EEE;border-right-style:none;border-bottom-style:none;border-left-style:none;margin:0;padding:0;float:left;width:100%;clear:both}
*{-webkit-text-size-adjust:none}
img,fieldset,iframe{border:0}
ul,li,dl,dt,dd{list-style:none;margin:0;padding:0}
a{text-decoration:none;cursor:pointer;color:#888;outline:0;blr:expression(this.onFocus=this.blur())}
.overflow-hide{overflow:hidden}
.MSyh{font-family:'Microsoft YaHei','微软雅黑体'}
.simhei{font-family:'Simhei','黑体'}
.simsun{font-family:'Simsun','宋体'}
.Arial{font-family:Helvetica,Arial} 




.ui {
	width:100%;
	height:2px;
	background-color: #aa0000;	
}
.ba-main{background-color:#eaeff2;}
.ba-a00{background-color:#aa0000;}
.shadow-hover{
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
	-moz-box-shadow:0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 rgba(0,0,0,0);
}
.btn.wire{
	color:#555;
	border-color: #aaa;
	background-color:transparent;
}
.btn.wire:hover{
	color:#222;
	border-color: #888;
	background-color: rgba(255,255,255,1);
}
.gray{color:#888;}
.box{
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width:767px){
	.box{
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.box{
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.box{
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

@media (min-width: 1200px){}





@keyframes fade {
	from {
			opacity: 1.0;
	}
	50% {
			opacity: 0.1;
	}
	to {
			opacity: 1.0;
	}
}
@-webkit-keyframes fade {
	from {
			opacity: 1.0;
	}
	50% {
			opacity: 0.1;
	}
	to {
			opacity: 1.0;
	}
}
.flick{
	animation: fade 750ms infinite;
	-webkit-animation: fade 750ms infinite;
}
.flick:hover{
	animation: none;
	-webkit-animation: none;
}




.containerw{
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:767px){
	.containerw{width:90%;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.containerw{width:718px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.containerw{width:942px;}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.containerw{width:1150px;}
}

@media (min-width: 1600px) {
	.containerw{width:1550px;}
}




#header {
	color: #000;
	position:relative;
	border: 0px;
	z-index:999;
	border-radius: 0px;
	margin-bottom: 0px;
	
	background: -webkit-linear-gradient(#fff, #eee); 			
	background: -o-linear-gradient(#fff, #eee); 					
	background: -moz-linear-gradient(#fff, #eee); 				
	background: linear-gradient(#fff, #eee); 							
	
	-webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.0);
	-moz-box-shadow:0px 5px 5px rgba(0,0,0,0.0);
	box-shadow:0px 5px 5px rgba(0,0,0,0.5);
}
#header .navbar-header{
	width: 100%;
}
#header .navbar-header .logos{
	height: 100px;
}
#header .navbar-header .logos .logo img{
	max-height:50px;
}
#header .navbar-header .logos .slogans img{
	max-height: 16px;
}
#header .navbar-header .logos .tel img{
	max-height: 34px;
}
#header .navbar-header .logos .logo{
	padding-top: 25px;
}
#header .navbar-header .logos .slogans{
	padding-top: 42px;
}
#header .navbar-header .logos .tel{
	padding-top: 33px;
	float: right;
}
#navbar-menu{
	width: 100%;
	background-color: #a00;
}
#navbar-menu ul{
	width: 100%;
}
#navbar-menu ul li{
	background-image:url(../image/split-header-menu.png);
	background-position:center right;
	background-repeat: no-repeat;
}
#navbar-menu ul li a{
	font-size: 14px;
	color: #fff;
	display:block;
	padding: 15px;
}
#navbar-menu ul li span.ico{
	width:35px;
	height:15px;
	position:absolute;
	top:-7px;
	right:0px;
	z-index: 12;
}
#navbar-menu .ico{
	background-position: center center;
	background-repeat: no-repeat;
}
#navbar-menu .ico.ico-hot{
	background-image:url(../image/ico-menu-hot.png);
}
#navbar-menu .ico.ico-new{
	background-image:url(../image/ico-menu-new.png);
}

#navbar-menu ul li.active a,
#navbar-menu ul li:hover a{
	color:#fff;
	background-color:#001;
	background-image: none;
}
#navbar-menu ul li.active-pre{background-image: none;}
#navbar-menu ul li.active-next{}
#navbar-menu ul li.chatOnline{
	float: right;
	background-image: none;
	background-color: rgba(0,0,0,0.25);
}
#header .navbar-header .logos .languages{
	width: 35px;
	height:auto;
	overflow: hidden;
	float: right;
	padding:0;
	margin-top: 26px;
	margin-right: 5px;
	display: none;
}
#header .navbar-header .logos .languages a img{
	width:100%;
	height: auto;
}
#header .navbar-header .logos .languages a{
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}

@media (max-width:767px){
	#header .navbar-header .logos{
		height: 50px;
	}
	#header .navbar-header .logos .logo img{
		max-height: 30px;
	}
	#header .navbar-header .logos .logo{
		padding: 10px;
	}
	#header .navbar-header .logos .tel,
	#header .navbar-header .logos .slogans{
		display: none;
	}
	#navbar-menu {
		border: 0px;
		background-color:#fff;
		padding:0;
	}
	#navbar-menu ul{
		width:100%;
		margin: 0;
		padding: 10px 0;
		border-top: solid 1px #ddd;
	}
	#navbar-menu ul li{
		border-bottom: solid 1px #eee;
	}
	#navbar-menu .nav li a{
		color: #222;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header .navbar-header .logos .languages{
		width: 25px;
		margin-top: 8px;
		margin-right: 15px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#header .navbar-header .logos{
		height: 64px;
		background-color: #fff;
	}
	#header .navbar-header .logos .logo img{
		max-height: 34px;
	}
	#header .navbar-header .logos .tel img{
		max-height: 26px;
	}
	#header .navbar-header .logos .logo{
		padding-top: 15px;
	}
	#header .navbar-header .logos .slogans{
		padding-top: 24px;
	}
	#header .navbar-header .logos .tel{
		padding-top: 19px;
	}
	#navbar-menu .nav li a{
		padding:8px 8px;
	}
	#header .navbar-header .logos .languages{
		width: 25px;
		margin-top: 15px;
		margin-right: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#header .navbar-header .logos{
		height: 80px;
		background-color: #fff;
	}
	#header .navbar-header .logos .logo{
		padding-top: 15px;
	}
	#header .navbar-header .logos .slogans{
		padding-top: 32px;
	}
	#header .navbar-header .logos .tel{
		padding-top: 23px;
	}
	#navbar-menu .nav li a{
		padding:12px;
	}
	#header .navbar-header .logos .languages{
		margin-top: 17px;
		margin-right: 15px;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	#header .navbar-header,
	#navbar-menu .nav{
		width: 1160px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	#header .navbar-header,
	#header #navbar-menu .nav{
		width: 100%;
	}
}

@media (min-width: 1600px) {
	#header .navbar-header,
	#navbar-menu .nav{
		width: 1550px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}




#footer{
	color: #888;
	background-color: #222;
	text-align:center;
	padding-top: 35px;
	padding-bottom: 35px;
	background-image:url(../image/bg_line_black.png);
	background-repeat:repeat-x repeat-y;
}
#footer a{
	color: #888;
}
#footer a:hover{
	color: #fff;
	text-decoration: none;
}
#footer a.btn{
	color: #fff;
}
#footer .menus{
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer .menus .slogans{}
#footer .menus .menu{}
#footer .menus .menu li{
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../image/split-footer-menu.png);
	background-position:center right;
	background-repeat: no-repeat;
}
#footer .contacts{
	padding-top: 50px;
	padding-bottom: 50px;
}
#footer .contacts .item.split{
	background-image:url(../image/split-footer-contact.png);
	background-position:center right;
	background-repeat: no-repeat;
}
#footer .contacts img{
	display: inline-block;
}
#footer .contacts .btn.contact{
	border-color: #888;
	background-color: transparent;
	color: #888;
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer .contacts .btn.contact:hover{
	color: #fff;
	background-color: rgba(255,255,255,0.25);
}
#footer .copyrights{
	padding-top: 5px;
	padding-bottom: 5px;
}

@media (max-width:767px){
	#footer{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#footer .menus .slogans h3{
		font-size: 20px;
	}
	#footer .menus .menu a{
		font-size: 12px;
	}
	#footer .menus .menu li{
		padding-left: 5px;
		padding-right: 5px;
	}
	#footer .contacts{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#footer .copyrights a{
		font-size: 12px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#footer .menus .slogans h2{
		font-size: 24px;
	}
	#footer .menus .menu a{
		font-size: 14px;
	}
	#footer .menus .menu li{
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer .contacts{
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#footer .copyrights a{
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

}








#banner-index {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#banner-index .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	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;
}
#banner-index .swiper-button-prev,
#banner-index .swiper-button-next{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 27px;
}
#banner-index .swiper-button-prev{
	background-image: url(../image/banner-arrow-left.png);
}
#banner-index .swiper-button-next{
	background-image: url(../image/banner-arrow-right.png);
}
#banner-index .swiper-pagination-bullet-active {
	background: #a00;
}




#product-index{
	background-color: #c8cdd0;
	color: #535759;
}




.titles{color:#535759;}
.titles.white{color:#ccc;}
.titles .title{}
.titles .title h1{font-size:24px;}
.titles .description{}

@media (max-width:767px){}




.secondmenu{
	padding-top:25px;
	padding-bottom: 25px;
	text-align: center;
}
.secondmenu ul li{
	margin:2px 0;
	padding: 0px;
}
.secondmenu ul li a{
	display:block;
	color:#000;
	background-color:#fff;
	padding: 10px 15px;
	margin: 0px;
	text-decoration: none;
}
.secondmenu ul li a:hover,
.secondmenu ul li.active a{
	background-color:#a00;
	color:#fff;
}

@media (max-width:767px){
	.secondmenu{
		padding-top:10px;
		padding-bottom: 10px;
	}
	.secondmenu ul li a{
		padding: 5px 8px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.secondmenu{
		padding-top:15px;
		padding-bottom: 15px;
	}
	.secondmenu ul li a{
		padding: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.secondmenu{
		padding-top:20px;
		padding-bottom: 20px;
	}
}




.product{
	padding: 5px !important;
}
.product a{
	text-decoration: none !important;
}
.product .a,
.product>a{
	display: block;
	position:relative;
	overflow: hidden;
}
.product .ico{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	background-repeat: no-repeat;
	background-position: top right;
	background-size:100%;
}
.product .ico.ico-new{
	background-image:url(../image/ico-new.png);
}
.product .ico.ico-hot{
	background-image:url(../image/ico-hot.png);
}
.product .ico.ico-jian{
	background-image:url(../image/ico-jian.png);
}
.product .product-info{
	background-color:#f5f5f5;
	border-top: solid 1px #eee;
	padding: 15px;
}
.product .product-info .title,
.product .product-info .price{
	display: block;
}
.product .product-info .price,
.product .product-info .description,
.product .product-info .functions{
	margin-top: 10px;
}
.product .product-info .title{
	color: #222;
	font-size: 16px;
}
.product .product-info .price{
	color: #aaa;
}
.product .product-info .price a{
	color: #222;
	text-decoration:none;
}
.product .product-info .price a:hover{
	color: #a00;
}
.product .product-info .price font{
	font-weight:bold;
	color:#a00;
}
.product .product-info .description{

}
.product .product-info .description a{
	font-size: 12px;
	color:#888;
}
.product .product-info .description a:hover{
	color:#222;
}
.product .product-info .functions{

}

@media (max-width:767px){
	.product .ico{
		width:30px;
		height:30px;
	}
	.product .video-play{
		width: 30px;
		height: 30px;
		margin-left: -15px;
		margin-top: -15px;
	}
	.product .product-info .price,
	.product .product-info .functions{
		margin-top: 5px;
	}
}

 


.pages{
	text-align: center;
}
.pages .pagination{
	color: #a00;
}
.pages .pagination li a{
	color: #222;
}
.pages .pagination li:hover a{
	color: #222;
}
.pages .pagination li.active a{
	color: #fff;
	background-color: #a00;
	border-color: #a00;
}




#concept{
	background-color:#fff;
	border-top:solid 1px #eee;
}
#concept .contents{}
#concept .contents .item{
	padding-top: 25px;
	padding-bottom: 25px;
}
#concept .contents .item.right{
	text-align:right;
}
#concept .contents .item .prev{}
#concept .contents .item .titles{
	padding-top: 110px;
}
#concept .contents .item .titlle{
	color:#222;
	font-size: 36px;
}
#concept .contents .item .description{
	color:#888;
}
#concept .mores{
	text-align: center;
}
#concept .mores .more{
	text-align: center;
}
#concept .mores .more a{
	color:#aaa;
	text-decoration: #222;
}
#concept .mores .more a:hover{
	color:#222;
}

@media (max-width:767px){
	#concept .contents .item.right{
		text-align:left;
	}
	#concept .contents .item .titles{
		padding-top: 15px;
	}
	#concept .contents .item .titlle{
		font-size: 24px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#concept .contents .item .titles{
		padding-top: 60px;
	}
	#concept .contents .item .titlle{
		font-size: 24px;
	}
	#concept .contents .item .description{
		font-size: 12px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#concept .contents .item .titles{
		padding-top: 85px;
	}
	#concept .contents .item .titlle{
		font-size: 28px;
	}
}

@media (min-width: 1200px){

}




#customer-case{
	background-repeat: repeat;
	background-position: center center;
	background-color: #c8cdd0;
	border-top:solid 1px #bbb;
}
#customer-case .contents{}
#customer-case .contents .item{
	padding-left:5px;
	padding-right: 5px;
}
#customer-case .contents .item a{
	display:block;
	text-decoration: none;
	margin-top:5px;
	margin-bottom:5px;
	position: relative;
}
#customer-case .contents .item a .title{
	color:
	display:block;
	padding: 10px 5px;
	background-color:rgba(0,0,0,0.5);
	color:#ddd;
}
#customer-case .contents .item a:hover .title{
	color:#fff;
}
#customer-case .contents .item a .ico{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
#customer-case .contents .item a .ico-new{
	background-image:url(../image/ico-new.png);
}
#customer-case .mores{
	text-align: center;
	margin-top: 25px;
}
#customer-case .mores .more a{
	font-size:12px;
	color: #888;
	text-decoration: none;
}
#customer-case .mores .more a:hover{
	color: #222;
}

@media (max-width:767px){
	#customer-case .contents .item a .title{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#customer-case .contents .item a .ico{
		width: 35px;
		height: 35px;
	}
}




#news-index{
	background-color: #eaeff2;
	border-top: solid 1px #ddd;
}
#news-index a{
	color:#535759;
}
#news-index a:hover{
	color:#222;
	text-decoration: none;
}
#news-index .news{
	padding-top: 10px;
	padding-bottom: 10px;
}
#news-index .column{
	margin-top:5px;
	margin-bottom: 5px;
}
#news-index .column>.row{
	background-color:#f5f5f5;
	margin-left: -10px;
	margin-right: -10px;
}
#news-index .column>.row:hover{
	background-color:#fff;
}
#news-index .column .titles{
	padding:10px 15px;
	border-bottom:solid 1px #888;
	background-color:#eee;
}
#news-index .column .titles .title{
	font-weight: bold;
}
#news-index .column .titles .more{
	display:block;
	float: right;
}

#news-index .column .items{
	padding-left: 0;
	padding-right: 0;
}
#news-index .column .items ul{
	margin-bottom: 0px;
}
#news-index .column .items ul li{
	border-top: dashed 1px #888;
}
#news-index .column .items ul li.img{
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0px;
}
#news-index .column .items ul li a{
	color:#535759;
	display: block;
	padding: 5px 15px;
}
#news-index .column .items ul li a:hover{
	background-color:#f5f5f5;
}
#news-index .column .items ul li a .time{
	display: block;
	float:right;
}

#news-index .column.qa .items ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}
#news-index .column.qa .items ul li a.q span{
	color: #fff;
	background-color:#a00;
	padding:2px;
}
#news-index .column.qa .items ul li a.a span{
	color: #fff;
	background-color:#222;
	padding:2px;
}

@media (max-width:767px){

}

@media (min-width: 768px) and (max-width: 991px) {
	#news-index .column .items ul li a .time{
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#news-index .column .items ul li a .time{
		display: none;
	}
}

@media (min-width: 1200px){

}




#contact-info{
	border-top: solid 1px #ccc;
	background-color: #f5f5f5;
	color: #555;
}
#contact-info .contents{
	padding-top:35px; 
	padding-bottom: 35px;
}
#contact-info .left,
#contact-info .right{
	margin-left: 0;
	margin-right: 0;
	padding: 0px 35px;
}
#contact-info .left a,
#contact-info .right a{
	color:#555;
}
#contact-info .left a:hover,
#contact-info .right a:hover{
	color:#a00;
	text-decoration: none;
}
#contact-info .left{
	text-align: right;
	border-right: solid 1px #ddd;
}
#contact-info .left form>*{
	margin-bottom: 5px;
}
#contact-info .right{
	text-align: left;
}
#contact-info .right .weixin img{
	display: inline-block;
}

@media (max-width:767px){
	#contact-info .left,
	#contact-info .right{
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px 15px;
	}
	#contact-info .left{
		border-right-width:1px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#contact-info .left,
	#contact-info .right{
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#contact-info .left,
	#contact-info .right{
		padding-left: 25px;
		padding-right: 25px;
	}
}




#map{
	position: relative;
	border-top: solid 1px #ccc;
}
#map .my-map {
	margin: 0 auto;
	width: 100%; 
	height: 650px;
}
#map .my-map .icon { background: url(404.png) no-repeat; }
#map .my-map .icon-cir { height: 31px; width: 28px; }
#map .my-map .icon-cir-red { background-position: -11px -5px; }
#map .amap-container{height: 100%;}
#map .amap-logo,#map amap-copyright{}
#map .marsk{
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 998;
	background-repeat: no-repeat;
	background-position: center center;
}
#map-contact-info{
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height: auto;
	z-index: 999;
}
#map-contact-info a{
	color:#222;
}
#map-contact-info a.wire{
	border-color: #888;
}
#map-contact-info>.container{
	background-color: rgba(255,255,255,0.75);
	padding-top: 50px;
	padding-bottom: 50px;
}
#map-contact-info .left{
	text-align: right;
	border-right: solid 1px #aaa;
}
#map-contact-info .right{

}
#map-contact-info .left form>*{
	margin-bottom: 2px;
}

@media (max-width:767px){
	#map-contact-info>.container{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#map-contact-info{
		padding-top:0;
		padding-bottom:0;	
	}
	#map-contact-info .left{
		padding-right: 10px;
	}
	#map-contact-info .right{
		padding-left: 10px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#map-contact-info>.container{
		padding-top: 35px;
		padding-bottom: 35px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#map-contact-info>.container{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (min-width: 1200px){}








#banner-article{
	color: #888;
	text-align: left;
	width:100%;
	background-position:center center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-color: #ddd;
	padding-top: 160px;
	padding-bottom: 160px;
}

@media (max-width:767px){
	#banner-article{
		padding-top: 35px;
		padding-bottom: 35px;
		background-size: 160%;
	}
	#banner-article .item h3{
		font-size: 18px;
	}
	#banner-article .item h3 small{
		font-size: 14px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#banner-article{
		padding-top: 65px;
		padding-bottom: 65px;
		background-size: 140%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#banner-article{
		padding-top: 75px;
		padding-bottom: 75px;
		background-size: 120%;
	}
}

@media (min-width: 1200px){}




#article-channel{
	background-color: #eaeff2;
}




.news-item{
	background-color: rgba(255,255,255,0.5);
	padding: 15px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #fff;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.news-item:hover{
	background-color: #fff;
}
.news-item a{
	color: #222;
}
.news-item .text{
	padding-top: 5px;
	padding-bottom: 5px;
}
.news-item.haslargepic .text{
	padding-top: 15px;
	padding-bottom: 15px;
}
.news-item .text .title{
	color: #000;
	font-size:16px;
}
.news-item .text .description{
	font-size: 12px;
	color: #888;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.news-item .text .time, 
.news-item .text .more{
	font-size: 12px;
	color: #aaa;
}

@media (max-width:767px){
	#article-channel{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.news-item{
		margin-top: 0px;
		margin-bottom: 0px;
		border-top: solid 1px #ddd;
	}
	.news-item .text{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 15px;
	}
	.news-item.nopic .text{
		margin-top: 0px;
	}
	.news-item.haslargepic .text{
		padding-top: 0px;
		padding-bottom: 0px;
	}
}








#article-detail{
	background-color:#fff;
}
#article-detail .says{
	color: #888;
	background-color:#f5f5f5;
	border: solid 1px #ddd;
	padding:15px 15px;
	border-radius:3px;
}
#article-detail .contents {
	padding-top: 15px;
	padding-bottom: 15px;
}
#article-detail .contents .titles{
	padding-top: 15px;
	padding-bottom: 15px;
}
#article-detail .contents .titles .description{
	color:#aaa;
}
#article-detail .contents .content{
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (max-width:767px){
	#article-detail{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#article-detail .contents {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}








#img-channel{
	 background-color:#eaeff2;
}
#img-channel .item{
	padding:5px;
	position:relative;
}
#img-channel .item a{
	display:block;
	text-decoration: none;
}
#img-channel .item .title{
	display:block;
	bottom: 0;
	width:100%;
	padding: 10px 5px;
	background-color:rgba(0,0,0,0.5);
	color:#ddd;
}
#img-channel .item:hover .title{
	color:#fff;
}

@media (max-width:767px){
	#img-channel .item .title{
		padding-top: 5px;
		padding-bottom: 5px;
	}
}








#img-detail{
	 background-color:#eaeff2;
}
#img-detail .item{
	padding:5px;
	position:relative;
}
#img-detail .item a{
	display:block;
	text-decoration: none;
}
#img-detail .item .title{
	display:block;
	bottom: 0;
	width:100%;
	padding: 10px 5px;
	background-color:rgba(0,0,0,0.5);
	color:#ddd;
}
#img-detail .item:hover .title{
	color:#fff;
}

@media (max-width:767px){
	#img-detail .item .title{
		padding-top: 5px;
		padding-bottom: 5px;
	}
}








#banner-video{
	background-color: #000;
}
#banner-video .frame{
	position:relative;
}
#banner-video .frame .marsk{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(0,0,0,.5);
}




#banner-product{
	height: 400px;
	background-size: 110%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
}

@media (max-width:767px){
	#banner-product{
		height: 100px;
		background-size: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#banner-product{
		height: 200px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#banner-product{
		height: 300px;
	}
}

@media (min-width: 1200px){

}




#product-channel {
	background-color: #c8cdd0;
	color: #535759;
}








#product-detail{
	color: #535759;
	padding-top: 25px;
}
#product-detail .titles{
	padding-top: 25px;
	padding-bottom: 25px;
}
#product-detail .content>div{
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width:767px){
	#product-detail{
		padding-top: 0px;
	}
	#product-detail .titles .title h2{
		font-size: 18px;
	}
	#product-detail .titles .description{
		font-size: 12px;
	}
}




#product-detail-prev .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	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;
}
#product-detail-prev .swiper-button-prev,
#product-detail-prev .swiper-button-next{
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 27px;
}
#product-detail-prev .swiper-button-prev{
	background-image: url(../image/banner-arrow-left.png);
}
#product-detail-prev .swiper-button-next{
	background-image: url(../image/banner-arrow-right.png);
}
#product-detail-prev .swiper-pagination-bullet-active {
	background: #a00;
}




#scrollspymenu{
	width:100%;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 999;
}
#scrollspymenu a,
#scrollspymenu a:hover{
	text-decoration: none;
}
#scrollspymenu ul{
	margin-bottom: 0;
}
#scrollspymenu ul li{
	display: inline-block;
}
#scrollspymenu ul li a{
	color:#fff;
	display: block;
	padding: 10px 15px;
	border-top: solid 2px #000;
}
#scrollspymenu ul li.active a,
#scrollspymenu ul li:hover a{
	color:#000;
	background-color:#fff;
	border-top-color: #a00;
	border-bottom: solid 2px #fff;
}

@media (max-width:767px){
	#scrollspymenu ul li{
		padding-left: 0px;
		padding-right: 0px;
	}
	#scrollspymenu ul li a{
		padding: 5px 10px;
	}
}




#product-detail-video{
	background-color: #000;
}
#product-detail-video .frame{
	position:relative;
}
#product-detail-video .frame video{
	position: relative;
	z-index:1;
}
#product-detail-video .frame .marsk{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(0,0,0,.5);
	z-index:3;
}
#product-detail-video .frame .ico-play{
	position: absolute;
	background-image:url(../image/ico-play.png);
	background-size: 100%;
	background-repeat: no-repeat;
	border-radius:25px;
	width: 50px;
	height: 50px;
	display: block;
	top:50%;
	left:50%;
	margin-left: -25px;
	margin-top: -25px;
	z-index: 9;
	overflow: hidden;
}
#product-detail-video .frame .ico-play:hover{
	background-color: #fff;
}

@media (max-width:767px){
	#product-detail-video .frame .ico-play{
		width:32px;
		height:32px;
		border-radius:16px;
		margin-left: -16px;
		margin-top: -16px;
	}
}




#product-detail-price{
	background-color:#fffff2;
	text-align: center;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}
#product-detail-price .prices{
	color:#a00;
	font-size: 18px;
}
#product-detail-price .prices .price{
	font-size: 36px;
	font-weight:bold;
}
#product-detail-price .prices .description{
	font-size: 14px;
	color:#222;
}
#product-detail-price .description{
	color: #888;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#product-detail-price .btns,
#product-detail-price .btns a{
	color: #888;
	font-size: 14px;
}
#product-detail-price .arrow{
	font-size: 14px;
	color: #ddd;
}

@media (max-width:767px){
	#product-detail-price .prices{
		color:#a00;
		font-size: 16px;
	}
	#product-detail-price .prices .price{
		font-size: 24px;
		font-weight:bold;
	}
}




#product-detail-download{
	background-repeat: repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color:#eaeff2;
}
#product-detail-download .contents{
	padding-top: 25px;
	padding-bottom: 25px;
}
#product-detail-download .contents .item{
	padding-left: 15px;
	padding-right: 15px;
}
#product-detail-download .contents .item a{
	display:block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	text-decoration:none;
}
#product-detail-download .contents .item a .title{
	position:relative;
	color: #ddd;
	background-color:#888;
	display:block;
	padding: 10px 10px;
	z-index: 9;
}
#product-detail-download .contents .item a:hover .title{
	color: #fff;
}
#product-detail-download .contents .item a .ico-edge{
	display: block;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 0;
	z-index: 6;
}
#product-detail-download .contents .item a .new{
	background-image:url(../image/ico-new.png);
}
#product-detail-download .contents .item a .hot{
	background-image:url(../image/ico-hot.png);
}
#product-detail-download .contents .item a .ico{
	display: block;
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat no-repeat;
	background-color: rgba(0,0,0,0.15);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin-top: -20px;
	z-index: 6;
}
#product-detail-download .contents .item a:hover .ico{
	background-color: rgba(0,0,0,0.5);
}
#product-detail-download .contents .item a:hover .ico-download{
	background-image:url(../image/ico-download.png);
}
#product-detail-download .contents .item a:hover .ico-lock{
	background-image:url(../image/ico-lock.png);
}
#product-detail-download .contents .item a:hover .ico-link{
	background-image:url(../image/ico-link.png);
}
#product-detail-download .contents .item a:hover .ico-360{
	background-image:url(../image/ico-360.png);
}

@media (max-width:767px){
	#product-detail-download .contents .item{
		padding-left: 10px;
		padding-right: 10px;
	}
	#product-detail-download .contents .item a{
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px){
}




#product-detail-service{
	background-color: #eaeff2;
	border-top: solid 1px #ddd;
}
#product-detail-service .contents{
	padding-top: 25px;
	padding-bottom: 25px;
}
#product-detail-service .contents .item{
	padding-left: 5px;
	padding-right: 5px;
}
#product-detail-service .contents .item a{
	position:relative;
	display: block;
	text-align: center;
	padding: 45px 0px;
	text-decoration:none;
	background-color: rgba(0,0,0,0.5);
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
#product-detail-service .contents .item a:hover{
	background-color:#a00;
}
#product-detail-service .contents .item .title{
	font-size: 16px;
	color: #fff;
	margin-top: 25px;
}
#product-detail-service .contents .item a .line-lb,
#product-detail-service .contents .item a .line-rt{
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	background-image:url(../image/line-45.png);
	background-repeat: no-repeat;
	z-index: 3;
}
#product-detail-service .contents .item a .line-lb{
	left:0;
	bottom:0;
	background-position: left bottom;
}
#product-detail-service .contents .item a .line-rt{
	right:0;
	top:0;
	background-position: right top;
}

@media (max-width:767px){

}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px){
	#product-detail-service .contents .item{
		padding-left: 15px;
		padding-right: 15px;
	}
}




#related-information{
	background-color: #eaeff2;
	border-top: solid 1px #ddd;
}
#related-information .item{
	padding:5px;
}
#related-information .item a.a{
	position:relative;
	display:block;
	background-color: #fff;
	text-decoration: none;
	overflow: hidden;
}
#related-information .item a.a .title{
	position: absolute;
	width:100%;
	left: 0px;
	bottom: -50px;
	display: block;
	background-color: rgba(0,0,0,0.25);
	color:#ddd;
	padding:10px;
}
#related-information .item a.a:hover .title{
	background-color: #a00;
	color:#fff;
}
#related-information .item a.a .tag{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#888;
	padding:4px 8px;
	font-size:12px;
	color:#fff;
	z-index:2;
}
#related-information .item a.a:hover .tag{
	background-color:#a00;
}
#related-information .item a.a .triangle{
	position: absolute;
	top:0;
	right:-50px;
	width:50px;
	height:100%;
	background-image:url(404.png);
	background-position: left center;
}



@media (max-width:767px){
	#related-information .item a.a .title{
		font-size:12px;
		padding:5px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px){}




#dialog-viewer360{}
#dialog-viewer360 .modal-dialog{width: 1100px;}
#dialog-viewer360 .modal-body{padding: 2px;}
#viewer360-frame{position: relative;}
#viewer360-frame .ico-360{
	background-image:url(../image/360.png);
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: 100%;
	display: block;
	position: absolute;
	width: 50px;
	height: 32px;
	right: 20px;
	top: 20px;
}


@media (max-width:767px){
	#dialog-viewer360 .modal-dialog{width: auto;}
	#viewer360-frame .ico-360{
		right: 5px;
		top: 5px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#dialog-viewer360 .modal-dialog{width: 650px;}
	#viewer360-frame .ico-360{
		right: 10px;
		top: 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#dialog-viewer360 .modal-dialog{width: 800px;}
	#viewer360-frame .ico-360{
		right: 15px;
		top: 15px;
	}
}

@media (min-width: 1200px){

}










#product-detail-config{}
#product-detail-config .item{
	padding: 5px;
}
#product-detail-config .item .a{
	position:relative;
	color:#222;
	background-color:#f5f5f5;
	display: block;
	border: solid 1px #ddd;
	padding:15px;
}
#product-detail-config .item .a:hover{
	background-color:#fff;
	color:#fff;
	border-color:#a00;
}
#product-detail-config .item .a:hover .title,
#product-detail-config .item .a:hover .prices,
#product-detail-config .item .a:hover .prices .total,
#product-detail-config .item .a:hover a.attribute{
}
#product-detail-config .item .a .marsk{
	position:absolute;
	top:-5px;
	right:-5px;
	background-color:#a00;
	padding:5px 15px;
	color:#fff;
	border-radius: 0px 0px 0px 15px;
}
#product-detail-config .item .a a{
	display:block;
	text-decoration:none;
	color:#555;
}
#product-detail-config .item .a a.attribute:hover{
	font-weight: bold;
	color:#a00;
	background-color:#eee;
}
#product-detail-config .item .a .headers{
	padding-top:25px;
	padding-bottom:25px;
}
#product-detail-config .item .a .attributes{
	padding-top:15px;
	padding-bottom:15px;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
#product-detail-config .item .a .btns{
	padding-top:15px;
	padding-bottom:15px;
}
#product-detail-config .item .a .title{
	color:#222;
	padding-top:5px;
	padding-bottom:5px;
	font-size:24px;
	text-align:center;
}
#product-detail-config .item .a .prices{
	text-align:center;
}
#product-detail-config .item .a .prices .total{
	color:#a00;
	font-size:16px;
	font-weight:bold;
}
#product-detail-config .item .a .attribute{}
#product-detail-config .item .a .divider{
	color:#aaa;
	font-size:12px;
	padding-top: 5px;
	padding-bottom: 5px;
}








#dialog-player{}
#dialog-player .modal-dialog{width: 1100px;}
#dialog-player .modal-body{padding: 2px;}
#video-player-frame{height: 620px;}

@media (max-width:767px){
	#dialog-player .modal-dialog{width: auto;}
	#video-player-frame{height: 360px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	#dialog-player .modal-dialog{width: 650px;}
	#video-player-frame{height: 365px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#dialog-player .modal-dialog{width: 800px;}
	#video-player-frame{height: 450px;}
}

@media (min-width: 1200px){}




#video-channel {
	background-color: #b6babf;
	color: #535759;
	background-repeat:no-repeat;
	background-position:center center;
}
.video-item{
	padding: 5px !important;
}
.video-item a{
	text-decoration: none !important;
}
.video-item .a,
.video-item>a{
	display: block;
	position:relative;
	overflow: hidden;
}
.video-item .title{
	display:block;
	bottom: 0;
	width:100%;
	padding: 10px 5px;
	background-color: #666;
	color:#ddd;
}
.video-item:hover .title{
	color:#fff;
}
.video-item .video-marsk{
	display:block;
	position: absolute;
	top: 0;
	left:0;
	background-color: rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
	z-index: 5;	
}
.video-item:hover .video-marsk{
	background-color: rgba(0,0,0,0);
}
.video-item .video-play{
	display:block;
	position: absolute;
	top: 50%;
	left:50%;
	margin-left: -25px;
	margin-top: -25px;
	background-image:url(../image/ico-play.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size:100%;
	width: 50px;
	height: 50px;
	z-index: 9;	
}

@media (max-width:767px){
	.video-item .video-play{
		width: 30px;
		height: 30px;
		margin-left: -15px;
		margin-top: -15px;
	}
}









#video-detail{
	background-color: #27272f;
}
#video-detail .title{
	color: #ddd;
}
#video-detail .contents #video-player-box{
	width:1150px;
	height:650px;
}

@media (max-width:767px){
	#video-detail .contents #video-player-box{
		width:auto;
		height:auto;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#video-detail .contents #video-player-box{
		width:700px;
		height:340px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#video-detail .contents #video-player-box{
		width:940px;
		height:530px;
	}
}

@media (min-width: 1200px){}








#activity{}
#activity .item{
	padding:10px 25px;
}
#activity .item .a{
	padding: 25px 25px;
	font-weight: bold;
	position:relative;
	background-color: #fbe5b4;
}
#activity .item .maintitle{
	font-size: 56px;
	color:#bf6801;
}
#activity .item .description{
	margin-top:15px;
	font-weight: normal;
}
#activity .item .take{
	text-align: right;
	margin-top:15px;
}
#activity .item .a .sawtooth{
	position: absolute;
}
#activity .item .a .sawtooth.top{
	background-image:url(../image/sawtooth-top.png);
	background-position: center center;
	background-repeat: repeat-x;
	width:100%;
	height:12px;
	top:0;
	left:0;
}
#activity .item .a .sawtooth.right{
	background-image:url(../image/sawtooth-right.png);
	background-position: center center;
	background-repeat: repeat-y;
	width:12px;
	height:100%;
	top:0;
	right:0;
}
#activity .item .a .sawtooth.bottom{
	background-image:url(../image/sawtooth-bottom.png);
	background-position: center center;
	background-repeat: repeat-x;
	width:100%;
	height:12px;
	bottom:0;
	left:0;
}
#activity .item .a .sawtooth.left{
	background-image:url(../image/sawtooth-left.png);
	background-position: center center;
	background-repeat: repeat-y;
	width:12px;
	height:100%;
	top:0;
	left:0;
}
















#banner-about{
	width: 100%;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
}
.about-detail{}
.about-detail .secondmenu ul li a{
	background-color: #ddd;
}
.about-detail .secondmenu ul li.active a{
	background-color: #a00;
}
.about-detail .secondmenu ul li a:hover{
	background-color: #a00;
}

@media (max-width:767px){
	#banner-about{
		height: 150px;
		background-size: 160%;
	}
	.about-detail{
		padding-top: 25px !important;
		padding-bottom: 25px !important;	
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#banner-about{
		height: 230px;
		background-size: 125%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#banner-about{
		height: 310px;
		background-size: 125%;
	}
}

@media (min-width: 1200px){}




.map-container{}
.map-container>div{
	padding-left: 0px;
	padding-right: 0px;
}
#map.about-contact{
	border-top-width: 0px;
}
#map.about-contact .my-map{
	height:600px;	
}

@media (max-width:767px){
	#map.about-contact .my-map{
		height:300px;	
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#map.about-contact .my-map{
		height:400px;	
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#map.about-contact .my-map{
		height:500px;	
	}
}

@media (min-width: 1200px){}








#error404{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 120%;
}
#error404 .contents{
	height: 500px;
}

@media (max-width:767px){
	#error404{background-size: 300%;}
	#error404 .contents{height: 450px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	#error404{background-size: 150%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#error404{background-size: 150%;}
}




#submit-success{
	text-align: center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
}
#submit-success .contents{
	padding-top: 200px;
	padding-bottom: 200px;
}
#submit-success .contents .ico{
	font-size: 86px;
	color: #3aa112;
}

@media (max-width:767px){
	#submit-success .contents{
		padding-top: 130px;
		padding-bottom: 130px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#submit-success .contents{
		padding-top: 150px;
		padding-bottom: 150x;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#submit-success .contents{
		padding-top: 170px;
		padding-bottom: 170px;
	}
}




#elevator {
	width: 60px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 999;
}
#elevator .back-to-top,
#elevator .contact-qq,
#elevator .contact-chat{
	display: block;
	width: 60px;
	height: 50px;
	cursor: pointer;
	background-color: #800;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 2px;
}
#elevator .back-to-top{
	background-color: #555;
	background-image: url(../image/ico-back-to-top.png);
}
#elevator .contact-qq{
	background-image: url(../image/ico-qq-white.png);
}
#elevator .contact-chat{
	background-image: url(../image/ico-contact.png);
}
#elevator a:hover,
#elevator a:active {
	background-color: #a00;
}









form.bs-example>input,
form.bs-example>textarea,
form.bs-example>a.btn{margin-bottom: 5px;}
.dialog-modal-body{padding:75px !important;}

@media (max-width:767px){
	.dialog-modal-body{padding:25px 15px!important;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.dialog-modal-body{padding:50px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px){}




#dialog-chat{}
#dialog-chat .modal-body{
	padding: 0px;
}
#dialog-chat .modal-body .iframeBox{
	position: relative;
}
#dialog-chat .modal-body .iframeBox .closeMarsk{
	position: absolute;
	background-color: #fff;
	width: 70px;
	height: 32px;
	top: 0;
	right: 0;
}

@media (max-width:767px){
	#dialog-chat .modal-body .iframeBox .closeMarsk{
		display: none;
	}
}














#video-channel-tencent{background-color:#ced3d9;}




#dialog-video-player-tencent{}
#dialog-video-player-tencent .modal-dialog{width: 1100px;}
#dialog-video-player-tencent .modal-body{padding: 2px;}
#video-player-frame-tencent,#video-player-frame-tencent iframe{height: 620px;}
#video-player-frame-tencent iframe{width:100%;}
#video-player-frame-tencent .marsk{
	color:#a00;
	background-color:#fff;
	position:absolute;
	width:100%;
	height:50px;
	z-index:9;
	border:0;
	left:0;
	bottom:0;
	padding:15px;
}

@media (max-width:767px){
	#dialog-video-player-tencent .modal-dialog{width: auto;}
	#video-player-frame-tencent,#video-player-frame-tencent iframe{height: 360px;}
	#video-player-frame-tencent .marsk{padding:5px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	#dialog-video-player-tencent .modal-dialog{width: 650px;}
	#video-player-frame-tencent,#video-player-frame-tencent iframe{height: 365px;}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#dialog-video-player-tencent .modal-dialog{width: 800px;}
	#video-player-frame-tencent,#video-player-frame-tencent iframe{height: 450px;}
	
}

@media (min-width: 1200px){}