.wrapper{
	width: 1400px;
	margin: 0 auto;
}

/*title*/
.title{
	position: relative;
	margin: 40px auto;
	text-align: center;}
.title::before{
	content: '';
	display: block;
	height: 2px;
	width: 340px;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -170px;
	background-color: #000;
}
.title::after{
	content: '';
	display: block;
	height: 8px;
	width: 340px;
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -170px;
	background-color: #000;
}
.title h1{
	font-size: 40px;
	font-weight: bold;
	color: #444444;
}

.ads{
	width: 100%;
	position: relative;
}
.ads img{
	width: 100%;
	display: block;
}
.zixun{
	position: absolute;
    width: 16%;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
}
.zixun-bg{
	width: 100%;
}
.zixun-bg img{
	width: 100%;
	display: block;
}

.ads-link{
	position: absolute;
	top: 0;
	right: 10%;
	display: block;
	width: 40%;
	height: 100%;
}

/*.banner*/
.banner{
	width: 100%;
	font-size:0px;
}
.banner	img{
	width: 100%;
}

/*.section1*/
.section1{width: 100%;margin:50px auto 0;}
.section1 .title{
	text-align: center;
}
.section1 .title h1{
	font-size: 50px;
	font-weight: bold;
}
.section1 .title h1 span{
	color: #ff0000;
}
.section1-content{
	margin-top: 20px;
	cursor: pointer;
}
.swiper-wrapper{width: 100%;}
.swiper-button-prev{
	width: 44px;
	height: 44px;
	margin-top: -70px;
	left: -4px;
	background: url(images/prev-active.png) no-repeat;
	background-size: 100% 100%;
}
.swiper-button-next{
	width: 44px;
	height: 44px;
	margin-top: -70px;
	right: -4px;
	background: url(images/next-active.png) no-repeat;
	background-size: 100% 100%;
}
.section1-item{
	width: 20%;
	height: auto;
	float: left;
	/*margin-left: 4%;*/
	margin-bottom: 30px;
}
.section1-item-img{width: 100%;}
.section1-item-img img{
	display: block;
	width: 100%;}
