﻿
.secondDiv .secondWrap{width:100%;height:100%;position:absolute;top:0;left:0;}
.secondDiv .secondWrapBox{width:1232px;height:100%;padding:0 16px;margin:0 auto;position:relative;}
@media  screen and (max-width:1250px){
	.secondDiv .secondWrapBox{width: 100%;}
}




.secondDiv .secondEntH3{
	height: 32px;
	line-height: 30px;
	font-size: 100%;
	text-align: left;
	color: #000000;
	font-weight: 400;
	margin: 20px 0 30px;
	border-left: 5px solid #0064b0;
	padding-left: 16px;
}
.secondDiv .protechLine{
	display: none;
	width: 8%;
	height: 3px;
	background: #0064b0;
	margin: 1.8% auto 0;
}

.secondDiv .secondGoMore{
	height: 20px;
	float: right;
	margin-top: 6px;
	font-size: 14px;
	cursor: pointer;
}
.secondDiv .secondGoMore a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 20px;
	color: #333;
	padding-right: 30px;
	position: relative;
}
.secondDiv .secondGoMore a img{
	position:absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 768px){
	.secondDiv .secondGoMore{display: none;}
	.secondDiv .protechLine{display: block;}
}



#Company_Introduce.threeDiv .Zhuolan{padding-top:20px;font-size:32px;}
#Company_Introduce.threeDiv .ZhuolanT{font-size:16px;color:#666666;line-height:2;text-indent:30px;letter-spacing: 0.5px}
#Company_Introduce.threeDiv .ZhuolanT a{color:#0064b0}

