@charset "utf-8";
/*    __banner
----------------------------------------------*/
.videoBannerTitle{width:100%; height:580px; background:url(../images/aboutus/banner-5.jpg) no-repeat top center; }
.videoBannerTitle .title01,.videoBannerTitle .title02{max-width:1120px;color:#fff;}
.videoBannerTitle .title01{ font-size:50px; padding-top:200px; font-weight:600;margin-left:500px;}
.videoBannerTitle .title02{ font-size:18px; color:#fff; opacity:0.75; padding-top:33px; padding-left:3%; letter-spacing:0.5px;}
.videoBannerTitle .title02 p{ width:525px; text-align:center; line-height:34px;}

/*    __videoSunmary
----------------------------------------------*/
.warp{ width:1120px; margin:0 auto; padding-bottom:70px; padding-top:40px;}
.sunPic1{ width:50%; height:330px; float:right;}
.sunPic1 img{ width:100%; height:auto;}
.sunInfo1{ width:50%; height:330px; float:left; }
.sunTitle1{ font-size:20px; text-align:right; padding-right:20px; padding-top:10px; padding-bottom:15px; font-weight:600;}
.sunInfo1 p{ color:#666; line-height:20px; padding-right:20px; text-align:right;  font-size:16px; text-indent:30px;}


.sunPic2{ width:50%; height:330px; float:left;}
.sunPic2 img{ width:100%; height:auto;}
.sunInfo2{ width:50%; height:330px; float:right; padding-top:70px;  }
.sunTitle2{ font-size:20px; text-align:left; padding-top:10px; padding-left:20px; padding-bottom:15px; font-weight:600;}
.sunInfo2 p{ color:#666; line-height:20px; font-size:15px; text-indent:30px; text-align:left}

@media screen and (min-width: 2000px){
.videoBannerTitle .title01{ margin-left:700px; }
	}
@media screen and (min-width: 2500px){
.videoBannerTitle .title01{ margin-left:1200px; }
	}
@media screen and (min-width: 2800px){
.videoBannerTitle .title01{ margin-left:2000px; }
	}
@media screen and (min-width: 3300px){

.videoBannerTitle .title01{ margin-left:1700px; }	}

@media screen and (min-width: 3500px){
.videoBannerTitle .title01{ margin-left:1900px; }
	}
	
@media screen and (min-width: 5000px){
.videoBannerTitle .title01{ margin-left:2600px; }
	}
@media screen and (max-width: 1152px){
    .warp{ width:900px;}
	.sunPic1{ width:425px; margin-top:50px;padding-right:50px;}
	.sunInfo1{ width:47%; height:330px; float:left; }


	.sunTitle1{ }
	.sunInfo1 p{ font-size:12px; line-height:16px; text-align:right}
	.sunPic2{ width:425px;}
	.sunTitle2{ padding-left:30px;}
	.sunInfo2 p{padding-left:30px; font-size:12px; line-height:16px; text-align:left}
}




/*    __funIcon
----------------------------------------------*/
.warpGray{ background:#f6f7f9; padding-top:70px;}
.warpWhite{ background:none;}
.subTitle{ font-size:32px; font-weight:600; text-align:center;}
.functionClomn{ width:1120px; margin:45px auto 0;}
.funIcon{ width:517px; height:493px; margin:23px auto 0; position:relative; background:url(../images/Video/function-icon.jpg) no-repeat;}
.funText{ width:270px; text-align:right; position:absolute; top:-23px; left:-294px;transition-duration:.6s; cursor:pointer; }
.funText:hover{transform:translateX(-12px) scale(1,1); }
.funSubtitle{ font-size:22px; margin-bottom:6px;}
.funInfo{ color:#666; line-height:22px;}
.funText02{top:143px;}
.funText03{top:353px; width:210px; left:-233px;}
.funText04{ text-align:left; left:541px;}
.funText05{ text-align:left; top:143px; left:541px;}
.funText06{ text-align:left; top:353px; left:541px;}
@media screen and (min-width: 2000px){

.warpGray{ width:60%}
	}

@media screen and (min-width: 2800px){
.warpGray{ width:60%}
	}


@media screen and (min-width: 3500px){
.warpGray{ width:60%}
	}



@media screen and (max-width: 1152px){
    .functionClomn{ width:900px;}
	.funText{ width:170px; left:-194px;}
	.funText04{ left:541px;}
	.funText05{ left:541px;}
	.funText06{left:541px;}
}

/*    __superior
----------------------------------------------*/
.superiorClomn{ width:1120px; margin:0 auto;}
.supList{ padding-bottom:104px;}
.supList li{ width:33.33%; height:315px; float:left;transition-duration:.6s;}
.supIcon{ width:96px; height:96px; border-radius:50%; text-align:center; border:2px dashed #0080ff; margin:45px auto 0;}
.supIcon .iconfont{ font-size:50px; color:#0080ff; margin:0; position:relative; top:38px;}
.supTitle{ font-size:22px; text-align:center; margin:36px 0 16px;}
.supList p{ padding:0 50px; line-height:22px; color:#666; text-align: center;}
.supList li:nth-child(2) .iconfont{ font-size:48px;top:33px;}
.supList li:nth-child(3) .iconfont{ font-size:56px;}
.supList li:nth-child(4) .iconfont{ font-size:44px;}
.supList li:nth-child(5) .iconfont{ font-size:50px;}
.supList li:nth-child(6) .iconfont{ font-size:46px;}
@media screen and (max-width: 1152px){
    .superiorClomn{ width:900px;}
}
.supList li:hover{transform:translateX(-12px) scale(1,1); cursor:pointer;}
.subTitle02{ max-width:930px; font-size:16px; text-align:center; color:#999; line-height:25px; margin:16px auto 0;}
.industry{ width:769px; height:436px; margin:40px auto 0; padding-bottom:70px;}
.omdistryPic{transition-duration:.6s;}
.omdistryPic:hover{transform:translateY(-12px) scale(1,1); cursor:pointer; }