.section1-item p {
    margin-top: 5px;
    font-size: 16px;
    font-family: '文鼎CS中黑';
    color: #121145;
}
.section1-item p span{
	font-weight: bold;
	color: #500000;}

/*.section2*/
.section2{
	width: 100%;
	margin-top: 80px;
}
.ads-way{
	width: 100%;
	margin: 100px 0 50px 0;
	font-size: 0;
}
.ads-way img{
	width: 100%;
}
.way-list{
	width: 100%;
	margin: 96px 0 20px 0;
}
.way-item{
	position: relative;
	float: left;
	width: 26%;
	height: 224px;
	margin-left: 83px;
	border: 3px solid #444444;}
.way-item-title{
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: -107px;
	width: 214px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	background-color: #444444;
	border-radius: 25px;}
.way-item-title span{font-size: 25px;}
.way-item-txt{
	padding: 46px 20px 30px 20px;
}
.way-item-txt p{
	font-size: 22px;
    font-weight: bold;
    line-height: 32px;
}

/*section3*/
.section3{
	margin-top: 90px;
}
.section3 .title h1{
	font-size: 52px;
}
.section3 .title::before{
	width: 430px;
    margin-left: -215px;
}
.section3 .title::after{
	width: 430px;
    margin-left: -215px;
}

.section3-item{
	width: 45%;
	height: 506px;
    float: left;
    margin-top: 90px;
    margin-left: 3.33%;;
}
.section3-item-img{
	width: 100%;
	font-size: 0;
}
.section3-item-img img{width: 100%;}
.section3-item h3{
	margin-top: 14px;
	font-size: 36px;
	font-weight: bold;
	font-family: '方正大黑简体';
	color: #444;
}
.section3-item p{
	margin-top: 8px;
	font-size: 20px;
	font-weight: bold;
	font-family: '方正大黑简体';
	color: #444;
}

/*section4*/
.section4{
	margin-top: 90px;
}
.section4 .title h1{
	font-size: 52px;
}
.section4 .title::before{
	width: 430px;
    margin-left: -215px;
}
.section4 .title::after{
	width: 430px;
    margin-left: -215px;
}

.section4-content{
	width: 100%;
	margin: 122px 0 75px 0;
	position: relative;
}
.section4-content img{
	width: 100%;
	display: block;
}
.one-pos{
	position: absolute;
	top: 5%;
    right: 13%;
}
.two-pos{
	position: absolute;
	top: 35%;
    right: 13%;
}
.three-pos{
	position: absolute;
	top: 56%;
    right: 11.5%;
}
.section4-item h3{
	font-size: 36px;
	font-family: '黑体';
}
.section4-item p{
	font-size: 25px;
	font-family: '黑体';
	color: #010101;
}
.section4-txt{
	position: absolute;
	left: 20%;
    bottom: -4%;
}
.section4-txt p{
	font-size: 22px;
	font-family: '黑体';
	color: #000;
	line-height: 30px;
}

.section4-list{
	width: 100%;
}
.section4-list li{
	width: 50%;
    height: 138px;
    float: left;
}
.section4-list li p{
	padding: 30px;
	font-size: 26px;
	font-family: '微软雅黑';
}
.section4-list li:nth-child(1){
	background: #f7f7f7;
}
.section4-list li:nth-child(2){
	background: #efefef;
}
.section4-list li:nth-child(3){
	background: #e7e7e7;
}
.section4-list li:nth-child(4){
	background: #d8d8d8;
}

/*section5*/
.section5{
	margin-top: 140px;
}
.section5 .title h1{
	font-size: 52px;
}
.section5 .title::before{
	width: 350px;
	margin-left: -175px;	
}
.section5 .title::after{
	width: 350px;
	margin-left: -175px;	
}

.section5-content{margin-top:80px;}
.section5-content-title{
	width: 330px;
	height: 65px;
	margin-left: 90px;
    margin-top: 130px;
    margin-bottom: 60px;
	background-color: #003c6e;
	color: #fff;
	line-height: 65px;
	text-align: center;
}
.section5-content-title p{
	font-size: 54px;
}
.section5-list-item{
	width: 44%;
	float: left;
    margin-left: 4%;
}
.section5-list-item img{width: 100%;}

.anli{
			width: 100%;
			margin: 0 auto;
		}
		.anli ul{
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
		}
		.anli ul li{
			width: 48%;
			height: 285px;
			margin-bottom: 30px;
			overflow: hidden;
		}
		.video-box-img {
		    width: 100%;
		    position: relative;
		}
		.video-box-img img {
		    display: block;
		    cursor: pointer;
		    width: 100%;
		    transition: all .6s;
		    -webkit-transition: all .6s;
		}
		.video-box-img .bofang {
		    position: absolute;
		    left: 50%;
		    top: 50%;
		    width: 64px;
		    height: 64px;
		    margin-left: -32px;
		    margin-top: -32px;
		}
		.video-box-img .bofang img {
		    width: 100%;
		    opacity:0.3;
		}

/*section6*/
.section6{
	/* margin-top: 140px; */
}
.section6 .title h1{
	font-size: 52px;
}
.section6 .title::before{
	width: 430px;
    margin-left: -215px;	
}
.section6 .title::after{
	width: 430px;
    margin-left: -215px;
}

.hd-section6-process{
	position: relative;
	width: 100%;
	height: 260px;
	margin-top: 100px;
    margin-bottom: 125px;
}
.hd-section6-processBar{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	width: 100%;
	height: 2px;
	background: #003c6e;
}
.hd-section6-processBar1{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 4px;
	width: 100%;
	height: 6px;
	background: #003c6e;
}

.hd-section6-processBox{
	position: absolute;
	top: 16px;
	width: 160px;
	text-align: center;
}
.hd-section6-processBox .number{
	width: 74px;
    height: 74px;
	margin: 0 auto;
	border-radius: 10px;
	background-color: #003c6e;
	color: #fff;
	font-size: 50px;
    line-height: 74px;
}
.hd-section6-processBox .dot{
	width: 22px;
    height: 22px;
	margin: 32px auto;
	background-color: #003c6e;
	border-radius: 50%;
	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
	behavior: url(ie-css3.htc);
}
.hd-section6-processBox .info{
	text-align: left;
	color: #003c6e;
	font-size: 16px;
	font-weight: 500;
	font-family: '微软雅黑';
}
.hd-section6-processBox .info .h3{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	font-family: '微软雅黑';
}
.hd-section6-processOne{
	left: 12%;
}
.hd-section6-processTwo{
	left: 29%;
}
.hd-section6-processThree{
	left: 46%;
}
.hd-section6-processFour{
	left: 63%;
}
.hd-section6-processFive{
	left: 80%;
}


.iptv-phone {
    width: 35%;
    margin: 75px auto;
}
.iptv-phone-icon img{
    width: 100%;
}



@media screen and (max-width: 1680px){
	.wrapper{width: 1300px;}
	
	.section3-item{height: 460px;}

	.section5-content-title p {font-size: 48px;}
	.section5-content-title {
	    width: 255px;
	    margin-left: 72px;
	    margin-top: 110px;
	    margin-bottom: 46px;}

	.one-pos {right: 7%;}
	.two-pos {
	    right: 7%;
	}
	.three-pos {
	    top: 62%;
    	right: 5.5%;
	}

	.hd-section6-processOne{
		left: 9%;
	}
	.hd-section6-processTwo{
		left: 26%;
	}
	.hd-section6-processThree{
		left: 44%;
	}
	.hd-section6-processFour{
		left: 62%;
	}
	.hd-section6-processFive{
		left: 79%;
	}

}

@media screen and (max-width: 1600px){
	.wrapper{width: 1200px;}

	.section4 .title h1 {font-size: 42px;}

	.section4 .title::before {
	    width: 360px;
	    margin-left: -180px;
	}
	.section4 .title::after {
	    width: 360px;
	    margin-left: -180px;
	}

	.section4-list li{height: 118px;}
	.section4-list li p{font-size: 20px;}

	.section3 .title h1 {font-size: 42px;}
	.section3 .title::before {
	    width: 360px;
	    margin-left: -180px;
	}
	.section3 .title::after {
	    width: 360px;
	    margin-left: -180px;
	}

	.section3-item h3{font-size: 30px;}
	.section3-item p{font-size: 18px;}
	.section3-item {height: 390px;}

	.section4-item h3 {font-size: 30px;}
	.section4-item p {font-size: 21px;}
	.one-pos {right: 9%;}
	.two-pos {
	    top: 37%;
	    right: 9%;
	}
	.three-pos {
	    top: 62%;
	    right: 7.5%;
	}

	.section5-content-title {
	    width: 183px;
	    height: 58px;
	    margin-left: 64px;
	    margin-top: 110px;
	    margin-bottom: 46px;
	}
	.section5-content-title p {font-size: 36px;}

}

@media screen and (max-width: 1440px){
	.wrapper{width: 1100px;}


}

@media screen and (max-width: 1400px){
	.wrapper{width: 980px;}
	
	.section4 {
    	margin-top: 70px;
	}
	.section4 .title h1 {
	    font-size: 36px;
	}

	.section4 .title::before {
	    width: 310px;
	    margin-left: -155px;
	}
	.section4 .title::after {
	    width: 310px;
	    margin-left: -155px;
	}

	.section4-content{margin: 94px 0 75px 0;}

	.section4-list li {height: 108px;}
	.section4-list li p {font-size: 16px;}

	.section3 .title h1 {
	    font-size: 36px;
	}
	.section3 .title::before {
	    width: 312px;
	    margin-left: -156px;
	}
	.section3 .title::after {
	    width: 312px;
	    margin-left: -156px;
	}
	.section3-item {
	    height: 349px;
	}

	.section5-content-title {
	    width: 158px;
	    height: 52px;
	    line-height: 52px;
	    margin-left: 56px;
	    margin-top: 110px;
	    margin-bottom: 46px;
	}

	.section6 .title h1 {
	    font-size: 36px;
	}
	.section6 .title::before {
	    width: 308px;
	    margin-left: -154px;
	}
	.section6 .title::after {
	    width: 308px;
	    margin-left: -154px;
	}

}