*{margin:0;padding:0;}


html {
    font-size: 200% !important;
    /*1rem=32px*/
}
.body{
/*height: 4967px;*/
}
.top{
  width: 100%;
  position: relative;
}
.top_back{
  width: 100%;
  height:873px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.top1{
  width: 100%;
  background-color: #051233;
  height: 74px;
  position: absolute;
  z-index: 1;
  top: 0;
}
.logo{
	width: 160px;
  height: 56px;
  margin-left: 45px;
  margin-top:12px;
	float: left;
}
.logo img{
	width: 100%;
	
}
.tel{
	width: 260px;
	height:40px;
	float: right;
	margin-top: 16px;
	margin-right: 46px;
}
.tel img{
	width: 100%;
}

.daohanglan{
	width: 100%;
	position: absolute;
	top: 74px;
	z-index: 3;
	background:rgba(5,18,51,0.7);
	height: 42px;
	padding-left:0;
}
.daohanglan a>div{
	margin-right: 20px;
	height: 100%;
	width: 88px;
	line-height: 42px;
	float: left;
	font-size:0.4375rem;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(255,255,255,1);
	text-align: center;
}
.daohanglan a:nth-child(1)>div{
	margin-left: 18px;
} 
.selected{
	background:rgba(61,79,115,1);
}
.selected1{
	background:rgba(61,79,115,1);
}
.top2{
	border: 1px solid #fff;
	width: 230px;
	height: 28px;
	position: absolute;
	top: 80px;
	right: 47px;
	border-radius: 99999px;/*极大值，代表根据高度的圆角*/
	z-index: 3;
}
.top2 input{
	height: 100%;
	width: 80%;
	margin-left: 6%;
	position: absolute;
	background: initial;
    border: 0;
    color: #fff;
    font-size: 
}
.top2 input::-webkit-input-placeholder{
        color:rgba(255,255,255,0.7);  
}
.top2 input::-moz-placeholder{ 
        color:rgba(255,255,255,0.7);       
}
.top2 input:-ms-input-placeholder{  
        color:rgba(255,255,255,0.7);   
}
.top2 img{
	width: 12.28%;
	position: absolute;
	right: 3.07%;
}

.row2{
   width: 100%;
   margin-top: 100;
   text-align: center;
}
.row2 img{
   width: 520px;
}

.row3{
	margin-top:67px;
	width: 100%;
	height: 1083px;
	background-color: #3D4F73;
	overflow: hidden;
}
.row3_tit{
	margin-top: 43px;
	font-size:1.125rem;
	font-family:Source Han Sans CN;
	font-weight:800;
	color:rgba(255,255,255,1);
	width: 100%;
	text-align: center;
}
.row3_icon{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.row3_icon img{
	width: 609px;

}
.row4{
	margin-top: 182px;
	font-size:1.125rem;
	font-family:Source Han Sans CN;
	font-weight:800;
	color:rgba(51,51,51,1);
	width: 100%;
	text-align: center;
}

.row5{
	margin-top:70px;
	width: 100%;
}
.popup{
  width: 100%;
  position: relative;
}
.popup_back{
	text-align: center;
    width: 100%;
}
.popup_back img{
	width: 1004px;
  height:493px;

}
.popup_btn{
  width: 186px;
  position: absolute;
  left: 62%;
  top: 365px;
}
.popup_btn img{
  width: 100%;
}
.popup_input{
    width: 200px;
    margin: 0 auto;
    position: absolute;
    top: 174px;
    height: 145px;
    left: 0;
    right: 0;
    padding-left: 540px;

}
.popup_input input{
	width: 100%;
	height: 38px;
	border: 0;
    background: initial;
}
.popup_input input:focus{
    border: initial !important;
}
.popup_input>input:nth-child(2),.popup_input>input:nth-child(3){
	margin-top: 14px;
}


.row6{
	margin-top: 297px;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 1080px;
	background-color: #3D4F73;
}
.row6_tit{
	margin-top: 136px;
	font-size:1.125rem;
	font-family:Source Han Sans CN;
	font-weight:800;
	color:rgba(255,255,255,1);
	width: 100%;
	text-align: center;
}
.row6_tip{
	margin-top: 20px;
	font-size:0.625rem;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(255,255,255,1);
	width: 100%;
	text-align: center;
}
.row6_con{
	margin-top: 79px;
	width: 1004px;
	margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	position: relative;
}
.row6_back{
	width: 100%;
}
.row6_back img{
	width: 100%;
}
.row6_pic{
	width: 47.93%;
    position: absolute;
    top: 7.52%;
    left: 6.17%;
}
.row6_pic img{
    width: 100%;
}
.row6_play1{
    width: 8.75%;
    position: absolute;
    top: 9.72%;
    left: 74.53%;
}
.row6_play1 img{
    width: 100%;
}
.row6_play2{
    width: 8.75%;
    position: absolute;
    top: 41.69%;
    left: 74.53%;
}
.row6_play2 img{
    width: 100%;
}
.row6_play3{
    width: 8.75%;
    position: absolute;
    top: 75.39%;
    left: 74.53%;
}
.row6_play3 img{
    width: 100%;
}
.row7{
   width: 100%;
   text-align: center;
}
.row7 img{
   width: 100%;

}
.row8{
   width: 100%;
   margin-top: 39px;
   text-align: center;
}
.row8 img{
   width: 397px;
}
.row9{
    width: 100%;
    margin-top: 76px;
    text-align: center;
	overflow: hidden;
	height: 1083px;
	background-color: #3D4F73;
}
.row9 img{
   width: 703px;
   margin-top: 94px;
}
.row10{
   width: 100%;
   margin-top: 58px;
   text-align: center;
}
.row10 img{
   width: 1000px;
}
.row11{
    width: 100%;
    text-align: center;
	overflow: hidden;
	height: 210px;
	background-color: #3D4F73;
}
.row11 img{
   width: 417px;
   margin-top: 72px;
}



/*遮罩层*/
.mask {
     width: 100%;
     height: 100%;
     position: fixed;
     background: rgba(0,0,0,0.8);
     z-index: 100;
     top: 0;
     left: 0;
}
/*查看大图，使图片在浏览器中居中显示*/
.bigImg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index:200;
    transform: translate(-50%,-50%);
}


/*遮罩层*/
.mask2{
     width: 100%;
     height: 100%;
     position: fixed;
     background: rgba(0,0,0,0.8);
     z-index: 100;
     top: 0;
     left: 0;
}

/*使视频在浏览器中居中显示*/
.videos{
	width: 35%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.closevideo{
	width: 7.24%;
    position: absolute;
    right: -6.5%;
    top: -6.5%;
}
.closevideo img{
	width: 100%;
}
.videoo{
	width:100%;
	height:75%;
	position:relative;
}
.controls{
	width:100%;
	height:19.17%;
	background-color: #fff;
	position: absolute;
    bottom: 0;
}
.play{
	width:19.71%;
	position: absolute;
    top: 25%;
    left:40%;
    z-index:999;
}
.play img{
	width:100%;
}
.playorstop{
	width:6.67%;
	position: absolute;
    left: 2.03%;
    top: 24%;
}
.playorstop img{
	width:100%;
}
.progressBox{
	width:72.5%;
	height:8.7%;
	background-color:#aaa;
	position: absolute;
    left: 13.91%;
    top: 45.6%;
    border-radius: 10000000000px;
}
.progressBar{
	background-color:#23A8CD;
	border-radius: 10000000000px;
	width:0;
	height:100%;
}
.imgBox{
	width: 3.77%;
    position: absolute;
    left: -2%;
    top: -75%;
}
.imgBox img{
	width: 100%;
}
.biggerBtn{
	width:6.67%;
	position: absolute;
    right: 2%;
    top: 24%;
}
.biggerBtn img{
	width: 100%;
}
.panoo{
	width: 54.6%;
    margin-left: 22.7%;
    margin-top: 9.6%;
}
.panoo img{
	width:100%;
}
.bigVideo{
	width: 100%;
	height:80.83%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}


@media only screen and (max-width:1780px) {
	html {
	    /*font-size: 150% !important;*/
	    /*1rem=24px*/
	}
	.daohanglan>div {
      
    }
    .row6_con{
		margin-left: 20.01%;
	} 
	
}


@media only screen and (max-width:1400px) {
	html {
	    /*font-size: 100% !important;*/
	    /*1rem=24px*/
	}
	 .row6_con{
		margin-left: 11.01%;
	} 
	

	
}
@media only screen and (max-width:1274px) {
	html {
	    /*font-size: 100% !important;*/
	    /*1rem=24px*/
	}
	 .row6_con{
		margin-left: 6%;
	} 
	

	
}
@media only screen and (max-width:1145px){
	/*低于1145静态布局*/
	.content{
		width: 1145px;
	}
}