@charset "utf-8";
.wrapper { background:url(x22.jpg) bottom center no-repeat #fff; background-size:100%}
.header.white{ position:relative; box-shadow:0 0 30px rgba(0,0,0,0.15)}

.banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:2}
.banner>img{ width:100%; height:auto; }
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%);  z-index:9; color:#fff;}
.banner .item .en{ font-size:30px; line-height:1; text-transform:uppercase }
.banner .item .cn{ font-size:60px; line-height:1; margin-top:30px; padding-top:35px; position:relative}
.banner .item .cn:after{ content:""; display:block; width:50px; height:3px; background:#fff; position:absolute; left:0; top:0}

@media (max-width: 1700px){
	.banner .item .en{ font-size:24px; }
	.banner .item .cn{ font-size:50px; margin-top:25px; padding-top:30px;}
	.banner .item .cn:after{ width:40px;}


}
@media (max-width: 1200px){
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .en{ font-size:20px; }
	.banner .item .cn{ font-size:40px; margin-top:20px; padding-top:25px;}
	.banner .item .cn:after{ width:30px;}

}
@media (max-width: 750px){
	.banner .item .en{ font-size:14px; }
	.banner .item .cn{ font-size:24px; margin-top:16px; padding-top:20px;}
	.banner .item .cn:after{ height:2px}
}

.second_nav{ width:100%; margin-top:70px}
.second_nav .nr{ display:flex; justify-content: space-between;align-items: center;flex-wrap: wrap;}
.second_nav .nr .loc .p1{ display:flex; align-items: center;flex-wrap:wrap; line-height:1 }
.second_nav .nr .loc .p1 .m1{ font-size:56px; color:#333333; font-family:"Times New Roman"; text-transform:uppercase}
.second_nav .nr .loc .p1 .m2{ font-size:32px; color:#333333}
.second_nav .nr .loc .p2{ font-size:16px; color:#222222; line-height:1; margin-top:8px}
.second_nav .nr ul{ display:flex; align-items: center;flex-wrap:wrap;}
.second_nav .nr ul li{ margin-left:36px}
.second_nav .nr ul li a{ display:flex;justify-content:center;align-items: center; width:auto; padding:18px 35px; font-size:18px; color:#333; border-radius:35px; background:#dfdfdf}
.second_nav .nr ul li.on a{ background:#e21e32; color:#fff}
.second_nav .nr ul li:hover a{ background:#e21e32; color:#fff}
@media (max-width: 1700px){
	.second_nav{ margin-top:60px}
	.second_nav .nr .loc .p1 .m1{ font-size:42px;}
	.second_nav .nr .loc .p1 .m2{ font-size:24px; }
	.second_nav .nr .loc .p2{ font-size:14px;}
	.second_nav .nr ul li{ margin-left:26px}
	.second_nav .nr ul li a{ padding:10px 20px; font-size:16px;}
}
@media (max-width: 1200px){
	.second_nav{ margin-top:40px}
	.second_nav .nr .loc .p1 .m1{ font-size:32px;}
	.second_nav .nr .loc .p1 .m2{ font-size:20px; }
	.second_nav .nr .loc .p2{ font-size:12px;}
	.second_nav .nr ul{ margin-top:20px}
	.second_nav .nr ul li{ margin:0 20px 0 0}
	.second_nav .nr ul li a{ padding:5px 16px; font-size:14px;}
}
@media (max-width: 750px){
	.second_nav{ margin-top:40px}
	.second_nav .nr .loc .p1 .m1{ font-size:32px;}
	.second_nav .nr .loc .p1 .m2{ font-size:20px; }
	.second_nav .nr .loc .p2{ font-size:12px; line-height:1.4; margin-top:5px}
	.second_nav .nr ul{ margin-top:20px; width:100%}
	.second_nav .nr ul li{ margin:0 0 0 0; width:50%; border:0; border-radius:0}
	.second_nav .nr ul li a{ padding:5px 16px; font-size:14px; border:0; border-radius:0; border-right:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5)}
}


/*分页*/
.page{ text-align:center; font-size:0;}
.page a{ display:inline-block; vertical-align:top; text-align:center; font-size:18px; color:#333; margin: 0 5px; padding:10px 16px; border:1px solid #fff; background:#fff}
.page a.current,.page a:hover{ background:#e21e32; color:#fff}
.page .first,.page .last{ display:none}

@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:8px 10px; margin:0 2px}
	.page a{ background:#f1f1f1; border:1px solid #f1f1f1}
}






.nr_pc{ display:block;}
.nr_pc img{ max-width:100%}
.nr_sj{ display:none;}
.nr_sj img{ max-width:100%}
@media all and (max-width:1200px){
	.nr_pc{ display:none;}
	.nr_sj{ display: block;}
}

.picList{ padding:70px 0}
.picList .picListCont{display:flex; flex-wrap: wrap;}
.picList .picListCont .item{ width:23.5%; margin-right:2%; margin-bottom:3%; box-shadow:0 0 15px rgba(0,0,0,0.1)}
.picList .picListCont .item:nth-child(4n){ margin-right:0}
.picList .picListCont .item .pic{ width:100%; overflow:hidden}
.picList .picListCont .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.picList .picListCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picList .picListCont .item .title{ line-height:70px; box-sizing:border-box; padding:0 15px; text-align:center; font-size:16px; color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
@media all and (max-width:1700px){
	.picList{ padding:60px 0}
	.picList .picListCont .item .title{ line-height:60px ; font-size:14px; }
}
@media all and (max-width:1200px){
	.picList{ padding:40px 0 0}
	.picList .picListCont{ padding-bottom:15px}
	.picList .picListCont .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.picList .picListCont .item .title{ line-height:50px ; font-size:14px; }
}
@media all and (max-width:750px){
	.picList{ padding:30px 0 0}
	.picList .picListCont{ padding-bottom:15px}
	.picList .picListCont .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.picList .picListCont .item:nth-child(3n){ margin-right:3%}
	.picList .picListCont .item:nth-child(2n){ margin-right:0}
	.picList .picListCont .item .title{ line-height:50px ; font-size:14px; }
}


.picList101{ padding:70px 0}
.picList101 .picListCont{display:flex; flex-wrap: wrap;}
.picList101 .picListCont .item{ width:23.5%; margin-right:2%; margin-bottom:3%; box-shadow:0 0 15px rgba(0,0,0,0.1)}
.picList101 .picListCont .item:nth-child(3n){ margin-right:2%}
.picList101 .picListCont .item:nth-child(4n){ margin-right:0}
.picList101 .picListCont .item .pic{ width:100%; overflow:hidden}
.picList101 .picListCont .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.picList101 .picListCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picList101 .picListCont .item .title{ line-height:70px; box-sizing:border-box; padding:0 15px; text-align:center; font-size:16px; color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
@media all and (max-width:1700px){
	.picList101{ padding:60px 0}
	.picList101 .picListCont .item .title{ line-height:60px ; font-size:14px; }
}
@media all and (max-width:1200px){
	.picList101{ padding:40px 0 0}
	.picList101 .picListCont{ padding-bottom:15px}
	.picList101 .picListCont .item{ }
	.picList101 .picListCont .item .title{ line-height:50px ; font-size:14px; }
}
@media all and (max-width:750px){
	.picList101{ padding:30px 0 0}
	.picList101 .picListCont{ padding-bottom:15px}
	.picList101 .picListCont .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.picList101 .picListCont .item:nth-child(3n){ margin-right:3%}
	.picList101 .picListCont .item:nth-child(2n){ margin-right:0}
	.picList101 .picListCont .item .title{ line-height:50px ; font-size:14px; }
}


.picNewsList{}
.hotNews{ margin-top:60px}
.hotNews .swiper01{ width:100%; overflow:hidden; background:#eeeeee; position:relative}
.hotNews .swiper01 .swiper-slide{ width:100%}
.hotNews .swiper01 .swiper-slide a{ display:flex}
.hotNews .swiper01 .swiper-slide .pic{ width:735px; position:relative; overflow:hidden}
.hotNews .swiper01 .swiper-slide .pic i{ display:block; width:100%; padding-bottom:53%; position:relative}
.hotNews .swiper01 .swiper-slide .pic i img{ width:100%; height:100%; position:absolute; left:0; top:0; boject-fit:cover}
.hotNews .swiper01 .swiper-slide .pic i img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%}
.hotNews .swiper01 .swiper-slide:hover .pic i img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.hotNews .swiper01 .swiper-slide .cont{ width:calc(100% - 735px); box-sizing:border-box; padding:85px}
.hotNews .swiper01 .swiper-slide .cont .title{ font-size:25px; color:#333333; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hotNews .swiper01 .swiper-slide .cont .time{ background:url(x23.png) left center no-repeat; padding-left:22px; font-size:14px; color:#666666; padding-left:22px; margin-top:10px}
.hotNews .swiper01 .swiper-slide .cont .intro{ font-size:16px; color:#333333;display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden; margin-top:20px}
.hotNews .swiper01 .swiper-slide .cont .more{ width:fit-content; padding:5px 15px; font-size:18px; color:#333333; border:1px solid #aaaaaa; border-radius:5px; margin-top:30px}
.hotNews .swiper01 .btn{  position:absolute; right:85px; bottom:45px; z-index:2;display:flex; align-items: center}
.hotNews .swiper01 .btn .pagination01{ font-size:20px; color:#666666;width:fit-content;}
.hotNews .swiper01 .btn .prev01{ width:37px; height:37px; background:url(x24.png) center center no-repeat; background-size:100%; cursor:pointer; margin-left:20px}
.hotNews .swiper01 .btn .next01{ width:37px; height:37px; background:url(x25.png) center center no-repeat; background-size:100%; cursor:pointer; margin-left:10px}
@media all and (max-width:1700px){
	.picNewsList{}
	.hotNews{ margin-top:40px}
	.hotNews .swiper01 .swiper-slide .pic{ width:550px; }
	.hotNews .swiper01 .swiper-slide .cont{ width:calc(100% - 550px); padding:40px 40px 0}
	.hotNews .swiper01 .swiper-slide .cont .title{ font-size:22px;}
	.hotNews .swiper01 .swiper-slide .cont .time{  font-size:12px; }
	.hotNews .swiper01 .swiper-slide .cont .intro{ font-size:14px; margin-top:16px}
	.hotNews .swiper01 .swiper-slide .cont .more{ font-size:16px; margin-top:25px}
	.hotNews .swiper01 .btn{  right:40px; bottom:35px; }
	.hotNews .swiper01 .btn .pagination01{ font-size:16px; }
	.hotNews .swiper01 .btn .prev01{ width:32px; height:32px; }
	.hotNews .swiper01 .btn .next01{ width:32px; height:32px;  }
}
@media all and (max-width:1200px){
	.picNewsList{}
	.hotNews{ margin-top:40px}
	.hotNews .swiper01 .swiper-slide a{ display:block}
	.hotNews .swiper01 .swiper-slide .pic{ width:100%; }
	.hotNews .swiper01 .swiper-slide .cont{ width:100%; padding:20px 20px}
	.hotNews .swiper01 .swiper-slide .cont .title{ font-size:18px;}
	.hotNews .swiper01 .swiper-slide .cont .time{  font-size:12px; }
	.hotNews .swiper01 .swiper-slide .cont .intro{ font-size:12px; margin-top:12px}
	.hotNews .swiper01 .swiper-slide .cont .more{ font-size:14px; margin-top:20px}
	.hotNews .swiper01 .btn{  right:20px; bottom:20px; }
	.hotNews .swiper01 .btn .pagination01{ font-size:12px; }
	.hotNews .swiper01 .btn .prev01{ width:24px; height:24px; }
	.hotNews .swiper01 .btn .next01{ width:24px; height:24px;  }
}
.picNewsListCont{ display:flex;flex-wrap: wrap; margin:70px 0 0 }
.picNewsListCont .item{ width:23.5%; margin-right:2%; margin-bottom:3%}
.picNewsListCont .item a{ background:#f5f5f5; display:block; box-sizing:border-box; padding:15px}
.picNewsListCont .item .pic{ width:100%; overflow:hidden; position:relative; padding-bottom:56%}
.picNewsListCont .item .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; boject-fit:cover }
.picNewsListCont .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picNewsListCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picNewsListCont .item:nth-child(4n){ margin-right:0}
.picNewsListCont .item .cont .title{ font-size:20px; color:#333333;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; margin-top:15px;}
.picNewsListCont .item .cont .time{ margin:10px 0 12px; font-size:14px; color:#333333; border-bottom:1px solid #dadada; padding-bottom:14px}
.picNewsListCont .item .cont .intro{ font-size:14px; color:#333333;display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden; line-height:1.8}
.picNewsListCont .item .cont .more{ font-size:14px; color:#666666; padding:15px 0; margin-top:15px; border-top:1px solid #dadada;}
@media all and (max-width:1700px){
	.picNewsListCont{ margin:60px 0 0 }
	.picNewsListCont .item .cont .title{ font-size:18px; }
	.picNewsListCont .item .cont .time{ ont-size:12px;}
	.picNewsListCont .item .cont .intro{ font-size:12px; }
	.picNewsListCont .item .cont .more{ font-size:12px;}
}
@media all and (max-width:1200px){
	.picNewsListCont{ margin:40px 0 0 }
	.picNewsListCont .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.picNewsListCont .item:nth-child(3n){ margin-right:3%}
	.picNewsListCont .item:nth-child(2n){ margin-right:0}
	.picNewsListCont .item .cont .title{ font-size:18px; }
	.picNewsListCont .item .cont .time{ ont-size:12px;}
	.picNewsListCont .item .cont .intro{ font-size:12px; }
	.picNewsListCont .item .cont .more{ font-size:12px;}
}
@media all and (max-width:750px){
	.picNewsListCont{ margin:40px 0 0 }
	.picNewsListCont .item{ width:100%; margin-right:0%; margin-bottom:20px}
	.picNewsListCont .item:nth-child(3n){ margin-right:0%}
	.picNewsListCont .item:nth-child(2n){ margin-right:0}
	.picNewsListCont .item .cont .title{ font-size:16px; }
	.picNewsListCont .item .cont .time{ ont-size:12px;}
	.picNewsListCont .item .cont .intro{ font-size:12px; }
	.picNewsListCont .item .cont .more{ font-size:12px;}
}

.nihd{ padding:100px 0 0 0; text-align:center}
.nihd .en{ font-size:44px; font-weight:bold; line-height:1; color:rgba(0,0,0,0.15); text-transform:uppercase; line-height:0.8}
.nihd .cn{ font-size:44px; color:#333333; line-height:1; font-weight:bold; margin-top:-20px}
@media all and (max-width:1700px){
	.nihd{ padding:80px 0 0 0;}
	.nihd .en{ font-size:36px;}
	.nihd .cn{ font-size:36px; margin-top:-15px}
}
@media all and (max-width:1200px){
	.nihd{ padding:60px 0 0 0;}
	.nihd .en{ font-size:28px;}
	.nihd .cn{ font-size:28px; margin-top:-10px}
}
@media all and (max-width:750px){
	.nihd{ padding:40px 0 0 0;}
	.nihd .en{ font-size:20px;}
	.nihd .cn{ font-size:20px; margin-top:-8px}
}

.caseTop{ margin-top:85px; box-shadow:0 0 20px rgba(0,0,0,0.15);display:flex; align-items: center;flex-wrap: wrap; background:#fafafa}
.caseTop .pic{ width:875px; overflow:hidden}
.caseTop .pic img{ width:100%}
.caseTop .cont{ width:768px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); margin-left:20px; box-sizing:border-box; padding:30px 50px }
.caseTop .cont .item{ border-bottom:1px solid #d9d9d9; padding:20px; box-sizing:border-box;display:flex;align-items: center;flex-wrap: wrap;}
.caseTop .cont .item:last-child{ border-bottom:0}
.caseTop .cont .item .ico{ width:50px;}
.caseTop .cont .item .ico img{ width:100%}
.caseTop .cont .item .acont{ width:calc(100% - 50px); box-sizing:border-box; padding-left:15px}
.caseTop .cont .item .acont .title{ font-size:20px; color:#333333; line-height:1; font-weight:bold}
.caseTop .cont .item .acont .intro{ font-size:16px; color:#333333; margin-top:8px}
@media all and (max-width:1700px){
	.caseTop{ margin-top:60px;}
	.caseTop .pic{ width:620px; }
	.caseTop .cont{ width:550px; margin-left:15px; padding:10px 20px }
	.caseTop .cont .item{ padding:15px 0;}
	.caseTop .cont .item .ico{ width:45px;}
	.caseTop .cont .item .acont{ width:calc(100% - 45px); padding-left:12px}
	.caseTop .cont .item .acont .title{ font-size:18px; }
	.caseTop .cont .item .acont .intro{ font-size:14px; margin-top:8px}
}
@media all and (max-width:1200px){
	.caseTop{ margin-top:40px;}
	.caseTop .pic{ width:100%; }
	.caseTop .cont{ width:100%; margin-left:0; padding:20px }
	.caseTop .cont .item{ padding:15px 0;}
	.caseTop .cont .item .ico{ width:45px;}
	.caseTop .cont .item .acont{ width:calc(100% - 45px); padding-left:12px}
	.caseTop .cont .item .acont .title{ font-size:18px; }
	.caseTop .cont .item .acont .intro{ font-size:14px; margin-top:8px}
}
@media all and (max-width:750px){
	.caseTop{ margin-top:30px;}
	.caseTop .pic{ width:100%; }
	.caseTop .cont{ width:100%; margin-left:0; padding:20px }
	.caseTop .cont .item{ padding:15px 0;}
	.caseTop .cont .item .ico{ width:40px;}
	.caseTop .cont .item .acont{ width:calc(100% - 40px); padding-left:12px}
	.caseTop .cont .item .acont .title{ font-size:16px; }
	.caseTop .cont .item .acont .intro{ font-size:12px; margin-top:8px}
}

.caseListCont{ width:100%; display:flex; flex-wrap: wrap; margin-top:80px}
.caseListCont .item{ width:30%; margin-right:5%; margin-bottom:5%; box-shadow:0 0 20px rgba(0,0,0,0.15)}
.caseListCont .item:nth-child(3n){ margin-right:0}
.caseListCont .item .pic{ width:100%; overflow:hidden; padding-bottom:67%; position:relative}
.caseListCont .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%; height:100%; position:absolute; left:0; top:0; boject:fit-cover}
.caseListCont .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.caseListCont .item .cont{ padding:40px}
.caseListCont .item .cont .title{ font-size:30px; color:#333333; line-height:1; padding-bottom:12px; position:relative}
.caseListCont .item .cont .title:after{ content:""; display:block; width:52px; height:2px; background:#cd1619; position:absolute; left:0; bottom:0}
.caseListCont .item .cont .intro{ margin-top:10px; font-size:14px; color:#333333;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; line-height:1.6}
.caseListCont .item .cont .more{ width:fit-content; padding:5px 15px; font-size:18px; color:#333333; border:1px solid #aaaaaa; border-radius:5px; margin-top:20px}
@media all and (max-width:1700px){
	.caseListCont{ margin-top:60px}
	.caseListCont .item{ width:31%; margin-right:3.5%; margin-bottom:3.5%;}
	.caseListCont .item .cont{ padding:30px}
	.caseListCont .item .cont .title{ font-size:24px;}
	.caseListCont .item .cont .title:after{ width:40px}
	.caseListCont .item .cont .intro{ font-size:12px;}
	.caseListCont .item .cont .more{ font-size:16px;}
}
@media all and (max-width:1200px){
	.caseListCont{ margin-top:40px}
	.caseListCont .item{ width:48%; margin-right:4%; margin-bottom:4%;}
	.caseListCont .item:nth-child(3n){ margin-right:4%}
	.caseListCont .item:nth-child(2n){ margin-right:0}
	.caseListCont .item .cont{ padding:20px}
	.caseListCont .item .cont .title{ font-size:20px;}
	.caseListCont .item .cont .title:after{ width:32px}
	.caseListCont .item .cont .intro{ font-size:12px;}
	.caseListCont .item .cont .more{ font-size:14px; margin-top:15px}
}
@media all and (max-width:750px){
	.caseListCont{ margin-top:40px}
	.caseListCont .item{ width:100%; margin-right:0; margin-bottom:20px;}
	.caseListCont .item:nth-child(3n){ margin-right:0}
	.caseListCont .item:nth-child(2n){ margin-right:0}
	.caseListCont .item .cont{ padding:20px}
	.caseListCont .item .cont .title{ font-size:20px;}
	.caseListCont .item .cont .title:after{ width:32px}
	.caseListCont .item .cont .intro{ font-size:12px;}
	.caseListCont .item .cont .more{ font-size:14px; margin-top:15px}
}



.picList2{ padding:70px 0}
.picList2 .picListCont2{display:flex; flex-wrap: wrap;}
.picList2 .picListCont2 .item{ width:22.75%; margin-right:3%; margin-bottom:3%;}
.picList2 .picListCont2 .item:nth-child(4n){ margin-right:0}
.picList2 .picListCont2 .item .pic{ width:100%; overflow:hidden; padding-bottom:67%; position:relative}
.picList2 .picListCont2 .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.picList2 .picListCont2 .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picList2 .picListCont2 .item .title{ line-height:50px; box-sizing:border-box; padding:0 15px; text-align:center; font-size:16px; color:#333; background:#eeeeee}
@media all and (max-width:1700px){
	.picList2{ padding:60px 0}
	.picList2 .picListCont2 .item .title{ line-height:40px ; font-size:14px; }
}
@media all and (max-width:1200px){
	.picList2{ padding:40px 0 0}
	.picList2 .picListCont2{ padding-bottom:15px}
	.picList2 .picListCont2 .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.picList2 .picListCont2 .item .title{ line-height:40px ; font-size:14px; }
}
@media all and (max-width:750px){
	.picList2{ padding:30px 0 0}
	.picList2 .picListCont2{ padding-bottom:15px}
	.picList2 .picListCont2 .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.picList2 .picListCont2 .item:nth-child(3n){ margin-right:3%}
	.picList2 .picListCont2 .item:nth-child(2n){ margin-right:0}
	.picList2 .picListCont2 .item .title{ line-height:40px ; font-size:14px; }
}


.ab01{ margin-top:130px; margin-bottom:70px}
.ab01 .nr{display:flex; justify-content: space-between; flex-wrap: wrap;}
.ab01 .nr .pic{ width:750px; overflow:hidden; position:relative}
.ab01 .nr .pic .item{ width:100%; box-sizing:border-box; padding:0 50px; position:absolute; left:0; bottom:35px; text-align:right; z-index:2; color:rgba(255,255,255,0.55)}
.ab01 .nr .pic .item .a1{ font-size:88px; font-weight:bold; line-height:1; text-transform:uppercase;}
.ab01 .nr .pic .item .a2{ font-size:54px; line-height:1}
.ab01 .nr .pic img{ width:100%}
.ab01 .nr .cont{ width:850px}
.ab01 .nr .cont .nihd{ text-align:left; padding:0}
.ab01 .nr .cont .nihd .en{ font-size:50px}
.ab01 .nr .cont .nihd .cn{ font-size:35px; padding-bottom:23px; margin-top:-15px; position:relative}
.ab01 .nr .cont .nihd .cn:after{ content:""; display:block; width:85px; height:4px; background:#d02821; position:absolute; left:0; bottom:0}
.ab01 .nr .cont .intro{ font-size:18px; color:#333333; text-align:justify; line-height:2; margin-top:15px}
@media all and (max-width:1700px){
	.ab01{ margin-top:100px; margin-bottom:60px}
	.ab01 .nr .pic{ width:600px;}
	.ab01 .nr .cont{ width:580px}
	.ab01 .nr .cont .nihd .en{ font-size:40px}
	.ab01 .nr .cont .nihd .cn{ font-size:30px; padding-bottom:20px; margin-top:-12px; }
	.ab01 .nr .cont .nihd .cn:after{ width:80px; height:3px;}
	.ab01 .nr .cont .intro{ font-size:14px; line-height:1.8; margin-top:15px}
	.ab01 .nr .pic .item{  padding:0 30px;  bottom:30px;}
	.ab01 .nr .pic .item .a1{ font-size:60px;}
	.ab01 .nr .pic .item .a2{ font-size:40px; }

}
@media all and (max-width:1200px){
	.ab01{ margin-top:60px; margin-bottom:60px}
	.ab01 .nr .pic{ width:100%;}
	.ab01 .nr .cont{ width:100%; margin-top:20px}
	.ab01 .nr .cont .nihd .en{ font-size:30px}
	.ab01 .nr .cont .nihd .cn{ font-size:20px; padding-bottom:16px; margin-top:-10px; }
	.ab01 .nr .cont .nihd .cn:after{ width:60px; height:2px;}
	.ab01 .nr .cont .intro{ font-size:14px; line-height:1.8; margin-top:15px}
	.ab01 .nr .pic .item{  padding:0 20px;  bottom:20px;}
	.ab01 .nr .pic .item .a1{ font-size:30px;}
	.ab01 .nr .pic .item .a2{ font-size:20px; }
}
@media all and (max-width:750px){
	.ab01{ margin-top:40px; margin-bottom:40px}
	.ab01 .nr .pic{ width:100%;}
	.ab01 .nr .cont{ width:100%; margin-top:20px}
	.ab01 .nr .cont .nihd .en{ font-size:24px}
	.ab01 .nr .cont .nihd .cn{ font-size:18px; padding-bottom:12px; margin-top:-8px; }
	.ab01 .nr .cont .nihd .cn:after{ width:40px; height:2px;}
	.ab01 .nr .cont .intro{ font-size:14px; line-height:1.8; margin-top:12px}
}


.ab02{ width:100%; color:#333}
.ab02 .ibd{ padding:60px 0; color:#333333; display:flex; justify-content: space-evenly; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.ab02 .ibd .item { text-align:center}
.ab02 .ibd .item .p1{ display:flex; align-items:center;justify-content:center}
.ab02 .ibd .item .p1 .a1{ font-family:"impact"; font-size:80px; line-height:0.8}
.ab02 .ibd .item .p1 .a2{ font-size:18px; padding-top:30px; line-height:1; margin-left:5px}
.ab02 .ibd .item .p1 .a3{ font-size:26px; top:-40px; position:relative; line-height:1; margin-left:5px}
.ab02 .ibd .item .p2{ font-size:18px; margin-top:10px}
@media (max-width: 1700px){
	.ab02{ }
	.ab02 .ibd{ padding:70px 0; }
	.ab02 .ibd .item .p1 .a1{ font-size:66px;}
	.ab02 .ibd .item .p1 .a2{ font-size:16px; padding-top:30px;}
	.ab02 .ibd .item .p1 .a3{ font-size:22px; top:-30px; }
	.ab02 .ibd .item .p2{ font-size:16px; }
}
@media (max-width: 1200px){
	.ab02 .ibd{ padding:60px 0;justify-content: space-between;flex-wrap: wrap; }
	.ab02 .ibd .item .p1 .a1{ font-size:56px;}
	.ab02 .ibd .item .p1 .a2{ font-size:14px; padding-top:30px;}
	.ab02 .ibd .item .p1 .a3{ font-size:18px; top:-20px; }
	.ab02 .ibd .item .p2{ font-size:14px; }
}
@media (max-width: 750px){
	.ab02{ padding:0}
	.ab02 .ibd{ padding:20px 0;justify-content: space-between;flex-wrap: wrap; }
	.ab02 .ibd .item{ padding:20px 0; width:50%}
	.ab02 .ibd .item .p1 .a1{ font-size:40px;}
	.ab02 .ibd .item .p1 .a2{ font-size:12px; padding-top:20px;}
	.ab02 .ibd .item .p1 .a3{ font-size:16px; top:-15px; }
	.ab02 .ibd .item .p2{ font-size:12px; }
}


.ab03{ padding:80px 0}
.ab03 .ibd{ display:flex; flex-wrap: wrap;}
.ab03 .ibd .item{ position:relative; width:48.4%; margin-right:3.2%; margin-bottom:3.2%; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,0.15); border-radius:15px}
.ab03 .ibd .item .pic{ width:100%; overflow:hidden}
.ab03 .ibd .item .pic img{ width:100%}
.ab03 .ibd .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab03 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab03 .ibd .item:nth-child(2n){ margin-right:0}
.ab03 .ibd .item .cont{ text-align:right; width:100%; position:absolute; left:0; bottom:0; box-sizing:border-box; padding:60px; color:#333}
.ab03 .ibd .item .cont .cn{ font-size:36px; color:#333333; line-height:1}
.ab03 .ibd .item .cont .en{ font-size:18px; color:#333; line-height:1; text-transform:uppercase; margin-top:12px}
@media (max-width: 1700px){
	.ab03{ padding:60px 0}
	.ab03 .ibd .item{ border-radius:12px}
	.ab03 .ibd .item .cont{ padding:40px; }
	.ab03 .ibd .item .cont .cn{ font-size:28px; }
	.ab03 .ibd .item .cont .en{ font-size:16px; margin-top:12px}
}
@media (max-width: 1200px){
	.ab03{ padding:40px 0}
	.ab03 .ibd .item{ border-radius:10px}
	.ab03 .ibd .item .cont{ padding:20px; }
	.ab03 .ibd .item .cont .cn{ font-size:20px; }
	.ab03 .ibd .item .cont .en{ font-size:14px; margin-top:10px}
}
@media (max-width: 750px){
	.ab03{ padding:40px 0 0}
	.ab03 .ibd .item{ border-radius:10px; width:100%; margin-bottom:20px; margin-right:0}
	.ab03 .ibd .item .cont{ padding:20px; }
	.ab03 .ibd .item .cont .cn{ font-size:20px; }
	.ab03 .ibd .item .cont .en{ font-size:14px; margin-top:10px}
}

.contact01{ margin-top:120px; display:flex;justify-content: space-between;flex-wrap: wrap;}
.contact01 .lt{ width:615px;}
.contact01 .lt .ahd{ font-size:35px; color:#333333; font-weight:bold; line-height:1}
.contact01 .lt .lx{ margin-top:50px}
.contact01 .lt .lx .item{ border-bottom:1px solid #dadada; padding:20px 0; display:flex;align-items: center;flex-wrap: wrap;}
.contact01 .lt .lx .item .ico img{ height:73px;}
.contact01 .lt .lx .item .cont{ width:calc(100% - 73px); box-sizing:border-box; padding-left:36px}
.contact01 .lt .lx .item .cont .p1{ font-size:24px; color:#333333; font-weight:bold; line-height:1}
.contact01 .lt .lx .item .cont .p2{ font-size:19px; color:#333333; margin-top:6px}
.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ color:#cd1619; font-size:26px}
.contact01 .lt .ewm{ margin-top:30px; display:flex}
.contact01 .lt .ewm .item{ text-align:center; margin-right:30px}
.contact01 .lt .ewm .pic{ width:150px; margin:0 auto}
.contact01 .lt .ewm .pic img{ width:100%}
.contact01 .lt .ewm .title{ font-size:18px; color:#333}
.contact01 .rt{ width:860px; margin-right:60px}
.contact01 .rt .ahd{ font-size:35px; color:#333333; font-weight:bold; line-height:1}
.contact01 .rt .intro{ margin-top:10px; font-size:17px; color:#333333}
.contact01 .rt .form{ width:100%; margin-top:45px}
.contact01 .rt .form .inp1{ display:block; box-sizing:border-box; width:100%; height:58px; border:1px solid #b3b3b3; padding:0 20px; font-size:18px; color:#333; margin-bottom:20px}
.contact01 .rt .form .inp2{ display:block; box-sizing:border-box; width:100%; height:150px; border:1px solid #b3b3b3; padding:20px; font-size:18px; color:#333; margin-bottom:20px}
.contact01 .rt .form .inp3{ display:block; box-sizing:border-box; width:100%; height:58px; padding:0 20px; font-size:18px; color:#fff; background:#cd1619; cursor:pointer}
.contact02{ margin:100px 0; width:100%}
.contact02 img{ width:100%}
@media (max-width: 1700px){
	.contact01{ margin-top:80px; }
	.contact01 .lt{ width:550px;}
	.contact01 .lt .ahd{ font-size:28px;}
	.contact01 .lt .lx{ margin-top:30px}
	.contact01 .lt .lx .item{ padding:16px 0; }
	.contact01 .lt .lx .item .ico img{ height:60px;}
	.contact01 .lt .lx .item .cont{ width:calc(100% - 60px); padding-left:30px}
	.contact01 .lt .lx .item .cont .p1{ font-size:20px; }
	.contact01 .lt .lx .item .cont .p2{ font-size:16px; }
	.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:22px}
	.contact01 .lt .ewm{ margin-top:25px; }
	.contact01 .lt .ewm .item{ margin-right:25px}
	.contact01 .lt .ewm .pic{ width:130px; }
	.contact01 .lt .ewm .title{ font-size:16px;}
	.contact01 .rt{ width:600px; margin-right:0}
	.contact01 .rt .ahd{ font-size:28px;}
	.contact01 .rt .intro{ margin-top:10px; font-size:14px; }
	.contact01 .rt .form{ margin-top:30px}
	.contact01 .rt .form .inp1{ height:48px; padding:0 16px; font-size:14px; margin-bottom:16px}
	.contact01 .rt .form .inp2{ height:120px; padding:16px; font-size:14px; margin-bottom:16px}
	.contact01 .rt .form .inp3{ height:48px; padding:0 16px; font-size:14px;}
	.contact02{ margin:80px 0;}
}
@media (max-width: 1200px){
	.contact01{ margin-top:60px; }
	.contact01 .lt{ width:100%;}
	.contact01 .lt .ahd{ font-size:24px;}
	.contact01 .lt .lx{ margin-top:20px}
	.contact01 .lt .lx .item{ padding:15px 0; }
	.contact01 .lt .lx .item .ico img{ height:50px;}
	.contact01 .lt .lx .item .cont{ width:calc(100% - 50px); padding-left:25px}
	.contact01 .lt .lx .item .cont .p1{ font-size:18px; }
	.contact01 .lt .lx .item .cont .p2{ font-size:14px; }
	.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:20px}
	.contact01 .lt .ewm{ margin-top:20px; }
	.contact01 .lt .ewm .item{ margin-right:20px}
	.contact01 .lt .ewm .pic{ width:110px; }
	.contact01 .lt .ewm .title{ font-size:14px;}
	.contact01 .rt{ width:100%; margin-top:40px; margin-right:0}
	.contact01 .rt .ahd{ font-size:24px;}
	.contact01 .rt .intro{ margin-top:10px; font-size:12px; }
	.contact01 .rt .form{ margin-top:20px}
	.contact01 .rt .form .inp1{ height:40px; padding:0 15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp2{ height:100px; padding:15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp3{ height:40px; padding:0 15px; font-size:12px;}
	.contact02{ margin:60px 0;}
}
@media (max-width: 750px){
	.contact01{ margin-top:40px; }
	.contact01 .lt{ width:100%;}
	.contact01 .lt .ahd{ font-size:20px;}
	.contact01 .lt .lx{ margin-top:10px}
	.contact01 .lt .lx .item{ padding:15px 0; }
	.contact01 .lt .lx .item .ico img{ height:40px;}
	.contact01 .lt .lx .item .cont{ width:calc(100% - 40px); padding-left:20px}
	.contact01 .lt .lx .item .cont .p1{ font-size:16px; }
	.contact01 .lt .lx .item .cont .p2{ font-size:12px; }
	.contact01 .lt .lx .item:nth-child(n+2) .cont .p2{ font-size:16px}
	.contact01 .lt .ewm{ margin-top:20px; }
	.contact01 .lt .ewm .item{ margin-right:20px}
	.contact01 .lt .ewm .pic{ width:100px; }
	.contact01 .lt .ewm .title{ font-size:12px;}
	.contact01 .rt{ width:100%; margin-top:30px; margin-right:0}
	.contact01 .rt .ahd{ font-size:20px;}
	.contact01 .rt .intro{ margin-top:10px; font-size:12px; }
	.contact01 .rt .form{ margin-top:20px}
	.contact01 .rt .form .inp1{ height:40px; padding:0 15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp2{ height:100px; padding:15px; font-size:12px; margin-bottom:15px}
	.contact01 .rt .form .inp3{ height:40px; padding:0 15px; font-size:12px;}
	.contact02{ margin:40px 0;}
}




/* 内容模式 */
.article { padding:40px 0; width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd { line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .nr{}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#e21e32}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1440px){
	.article { padding:30px 0}
}
@media all and (max-width:1200px){
	.article { padding:20px 0;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.nr_pc{ display:none}
	.nr_sj{ display:block}
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}



@media all and (max-width:1440px){
	.article .nr{ }
}

@media all and (max-width:1200px){
	.article{ padding:40px 0;}
	.article .nr{}
}

.newsPage2{ padding:40px 0 40px;}
.newsList2{ padding-bottom:40px}
.newsList2 .item{ width:100%; padding:32px 0; border-bottom:1px dashed #d0d0d0}
.newsList2 .item a{ display:block;display:flex; width:100%; height:100%; box-sizing:border-box; transition:all 0.5s }
.newsList2 .item .time{ width:165px; font-weight:bold; color:#202123; font-size:24px; line-height:30px;}
.newsList2 .item .cont{ width:calc(100% - 165px); box-sizing:border-box; }
.newsList2 .item .cont .title{ font-size:16px; color:#202123;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:30px;}
.newsList2 .item .cont .intro{ font-size:14px; color:#aaaaaa; line-height:24px; margin-top:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ padding:0 30px}
.newsList2 .item:hover{ background:#e21e32; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ }
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:0 0 40px}
	.newsList2{ padding-bottom:40px}
	.newsList2 .item{ padding:25px 0}
	.newsList2 .item .time{ width:140px; font-size:20px}
	.newsList2 .item .cont{ width:calc(100% - 140px); }
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; margin-top:10px }
}
@media all and (max-width:450px){
	.newsList2 .item{ display:block}
	.newsList2 .item a{ display:block}
	.newsList2 .item:hover a{ }
	.newsList2 .item .time{ width:100%; font-size:14px; line-height:1; margin-bottom:5px}
	.newsList2 .item .cont{ width:100%; padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; margin-top:8px}
}


.fzlc{ position:relative; margin:50px 0 100px}
.fzlc:after{ content:""; display:block; height:calc(100% - 445px); width:0; border-left:2px dashed #e2e2e2; position:absolute; left:calc(50% - 1px); top:222px;}
.fzlc .nr{ box-sizing:border-box; padding:0 50px}
.fzlc .item{ display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap; position:relative; z-index:9}
.fzlc .item .pic{ width:730px; overflow:hidden; border-radius:50px;box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .3);}
.fzlc .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; width:100%; height:100%; object-fit:cover}
.fzlc .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.fzlc .item .cont{ width:730px;}
.fzlc .item .ico{ background:url(x37.png) center center no-repeat; width:44px; height:28px; position:absolute; left:50%; top:50%; margin:-14px 0 0 -22px; z-index:2}
.fzlc .item:hover .ico{ background:url(x36.png) center center no-repeat; background:url(x36.png) center center no-repeat; transform:rotate(0)}
.fzlc .item:nth-child(2n):hover .ico{ background:url(x36.png) center center no-repeat; transform:rotate(180deg)}
.fzlc .item .cont .title{ font-size:30px; color:#333333; font-weight:bold}
.fzlc .item .cont .intro{ font-size:20px; color:#333333; margin-top:10px; line-height:1.6}
.fzlc .item:nth-child(2n){flex-direction:row-reverse}
@media (max-width: 1700px){
	.fzlc{ margin:40px 0 80px}
	.fzlc:after{ height:calc(100% - 330px); top:165px;}
	.fzlc .nr{ padding:0 0}
	.fzlc .item .pic{ width:540px; border-radius:35px; }
	.fzlc .item .cont{ width:540px;}
	.fzlc .item .ico{ background-size:auto 16px}
	.fzlc .item:hover .ico{  background-size:auto 20px}
	.fzlc .item:nth-child(2n):hover .ico{ background-size:auto 20px}
	.fzlc .item .cont .title{ font-size:24px; }
	.fzlc .item .cont .intro{ font-size:16px; }
}
@media (max-width: 1200px){
	.fzlc{ margin:40px 0 80px}
	.fzlc:after{ height:calc(100% - 200px); top:100px;}
	.fzlc .nr{ padding:0 0}
	.fzlc .item .pic{ width:45%; border-radius:20px; height:200px }
	.fzlc .item .cont{ width:45%;}
	.fzlc .item .ico{ background-size:auto 12px}
	.fzlc .item:hover .ico{  background-size:auto 16px}
	.fzlc .item:nth-child(2n):hover .ico{ background-size:auto 16px}
	.fzlc .item .cont .title{ font-size:20px; }
	.fzlc .item .cont .intro{ font-size:14px; }
}
@media (max-width: 750px){
	.fzlc{ margin:40px 0 60px}
	.fzlc:after{ height:0; top:100px;}
	.fzlc .nr{ padding:0 0}
	.fzlc .item{ margin-bottom:30px}
	.fzlc .item .pic{ width:100%; border-radius:20px; height:auto }
	.fzlc .item .cont{ width:100%;}
	.fzlc .item .ico{ background-size:auto 0}
	.fzlc .item:hover .ico{  background-size:auto 0}
	.fzlc .item:nth-child(2n):hover .ico{ background-size:auto 0}
	.fzlc .item .cont{ margin-top:12px}
	.fzlc .item .cont .title{ font-size:16px; }
	.fzlc .item .cont .intro{ font-size:12px; margin-top:5px }
}





.itemLsit{ padding:60px 0}
.itemLsit .cont{ }
.itemLsit .ihd{ width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0; display:none}
.itemLsit .ihd ul li{ float:left; margin-right:15px; font-size:0}
.itemLsit .ihd ul li a{ display:inline-block; vertical-align:top; padding:0 15px; height:26px; text-align:center; line-height:26px; font-size:14px; color:#333333; position:relative}
.itemLsit .ihd ul li a.on,.itemLsit .ihd ul li a:hover{ background:#cd1619; color:#fff; border-radius:8px}
.itemLsit .ihd ul li a.on:after,.itemLsit .ihd ul li a:hover:after{ content:""; display:block; background:url(x113.png) center center no-repeat; width:100%; height:8px; position:absolute; left:0; bottom:-8px;}
.itemLsit .ibd{ width:100%; margin-bottom:20px}
.itemLsit .ibd .item{ padding:25px 0; border-bottom:1px dashed #d8d7d7}
.itemLsit .ibd .item:last-child{ border:0}
.itemLsit .ibd .item .pic{ float:left; width:400px; overflow:hidden}
.itemLsit .ibd .item .pic img{ width:100%}
.itemLsit .ibd .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.itemLsit .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.itemLsit .ibd .item .title{ width:calc(100% - 430px); float:right}
.itemLsit .ibd .item .title h3{ font-size:30px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:8px}
.itemLsit .ibd .item .title h3 a{ color:#333}
.itemLsit .ibd .item:hover .title h3 a{ color:#e21e32}
.itemLsit .ibd .item .title .intro{ font-size:18px; color:#333333; line-height:30px; height:60px; overflow:hidden; margin:30px 0}
.itemLsit .ibd .item .title .more{display:flex;justify-content: center;align-items: center; width:105px; height:36px; border:1px solid #c9c9c9; border-radius:8px; font-size:16px; color:#333333}

.itemLsit .ibd .item:hover .title .more{ color:#fff; border:1px solid #e21e32; background:#e21e32}
@media (max-width: 1700px){
    .itemLsit{ padding:40px 0}
    .itemLsit .cont{ }
    .itemLsit .ibd .item .pic{ width:320px; }
    .itemLsit .ibd .item .title{ width:calc(100% - 350px); }
    .itemLsit .ibd .item .title h3{ font-size:20px;  margin-top:8px}
    .itemLsit .ibd .item .title .intro{ font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:20px 0}
    .itemLsit .ibd .item .title .more{ width:100px; height:32px; border-radius:5px; font-size:12px;}

}
@media (max-width: 750px){
    .itemLsit{ padding:20px 0}
    .itemLsit .cont{ }
    .itemLsit .ibd .item .pic{ width:100%; }
    .itemLsit .ibd .item .title{ width:100%; }
    .itemLsit .ibd .item .title h3{ font-size:16px;  margin-top:15px}
    .itemLsit .ibd .item .title .intro{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin:12px 0}
    .itemLsit .ibd .item .title .more{ width:90px; height:32px; border-radius:5px; font-size:12px;}
    
    .itemLsit .ihd ul li a.on:after,.itemLsit .ihd ul li a:hover:after{ width:0; height:0}

}



.w1200{ max-width:1200px; margin:0 auto}

.apros{ padding:50px 0}
.apros .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.apros .nr .items{ width:31%; box-shadow:0 0 15px rgba(0,0,0,0.15)}
.apros .nr .items .pic{ width:100%; padding-bottom:90%; position:relative; overflow:hidden}
.apros .nr .items .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.apros .nr .items .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.apros .nr .items .ar{ padding:40px; background:#fff}
.apros .nr .items .ar .title{display:flex;justify-content: space-between;  flex-wrap: wrap;}
.apros .nr .items .ar .title .a1{ font-size:30px; color:#333333; line-height:1; position:relative; padding-bottom:14px}
.apros .nr .items .ar .title .a1:after{ content:""; display:block; width:50px; height:2px; position:absolute; left:0; bottom:0; background:#cd1619}
.apros .nr .items .ar .title .a2{ display:flex; align-items: center; justify-content: center; width:120px; height:40px; box-sizing:box-sizing; border:1px solid #bfbfbf; border-radius:8px; font-size:16px; color:#333333}
.apros .nr .items .cont .intro{  padding:15px 0; font-size:14px; color:#333333; line-height:25px; min-height:100px; text-align:justify}
.apros .nr .items .cont .item{ border-top:1px solid #d9d9d9; padding:15px 0}
.apros .nr .items .cont .item .t1{ width:80px; height:25px;display:flex; align-items: center; justify-content: center; border-radius:5px; color:#fff; font-size:14px; background:#cd1619}
.apros .nr .items .cont .item .t2{font-size:14px; color:#333333; line-height:25px; text-align:justify; margin-top:10px}
.apros .nr .items .cont .item:nth-child(2) .t2{ min-height:125px;}
@media (max-width: 1700px){
    .apros{ padding:40px 0}
    
    .apros .nr .items{ width:32%; }
    .apros .nr .items .ar{ padding:30px; background:#fff}
    .apros .nr .items .ar .title .a1{ font-size:24px; }
    .apros .nr .items .ar .title .a2{  width:100px; height:32px;  font-size:14px; }
    .apros .nr .items .cont .intro{  min-height:125px;  }
    .apros .nr .items .cont .item{ border-top:1px solid #d9d9d9; padding:15px 0}

    .apros .nr .items .cont .item:nth-child(2) .t2{ min-height:150px;}
}
@media (max-width: 1200px){
    .apros{ padding:20px 0 40px}
    
    .apros .nr .items{ width:100%; margin-bottom:20px; }
    .apros .nr .items .ar{ padding:20px; background:#fff}
    .apros .nr .items .ar .title .a1{ font-size:20px; }
    .apros .nr .items .ar .title .a2{  width:100px; height:32px;  font-size:14px; }
    .apros .nr .items .cont .intro{  min-height:auto;  }
    .apros .nr .items .cont .item{ border-top:1px solid #d9d9d9; padding:15px 0}

    .apros .nr .items .cont .item:nth-child(2) .t2{ min-height:auto;}
}







.pxbn{ width:12rem; margin:0 auto; background:#ecf0f4; padding:0.6rem 0 0 0;}
.pxbn01{ display:flex; width:100%}
.pxbn01 .pic{ width:6.24rem;}
.pxbn01 .pic img{ width:100%}
.pxbn01 .cont{ width:5.1rem; margin-left:0.4rem}
.pxbn01 .cont .p1{ font-size:0.4rem; line-height:1; font-weight:bold; color:#333333}
.pxbn01 .cont .p2{ font-size:0.28rem; color:rgba(51,51,51,0.28); text-transform:uppercase; padding:0.1rem 0}
.pxbn01 .cont .p3{ font-size:0.2rem; color:#333333; line-height:1.6; text-align:justify}
.pxbn02{ display:flex; width:100%; margin-top:0.4rem}
.pxbn02 .pic{ width:100%}
.pxbn02 .pic img{ width:100%}
.pxbn03{ width:100%; position:relative; margin-top:0.5rem}
.pxbn03 .pic{ width:100%}
.pxbn03 .pic img{ width:100%}
.pxbn03 .cont{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff; font-size:0.56rem; text-align:center}
.pxbn03 .cont i{ font-size:0.88rem; font-style:italic; margin-right:0.1rem}
.pxbn04{ width:100%; box-sizing:border-box; padding:0.66rem 1rem; display:flex;flex-wrap: wrap;}
.pxbn04 .item{ width:27.8%; margin-right:8.3%; margin-bottom:0.66rem; border-radius:0.78rem; overflow:hidden;}
.pxbn04 .item:nth-child(3n){ margin-right:0}
.pxbn04 .item:nth-child(n+4){ margin-bottom:0}
.pxbn04 .item .pic{ width:100%}
.pxbn04 .item .pic img{ width:100%}
.pxbn04 .item .title{ height:0.96rem; display: flex;  justify-content: center;  align-items: center;  background: #fff; font-size:0.2rem; color:#333}
.pxbn05{ width:100%; position:relative;}
.pxbn05 .pic{ width:100%}
.pxbn05 .pic img{ width:100%}
.pxbn05 .cont{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff; font-size:0.56rem; text-align:center}
.pxbn05 .cont i{ font-size:0.88rem; font-style:italic; margin-right:0.1rem}
.pxbn06{ width:100%; box-sizing:border-box; padding:0.66rem 1rem;}
.pxbn06 .item{ background:#b6b6b6;display: flex;align-items: center; margin-bottom:0.36rem}
.pxbn06 .item .pic{ width:4.36rem; overflow:hidden}
.pxbn06 .item .pic img{ width:100%}
.pxbn06 .item .cont{ width:calc(100% - 4.36rem); box-sizing:border-box; color:#333333; padding:0 0.4rem}
.pxbn06 .item .cont .p1{ font-size:0.36rem; line-height:1}
.pxbn06 .item .cont .p2{ font-size:0.24rem; line-height:1.2; padding-top:0.1rem}