#Company_Introduce.threeDiv .innovation{background: #f9f9f9;}
#Company_Introduce.threeDiv .innovationTit{width: 100%;padding: 2.5% 0 2.5%;line-height: 1;text-align: center;font-size: 68.75%;color: #3c3c3c;}
#Company_Introduce.threeDiv .noPadding{padding-top:0;}
#Company_Introduce.threeDiv .innovationList{width: 100%;height: 190px;border: 1px solid #e6e6e6;position:relative;background-color:#fff; }
#Company_Introduce.threeDiv .innovationArrow{display: block;width: 20px;position:absolute;top: -1px;left: 50%;margin-left: -10px;}
#Company_Introduce.threeDiv .innovationArrow img{display: block;width: 100%;}
#Company_Introduce.threeDiv .innlistBox{width:86%;height:70px;margin:70px auto 0;position:relative;}
#Company_Introduce.threeDiv .innlistBox li{height: 70px;}
#Company_Introduce.threeDiv .innlistBoxone{position:absolute;top:0;left: 0%;}
#Company_Introduce.threeDiv .innlistBoxtwo{width: 240px;margin:0 auto;}
#Company_Introduce.threeDiv .innlistBoxthree{width: 300px;position:absolute;top:0;left: 74%;}
#Company_Introduce.threeDiv .innlistBoxImg{display: block;width: 70px;height: 70px;float: left;}
#Company_Introduce.threeDiv .innlistBoxImg img{display: block;width: 100%;}
#Company_Introduce.threeDiv .innlistBoxLine{display: block;width: 0px;height: 100%;float: left;margin:0 18px 0 14px;border-right: 1px dashed #b2b0a8;}
#Company_Introduce.threeDiv .innlistBoxText{display: block;float: left;line-height: 1;}
#Company_Introduce.threeDiv .innlistBoxTextTit{display:block;color:#0064b0;font-size: 22px;margin-bottom: 14px;}
#Company_Introduce.threeDiv .innlistBoxTextTit span{font-size: 38px;}
#Company_Introduce.threeDiv .innlistBoxTextp{display:block;line-height:1.5;font-size: 16px;color:#3c3c3c;}
#Company_Introduce.threeDiv .innovationBott{padding-bottom: 50px;}
#Company_Introduce.threeDiv .brandConcept{position:relative;height: 545px;font-size: 32px;}
#Company_Introduce.threeDiv .brandConcept img{display: block;width: 100%;height: 100%;}
#Company_Introduce.threeDiv .brandConcept .columWrapBox {padding-top: 40px;}
#Company_Introduce.threeDiv .brandConceptCon{position:relative;padding-bottom: 10%;}
#Company_Introduce.threeDiv .brandConceptCon>img{display: block;width: 100%;height:100%;position:absolute;top:0;left:0;}
#Company_Introduce.threeDiv .brandConceptConText{width: 100%;padding-left: 13%;overflow: hidden;}
#Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT{font-size: 75%;color: #3c3c3c;}
#Company_Introduce.threeDiv .brandConceptList{width: 100%;margin-top: 2.5%;}
#Company_Introduce.threeDiv .brandConceptList:after{content: '';display: block;clear:both;}
#Company_Introduce.threeDiv .brandConceptList li{padding-right: 5.8%;padding-left:15px;float: left;border-left: 2px solid #f17975;}
#Company_Introduce.threeDiv .brandConceptList li h6{font-size: 22px;color: #3c3c3c;line-height: 1;}
#Company_Introduce.threeDiv .brandConceptList li p{font-size: 14px;color: #666666;line-height: 1;margin-top: 10px;}
#Company_Introduce.threeDiv .brandLine{width: 100%;border-bottom: 2px solid #fff;margin: 3% 0;}
#Company_Introduce.threeDiv .brandText{font-size: 16px;color: #3c3c3c;line-height: 1.625;margin-top: 2.3%;}
@media screen and (max-width: 1100px) {
	#Company_Introduce.threeDiv .innlistBoxTextp{
		font-size:14px;
	}
}
@media screen and (max-width: 1000px) {
	#Company_Introduce.threeDiv .secondEntH3{
		font-size: 32px;
	}
	#Company_Introduce.threeDiv .innovationTit{
		font-size: 37.33%;
		padding: 5.4% 0 3.57%; 
	}
	#Company_Introduce.threeDiv .innovationList{
		height: auto;
		padding: 6.28% 1.7% 4.57%;
	}
	#Company_Introduce.threeDiv .innovationArrow{
		width: 3.6%;
		left: 48.2%;
	}
	#Company_Introduce.threeDiv .innlistBox{
		width: 100%;
		height: 100%;
		margin: 0;
	}
	#Company_Introduce.threeDiv .innlistBox:after{
		content: '';
		display: block;
		clear: both;
	}
	#Company_Introduce.threeDiv .innlistBox li{
		width: 30%;
		height: auto;
		padding-bottom: 3%;
	}
	#Company_Introduce.threeDiv .innlistBox li>span{
		height: auto;
		float: none;
	}
	#Company_Introduce.threeDiv .innlistBox li .innlistBoxImg{
		width: 36.45%;
		margin: auto;
	}
	#Company_Introduce.threeDiv .innlistBoxLine{
		width: 100%;
		border-right: 0;
		border-bottom: 1px dashed #b2b0a8;
		margin: 10% 0;
	}
	#Company_Introduce.threeDiv .innlistBoxtwo{
		margin: 0 auto;
	}
	#Company_Introduce.threeDiv .innlistBoxthree{
		width: auto;
		right:0;
		left: auto;
	}
	#Company_Introduce.threeDiv .innlistBoxText span{
		text-align: center;
	}
	#Company_Introduce.threeDiv .innlistBoxText{
		font-size: 75px;
	}
	#Company_Introduce.threeDiv .innlistBoxTextTit{
		font-size: 29.33%;
	}
	#Company_Introduce.threeDiv .innlistBoxTextTit span{
		font-size: 176%;
	}
	#Company_Introduce.threeDiv .innlistBoxTextp{
		font-size: 28%;
	}

	
	#Company_Introduce.threeDiv  .brandConceptConText .brandConceptConTextT{
		text-align: center;
	}
	#Company_Introduce.threeDiv .brandConceptConText{
		padding-left: 0;
	}
	#Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT{
		font-size: 37.33%;
	}
}
@media screen and (max-width: 768px){
	#Company_Introduce.threeDiv .Zhuolan{padding-top:0;font-size:75px;}
	#Company_Introduce.threeDiv .ZhuolanT{margin-top:3%;padding-bottom:3%;font-size:14px;}
	#Company_Introduce.threeDiv .secondEntH3{padding-bottom:0;font-size:22px;}
	#Company_Introduce.threeDiv .brandConcept .aboutUsWrapBox{
		position:relative;
	}
	#Company_Introduce.threeDiv .brandConcept{
		height: auto;
	}
	#Company_Introduce.threeDiv .brandConceptConText{
		width: 82.66%;
		margin:0 auto;
		position:relative;
	}
	#Company_Introduce.threeDiv .brandConceptConTextT{
		margin-top: 5%;
		margin-bottom: 4%;
	}
	#Company_Introduce.threeDiv .brandConceptList li{
		padding-left: 3%;
	}
	#Company_Introduce.threeDiv .brandConceptList li h6{
		font-size: 28%;
	}
	#Company_Introduce.threeDiv .brandConceptList li p,#Company_Introduce.threeDiv .brandText{
		font-size: 28%;
	}
	#Company_Introduce.threeDiv .h5brspan{
		display: block;
		text-align: center;
	}
	
	#Company_Introduce.threeDiv .tupian11{float: left}
	
	#Company_Introduce.threeDiv .zlantxt{margin-bottom:3%;}
	#Company_Introduce.threeDiv .zlantxt{
		margin-left: 8px;
	}
	#Company_Introduce.threeDiv .wenzi11{overflow:inherit;}
	
}

