/* banner_i*/
.bannner_i {}
	.bannner_i .swiper-slide a{
	text-align:center !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}
	.bannner_i .swiper-slide a.w80 { max-width: 1400px;}
	.bannner_i a.bannera1 , .bannner_i a.bannera3{	-webkit-justify-content: left;	justify-content: left;}
	.bannner_i a.bannera2 , .bannner_i a.bannera4{	}
	.swiper-slide-active .bannera1 img , .swiper-slide-active .bannera3 img{-webkit-animation:fadeInUp 1s .5s ease both; -moz-animation:fadeInUp 1s .5s ease both; width:auto; max-width:100%;}/* fadeInRight */
	.swiper-slide-active .bannera2 img , .swiper-slide-active .bannera4 img{-webkit-animation:fadeInUp 1s 0.5s ease both;-moz-animation:fadeInUp 1s .5s ease both; width:auto; max-width:100%;}
	/* banner-i end*/
	.bannner_i { position:relative;}
	.bannner_i .swiper-slide{ }
	.bannner_i .swiper-slide-active {  }
	.bannner_i .swiper-pagination-bullet {  width: 8px; height: 8px; display: inline-block; background: #999; opacity: 1; border-radius:4px; box-shadow:0 0 3px #fff; } 
	.bannner_i .swiper-pagination-bullet-active { width:40px; height:8px; position: relative; background:#999; }
	.bannner_i .swiper-pagination-bullet-active::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; animation: move linear 4s; animation-fill-mode: forwards; } 
	@keyframes move {
	  0% { left: 0; }
	  100% { left: 80%; }
	}
.bannner_i .swiper-slide a img.pc { display:block; width: auto; max-width: 55%;}
.bannner_i .swiper-slide a img.mob { display:none;}
@media screen and (max-width: 767px){
	.swiper-wrapper ,
	.swiper-slide ,
	.bannner_i .swiper-slide a  {  height:calc(100vh - 120px); }/* height:177vw; */
	.bannner_i .swiper-slide a.w80 { max-width: 100vw;}
	.bannner_i .swiper-slide a img{ width:auto; max-width:100%;}
	.bannner_i .swiper-slide a img.pc { display:none;}
	.bannner_i .swiper-slide a img.mb { display:block; width: auto; max-width: 80%; margin: 0 auto;}
    .bannner_i .swiper-slide .tl{ text-align: center;}
    .bannner_i .h100 { min-height:inherit; height:calc(100vh - 120px);}/* height:177vw; */
	.scroll_down { bottom:inherit; top:90vw; display:none;}
}


.mainl-p-1 { background:url(/upload/about/bg-mainl-p-1.jpg) center center no-repeat #fff; background-size:cover; }
	
	.mainl-p-1 .ttl:before { content: ""; width: 100%; height: 2px; background: #2F4370; display: block; }
	.mainl-p-1 .ttl h2 { font-size: 20px;padding: 0 50px;line-height: 40px;display: block;float: left;background: #2F4370;color: #fff;}
	.mainl-p-1 .qyjj {padding:100px 0 100px 0; position:relative; height:calc(100vh - 40px); min-height:600px; display:flex; align-items: center; }
	.mainl-p-1 .pic2{ width:40%; height:auto; overflow:hidden; float:right; display:inline-block; }
	.mainl-p-1 .pic2 img { width:auto; max-width:100%;}
	.mainl-p-1 .cnt { width:55%; overflow:hidden; float:left; display:inline; font-size:14px;}
	.ttl-txt1 {}/*  font-size:32px; line-height:68px; font-family:en4; overflow:hidden; color:#333; text-transform: uppercase; */
	.ttl-txt1 img { width:auto; height:30px;}
	.mainl-p-1 .ttl-txt1 img { width:auto; height:28px;}
	.ttl-txt2 { font-size:24px; height:40px; line-height:30px; position:relative; margin-top:20px; margin-bottom:40px; font-weight:400;  color:#333; font-family:en9; }
	.ttl-txt2:after { content:""; width:96px; height:2px; background:#988970; display:block; position:absolute; bottom:0;}
	.ttl-info { font-size:16px; line-height:1.6; text-align:justify;  color:#333; margin-bottom:20px;}
	.ttl-info p{ margin-bottom:10px; text-indent:2em; text-align:justify; font-weight:300; }
	/* .ttl-info p:last-child { text-indent:0; margin-top:30px; margin-bottom:0;} */
	.ttl-info p img { width:auto; max-width:40%; }
    .ttl-info p span { font-weight: 400;}
    .mainl-p-1 .icolist { display: flex; }
    .mainl-p-1 .icolist .list{ width: 70px; text-align: center;}
    .mainl-p-1 .icolist .list img{ width: 50px;}
    .mainl-p-1 .icolist .list span{ width: 100%; display: block; font-size: 12px; color: #666; text-align: center; padding: 5px 0 0 0; }
.more-i-1 { background: #fff; display: block; width:140px; height:36px; line-height:34px; text-align:center;  color: #333; transition: 0.3s ease-in-out; font-size:14px; margin-top:28px; border:1px solid #bbb; transition: all 0.3s linear;}
.more-i-1:hover { background:#333; color:#fff;}

@media screen and (max-width: 991px){
.mainl-p-1 { padding:0vh 0 0 0; background:#fff; height:auto; display:block; min-height:inherit;  font-weight:300;}
    .mainl-p-1 .ttl h2 {font-size: 14px; padding: 0 20px; line-height: 22px; font-weight: 100;}
	.mainl-p-1 .pic2 { display:none; }
	.mainl-p-1 .pic { margin-bottom:2vh;}
	.mainl-p-1 .qyjj { width:100%; min-height:inherit; height:auto; padding:0 5%; }
	.mainl-p-1 .pp-txt1 { font-size:14px; line-height:1.5;}
	.mainl-p-1 .ttl-txt1 img { height:20px;}
	.mainl-p-1 .pp-txt2 { font-size:10px; line-height:1.5; margin-bottom:3vh;}
	.mainl-p-1 .pp-txt3 { font-size:12px; line-height:1.5;}
	.mainl-p-1 .pp-txt4 { font-size:10px; line-height:1.5; padding-bottom:7vh;}
	.mainl-p-1 .pp-txt4:after { content:""; width:28px; height:1px; background:#b0a28b; display:block; margin:10px auto 0 auto;}
	.mainl-p-1 .cnt2 { box-shadow: none; padding:0 5%;}
	.mainl-p-1 .pic { width:100%; height:auto; overflow:hidden; float:inherit; text-align:right;}
	.mainl-p-1 .pic img { width:60%;}
	.mainl-p-1 .cnt { width:100%; height:auto; overflow:hidden; float:inherit; position:inherit; display:inline-block; padding:0vh 0%; }
	.mainl-p-1 .cnt .rb { width:100%; position:inherit; bottom:0; text-align:left; font-size:12px;}
	.mainl-p-1 .cnt p { line-height:1.6; font-size:12px;}
	.mainl-p-1 .cnt p.p1 { font-size:12px;}
	.mainl-p-1 .c-fff { }
	.mainl-p-1 .cnt { width:100%; height:auto; overflow:hidden; float:inherit; position:inherit; display:inline-block; padding:4vh 0%; }
	.ttl-txt1 { line-height:1.5;}
	.ttl-txt1 img { width:auto; max-width:40%; height:auto;}
	.ttl-txt2 { font-size:12px; height:auto; line-height:2; position:relative; margin-top:0; margin-bottom:3vh;}
	.ttl-txt2:after { height:1px;}
	.mainl-p-1 .cnt .ttl-info-en p{ font-size:12px; line-height:1.4;  margin-bottom:5px;  font-weight:300;}
	.ttl-info {margin-bottom:0px;}
	.ttl-info p:last-child { margin-top:1vh;}
	.ttl-info p img { width:auto; max-width:50%; }
    .mainl-p-1 .icolist {justify-content: center;}
    .mainl-p-1 .icolist .list{ width: 15%;}
    .mainl-p-1 .icolist .list img{ width:auto; max-width:80%;}
    .mainl-p-1 .icolist .list span{ font-size: 10px;}
.more-i-1 { width:80%; height:20px; line-height:20px; font-size:10px; margin:1vh auto 0 auto; border:1px solid #bbb; transition: all 0.3s linear; border-radius:10px;}
.more-i-1:hover { background:#666; color:#fff;}
}
	

.mainl-p-3 { padding:100px 0; }
	.newsi_l { padding:10px 0; position:relative; z-index:2; display:flex; justify-content: space-between;}
	.newsi_l .newslist1 { background:#fff; width:31.33%; transition: all 0.2s linear; overflow:hidden; position:relative; padding-bottom:20px;}
	.newsi_l .newslist1:after{position: absolute; width:1%; height:1px; background:#a78978; display:block; overflow:hidden; content:''; bottom:0; left:0; filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;transition: all 0.3s linear;}
	.newsi_l .newslist1:hover { }
	.newsi_l .newslist1:hover:after{width:100%; filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
	.newsi_l .newslist1:first-child {}
	.newsi_l .newslist1 .pic{ width:100%; position:relative; overflow:hidden;}
	.newsi_l .newslist1 span{ position: absolute; line-height:20px; padding:0 5px; left:5px; top:5px; z-index:2; display:block; color:#fff; }
	.newsi_l .newslist1 .pic img{ width:auto; max-width:100%; transition: all 0.2s linear;}
	.newsi_l .newslist1:hover .pic img{transform: scale(1.1);}
	.newsi_l .newslist1 .ttl{ font-size:18px; height:20px; line-height:20px; margin:30px 0 20px 0; transition: all 0.2s linear;	display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; }
	.newsi_l .newslist1:hover .ttl{ color:#000; }
	.newsi_l .newslist1 .info{ color:#666; border-top:1px dashed #ddd; padding-top:10px; line-height:22px; height:54px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis;  text-indent:2em; text-align:justify;}
@media screen and (max-width: 991px){
	.mainl-p-3 { padding:6vh 0; }
	.newsi_l { padding:0; display:block;}
	.newsi_l .newslist1 { width:100%; padding-bottom:5px; margin-bottom:5px;}
	.newsi_l .newslist1 .pic { width:36%; float:left; display:inline-block;}
	.newsi_l .newslist1 .ncnt { width:60%; float:right; display:inline-block;}
	.newsi_l .newslist1 .ttl { font-size:12px; line-height:1.8; margin:0 0 5px 0;}
	.newsi_l .newslist1 .info { padding:0; font-size:12px; line-height:18px; height:36px; padding-top:5px; box-sizing: content-box; color:#666; text-indent: 0;}
}


.mainl-p-4 { display: flex; background: #000; }
	.mainl-p-4 .cnt {width: 50%; height: 100vh; min-height:600px;  display: flex;  align-items: center;  justify-content: center;  position: relative;}
	.mainl-p-4 .cnt::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; transition: all 0.3s linear; }
	.mainl-p-4 .cnt1::before { background: url(/upload/pro-i_01.jpg) center center no-repeat;  background-size: cover;}
	.mainl-p-4 .cnt2::before { background: url(/upload/pro-i_02.jpg) center center no-repeat;  background-size: cover;}    
	.mainl-p-4 .cnt1:hover::before ,
	.mainl-p-4 .cnt2:hover::before  {filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
	.mainl-p-4 .cnt a { width: 50%; display: block; text-align: center; padding: 30px 0px;  transition: all 0.3s linear; position: relative; } /* width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;  */
	.mainl-p-4 .cnt a::after {content: ""; width: 0%; height: 2px; background: #2F4370; position: absolute; left: 50%; margin-left: -0%; bottom: 0; z-index: 2; display: block; transition: all 0.3s linear;}
	.mainl-p-4 .cnt1:hover a::after { width: 60%; left: 50%; margin-left: -30%;}
	.mainl-p-4 .cnt2:hover a::after { width: 60%; left: 50%; margin-left: -30%;}
	.mainl-p-4 .cnt .t1 { font-size: 32px; color: #fff; font-family:"Noto Sans SC"; font-weight:300; line-height: 2;}
	.mainl-p-4 .cnt .t1 span { font-weight: 400; color: #fa7f1c; }
	.mainl-p-4 .cnt .t2 { font-size: 16px; color: #fff; padding-bottom: 10px; }
	.mainl-p-4 .cnt .t3 { font-size: 12px; color: #fff; text-transform: uppercase; font-family: en2; }
	.mainl-p-4 .cnt .t4 { font-size: 16px; color: #fff; padding-top: 10px; display: flex; justify-content: center; }
	.mainl-p-4 .cnt .t4 span { width:140px; line-height: 36px; color: #fff; font-size: 12px; background:rgba(255,255,255,0.1); display: block;}
	.mainl-p-4 .cnt:hover a { background: rgba(0,0,0,.8); }

@media screen and (max-width: 991px){
	.mainl-p-4 { display:block; }
	.mainl-p-4 .cnt {width: 100%; height: calc(50vh - 25px); min-height:auto; }
	.mainl-p-4 .cnt a { width: 50%; padding: 30px 0px; } 
	.mainl-p-4 .cnt a::after {content: ""; width: 0%; height: 2px; background: #2F4370; position: absolute; left: 50%; margin-left: -0%; bottom: 0; z-index: 2; display: block; transition: all 0.3s linear;}
	.mainl-p-4 .cnt1:hover a::after { width: 60%; left: 50%; margin-left: -30%;}
	.mainl-p-4 .cnt2:hover a::after { width: 60%; left: 50%; margin-left: -30%;}
	.mainl-p-4 .cnt .t1 { font-size: 16px; font-weight:500; }
	.mainl-p-4 .cnt .t1 span { }
	.mainl-p-4 .cnt .t2 { font-size: 14px; color: #fff; padding-bottom: 10px; }
	.mainl-p-4 .cnt .t3 { font-size: 12px; color: #fff; text-transform: uppercase; font-family: en2; }
	.mainl-p-4 .cnt .t4 { font-size: 12px; color: #fff; padding-top: 10px; display: flex; justify-content: center; }
	.mainl-p-4 .cnt .t4 span { width:140px; line-height: 36px; color: #fff; font-size: 12px; background:rgba(255,255,255,0.1); display: block;}
	.mainl-p-4 .cnt:hover a { background: rgba(0,0,0,.8); }
}


.mainl-p-2 { background:url(/upload/bg-mainl-p-2.jpg) center center no-repeat; background-size:cover;}
	.mainl-p-2 .box2 {  min-height:100vh; position:relative;}
	.mainl-p-2 .cnt-l { width:100%; height:100%; position: absolute; left:0; top:0;  display:flex; flex-direction: column; justify-content: center; text-align: center; }
	.mainl-p-2 .cnt-l .en { font-size:32px; color:#fff; font-family:en7; line-height:1.5; margin-bottom:30px; padding-bottom: 40px; position: relative;}
    .mainl-p-2 .cnt-l .en::after { content: ""; width: 100px; height: 10px; display: block; background: #f15a18; border-radius: 5px; position: absolute; left: 50%; margin-left: -50px; bottom: 0; }
	.mainl-p-2 .cnt-l .cn1 { font-size:28px; color:#fff;}
	.mainl-p-2 .cnt-l .cn2 { font-size:32px; color:#fff;}
	.mainl-p-2 .cnt-l .cn3 { display:flex; justify-content: center; padding-top:30px;}
	.mainl-p-2 .cnt-l .cn3 a { width:140px; height:38px; line-height:36px; font-size:16px; color:#fff; border:1px solid #fff; border-radius:18px; text-align:center; display:block; margin:0 10px; }
	.mainl-p-2 .cnt-l .cn3 a:hover { background:#fff; color:#000; transition: all 0.3s linear;}
	.mainl-p-2 .cnt-l .pic { margin-top:30px;}
	.mainl-p-2 .cnt-l .pic img{ width:auto; max-width:40%;}

@media screen and (max-width: 991px){
	.mainl-p-2 .box2 { min-height: inherit; padding:0; height: calc(50vh - 25px); display:flex; align-items: center;}
	.mainl-p-2 .cnt-l { width:100%; height:auto; overflow:hidden; display:block; position:inherit; text-align:center;  }
	.mainl-p-2 .cnt-l .en { font-size:12px; margin-bottom:3vh; padding-bottom:20px;}
	.mainl-p-2 .cnt-l .en::after { height:3px;}
	.mainl-p-2 .cnt-l .cn1 { font-size:14px; color:#fff;}
	.mainl-p-2 .cnt-l .cn2 { font-size:14px; color:#fff;}
	.mainl-p-2 .cnt-l .pic { margin-top:3vh;}
	.mainl-p-2 .cnt-l .pic img{ width:auto; max-width:60%;}
	.mainl-p-2 .cnt-l .cn3 a { width:20%; height:20px; line-height:18px; font-size:12px; color:#fff; border-radius:9px; margin:0 5px; }
}