
/*About-Hauns*/
.About-Hauns{ float:left; width:100%; padding:76px 0 80px 0;}
.About-Hauns.bd{ padding-bottom:0;}
.About-Hauns-Info{ float:left; width:100%; color:#595757; font-size:18px; line-height:32px; text-align:center; margin:23px 0 74px 0;}
.About-Advantages-Info{ float:left; width:100%;color:#595757; font-size:16px; line-height:30px; text-align:center; padding:0 9.16%; position:absolute; left:0; top:-15px;}
.About-Partners-line{ border-bottom:1px solid #8b8a8b;}
.About-why{ float:left; width:100%;border-bottom:1px solid #8b8a8b; padding-bottom:27px;}
.About-why1{ padding-bottom:80px;}
.About-why .whyInfo{margin-bottom:80px;}
.Advantages .content .Info-bottom-0{ margin-bottom:0;}

.sub_nav_height{float:left; width:100%;}


@media screen and (max-width:1229px ) {

.About-Hauns-Info{ font-size:16px; line-height:28px;}
.About-Advantages-Info{ font-size:14px; line-height:24px;}

}
@media screen and (max-width:991px ) {


.About-Hauns{ padding:20px 0;}
.About-Hauns-Info{ font-size:14px; line-height:24px; margin:12px 0 20px 0;}
.About-Advantages-Info{ padding:0 13%;}
.About-why .whyInfo{ padding:58px 0 84px 0; margin-bottom:20px;}

}
@media screen and (max-width:767px ) {
.About-Advantages-Info{ position:static; padding:0; margin-bottom:15px; text-align:left;}
.About-Hauns-Info{ text-align:left;}
.About-why{padding-bottom:15px;}
.About-why1{ padding-bottom:20px;}


}


/*Vis-Miss-Value*/
.Vis-Miss-Value{ float:left; width:100%;padding:76px 0 80px 0;border-bottom: 1px solid #8b8a8b;}
.Vis-Miss-Value .content{ float:left; width:100%; margin-top:49px; text-align:center; background:url(../images/about1.png)  center no-repeat; background-size:100% 100%; padding-top:110px;}
.Vis-Miss-Value .content ul li{ float:left; width:100%; padding:49px 0;}
.Vis-Miss-Value .content ul li .title{ float:left; width:100%; color:#fff; font-size:48px; line-height:55px;} 
.Vis-Miss-Value .content ul li .Info{ float:left; width:100%; color:#fff; font-size:27px; line-height:34px; margin-top:40px;} 

@media screen and (max-width:1229px ) {

.Vis-Miss-Value .content{ padding-top:73px;}
.Vis-Miss-Value .content ul li{ padding:33px 0;}
.Vis-Miss-Value .content ul li .title{ font-size:32px; line-height:39px;}
.Vis-Miss-Value .content ul li .Info{ font-size:18px; line-height:25px; margin-top:26px;}

}
@media screen and (max-width:991px ) {

.Vis-Miss-Value{ padding:20px 0 30px 0;}
.Vis-Miss-Value .content{ margin-top:20px;}
.Vis-Miss-Value .content{ padding-top:55px;}
.Vis-Miss-Value .content ul li{ padding:25px 6%;}
.Vis-Miss-Value .content ul li .title{ font-size:24px; line-height:30px;}
.Vis-Miss-Value .content ul li .Info{ font-size:14px; line-height:20px; margin-top:20px;}

}
@media screen and (max-width:767px ) {

.Vis-Miss-Value .content{ padding-top:35px;}
.Vis-Miss-Value .content ul li{ padding:15px 6%;}
.Vis-Miss-Value .content ul li .title{ font-size:18px; line-height:18px;}
.Vis-Miss-Value .content ul li .Info{ font-size:12px; line-height:18px; margin-top:5px;}

}

@media screen and (max-width:440px ) {

.Vis-Miss-Value .content{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05);transform: scale(1.05);}
.Vis-Miss-Value .content ul li{ padding:15px 0%;}
.Vis-Miss-Value .content ul li .title,
.Vis-Miss-Value .content ul li .Info{ -webkit-transform: scale(0.85); -moz-transform: scale(0.85);transform: scale(0.85);}

}



/*About-Advantages*/
.About-Advantages .content{ margin-bottom:0;}
.About-Advantages-bottom{ float:left; width:100%; color:#595757; text-align:center; font-size:24px; line-height:40px; margin-top:36px;}


@media screen and (max-width:1229px ) {

.About-Advantages-bottom{ font-size:16px; line-height:30px;}

}
@media screen and (max-width:991px ) {

.About-Advantages-bottom{ font-size:14px; line-height:24px; margin-top:15px;}


}
@media screen and (max-width:767px ) {

.About-Advantages-bottom{ text-align:left;}


}


.Our-Viewpoin{ float:left; width:100%; padding:76px 0 86px 0;border-bottom: 1px solid #8b8a8b;}
.Our-Viewpoin .Viewpoin-Info{ float:left; width:100%; line-height:0; text-align:center; margin:38px 0 10px 0;}
.Our-Viewpoin .Viewpoin-Info .middle{ display:block; margin:0 auto; position:relative; width:642px; height:642px;}
.Our-Viewpoin .Viewpoin-Info .middle .title{ float:left; width:px; position:absolute;}
.Our-Viewpoin .Viewpoin-Info .middle .title i{ float:left; width:100%;opacity:0; filter:alpha(opacity=00); position:relative; z-index:2;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg1{ left:15.825%; top:0; width:69.15%; height:31.15%;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg2{ right:0; top:15.825%; height:69.15%; width:31.15%;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg3{ left:15.125%; bottom:0; width:69.15%; height:31.15%;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg4{ left:0; top:15.125%; height:69.15%; width:31.15%;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg5{ left:26.5%; top:26.5%; width:47%; height:47%;}
.Our-Viewpoin .Viewpoin-Info .middle .title h1{ float:left; width:100%; color:#fff; font-size:40px; line-height:51px; position:absolute; left:0; top:50%;  margin-top:-51px; z-index:6;}

.Our-Viewpoin .Viewpoin-Info .middle .title.bg1 h1{ margin-top:-63px;text-align:center;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg2 h1{ margin-top:-50px; padding-left:26px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg3 h1{ margin-top:-34px;text-align:center;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg4 h1{ margin-top:-50px; padding-right:26px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg5 h1{ font-size:48px; line-height:55px; margin-top:-55px;text-align:center;}
.Our-Viewpoin .Viewpoin-Info .middle .title:hover i{opacity:1; filter:alpha(opacity=100);}


@media screen and (max-width:991px ) {
	
.Our-Viewpoin{ padding:20px 0 20px 0;}
.Our-Viewpoin .Viewpoin-Info{  margin:20px 0 5px 0;}
.Our-Viewpoin .Viewpoin-Info .middle{ width:428px; height:428px;}

.Our-Viewpoin .Viewpoin-Info .middle .title h1{font-size:20px; line-height:30px; margin-top:-15px;}

.Our-Viewpoin .Viewpoin-Info .middle .title.bg1 h1{ margin-top:-40px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg2 h1{ margin-top:-34px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg3 h1{ margin-top:-16px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg4 h1{ margin-top:-34px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg5 h1{ font-size:24px; line-height:32px; margin-top:-32px;}

}

@media screen and (max-width:767px ) {

.Our-Viewpoin .Viewpoin-Info .middle{ width:90%; height:auto;}

.Our-Viewpoin .Viewpoin-Info .middle .title h1{font-size:16px; line-height:26px; margin-top:-26px;}

.Our-Viewpoin .Viewpoin-Info .middle .title.bg1 h1{ margin-top:-30px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg2 h1{ margin-top:-24px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg3 h1{ margin-top:-16px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg4 h1{ margin-top:-24px;}
.Our-Viewpoin .Viewpoin-Info .middle .title.bg5 h1{ font-size:20px; line-height:30px; margin-top:-30px;}

}

/*Sub-nav-active*/
.Sub-nav-active.active{ position:fixed; left:0; top:0; z-index:88; height:180px; background:#fff; margin-top:0; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.Sub-nav-active.active ul li{ width:180px; height:180px; padding-top:20px;}	




@media screen and (max-width:991px ) {
	
.Sub-nav-active.active{ height:128px;}	
.Sub-nav-active.active ul li{ width:128px; height:128px;}	
.Sub-nav-active.active ul li .ico{ width:50px; height:50px;}
.Sub-nav-active.active ul li .title h1{ font-size:16px; line-height:16px; margin:8px 0 4px 0;}
.Sub-nav-active.active ul li .title h3{ font-size:14px; line-height:14px;}

}

@media screen and (max-width:767px ) {
	
.Sub-nav-active.active{ height:108px;}	
.Sub-nav-active.active ul li{ width:88px; height:auto; padding:10px 0;}	
.Sub-nav-active.active ul li .ico{ width:50px; height:50px;}
.Sub-nav-active.active ul li .title h1{ font-size:14px; line-height:14px; margin:8px 0 4px 0;}
.Sub-nav-active.active ul li .title h3{ font-size:12px; line-height:12px;}

}

@media screen and (max-width:374px ) {
	
.Sub-nav-active.active ul li{ width:76px;}

}













