*{
	margin: 0;
	padding: 0;
}
.banner{
	width: 100%;
	height: 353px;
	background: url(/images/new16/ban_TV.png) no-repeat center top;
}
.content-navs {
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ececec;
}
.content-navs ul {
    margin: 0 auto;
    width: 1000px;
}
.content-navs ul li {
    float: left;
    font-size: 18px;
    line-height: 65px;
    text-align: center;
    width: 25%;
}
.content-navs li.on a {
    color: rgb(255,90,0);
    font-weight: bold;
}
.hl_logobg {
    background-color: rgb(255,255,255);
}
.hl_logo_bg_4 {
    background-color: #DE3E52;
}
.hl_logo_bg_5 {
    width: 1100px;
    min-height: 44px;
    margin: 0px auto;
}
.hl_logo_bg_5text1 {
    line-height: 44px;
    color: rgb(255,255,255);
    font-size: 16px;
    border-right: 1px solid rgb(223,98,12);
    padding-right: 50px;
    margin-right: 50px;
    float: left;
}
.hl_logo_bg_5text2 {
    float: left;
}
.hl_logo_bg_5text2 ul {
    float: left;
}
.hl_logo_bg_5text2 ul li {
    float: left;
}
.hl_logo_bg_5text2 ul li.on a {
    font-weight: bold;
}
.hl_logo_bg_5text2 a {
    color: rgb(255,255,255);
    font-size: 14px;
    padding: 0px 15px;
    text-decoration: none;
    display: block;
    float: left;
    line-height: 44px;
    margin: 0px;
    position: relative;
}
.hl_logo_bg_5text2 a:hover{
	color: #fff;
}
.hl_logo_bg_5text2_1 {
    position: absolute;
    z-index: 4;
    width: 20px;
    height: 14px;
    background-position: -120px 0px;
    background-image: url("http://hl.163ns.com/images/new16/yx/hl_img_001.png");
    background-repeat: no-repeat;
    bottom: -13px;
    left: 50%;
    margin-left: -10px;
}
.wrapper_one, .wrapper_three, .sevice_gg{
	width: 100%;
	padding:55px 0 55px 0;
	height: auto;
	overflow: hidden;
	zoom: 1;
	background-color: #fff;
}
.width_1200{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.width_1200 div.left{
	width: 40%;
	float: left;
}
.width_1200 div.left img{
	max-width: 100%;
}
.width_1200 div.right{
	width: 55%;
	float: right;
}
.width_1200 div.right p{
	font-size: 14px;
	color:#666666;
	line-height: 30px;
	margin-top: 30px;
}
.width_1200 div.right p span{
	color: #EE4358;
}
.width_1200 div.right h3{
	font-size: 24px;
	color: #EE4358;
	font-weight:normal;
	margin-top: 30px;
}
.wrapper_two,.cctv_case{
	width: 100%;
	padding:55px 0 55px 0;
	height: auto;
	overflow: hidden;
	zoom: 1;
	background-color: #F3F5F8;
}
.width_1200 h2{
	font-size: 28px;
	font-weight: normal;
	text-align: center;
}
.dlgroup{
	width: 94%;
	margin: 0 auto;
	padding: 0 3% 0 3%;
	height: auto;
	overflow: hidden;
	zoom: 1;
	background-color: #fff;
	margin-top: 55px;
}
.dlgroup dl{
	width: 33.275%;
	float: left;
	border-right: #F1F1F1 solid 1px;
	height: auto;
	overflow: hidden;
	zoom: 1;
	padding: 3% 0 3% 0;
	text-align: center;
}
.dlgroup dl dt{
	height: 122px;
	line-height: 122px;
}
.dlgroup dl dt img{
	max-width: 100%;
}
.dlgroup dl.Last{
	border-right: 0;
}
.dlgroup dl dd.js{
	font-size: 14px;
	height: 175px;
	line-height: 30px;
	color: #777777;
	text-align: center;
}
.dlgroup dl dd.zx{
	font-size: 14px;	
}
.dlgroup dl dd.zx a{
	width: 155px;
	margin: 0 auto;
	display: block;
	height: 39px;
	line-height: 39px;
	border: #EE4358 solid 1px;
}
.dlgroup dl dd.zx a:hover{
	color: #fff;
	background-color: #EE4358;
}
.fwnr{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom: 1;
	margin-top: 50px;
	text-align: center;
}
.fwnr img{
	max-width: 100%;
}
.wrapper_four , .wrapper_five, .wrapper_six{
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.wrapper_four .left2{
	width: 77%;
	padding-left: 3%;
	float: left;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.wrapper_four .left2 p,.wrapper_five .right3 p, .wrapper_six .left2 p, .wrapper_SEVEV .left2 p{
	font-size: 15px;
	line-height: 35px;
}
.wrapper_four .left2 h3,  .wrapper_five .right3 h3, .wrapper_six .left2 h3, .wrapper_SEVEV .left2 h3{
	font-weight: normal;
	font-size: 22px;
	height: 30px;
	line-height: 30px;
	border-left: #EE4358 solid 5px;
	padding-left: 1%;
	margin-top: 6%;
	margin-bottom: 4%;
}
.wrapper_four .right2{
	width: 20%;
	float: left;
	text-align: center;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.wrapper_five{
	background-color: #FFF;
}
.wrapper_five .left3{
	width: 55%;
	float: left;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
 .wrapper_five .right3{
 	width: 45%;
	float: right;
	height: auto;
	overflow: hidden;
	zoom: 1;
 }
.wrapper_five .left3 img{
	max-width: 100%;
	float: left;
}
.wrapper_six .left2 {
	width: 57%;
	padding-left: 3%;
	float: left;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
 .wrapper_six .right2{
	width: 38%;
	float: right;
	text-align: center;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.wrapper_SEVEV .left2{
	width: 47%;
	padding-left: 3%;
	float: left;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.wrapper_SEVEV .right2{
	width: 50%;
	float: right;
	text-align: center;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.wrapper_SEVEV .right2 img{
	max-width: 100%;
	text-align: center;
}

/*央视运用场景*/
.wrapper_black{
	width: 100%;
	padding: 55px 0 55px 0;
	height: auto;
	background-color: #2A2A2A;
}
.wrapper_black h2{
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-weight: normal;
}
.width2_1200{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	margin-top: 50px;
}
.small_content{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.small_content .box div {
	width:1000%;
	height:390px;
	overflow: hidden;
	zoom: 1;
	display: none;
}
.small_content .box div.active {
	display: block;
}
.Dots {
	width: 3%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	zoom: 1;
	text-align: center;
	margin-top: 20px;
}
.Dots a {
	width:10px;
	height:10px;
	float:left;
	display:block;
	background-color:#9F9E9E;
	margin-left:8px;
	border-radius:50%;
}
.Dots a.active {
	background-color:#EE4358;
}
.small_content .box div dl{
	width: 367px;
	/*width: 33%;*/
	float: left;
	margin-right: 0.3%;
	text-align: center;
}
.small_content .box div dl dt{
	width: 100%;
	height: 326px;
}
.small_content .box div dl dt img{
	max-width: 100%;
}
.small_content .box div dl dd{
	color: #fff;
	font-size: 18px;
	height: 65px;
	line-height: 65px;
}
.cctv_case h2{
	font-size: 24px;
	text-align: center;
	font-weight: normal;
}
.case{
	margin-top: 45px;
	height: auto;
	overflow: hidden;
	zoom: 1;
}
.cctv_case dl{
	width: 30%;
	text-align: center;
	float: left;
	height: auto;
	overflow: hidden;
	zoom: 1;
	background-color: #fff;
	padding: 1%;
	margin-left: 1%;
}
.cctv_case dl.fcg{
	margin-left: 0;
}
.cctv_case dl dt{
	height: 337px;
}
.cctv_case dl dd{
	color: #444444;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.sevice_gg h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	
}
.tb_gp{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	zoom: 1;
	margin-top: 40px;
}
.bbCompared-tab {
    -moz-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.08);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    background-color: #fff;
    font-size: 14px;
    color: #333;
    line-height: 18px;
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}
.bbCompared-tabHead{
	height:60px ;
	line-height: 60px;
}
.bbCompared-tab .wid-a {
    width: 90px;
    background-color: #E9EEF5;
    font-size: 16px;
    font-weight: 800;
    line-height: 55px;
}
.bbCompared-tab th {
    padding: 25px 5px;
    font-size: 16px;
}
.bbCompared-tab .wid-b1 {
    width: 370px;
    background-color:#F8C16B ;
    color: #fff;
}
.bbCompared-tab th {
    padding: 25px 5px;
    font-size: 16px;
}
.bbCompared-tab td, .bbCompared-tab th {
    border: 1px solid #eaeaea;
    border-top: 0;
    border-right: 0;
    text-align: center;
    padding: 10px 5px;
}
.bbCompared-tab .wid-c {
    width: 348px;
}
.bbCompared-tab .bg-a {
    background-color: #42A3D0;
    color: #fff;
}
.bbCompared-tab .bg-b{
	background-color: #EF6375;
    color: #fff;
}
.bbCompared-tab  .bg-c{
	height: 65px;
	line-height: 35px;
}
/*部分动画*/
 .part_one_animate {
    animation: roate 2s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}

@-webkit-keyframes roate {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes roate {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
.content_three_animate{
	animation: roate2 2s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@-webkit-keyframes roate2 {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes roate2 {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
.content_four_animate{
	animation: roate3 2s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@-webkit-keyframes roate3 {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes roate3 {
	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
.content_sev_animate{
	animation: roate4 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@-webkit-keyframes roate4 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes roate4 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}
.content_thirteen_animate{
	animation: rotateInDownRight 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}
.content_thirteen_animateL{
	animation: rotateInDownLeft 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}
.imgroate{
	-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.imgroate2{
	-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}



.in_nr7_fr {
    width: 100%;
    height: 144px;
    overflow: hidden;
    background: #ee4358 no-repeat scroll center top;
}
.in_nr7 {
    width: 1200px;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
}
.in_nr7 span.sp1 {
    line-height: 144px;
    color: rgb(255,255,255);
    font-size: 24px;
    margin-left: 200px;
}
.in_nr7 span {
    float: left;
}
.in_nr7 a.a1 {
    width: 188px;
    height: 50px;
    display: inline-block;
    background-color: rgb(150,203,17);
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: rgb(255,255,255);
    margin-top: 45px;
    margin-left: 97px;
}
.in_nr7 a {
    float: left;
}
.in_nr7 span.sp3 {
    line-height: 144px;
    color: rgb(255,255,255);
    font-size: 14px;
    margin: 0px 53px;
}
.in_nr7 span {
    float: left;
}
.in_nr7 label {
    float: left;
    margin-top: 40px;
    position: relative;
}
.in_nr7 label a {
    display: block;
    line-height: 30px;
    padding: 5px 0px 5px 37px;
    color: rgb(255,255,255);
    font-size: 14px;
    background: transparent url("http://hl.163ns.com/images/new16/yx/q2.gif") no-repeat scroll left 0px;
    position: absolute;
    left: 100px;
    top: -11px;
}
.in_nr7 a {
    float: left;
}
.in_nr7 label b {
    float: left;
    width: 14px;
    height: 36px;
    display: inline-block;
    background: transparent url("http://hl.163ns.com/images/new16/yx/hl_img.png") no-repeat scroll -553px 0px;
}
.in_nr7 label p {
    width: 240px;
    float: left;
    margin-left: 10px;
    font-size: 14px;
    color: rgb(255,255,255);
}