.font14{
	font-size: 14px;
}

.font16{
	font-size: 16px;
}

.font30{
	font-size: 30px;
}

.col2b{
	color: #2b2b2b;
}
.colc0,.secondTitle.colc0{
	color: #c0c0c0;
}

.bgf5{
	background: #f5f5f5;
}
.bgfff{
	background: #fff;
}

li{
	list-style: none;
}

.fr{
	float: right;
}

.fl ,.menuList li{
	float: left;
}

a,a:hover,a:visited{
	text-decoration: none;
}

.header,.header .container,.menuBox,.menuList li{
	height: 79px;
	/*background-image: url("img/NewImage/headerBg.jpg");*/
	/*style="background-image: url('img/NewImage/headerBg.jpg');width: 100%"*/
}
.header.fixed,.header.fixed .container,.fixed .menuBox,.fixed .menuList li{
	height: 60px;
}

.header.fixed{
	 position: fixed;
    width: 100%;
    top: -70px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
    transition: background 500ms ease, -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease, background 500ms ease;
    transition: transform 500ms ease, background 500ms ease;
    transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
    -webkit-transition: transform 500ms ease, background 500ms ease;
    z-index: 5;
}

.header .container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;

}

.header .logo{
	width: 159px;
	height: 37px;
}
.header .menuBox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-basis:100%;
	justify-content: flex-end;
}
.menuList{
	margin-bottom: 0;
}

.menu-item.active a{
	color: #ffc72e;
}

.header .menuBox a{
	color: #a34d8e;
	display: block;
	padding: 0 1rem;
	line-height: 79px;
}

.header.fixed .menuBox a{
	line-height: 60px;
}

.menu-item.active a{
	color: #ffc72e;
}

.bannerBox{
	width: 100%;
	height: 575px;
	/*background: url("../img/banner.jpg") no-repeat;
	background-size: 100% 100%;*/
}
.second .bannerBox{
	height: 375px;
}

.section{
	padding: 0px 0 0px;
}

.section h4{
	font-size: 24px;
	color: #212121;
	margin-bottom: 0px;
}

.section.sensation h4,.section.cooperative h4{
	color: #fff;
}

.secondTitle{
	font-size: 20px;
	color: #999999;
	margin: 25px 0;
}

.text-muted{
	text-indent: 2em;
	margin-bottom: 0;
}

.contantBox .text-muted{
	width: 86%;
	margin:0 auto 20px;
}

.section .line{
	background: transparent;
	border-top: dashed 1px #bcbbb6;
	margin: 20px 0;
}

.contantBox h5{
	font-size: 16px;
	color: #333;
	margin: 20px 0;

}

.liveService .contantBox h5{
	margin-bottom: 20px;
}

.productBox{
	background: #000;
	position: relative;
	margin-bottom: 15px;
}

.productBox_aboutme{
	position: relative;
	margin-bottom: 15px;
}

.productBox_aboutme img.product{
	width: 291px;
	height: 186px;
}

.productBox img.product{
	width: 100%;
	opacity: .5;
}
.liveColumn .productBox img.product,.other .productBox img.product{
	opacity: 1;
}

.productBox img.play{
	width: 69px;
	height: auto;
	position: absolute;
	right:  0;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 2;
}

.textContant{
	width: 100%;
	padding: 0 5%;
	background: rgba(255,255,255,.8);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.other .textContant{
	position: relative;
}

.proTitle{
	font-size: 14px;
	color: #212121;
	padding: 5px 0;
	font-weight: bold;
}

.intro{
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
}
.other .intro{
	font-size: 14px;
}

.more{
	color: #4ab344;
	font-size: 18px;
}

.sensation{
	background: url("../img/bg.png") no-repeat;
	background-size: 100% 100%;
}

.sensationImg{
	width: 100%;
	margin-top: 20px;
}

.other .intro{
	width: 70%;
	margin: 0 auto;
}

.cooperative{
	background: url("../img/bg02.png") no-repeat;
	background-size: 100% 100%;
}

.cooperative .contantBox .col-lg-2{
	width: 16.6%;
	max-width: 16.6%;
	flex: 0 0 16.6%;
}
.cooperative .contantBox .col-lg-2 p{
	position: relative;
	height: 80px;
	margin-bottom: 10px;
	background: #fff;
}
.cooperative .contantBox img{
	 position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
    max-height: 100%;
    border: 0;
}

.contentUs{
	background: #282828;
	color: #fff;
	padding: 0px 0 0px;
}

.contentUs ul{
	line-height: 30px;
	margin-top: 35px;
}

.tel img{
	height: 30px;
	margin-right: 12px;
}

.footer{
	height: 60px;
	line-height: 60px;
	background: #000;
	color: #fff;
	font-size: 12px;
}


.footer a{
	color: #fff;
}


.second p.local{
	font-size: 24px;
	color: white;
	margin: 45px 0;
}

.second .section{
	min-height: 1000px;
	margin-top: 0;
	padding-top: 0;
}

.second .col-lg-4,.other .col-lg-3{
	margin-bottom: 20px;
}
.col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

	.col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
@media (max-width: 1000px){
	.container,body{
		min-width: 1000px;
	}
	.menuList{
		padding-right: 100px;
	}
}
#aboutUs{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
/*图片部分的设置*/
#aboutUsImg{
	width: 100%;
	height: 100%;
}
/*文字的设置*/
#liver{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:33%;
	font-size:1.5em ;

}
#liver1{
	 width: 50%;
	 position:absolute;
	 color: white;
	 text-align: center;
	 top:33%;
	right: 5%;
	 font-size:1.5em ;

 }
#liver2{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:50%;
	font-size:1.5em ;

}
#liver3{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:50%;
	right: 5%;
	font-size:1.5em ;

}
#liver4{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:69%;
	font-size:1.5em ;

}
#liver5{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:67%;
	right: 5%;
	font-size:1.5em ;
}
#liver6{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:85%;
	font-size:1.5em ;

}
#liver7{
	width: 50%;
	position:absolute;
	color: white;
	text-align: center;
	top:85%;
	right: 5%;
	font-size:1.5em ;
}
#strength{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
#strengthShuffing{
	/*width: 50%;*/
	position:absolute;
	color: white;
	text-align: center;
	margin-top: 20%;
}

.dynanum{
	font-size: 48px;
	color:white;
	padding:2px;
	display:inline-block;
	text-align:right;
}
.leftADiv{
	float: left;
	margin-top: 70px;
	position: absolute;
	width: 25%;
	height: 50%
}
.liveBgI{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;

}

/*!*float: left;margin-top: 70px;position: absolute;width: 25%;height: 50%*!*/
/*#rightB{*/
/*	float:left;*/
/*	text-align: right;*/
/*	margin-left: 75%;*/
/*	margin-top: 170px;*/
/*	position: absolute;*/
/*	width: 25%;*/
/*	height: 50%*/
/*	!*width: 50%;*!*/
/*	!*position:absolute;*!*/
/*	!*color: white;*!*/
/*	!*text-align: center;*!*/
/*	!*top:85%;*!*/
/*	!*right: 5%;*!*/
/*	!*font-size:1.5em ;*!*/
/*}*/
