.ny-main { width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.about-view-1 { width: 90%; max-width: 1300px; margin: 0 auto; height: auto; overflow: hidden; padding-top: 80px; padding-bottom: 20px;}
.cn-title { font-size: 30px; line-height: 50px; text-align: center; font-weight: bold; color: #111;}
.en-title { font-size: 35px; line-height: 50px; font-weight: bold; text-align: center; color:#bbb;}
.under-line { width: 28px; height: 2px; overflow: hidden; background-color: #ffd900; margin: 10px auto;}
.about-content { padding: 20px 0px;padding-top: 40px; font-size: 18px; line-height: 40px; color: #444; }
.about-box { width: 100%; height: auto; overflow: hidden; padding-top: 80px;padding-bottom: 90px;}
.about-box ul li { width: 25%; float: left; padding-left: 40px;}
.about-box ul li .p1 { font-size: 25px; font-weight: bold; color:#666 ; line-height: 50px; }
.about-box ul li .p1 span { font-family: "BigJohn"; font-size: 50px; font-weight: 100;}
.about-box ul li .p2 { font-size: 14px; color: #444; line-height: 20px;}
.about-more { display: block; width: 200px; height: 57px; line-height: 57px; text-align: center; margin: 50px auto;  font-family: arial; border-radius: 55px; transition: all .3s linear;}
.about-more:link,.about-more:visited { background-color: #262626; color: #fff; font-size: 16px;}
.about-more:hover { background-color: #FFD900;color: #444444;}

@media (max-width: 1200px) {
	.about-box ul li .p1 { font-size: 22px;}
	.about-box ul li .p1 span { font-size: 40px; }
}

@media (max-width: 1023px) {
	.about-box ul li { width: 50%; margin-top: 10px;}
	.about-box{padding-top: 30px;padding-bottom: 50px;}
	.about-content{padding-top: 30px;}
}

@media only screen and (max-width:640px) {
	.en-title { font-size: 30px; }
	.about-box ul li .p1 { font-size: 18px;}
	.about-box ul li .p1 span { font-size: 30px; }
	
	.about-box{padding-top: 20px;padding-bottom: 40px;}
}

@media only screen and (max-width:480px) {
	.cn-title { font-size: 25px; }
	.en-title { font-size: 25px; }
	.about-content { padding: 10px 0px;padding-top: 20px;}
	.about-box ul li { width: 100%; border-bottom: 1px solid #d1d1d1; padding-bottom: 10px;}
	.about-box { margin-top: 10px;}
	.about-view-1 { padding-top: 40px; padding-bottom: 0px;}
	.about-more { width: 170px; height: 45px; line-height: 45px; border-radius: 45px; }
}


.about-view-2 { width: 100%; height: auto; overflow: hidden; position: relative; }
.about-view-2::after { content: ""; width: 110px; height: 110px; border-radius: 110px; margin-left: -55px; margin-top: -55px; background: url(../images/jbc.png) no-repeat center #fff; position: absolute; left: 50%; top: 50%; z-index: 100;  -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4); 
 -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.4);} 
.about-view-2 .line-1,.about-view-2 .line-2 { width: 100%; height: auto; overflow: hidden;}
.about-view-2 .line-1 .f-left { width: 50%; float: left; position: relative;}
.about-view-2 .line-1 .f-left img,.about-view-2 .line-2 .f-right img { display: block; width: 100%;}
.about-view-2 .line-2 .f-right { width: 50%; position: relative;}
.about-view-2 .line-2 .jg-img { float: right;}
.about-view-2 .line-2 .jg-bg { float: left;}
.about-view-2 .about-text { position: absolute; width: 100%; height: 100%; overflow: hidden; left: 0px; top:0px; z-index: 500; padding-left: 140px; padding-top:122px; padding-right: 50px;}
.about-view-2 .about-text .p1 { font-family: arial; font-size: 45px; font-weight: bold; line-height: 60px; text-transform: uppercase; color: #bbb;}
.about-view-2 .about-text .p2 { font-size: 24px; font-weight: bold; color: #111;  line-height: 40px;}
.about-view-2 .about-text .p2 span { color: #666; padding-right: 10px;}
.about-view-2 .about-text .p3 { font-size: 18px; color: #444; line-height: 30px; margin-top: 35px; }
.about-view-2 .about-text .learn-more { display: block; transition: all .3s linear; width: 177px; height:57px; line-height:57px; text-transform: uppercase; text-align: center; margin-top: 85px; border-radius: 57px; font-size: 16px; font-family: arial ; }
.about-view-2 .about-text .learn-more:link,.about-view-2 .about-text .learn-more:visited { background-color: #2a2a2a;  color: #fff;}
.about-view-2 .about-text .learn-more:hover { background-color: #ffd900; color: #444;}
.under-line2 { width: 28px; height: 2px; overflow: hidden; background-color: #ffd900; margin-top: 20px;}

@media (max-width: 1600px) {
	.about-view-2 .about-text { padding-left: 120px; padding-top:90px;}
	.about-view-2 .about-text .learn-more { margin-top: 50px;}
}
@media (max-width: 1440px) {
	.about-view-2 .about-text { padding-left: 100px; padding-top:70px;}
	.about-view-2 .about-text .learn-more { margin-top: 30px;}
}
@media (max-width: 1300px) {
	.about-view-2 .about-text { padding-left: 80px; padding-top:50px;}
	.about-view-2 .about-text .learn-more { margin-top: 30px;}
}
@media (max-width: 1200px) {
	.about-view-2 .about-text { padding-left: 70px; padding-top:30px;}
	.about-view-2 .about-text .p1{font-size: 38px;line-height: 50px;}
	.about-view-2 .about-text .p3 { margin-top: 20px;font-size: 16px;line-height: 25px; }
	.about-view-2 .about-text .learn-more { margin-top: 30px;}
}
@media (max-width: 1100px) {
	.about-view-2 .about-text { padding-left: 50px; padding-top:20px;}
	.about-view-2 .about-text .p3 { margin-top: 10px; }
	.about-view-2 .about-text .learn-more { margin-top: 20px;}
	.under-line2 { margin-top: 10px;}
}
@media (max-width: 1000px) {
	.about-view-2 .about-text { padding-left: 40px; padding-top:30px;}
	.about-view-2 .about-text .p1 {  font-size: 35px; line-height: 40px; }
	.about-view-2 .about-text .learn-more { margin-top: 10px;}
}
@media (max-width: 900px) {
	.about-view-2 .line-1 .f-left { width: 100%; }
	.about-view-2 .line-2 .f-right { width: 100%;}
	.about-view-2 .about-text .learn-more { margin-top: 30px;}
	.about-view-2 .about-text { position: relative; padding-top: 50px; padding-bottom: 50px; background-color: #f5f5f5;}
	.about-view-2 .line-1 .f-left img.pc_bg,.about-view-2 .line-2 .f-right img.pc_bg { display: none; }
	.about-view-2::after { display: none;}
}
@media (max-width: 480px) {
	.about-view-2 .about-text { padding: 30px 20px; }
	.about-view-2 .about-text .learn-more { width: 150px; height:45px; line-height:45px; border-radius: 45px; font-size: 14px; }
}
@media (max-width: 400px) {
	.about-view-2 .about-text .p1 {  font-size: 28px; line-height: 40px; }
}

.about-view-3 { width: 90%; max-width: 1600px; height: auto; overflow: hidden; margin: 0 auto; padding-top: 100px; padding-bottom: 95px; }
.about-view-3 ul li { width: 33.3333%; height: auto; overflow: hidden; float: left; position: relative;}
.about-view-3 ul li img { display: block; width: 100%;}
.about-view-3 ul li .pos-txt { position: absolute; width: 100%; height: 100%; left: 0%; top: 0px; z-index: 200;padding: 0px 56px;padding-top: 68px; }
.about-view-3 ul li .pos-txt .p1 { font-size: 30px; color: #111;}
.about-view-3 ul li .pos-txt .p2 { font-size: 16px; line-height: 30px; margin-top: 35px;}
.about-view-3 ul li .pos-txt .p2.big{font-size:22px;}
.wh-more { background: #FFFFFF;display: block; width: 150px; height: 46px; line-height: 42px; border: 2px solid #bbb; transition: all .3s linear; text-align: center; border-radius: 46px; font-size: 14px; color: #282828; margin-top: 50px;}
.wh-more:link,.wh-more:visited { font-size: 14px; color: #282828; border: 2px solid #bbb; color: #111; }
.wh-more:hover { background-color: #ffd900; border: 2px solid #ffd900; font-size: 14px; color: #444; }
.wh-more2 { display: block; width: 150px; height: 46px; line-height: 42px; background-color: #fff; transition: all .3s linear; border: 2px solid #fff; text-align: center; border-radius: 46px; font-size: 14px; color: #282828; margin-top: 50px;}
.wh-more2:link,.wh-more2:visited { background-color: #fff; border: 2px solid #fff; font-size: 14px; color: #111; }
.wh-more2:hover { background-color: #ffd900; border: 2px solid #ffd900; font-size: 14px; color: #444; }

@media (max-width: 1600px) {
	.about-view-3 ul li .pos-txt { padding-top: 50px; }
	.wh-more,.wh-more2 { margin-top: 30px;}
}
@media (max-width: 1440px) {
	.about-view-3 ul li .pos-txt { padding-top: 42px; }
	.about-view-3 ul li .pos-txt .p2{margin-top: 20px;}
}
@media (max-width: 1366px) {
	.about-view-3 ul li .pos-txt {padding: 0px 40px; padding-top: 35px; }
	.about-view-3 ul li .pos-txt .p1{font-size: 26px;}
	.about-view-3 ul li .pos-txt .p2{margin-top: 15px;}
}

@media (max-width: 1200px) {
	.about-view-3 ul li .pos-txt { padding-top: 28px; }
	.about-view-3 ul li .pos-txt .p1 { font-size: 23px; }
	.about-view-3 ul li .pos-txt .p2 { font-size: 14px; line-height: 25px; margin-top: 20px;}
	.wh-more,.wh-more2 {width: 120px; height: 38px;line-height: 34px; margin-top: 15px;}
}
@media (max-width: 1100px) {
	.about-view-3 ul li { width: 50%; }
	.about-view-3 ul li .pos-txt {padding: 0px 60px; padding-top: 60px; }
	.wh-more,.wh-more2 { margin-top: 30px;}
}
@media (max-width: 900px) {
	.about-view-3 { padding-top: 50px; padding-bottom: 50px; }
	.about-view-3 ul li .pos-txt {padding: 0px 40px; padding-top: 40px; }
	.wh-more,.wh-more2 { margin-top: 20px;}
}
@media (max-width: 768px) {
	.about-view-3 { padding-top: 30px; padding-bottom: 30px; }
	.about-view-3 ul li .pos-txt {padding: 0px 60px; padding-top: 80px;}
	.about-view-3 ul li { width: 100%; }
	.wh-more,.wh-more2 { margin-top: 50px;}
}
@media (max-width: 640px) {
	.about-view-3 ul li .pos-txt {padding: 0px 40px; padding-top:50px; }
	.wh-more,.wh-more2 { margin-top: 30px;}
}
@media (max-width: 480px) {
	.wh-more,.wh-more2 { margin-top: 20px;}
}
@media (max-width: 400px) {
	.about-view-3 ul li .pos-txt {padding: 0px 30px; padding-top:40px; }
	.about-view-3 ul li .pos-txt .p1 { font-size: 18px;}
	.about-view-3 ul li .pos-txt .p2 { font-size: 12px; line-height: 25px; margin-top: 10px;}
	.about-view-3 ul li .pos-txt .p2.big{font-size: 18px;}
	.wh-more,.wh-more2 {  width: 130px; height: 40px; line-height: 36px;border-radius: 40px; font-size: 12px; margin-top: 10px; }
}

.about-view-4 { width: 100%; height: 780px; overflow: hidden; background: url(../images/fzlc_bg.jpg) no-repeat center; padding-top: 90px;}



/**/
.ab_boxD{ clear:both; width:100%; height:780px;padding-top: 92px;box-sizing: border-box;  background:url(../images/fzlc_bg.jpg) top center no-repeat; background-size:auto 100%; position:relative;overflow:hidden;}
.ab_boxD .top_box{text-align: center;margin-bottom: 50px;}
.ab_boxD .top_box .title{font-size: 34px;color: #ffffff;font-weight: bold;margin-bottom: 19px;}
.ab_boxD .top_box .en_title{font-size: 28px;color: #b3b4b5;margin-bottom: 28px;}
.ab_boxD .top_box .line img{display: block;margin: 0px auto;}

.ab_boxD .cont{ width:810px; height:260px; margin:0px auto; position:relative;}
.ab_boxD .cont .btn{display: none; position:absolute; top:150px; width:38px; height:75px; opacity:0.6;}
.ab_boxD .cont .prev{ left:-90px;}
.ab_boxD .cont .next{ right:-90px; transform:rotate(180deg);}
.ab_boxD .cont .btn:hover{ opacity:1;}
.ab_boxD .cont .list{ width:100%; height:100%; margin:0 auto;  color:#FFF; overflow:hidden;}
.ab_boxD .cont .list li{ height:260px; padding: 20px; overflow:hidden; background-color: rgba(255,255,255,0.1) !important; background-color: #fff; filter: alpha(opacity=10); }

.ab_boxD .cont .list li  .info_box{width: 100%;height: 100%; overflow: hidden; align-items: center; background: url(../images/lc_bg.jpg) no-repeat center; background-size: 100% 100%;}
.ab_boxD .cont .list li  .center_box{width: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 20px;}

.ab_boxD .cont .list li  .title{font-size: 40px;color: #fff;font-weight: bold;width: 100%; text-align: center; margin-top: 52px;}
.ab_boxD .cont .list li  .title font{margin-left:10px;font-size: 20px; color: #ffd900;}
.ab_boxD .cont .list li  .desc{font-size: 16px;color: #FFFFFF;line-height: 30px; margin-top: 40px;text-align: center;}

.ab_boxD .year_box{position: relative;margin-top: 64px;}
.ab_boxD .year_box .hx{ position:absolute; left:0; top: 50%;margin-top: -7px; width:100%; height:14px; background:url(../images/about_fzlc_line.png) center center no-repeat;background-size: auto 100%; z-index:1;}
.ab_boxD .box{ margin:0px auto; width:1398px; height:150px; overflow:hidden; position:relative; z-index:2;}
.ab_boxD .box li{ float:left; width:233px; height:150px;  cursor:pointer; text-align:center;position: relative;}
.ab_boxD .box li p{z-index: 2; font-family: "BigJhon"; position: absolute;top: 0px;left: 0px; font-weight:bold; color:#111; width: 100%; height:150px; line-height:150px;text-align: center;font-size:17.84px; transition:all 0.2s ease-out;}
.ab_boxD .box li i{z-index: 1; display:block; height:88px; width:88px; background-color:#ffffff; position:absolute; left:50%; top:50%;  border-radius:50%; transform:translate(-50%, -50%); transition:all 0.2s ease-out;}
.ab_boxD .box li.cur p{ font-size:35px; }
.ab_boxD .box li.cur i{width: 150px; height: 150px;background: #ffd900;}

@media only screen and (max-width:1440px ) {
	.ab_boxD{height: auto;padding-top: 80px;padding-bottom: 80px;}
	.ab_boxD .top_box{text-align: center;margin-bottom: 45px;}
	.ab_boxD .top_box .title{font-size: 32px;margin-bottom: 17px;}
	.ab_boxD .top_box .en_title{font-size: 26px;margin-bottom: 20px;}
	.ab_boxD .year_box{margin-top: 80px;}
	.ab_boxD .box{width: 100%;}
}
@media only screen and (max-width:1200px ) {
	
	.ab_boxD{height: auto;padding-top: 65px;padding-bottom: 65px;}
	.ab_boxD .top_box{text-align: center;margin-bottom: 40px;}
	.ab_boxD .top_box .title{font-size: 30px;margin-bottom: 15px;}
	.ab_boxD .top_box .en_title{font-size: 24px;margin-bottom: 18px;}
	.ab_boxD .cont .list li .rt .info_box .center_box{padding-left: 40px;padding-right: 20px;}
	
	.ab_boxD .cont .list li .rt .title{ font-size: 76.65px;}
	.ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 26px;}
	.ab_boxD .cont .list li .rt .desc{font-size: 15px;line-height: 32px;}
	.ab_boxD .year_box{margin-top: 70px;}
	.ab_boxD .box{height:120px; }
	.ab_boxD .box li{ width:220px; height:120px;  }
	.ab_boxD .box li p{height:120px; line-height:120px;font-size:15.84px; }
	.ab_boxD .box li i{height:78px; width:78px; }
	.ab_boxD .box li.cur p{ font-size:30px; }
	.ab_boxD .box li.cur i{width: 120px; height: 120px;}
	
}

@media only screen and (max-width:1024px ) {
	.ab_boxD .cont{ width:100%; height:auto; }
	.ab_boxD .cont .list{ width:100%; height:100%; margin:0 auto;  color:#FFF; overflow:hidden;}
	.ab_boxD .cont .list li{ height:auto;  overflow:hidden;text-align: center;display: none;}
	.ab_boxD .cont .list li.cur{display: block;}
	.ab_boxD .cont .list li .lt{float:none;display: inline-block; vertical-align: top; width: 100%; overflow: hidden;}
	.ab_boxD .cont .list li .lt img{height:100%;display: block;margin: 0px auto;}
	.ab_boxD .cont .list li .rt{padding-top: 20px; float:none;display: inline-block;vertical-align: top;width:100%;  height: 100%;text-align: center;}
	.ab_boxD .cont .list li .rt .info_box .center_box{padding: 0px;}
	.ab_boxD .cont .list li .rt .title{font-size: 68px;}
	.ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 24px;}
	.ab_boxD .cont .list li .rt .desc{font-size: 15px;color: #FFFFFF;line-height: 28px;}
	.ab_boxD .year_box{margin-top: 50px;}
	.ab_boxD .box{height:110px; }
	.ab_boxD .box li{ width:200px; height:110px;  }
	.ab_boxD .box li p{height:110px; line-height:110px;font-size:15px; }
	.ab_boxD .box li i{height:68px; width:68px; }
	.ab_boxD .box li.cur p{ font-size:28px; }
	.ab_boxD .box li.cur i{width: 110px; height: 110px;}
	
	.ab_boxD .cont .list li  .info_box { padding: 20px 10px;}
	.ab_boxD .cont .list li  .title { margin-top: 0px;}
	.ab_boxD .cont .list li  .desc { margin-top: 10px;}
}

@media only screen and (max-width:768px ) {
	.ab_boxD .top_box{text-align: center;margin-bottom: 35px;}
	.ab_boxD .top_box .title{font-size: 28px;margin-bottom: 15px;}
	.ab_boxD .top_box .en_title{font-size: 22px;margin-bottom: 15px;}
	.ab_boxD{height: auto;padding-top: 55px;padding-bottom: 55px;}
	.ab_boxD .cont .list li .lt img{max-width: 100%;height: auto;}
	.ab_boxD .cont .list li .rt{padding-top: 20px; }
	.ab_boxD .cont .list li .rt .title{font-size: 60px;}
	.ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 22px;}
	.ab_boxD .cont .list li .rt .desc{font-size: 14px;color: #FFFFFF;line-height: 26px;}
	.ab_boxD .year_box{margin-top: 40px;}
	.ab_boxD .box{height:100px; }
	.ab_boxD .box li{ width:180px; height:100px;  }
	.ab_boxD .box li p{height:100px; line-height:100px;font-size:14px; }
	.ab_boxD .box li i{height:64px; width:64px; }
	.ab_boxD .box li.cur p{ font-size:26px; }
	.ab_boxD .box li.cur i{width: 100px; height: 100px;}
}

@media only screen and (max-width:480px ) {
	.ab_boxD .top_box{text-align: center;margin-bottom: 32px;}
	.ab_boxD .top_box .title{font-size: 26px;margin-bottom: 12px;}
	.ab_boxD .top_box .en_title{font-size: 20px;margin-bottom: 12px;}
	.ab_boxD{height: auto;padding-top: 55px;padding-bottom: 55px;}
	.ab_boxD .cont .list li .lt{padding: 0px 20px;}
	.ab_boxD .cont .list li .lt img{max-width: 100%;height: auto;}
	.ab_boxD .cont .list li .rt{padding: 0px 15px; padding-top: 20px; }
	.ab_boxD .cont .list li .rt .title{font-size: 48px;}
	.ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 20px;}
	.ab_boxD .cont .list li .rt .desc{font-size: 14px;color: #FFFFFF;line-height: 26px;}
	.ab_boxD .year_box{margin-top: 40px;}
	.ab_boxD .box{height:80px; }
	.ab_boxD .box li{ width:140px; height:80px;  }
	.ab_boxD .box li p{height:80px; line-height:80px;font-size:14px; }
	.ab_boxD .box li i{height:56px; width:56px; }
	.ab_boxD .box li.cur p{ font-size:24px; }
	.ab_boxD .box li.cur i{width: 80px; height: 80px;}
}