@media  screen and (max-width:700px){
	#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .Zhuolan{
		font-size: 60px;
	}
}
@media  screen and (max-width:640px){
	#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .Zhuolan{
		font-size: 50px;
	}
}
@media  screen and (max-width : 260px ){
	#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .Zhuolan{
		font-size: 44px;
	}
}
@media  screen and (max-width : 119px ){
	#Company_Introduce.threeDiv .innlistBoxText,#Company_Introduce.threeDiv .Zhuolan{
		font-size: 37.5px;
	}
}



#Focus_Moment.threeDiv .newRecommend{padding-top:40px;font-size:32px;}
#Focus_Moment.threeDiv .secondPictureTextL{border-left:3px solid #0064b0;padding-left:12px;}
#Focus_Moment.threeDiv .TextLTime{font-size:14px;color:#666666;}
#Focus_Moment.threeDiv .TextLTit{font-size:26px; color:#3c3c3c;margin-top:16px;line-height:1.5;}
#Focus_Moment.threeDiv .focusList .secondWrapBox{padding:0;}
#Focus_Moment.threeDiv .focusList{padding-top:40px;padding-bottom:20px;font-size:32px;}
#Focus_Moment.threeDiv .focusListBox:after{content:'';display:block;clear:both;}
#Focus_Moment.threeDiv .focusListBox li{width:33.3333%;float:left;padding:0 16px;margin-bottom:15px;}
#Focus_Moment.threeDiv .focusListBoxImg{cursor:pointer;display:block;width:100%;position:relative;}
#Focus_Moment.threeDiv .focusListBoxImg>img{display:block;width:100%;}
#Focus_Moment.threeDiv .focusListBoxTime{font-size:14px;color:#666666;padding-left:20px;margin-top:10px;}
#Focus_Moment.threeDiv .focusListBoxH6{font-size:18px; color:#000000;padding: 0 20px 20px; margin-top:10px;line-height:1.2;}
@media screen and (max-width: 768px) {
	#Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{font-size:75px;padding-top:0;}
	#Focus_Moment.threeDiv .focusListBox li{float:none;width:100%;}
	#Focus_Moment.threeDiv .TextLTit{margin-top:0;font-size:40%;}
	#Focus_Moment.threeDiv .focusListBoxTime{font-size:31.25%;margin-top:2.5%;}
	#Focus_Moment.threeDiv .focusListBox li a{padding-bottom:2.5%;}
	#Focus_Moment.threeDiv .focusListBoxH6{margin-top:2%;}
	#Focus_Moment.threeDiv .focusListBoxH6{font-size:40%;line-height:1.5;}

}
@media  screen and (max-width:700px){
	#Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{
		font-size: 60px;
	}
}
@media  screen and (max-width:640px){
	#Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{
		font-size: 50px;
	}
}
@media  screen and (max-width : 260px ){
	#Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{
		font-size: 44px;
	}
}
@media  screen and (max-width : 119px ){
	#Focus_Moment.threeDiv .newRecommend,#Focus_Moment.threeDiv .focusList{
		font-size: 37.5px;
	}
}



#Focus_Moment.threeDiv .secondPictureImgFocu{cursor:pointer;position:relative;width: 500px;float: left;overflow: hidden;}
#Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu{display:block;width:100%;height:100%;}
#Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu>img{display:block;width:100%;}
#Focus_Moment.threeDiv .secondPictureImgFocu .blackBg{display:block;width:100%;height:100%;}
#Focus_Moment.threeDiv .focusListBoxImgBlack{display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}
#Focus_Moment.threeDiv .focusListBoxImgBlack .blackBg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;}
#Focus_Moment.threeDiv .focusListBoxImgBlack .playBg{display:block;position:absolute;left:42%;top:40%;}
@media screen and (max-width: 900px) {
	#Focus_Moment.threeDiv .secondPictureImgFocu{width: 100%;float: none;}
}
.isClickVideo{
		-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	-o-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
	box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}


@media screen and (max-width: 768px){
	
	.secondDiv .secondEntH3{
		width: 100%;
	    padding: 6.6% 0 4%;
	    text-align: center;
	    color: #3c3c3c;
	    font-size: 59.4%;
	    border: none;
	    margin: 0;
	    height: auto;
	    line-height: 1;
	}
}
