@charset "utf-8";
.wrapper{ padding-top:80px}
.header.white{ position:fixed; left:0; top:0; z-index:99; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.banner{ width:100%; overflow:hidden; position:relative}
.banner .pic{ width:100%}
.banner .pic img{ width:100%}
.banner .pic .img1{ display:block}
.banner .pic .img2{ display:none}
.banner .item{ position:absolute; width:100%; left:0; bottom:28%; font-size:70px; color:#fff; font-weight:bold; line-height:1}
.banner .bottom{ position: absolute; right: 0; bottom: 0; left: 0; border-top: rgba(255,255,255,.2) 1px solid; width:100%}
.banner .mianbao{display: flex;align-items: center;padding: 18px 0;justify-content: flex-end;}
.banner .mianbao *{font-size:16px;color: #fff !important;font-style: normal;line-height: 1.5;font-weight: normal;}
.banner .mianbao img{margin: 0 10px 0 0;height: 17px;}
.banner .mianbao span{margin: 0 4px;}

@media (max-width: 1600px){
	.wrapper{ padding-top:72px}
	.banner .item{ font-size:50px; }
	.banner .mianbao{ padding: 10px 0; }
	.banner .mianbao *{font-size:12px;}

}
@media (max-width: 1200px){
	.wrapper{ padding-top:60px}
	.banner .pic .img2{ display:block}
	.banner .pic .img1{ display:none}
	.banner .item{ font-size:30px; }
	
}
@media (max-width: 750px){
	.banner .pic .img2{ display:block}
	.banner .pic .img1{ display:none}
	.banner .item{ font-size:20px; }
	.banner .bottom{ display:none}
}
.kline{ width: 100%; height: 140px }
@media (max-width: 1700px){
	.kline{ height: 100px }
}
@media (max-width: 1200px){
	.kline{ height: 60px }
}
@media (max-width: 750px){
	.kline{ height: 40px }
}


.pro{ padding-bottom: 110px }
.pro .proHd{ display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }
.pro .proHd .lt{ width: calc(100% - 600px) }
.pro .proHd .lt .title{ font-size: 60px; color: rgba(10, 19, 36, 1); font-weight: bold; line-height: 1 }
.pro .proHd .lt .intro{ font-size: 20px; color: rgba(10, 19, 36, 1); margin-top: 25px }
.pro .proHd .rt{ width:fit-content; position:relative; z-index:9}
.pro .proHd .rt .item a{ display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 30px; width: 500px; height:60px; background: rgba(242, 243, 245, 1); border-radius: 10px; font-size: 20px; color: rgba(10, 19, 36, 1); font-weight:bold }
.pro .proHd .rt .item a img{ display: block; }

.pro .proHd .rt .wk{ position:absolute; left:0; top:100%; z-index:2; width:100%; display:none; padding: 10px 0 0}
.pro .proHd .rt .wk ul{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); padding: 20px 0; border-radius:10px }
.pro .proHd .rt ul li{ padding:5px 30px;}
.pro .proHd .rt ul li a{ display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 5px 0; width: 100%; font-size: 18px; color: rgba(10, 19, 36, 1); line-height:2; position:relative; width:fit-content;}
.pro .proHd .rt ul li a:after{ content:""; display:block; width:0; height:4px; background:#0999E0; position:absolute; left:0; bottom:0; transition:all 0.5s}
.pro .proHd .rt ul li a:hover:after{ width:100%}
.pro .proHd .rt ul li a:hover{ color:#0999E0; font-weight:bold}
.pro .proHd .rt:hover .wk{ display:block}
.pro .proHd .rt:hover .item a img{ transform:rotate(90deg)}
.pro .proHd .rt:hover .item a{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);color: #000; font-weight: bold; box-sizing:border-box; border:2px solid #0999E0}
@media (max-width: 1700px){
	.pro{ padding-bottom: 80px }
	.pro .proHd .lt{ width: calc(100% - 500px) }
	.pro .proHd .lt .title{ font-size: 50px; }
	.pro .proHd .lt .intro{ font-size: 16px; margin-top: 20px }
	.pro .proHd .rt .item a{ padding: 0 25px; width: 400px; height:52px;}
	.pro .proHd .rt .item a img{ display: block; width: 7px }
}
@media (max-width: 1200px){
	.pro{ padding-bottom: 60px }
	.pro .proHd .lt{ width:50% }
	.pro .proHd .rt{ width: 40% }
	.pro .proHd .lt .title{ font-size: 40px; }
	.pro .proHd .lt .intro{ font-size: 14px; margin-top: 15px }
	.pro .proHd .rt .item a{ padding: 0 20px; width: 100%; height:52px; font-size: 18px}
	.pro .proHd .rt .item a img{ display: block; width: 7px }
}
@media (max-width: 750px){
	.pro{ padding-bottom: 40px }
	.pro .proHd .lt{ width:100% }
	.pro .proHd .rt{ width: 100%; margin-top: 15px }
	.pro .proHd .lt .title{ font-size: 20px; }
	.pro .proHd .lt .intro{ font-size: 12px; margin-top: 10px }
	.pro .proHd .rt .item a{ height:45px; font-size: 16px}
	.pro .proHd .rt .item a img{ display: block; width: 6px }
	.pro .proHd .rt ul li a{ font-size:14px}
}
.pro .proBd{ margin-top: 140px; margin-bottom: 100px }
.pro .proBd .proCont{ display: flex; flex-wrap: wrap; }
.pro .proBd .item{ width: calc(540 / 1700 * 100%); margin-right: calc(40 / 1700 * 100%); margin-bottom: 3.5%  }
.pro .proBd .item:nth-child(3n){ margin-right: 0 }
.pro .proBd .item .pic{ width: 100%; overflow: hidden; border-radius: 20px; position:relative }
.pro .proBd .item .pic img{ width: 100%; transition: all 0.5s; transform: scale(1); }
.pro .proBd .item:hover .pic img{ transform: scale(1.2); }
.pro .proBd .item .title{ text-align: center; font-size: 24px; color: rgba(10, 19, 36, 1);text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top: 20px; transition: all 0.5s; }
.pro .proBd .item:hover .title{ color: rgba(9, 153, 224, 1) }
.pro .proBd .item:nth-last-child(-n + 3){ margin-bottom: 0 }
.pro .proBd .item:hover .pic:after{ content:""; display:block; width:100%; height:100%; border-radius:20px; box-sizing:border-box; border:2px solid rgba(9, 153, 224, 1); position:absolute; left:0; top:0}
@media (max-width: 1700px){
	.pro .proBd{ margin-top: 100px; margin-bottom: 80px }
	.pro .proBd .item .pic{ border-radius: 16px; }
	.pro .proBd .item:hover .pic:after{ border-radius: 16px; }
	.pro .proBd .item .title{ font-size: 20px; margin-top: 16px;}
}
@media (max-width: 1200px){
	.pro .proBd{ margin-top: 60px; margin-bottom: 60px }
	.pro .proBd .item .pic{ border-radius: 12px; }
	.pro .proBd .item:hover .pic:after{ border-radius: 12px; }
	.pro .proBd .item .title{ font-size: 16px; margin-top: 12px;}
}
@media (max-width: 750px){
	.pro .proBd{ margin-top: 40px; margin-bottom: 40px }
	.pro .proBd .item{ width: 48.5%; margin-right: 3% }
	.pro .proBd .item:nth-child(3n){ margin-right: 3% }
	.pro .proBd .item:nth-child(2n){ margin-right: 0 }
	.pro .proBd .item:nth-last-child(-n + 3){ margin-bottom: 3.5% }
	.pro .proBd .item:nth-last-child(-n + 2){ margin-bottom: 0 }
	.pro .proBd .item .pic{ border-radius: 10px; }
	.pro .proBd .item:hover .pic:after{ border-radius: 10px; }
	.pro .proBd .item .title{ font-size: 14px; margin-top: 10px;}
}


.page{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.page a{ display: flex; min-width: 20px; height: 50px; align-items: center; justify-content: center; margin: 0 5px; font-size: 18px; color:rgba(10, 19, 36, 1); border-radius: 25px; background: #f1f1f1; margin-bottom: 10px; padding:0 15px }
.page a.current{ background: rgba(9, 153, 224, 1); color: #fff }
.page a:hover{ background: rgba(9, 153, 224, 1); color: #fff; font-weight:bold }
@media (max-width: 1700px){
	.page a{  height: 42px; font-size: 16px; min-width: 18px; padding:0 12px }
}
@media (max-width: 1200px){
	.page a{ height: 36px; font-size: 14px ; min-width: 16px; padding:0 10px}
}
@media (max-width: 750px){
	.page a{ height: 32px; font-size: 12px;min-width: 16px; padding:0 8px ; margin: 0 2px;}
}

.proLocation{ display: flex; align-items: center; font-size: 20px; color: rgba(92, 99, 107, 1); }
.proLocation a{ color: rgba(92, 99, 107, 1) }
.proLocation a:hover{ color:  rgba(9, 153, 224, 1) }
.proDisTitle{ margin-top: 20px; font-size: 60px; color: rgba(10, 19, 36, 1); line-height: 1; font-weight: bold; }
.proDis01{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 100px }
.proDis01 .lt{ width:calc(660 / 1700 * 100%); overflow:hidden; position: relative;  }
.proDis01 .lt .mySwiper2{ width: 100%; overflow: hidden; }
.proDis01 .lt .mySwiper2 .swiper-slide{ width: 100%; overflow: hidden; border-radius: 25px; box-sizing: border-box;border: 2px solid rgba(204, 204, 204, 1); }
.proDis01 .lt .mySwiper2 .swiper-slide .pic{ width: 100%; overflow: hidden; }
.proDis01 .lt .mySwiper2 .swiper-slide .pic img{ width: 100%; transition: all 0.3s; transform: scale(1); }
.proDis01 .lt .mySwiper2 .swiper-slide:hover .pic img{ transform: scale(1.2); }
.proDis01 .lt .mySwiper1{ width: 550px; margin: 32px auto 0 ; overflow: hidden; padding: 1px 0}
.proDis01 .lt .mySwiper1 .swiper-slide{ width: 100%; overflow: hidden; border-radius: 10px; box-sizing: border-box;border: 1px solid rgba(204, 204, 204, 1); }
.proDis01 .lt .mySwiper1 .swiper-slide .pic{ width: 100%; overflow: hidden; }
.proDis01 .lt .mySwiper1 .swiper-slide .pic img{ width: 101%; transition: all 0.3s; transform: scale(1); }
.proDis01 .lt .mySwiper1 .swiper-slide:hover .pic img{ transform: scale(1.2); }
.proDis01 .lt .mySwiper1 .swiper-slide.swiper-slide-thumb-active{ border-color: rgba(9, 153, 224, 1) }
.proDis01 .lt .prev02{ background: url(g_12.png) center center no-repeat; background-size: cover; width: 40px; height: 40px; cursor: pointer; position: absolute; left: 0; bottom: 32px }

.proDis01 .lt .next02{ background: url(g_13.png) center center no-repeat; background-size: cover; width: 40px; height: 40px; cursor: pointer; position: absolute; right: 0; bottom: 32px }
.proDis01 .lt .prev02:hover{ background: url(g_12_2.png) center center no-repeat; background-size: cover;}
.proDis01 .lt .next02:hover{ background: url(g_13_2.png) center center no-repeat; background-size: cover;}

.proDis01 .rt{ width: calc(960 / 1700 * 100%); }
.proDis01 .rt .title{ font-size: 60px; color: rgba(10, 19, 36, 1); line-height: 1.2 }
.proDis01 .rt .intro{ font-size: 18px; color: rgba(92, 99, 107, 1); line-height: 2; margin-top: 40px }
.proDis01 .rt .intro p{ padding-left: 20px; position: relative; }
.proDis01 .rt .intro p:after{ content: ""; display: block; width: 6px; height: 6px; background: rgba(92, 99, 107, 1); border-radius: 100%; position:absolute; left: 0; top:16px; }
.proDis01 .rt .more{ margin-top: 80px; display:flex }
.proDis01 .rt .more a{ display: flex; justify-content: center; align-items: center; width: fit-content; height: 45px;  color: #333; font-size: 18px; padding: 0 32px; border-radius: 30px;border: 1px solid rgba(92, 99, 107, 1); transition: all 0.5s; font-weight: bold; margin-right:10px }
.proDis01 .rt .more a:hover{background: rgba(9, 153, 224, 1); border-color:rgba(9, 153, 224, 1); color: #fff }
@media (max-width: 1700px){
	.proLocation{ font-size: 16px; }
	.proDisTitle{ margin-top: 16px; font-size: 50px;}
	.proDis01{ margin-top: 60px }
	.proDis01 .lt .mySwiper2 .swiper-slide{ border-radius: 20px; }
	.proDis01 .lt .mySwiper1{ width: 360px; margin: 25px auto 0 ; }
	.proDis01 .lt .mySwiper1 .swiper-slide{ border-radius: 8px;}
	.proDis01 .lt .prev02{ width: 32px; height: 32px;  bottom: auto; top:433px; }
	.proDis01 .lt .next02{ width: 32px; height: 32px;  bottom: auto; top:433px; }
	.proDis01 .rt .title{ font-size: 42px; }
	.proDis01 .rt .intro{ font-size: 16px; margin-top: 25px }
	.proDis01 .rt .intro p:after{ top:14px; }
	.proDis01 .rt .more{ margin-top: 50px }
	.proDis01 .rt .more a{ height: 40px; font-size: 16px; padding: 0 25px;}
}
@media (max-width: 1200px){
	.proLocation{ font-size: 14px; }
	.proDisTitle{ margin-top: 12px; font-size: 36px;}
	.proDis01{ margin-top: 40px }
	.proDis01 .lt{ width: 100% }
	.proDis01 .lt .mySwiper2 .swiper-slide{ border-radius: 20px; }
	.proDis01 .lt .mySwiper1{ width: calc(100% - 120px); margin: 25px auto 0 ; }
	.proDis01 .lt .mySwiper1 .swiper-slide{ border-radius: 8px;}
	.proDis01 .lt .prev02{ width: 32px; height: 32px;  bottom: 5%; top:auto; }
	.proDis01 .lt .next02{ width: 32px; height: 32px;  bottom: 5%; top:auto; }
	.proDis01 .rt{ width: 100%; margin-top: 30px }
	.proDis01 .rt .title{ font-size: 32px; }
	.proDis01 .rt .intro{ font-size: 14px; margin-top: 20px }
	.proDis01 .rt .intro p{ padding-left: 18px }
	.proDis01 .rt .intro p:after{ top:10px; }
	.proDis01 .rt .more{ margin-top: 20px }
	.proDis01 .rt .more a{ height: 36px; font-size: 14px; padding: 0 20px;}
}
@media (max-width: 750px){
	.proLocation{ font-size: 12px; }
	.proDisTitle{ margin-top: 12px; font-size: 28px;}
	.proDis01{ margin-top: 20px }
	.proDis01 .lt{ width: 100% }
	.proDis01 .lt .mySwiper2 .swiper-slide{ border-radius: 16px; }
	.proDis01 .lt .mySwiper1{ width: calc(100% - 100px); margin: 25px auto 0 ; }
	.proDis01 .lt .mySwiper1 .swiper-slide{ border-radius: 5px;}
	.proDis01 .lt .prev02{ bottom: calc(8% - 16px); top: auto; }
	.proDis01 .lt .next02{ bottom: calc(8% - 16px);  top: auto; }
	.proDis01 .rt{ width: 100%; margin-top: 30px }
	.proDis01 .rt .title{ font-size: 20px; }
	.proDis01 .rt .intro{ font-size: 14px; margin-top: 15px }
	.proDis01 .rt .intro p{ padding-left: 18px }
	.proDis01 .rt .intro p:after{ top:12px; }
	.proDis01 .rt .more{ margin-top: 20px;justify-content: space-between; }
	.proDis01 .rt .more a{ height: 32px; font-size: 12px; padding: 0 10px; border-radius:5px; margin:0}

}

.proDis02{ margin-top: 80px; border-top: 2px solid  rgba(10, 19, 36, 1); border-bottom: 2px solid  rgba(10, 19, 36, 1); padding: 60px 0}
.proDis02 .ibd{ font-size: 18px; color: #333; line-height: 2 }
@media (max-width: 1700px){
	.proDis02{ margin-top: 60px; padding: 40px 0 }
	.proDis02 .ibd{ font-size: 16px;}
}
@media (max-width: 1200px){
	.proDis02{ margin-top: 40px;  padding: 20px 0 }
	.proDis02 .ibd{ font-size: 14px;}
	.proDis02 .ibd table{ height:auto!important; display:block; width:100%; overflow:auto}
}

.proDis03{ margin: 80px 0 110px }
.proDis03 .ihd{ font-size: 60px; color: rgba(10, 19, 36, 1); line-height: 1.1 }
.proDis03 .ibd{ margin: 60px 0 0 0 }
.proDis03 .ibd .mySwiper3{ width: 100%; overflow:hidden; }
.proDis03 .ibd .mySwiper3 .swiper-slide{ width: calc(540 / 1700 * 100%); margin-right: calc(40 / 1700 * 100%); }
.proDis03 .ibd .mySwiper3 .swiper-slide:last-child{ margin-right: 0 }
.proDis03 .ibd .mySwiper3 .swiper-slide .pic{ width: 100%; overflow:hidden; border-radius: 20px }
.proDis03 .ibd .mySwiper3 .swiper-slide .pic img{ width: 100%; transition: all 0.5s; transform: scale(1); }
.proDis03 .ibd .mySwiper3 .swiper-slide:hover .pic img{ transform: scale(1.2); }
.proDis03 .ibd .mySwiper3 .swiper-slide .title{font-size: 24px; color: rgba(10, 19, 36, 1); margin-top: 20px; text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.proDis03 .ibd .mySwiper3 .swiper-slide:hover .title{ color: rgba(9, 153, 224, 1)}
.proDis03 .ibd .btn{ margin-top: 60px; display: flex; justify-content: center; align-items: center; }
.proDis03 .ibd .btn .prev03{ display: block; width: 50px; height: 50px; cursor: pointer; background: url(g_12.png) center center no-repeat; background-size: cover; margin: 0 13px }
.proDis03 .ibd .btn .prev03:hover{ background: url(g_12_2.png) center center no-repeat; background-size: cover; }
.proDis03 .ibd .btn .next03{ display: block; width: 50px; height: 50px; cursor: pointer; background: url(g_13.png) center center no-repeat; background-size: cover; margin: 0 13px }
.proDis03 .ibd .btn .next03:hover{ background: url(g_13_2.png) center center no-repeat; background-size: cover; }
@media (max-width: 1700px){
	.proDis03{ margin: 60px 0 80px }
	.proDis03 .ihd{ font-size: 50px; }
	.proDis03 .ibd{ margin: 40px 0 0 0 }
	.proDis03 .ibd .mySwiper3 .swiper-slide .title{font-size: 20px; margin-top: 16px;}
	.proDis03 .ibd .btn{ margin-top: 40px;}
	.proDis03 .ibd .btn .prev03{ width: 42px; height: 42px; margin: 0 10px }
	.proDis03 .ibd .btn .next03{ width: 42px; height: 42px; margin: 0 10px }
}
@media (max-width: 1200px){
	.proDis03{ margin:40px 0 60px }
	.proDis03 .ihd{ font-size: 32px; }
	.proDis03 .ibd{ margin: 20px 0 0 0 }
	.proDis03 .ibd .mySwiper3 .swiper-slide .pic{ border-radius: 10px }
	.proDis03 .ibd .mySwiper3 .swiper-slide .title{font-size: 16px; margin-top: 12px;}
	.proDis03 .ibd .btn{ margin-top: 30px;}
	.proDis03 .ibd .btn .prev03{ width: 36px; height: 36px; margin: 0 10px }
	.proDis03 .ibd .btn .next03{ width: 36px; height: 36px; margin: 0 10px }
}
@media (max-width: 750px){
	.proDis03{ margin:40px 0 }
	.proDis03 .ihd{ font-size: 24px; }
	.proDis03 .ibd{ margin: 20px 0 0 0 }
	.proDis03 .ibd .mySwiper3 .swiper-slide{ width: 48.5%; margin-right: 3% }
	.proDis03 .ibd .mySwiper3 .swiper-slide .title{font-size: 14px; }
	.proDis03 .ibd .btn{ margin-top: 20px;}
	.proDis03 .ibd .btn .prev03{ width: 32px; height: 32px; margin: 0 8px }
	.proDis03 .ibd .btn .next03{ width: 32px; height: 32px; margin: 0 8px }
}

.contact{ width: 100% }
.contact01{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.contact01 .lt{ font-size: 60px; line-height: 70px; color: rgba(10, 19, 36, 1); width: 800px; font-weight: bold; }
.contact01 .rt{ font-size: 30px; color: rgba(10, 19, 36, 1); width: 700px; line-height: 1.2 }
.contact02{ margin-top: 120px; border-radius: 30px;background: rgba(242, 243, 245, 1); display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.contact02 .rt{ width: 1060px; }
.contact02 .rt img{ width: 100% }
.contact02 .lt{ width: calc(100% - 1060px); box-sizing: border-box; padding: 0 90px } 
.contact02 .lt .title{ font-size:40px; color: rgba(10, 19, 36, 1); font-weight: bold; }
.contact02 .lt .item{ font-size: 20px; color: rgba(10, 19, 36, 1); margin-top: 20px }
.contact02 .lt .ewm{ display: flex; flex-wrap: wrap; margin-top: 35px}
.contact02 .lt .ewm .pic{ width: 80px; margin-right: 15px }
.contact02 .lt .ewm .pic img{ width: 100% }
.contact03{ margin:90px 0  }
.contact03 .ihd{ text-align: center;font-size: 40px;color: rgba(10, 19, 36, 1); }
.contact03 .ibd{ margin-top: 60px; display: flex; flex-wrap: wrap; }
.contact03 .ibd .item{ width: calc(400 / 1700 * 100%); margin-right: calc(100 / 3 / 1700 * 100%);  }
.contact03 .ibd .item:nth-child(4){ margin-right: 0 }
.contact03 .ibd .item2{ width: 100%; margin-top: 25px }
.contact03 .ibd .item3{ width: 100%; margin-top: 25px; display: flex; justify-content: center; }
.contact03 .ibd .item .t{ font-size: 20px; color: rgba(10, 19, 36, 1) }
.contact03 .ibd .item .inp1{width: 100%;height: 50px;opacity: 1;border-radius: 10px;background: rgba(255, 255, 255, 1); box-sizing: border-box;border: 1px solid rgba(204, 204, 204, 1); margin-top: 10px; font-size: 16px; color: #333; padding:0 20px}
.contact03 .ibd .item2 .t{ font-size: 20px; color: rgba(10, 19, 36, 1) }
.contact03 .ibd .item2 .inp1{width: 100%;height: 196px;opacity: 1;border-radius: 10px;background: rgba(255, 255, 255, 1); box-sizing: border-box;border: 1px solid rgba(204, 204, 204, 1); margin-top: 10px; font-size: 16px; color: #333; padding:0 20px}
.contact03 .ibd .item3 .inp1{width: 400px;height: 50px;opacity: 1;border-radius: 10px;background: rgba(9, 153, 224, 1); font-size: 18px; color: #fff; cursor: pointer;}
@media (max-width: 1700px){
	.contact01 .lt{ font-size: 50px; line-height: 1.2; width: 600px; }
	.contact01 .rt{ font-size: 24px; width: 520px; }
	.contact02{ margin-top: 80px; border-radius: 20px;}
	.contact02 .rt{ width: 700px; }
	.contact02 .lt{ width: calc(100% - 700px);  padding: 0 60px } 
	.contact02 .lt .title{ font-size:32px; }
	.contact02 .lt .item{ font-size: 16px; margin-top: 16px }
	.contact02 .lt .ewm{ margin-top: 25px}
	.contact02 .lt .ewm .pic{ width: 80px; margin-right: 15px }
	.contact03{ margin:60px 0  }
	.contact03 .ihd{ font-size: 32px; }
	.contact03 .ibd{ margin-top: 40px;  }
	.contact03 .ibd .item2{ margin-top: 20px }
	.contact03 .ibd .item3{ margin-top: 20px; }
	.contact03 .ibd .item .t{ font-size: 16px; }
	.contact03 .ibd .item .inp1{ height: 42px; border-radius: 8px; font-size: 14px; color: #333}
	.contact03 .ibd .item2 .inp1{ height: 150px; border-radius: 8px; font-size: 14px; color: #333 }
	.contact03 .ibd .item2 .t{ font-size: 16px; }
	.contact03 .ibd .item3 .inp1{width: 300px;height: 42px; border-radius: 8px; font-size: 16px;}
}
@media (max-width: 1200px){
	.contact01 .lt{ width: 100%; font-size: 32px }
	.contact01 .rt{ width: 100%; font-size: 20px; margin-top: 10px }
	.contact02{ margin-top: 40px; border-radius: 10px; flex-wrap: wrap;}
	.contact02 .rt{ width: 100%; }
	.contact02 .lt{ width: 100%;  padding: 40px } 
	.contact02 .lt .title{ font-size:24px; }
	.contact02 .lt .item{ font-size: 14px; margin-top: 15px }
	.contact02 .lt .ewm{ margin-top: 20px}
	.contact02 .lt .ewm .pic{ width: 80px; margin-right: 12px }
	.contact03{ margin:50px 0  }
	.contact03 .ihd{ font-size: 24px; }
	.contact03 .ibd{ margin-top: 30px;  }
	.contact03 .ibd .item2{ margin-top: 16px }
	.contact03 .ibd .item3{ margin-top: 16px; }
	.contact03 .ibd .item .t{ font-size: 14px; }
	.contact03 .ibd .item .inp1{ height: 32px; border-radius: 5px; font-size: 12px;  }
	.contact03 .ibd .item2 .inp1{ height: 110px; border-radius: 5px; font-size: 12px;  }
	.contact03 .ibd .item2 .t{ font-size: 14px; }
	.contact03 .ibd .item3 .inp1{width: 200px;height: 32px; border-radius: 5px; font-size: 14px;}
}
@media (max-width: 750px){
	.contact01 .lt{ font-size: 24px }
	.contact01 .rt{ font-size: 16px; }
	.contact02{ margin-top: 20px; }

	.contact02 .lt{ padding: 20px } 
	.contact02 .lt .title{ font-size:20px; }
	.contact02 .lt .item{ font-size: 14px; margin-top: 12px }
	.contact03{ margin:40px 0  }
	.contact03 .ihd{ font-size: 20px; }
	.contact03 .ibd{ margin-top: 10px;  }
	.contact03 .ibd .item{ width: 100%; margin-right: 0; margin-top: 12px }
	.contact03 .ibd .item2{ margin-top: 12px }
	.contact03 .ibd .item3{ margin-top: 18px; }
	.contact03 .ibd .item .t{ font-size: 14px; }
	.contact03 .ibd .item .inp1{ height: 32px; border-radius: 5px; font-size: 12px;  }
	.contact03 .ibd .item2 .inp1{ height: 110px; border-radius: 5px; font-size: 12px;  }
	.contact03 .ibd .item2 .t{ font-size: 14px; }
	.contact03 .ibd .item3 .inp1{width: 160px;height: 32px; border-radius: 5px; font-size: 14px;}
}

.second_nav{ background: url(g_26.png) center center no-repeat; background-size: cover; padding:125px 0  }
.second_nav .ihd{ text-align: center;font-size: 60px;font-weight: 700;letter-spacing: 0px;line-height:1;color: rgba(10, 19, 36, 1);}
.second_nav .ibd{ margin-top: 50px }
.second_nav .ibd ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.second_nav .ibd ul li{ margin: 0 10px }
.second_nav .ibd ul li a{ display: flex; align-items: center; justify-content: center; width: fit-content; padding: 0 32px; height: 45px; box-sizing: border-box; border:1px solid rgba(92, 99, 107, 1); font-size: 18px;font-weight: 700;color: rgba(10, 19, 36, 1);border-radius: 60px;}
.second_nav .ibd ul li:hover a,.second_nav .ibd ul li.on a{background: rgba(9, 153, 224, 1); color: #fff; border-color:rgba(9, 153, 224, 1) }
@media (max-width: 1700px){
	.second_nav{  padding:100px 0  }
	.second_nav .ihd{ font-size: 50px; }
	.second_nav .ibd{ margin-top: 40px }
	.second_nav .ibd ul li a{ padding: 0 25px; height: 40px; font-size: 16px;}
}
@media (max-width: 1200px){
	.second_nav{  padding:60px 0  }
	.second_nav .ihd{ font-size: 32px; }
	.second_nav .ibd{ margin-top: 20px }
	.second_nav .ibd ul li a{ padding: 0 20px; height: 32px; font-size: 14px;}
}
@media (max-width: 750px){
	.second_nav{  padding:40px 0  }
	.second_nav .ihd{ font-size: 24px; }
	.second_nav .ibd{ margin-top: 20px }
	.second_nav .ibd ul{justify-content: flex-start;}
	.second_nav .ibd ul li{ margin: 0 0; width:49%; margin-right:2%; margin-bottom:2% }
	.second_nav .ibd ul li:nth-child(2n){ margin-right:0}
	.second_nav .ibd ul li a{ width:100%; text-align:center; padding: 0 15px; line-height:1.2; height:40px; border-radius:5px}
	
}

.news{ margin: 100px 0 }
.newsHot{ margin-bottom: 40px; }
.newsHot a{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;  background: rgba(9, 153, 224, 1); border-radius: 30px; overflow: hidden;}
.newsHot a .pic{ width: 789px; overflow:hidden; }
.newsHot a .pic img{ width: 100%; transform: scale(1); transition: all 0.3s; }
.newsHot a .cont{ width: calc(100% - 789px); box-sizing: border-box; padding: 70px 70px 0 70px; color: #fff  }
.newsHot a .cont .time{ font-size: 18px; font-weight:bold; font-weight:bold }
.newsHot a .cont .title{ font-size: 28px; margin-top: 30px; line-height: 36px; font-weight:bold }
.newsHot a .cont .intro{ font-size: 18px; margin-top: 60px; line-height: 28px }
@media (max-width: 1700px){
	.news{ margin: 80px 0 }
	.newsHot{ margin-bottom: 30px; }
	.newsHot a{ border-radius: 25px;}
	.newsHot a .pic{ width: 46%; }
	.newsHot a .cont{ width: 54%; padding: 40px 40px 0 40px;}
	.newsHot a .cont .time{ font-size: 14px }
	.newsHot a .cont .title{ font-size: 20px; margin-top: 20px; line-height: 28px }
	.newsHot a .cont .intro{ font-size: 14px; margin-top: 30px; line-height: 20px }
}
@media (max-width: 1200px){
	.news{ margin: 60px 0 }
	.newsHot{ margin-bottom: 20px; }
	.newsHot a{ border-radius: 20px;}
	.newsHot a .pic{ width: 46%; }
	.newsHot a .cont{ width: 54%; padding: 25px 25px 0 25px;}
	.newsHot a .cont .time{ font-size: 12px; }
	.newsHot a .cont .title{ font-size: 18px; margin-top: 16px; line-height: 25px ;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; max-height: 50px}
	.newsHot a .cont .intro{ font-size: 12px; margin-top: 25px; line-height: 20px ;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; max-height: 60px}
}
@media (max-width: 750px){
	.news{ margin: 40px 0 }
	.newsHot a{ border-radius: 10px;}
	.newsHot a .pic{ width: 100%; }
	.newsHot a .cont{ width: 100%; padding: 20px;}
	.newsHot a .cont .time{ font-size: 12px; }
	.newsHot a .cont .title{ font-size: 16px; margin-top: 12px; line-height: 20px ; max-height: 38px}
	.newsHot a .cont .intro{ margin-top: 15px; line-height: 20px ; max-height: 58px}
}
.newsList .newsCont{ margin-bottom:80px}
.newsList .item{  transition: all 0.5s;}
.newsList .item a{ display: flex; align-items: flex-start; flex-wrap: wrap;border-bottom: 2px solid rgba(242, 243, 245, 1);padding: 60px 0 }
.newsList .item a .pic{ width: 500px; overflow: hidden; border-radius: 20px }
.newsList .item a .pic img{ width: 100%; transition: all 0.3s; transform: scale(1);}
.newsList .item:hover a .pic img{ transform: scale(1.2);}
.newsList .item a .time{ width: 270px; box-sizing:border-box; padding: 50px 0 0 70px}
.newsList .item a .time .p1{ font-size: 80px; font-weight: bold; color: rgba(9, 153, 224, 1); line-height: 1 }
.newsList .item a .time .p2{ font-size: 16px; color: rgba(204, 204, 204, 1); margin-top: 18px; font-weight:bold }
.newsList .item a .time .p3{ font-size: 16px; color: rgba(204, 204, 204, 1); font-weight:bold }
.newsList .item a .cont{ width: calc(100%  -  770px); box-sizing: border-box; padding: 50px 125px 0 0 }
.newsList .item a .cont .t{ display: none; }
.newsList .item a .cont .title{ font-size: 28px; color: rgba(10, 19, 36, 1); font-weight:bold; }
.newsList .item a .cont .more i{ display: block; width: 50px; height: 50px; background: url(g_28.png) center center no-repeat; background-size: cover; margin-top: 60px; opacity: 0; transition: all 0.5s; }
.newsList .item:hover{ background: rgba(242, 243, 245, 1) }
.newsList .item :hover .cont .more i{ opacity: 1;}
@media (max-width: 1700px){
	.newsList .newsCont{ margin-bottom:60px}
	.newsList .item a{ padding: 40px 0 }
	.newsList .item a .pic{ width: 360px; border-radius: 15px }
	.newsList .item a .time{ width: 200px; padding: 30px 0 0 40px}
	.newsList .item a .time .p1{ font-size: 60px;}
	.newsList .item a .time .p2{ font-size: 14px; margin-top: 12px }
	.newsList .item a .time .p3{ font-size: 14px; }
	.newsList .item a .cont{ width: calc(100%  -  560px); padding: 30px 0 0 0 }
	.newsList .item a .cont .title{ font-size: 24px; }
	.newsList .item a .cont .more i{ width: 40px; height: 40px;  margin-top: 40px; }
}
@media (max-width: 1200px){
	.newsList .newsCont{ margin-bottom:40px}
	.newsList .item a{ padding: 30px 0 }
	.newsList .item a .pic{ width: 260px; border-radius: 10px }
	.newsList .item a .time{ display: none; }
	.newsList .item a .cont{ width: calc(100%  -  260px); padding: 0 0 0 20px }
	.newsList .item a .cont .t{ display: block; font-size: 12px ; margin-top: 10px}
	.newsList .item a .cont .title{ font-size: 20px; line-height: 1.2; margin-top: 10px }
	.newsList .item a .cont .more i{ opacity: 1; width: 32px; height: 32px; margin-top: 20px }
}
@media (max-width: 750px){
	.newsList .newsCont{ margin-bottom:30px}
	.newsList .item a{ padding: 20px 0 }
	.newsList .item a .pic{ width: 100%; border-radius: 10px }
	.newsList .item a .time{ display: none; }
	.newsList .item a .cont{ width: 100%; padding:10px 0 0 0 }
	.newsList .item a .cont .t{ margin-top: 0}
	.newsList .item a .cont .title{ font-size: 16px; }
}

.about01{ position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; }
.about01 .pic{ width: calc(775 / 1920 * 100%); overflow:hidden; }
.about01 .pic img{ width: 100% }
.about01 .cont{ width:calc(950 / 1920 * 100%); position: absolute; left: 50%; margin-left: -850px; top: 50%; transform: translateY(-50%); z-index: 2 }
.about01 .cont .title{ font-size: 60px; color: rgba(10, 19, 36, 1); line-height: 1 }
.about01 .cont .intro{ font-size: 18px; color: rgba(92, 99, 107, 1); line-height: 1.6; margin-top: 20px }
@media (max-width: 1700px){
	.about01 .cont{ width: calc(100% - (50% - 600px) - (775 / 1920 * 100%) ); margin-left: -600px; box-sizing: border-box; padding-right: 60px  }
	.about01 .cont .title{ font-size: 50px;  }
	.about01 .cont .intro{ font-size: 14px;  margin-top: 20px }
}
@media (max-width: 1440px){
	.about01 .cont .title{ font-size: 40px;  }
	.about01 .cont .intro{ font-size: 13px;  margin-top: 16px }
}
@media (max-width: 1200px){
	.about01{ padding: 40px 0 0}
	.about01 .pic{ width: 92%; margin: 0 auto }
	.about01 .cont{ position: relative; width: 92%; margin: 0 auto; transform: translate(0); left: 0; padding: 20px 0 0 0  }
	.about01 .cont .title{ font-size: 24px;  }
	.about01 .cont .intro{ font-size: 13px;  margin-top: 12px }
}
@media (max-width: 750px){
	.about01 .cont .title{ font-size: 20px;  }
	.about01 .cont .intro{ font-size: 12px;}
}

.about02{ margin-top: 100px; background: rgba(9, 153, 224, 1); padding: 50px 0 40px }
.about02 .ibd{ width: 100%; overflow: hidden; }
.about02 .ibd .swiper02{ width: 100%; overflow: hidden; padding-top:20px }
.about02 .ibd .swiper02 .swiper-slide{ width: calc(320 / 1700 * 100%); margin-right:calc(25 / 1700 * 100%)  }
.about02 .ibd .swiper02 .swiper-slide:last-child{ margin-right: 0 }
.about02 .ibd .swiper02 .swiper-slide .top{ width: 100%; background: rgba(242, 243, 245, 1); box-sizing: border-box; padding: 20px 20px 20px 30px; border-radius: 20px; position:relative; top:0; transition:all 0.5s }
.about02 .ibd .swiper02 .swiper-slide .top .ico img{ display: block; height: 38px }
.about02 .ibd .swiper02 .swiper-slide .top .ico .img1{ display: block; }
.about02 .ibd .swiper02 .swiper-slide .top .ico .img2{ display: none; }
.about02 .ibd .swiper02 .swiper-slide .top .num{ margin-top: 40px; font-size: 56px; color: rgba(10, 19, 36, 1); font-weight: bold; line-height: 1; text-align: right; }
.about02 .ibd .swiper02 .swiper-slide .intro{ font-size: 18px; color: rgba(255, 255, 255, 1); line-height: 28px; margin-top: 25px; text-align: right; }
.about02 .ibd .swiper02 .swiper-slide:hover .top{ top:-20px}
.about02 .ibd .swiper02 .swiper-slide:hover .top .ico .img2{ display: block; }
.about02 .ibd .swiper02 .swiper-slide:hover .top .ico .img1{ display: none; }
.about02 .ibd .swiper02 .swiper-slide:hover .top .num{ color: rgba(9, 153, 224, 1)}
@media (max-width: 1700px){
	.about02{ margin-top: 80px; padding:40px 0 30px}
	.about02 .ibd .swiper02 .swiper-slide .top{ padding: 18px 18px 18px 26px; border-radius: 18px }
	.about02 .ibd .swiper02 .swiper-slide .top .ico img{ height: 32px }
	.about02 .ibd .swiper02 .swiper-slide .top .num{ margin-top: 35px; font-size: 42px; }
	.about02 .ibd .swiper02 .swiper-slide .intro{ font-size: 16px; line-height: 1.4; margin-top: 20px; }
}
@media (max-width: 1200px){
	.about02{ margin-top: 60px; }
	.about02 .ibd .swiper02 .swiper-slide{ width: 32%; margin-right: 2% }
	.about02 .ibd .swiper02 .swiper-slide .top{ padding: 16px 16px 16px 24px; border-radius: 16px }
	.about02 .ibd .swiper02 .swiper-slide .top .ico img{ height: 28px }
	.about02 .ibd .swiper02 .swiper-slide .top .num{ margin-top: 30px; font-size: 40px; }
	.about02 .ibd .swiper02 .swiper-slide .intro{ font-size: 14px; line-height: 1.4; margin-top: 16px; }
}
@media (max-width: 750px){
	.about02{ margin-top: 40px; padding:20px 0  }
	.about02 .ibd .swiper02 .swiper-slide{ width: 48.5%; margin-right: 3% }
	.about02 .ibd .swiper02 .swiper-slide .top{ padding: 15px 15px 15px 15px; border-radius: 15px }
	.about02 .ibd .swiper02 .swiper-slide .top .ico img{ height: 24px }
	.about02 .ibd .swiper02 .swiper-slide .top .num{ margin-top: 25px; font-size: 30px; }
	.about02 .ibd .swiper02 .swiper-slide .intro{ font-size: 12px; line-height: 1.4; margin-top: 12px; }
}

.about03{ position: relative; }
.about03 .pic{ width: 100% }
.about03 .pic img{ width: 100% }
.about03 .pic .img1{ display: block; }
.about03 .pic .img2{ display: none; }
.about03 .cont{ position: absolute; width: 100%; left: 50%; margin-left: -850px; z-index: 2; top:40%; transform: translateY(-50%); }
.about03 .cont .title{font-size: 60px;font-weight: 400;letter-spacing: 0px; color: rgba(10, 19, 36, 1); line-height: 1}
.about03 .cont .intro{font-size: 18px; color: rgba(10, 19, 36, 1); margin-top: 30px}
.about03 .cont ul{ display: flex; margin-top: 80px }
.about03 .cont ul li{ margin-right: 100px }
.about03 .cont ul li .p1{ font-size: 60px; color: rgba(10, 19, 36, 1); line-height: 1; font-weight: bold; }
.about03 .cont ul li .p2{ font-size: 18px; color: rgba(92, 99, 107, 1); line-height: 1; margin-top: 10px }
@media (max-width: 1700px){

	.about03 .cont{  margin-left: -600px;  }
	.about03 .cont .title{font-size: 50px; }
	.about03 .cont .intro{font-size: 16px; margin-top: 25px}
	.about03 .cont ul{ margin-top: 60px }
	.about03 .cont ul li{ margin-right: 80px }
	.about03 .cont ul li .p1{ font-size: 50px; }
	.about03 .cont ul li .p2{ font-size: 16px; }
}
@media (max-width: 1200px){
	.about03 .cont{  margin-left:0; left: 4%  }
	.about03 .cont .title{font-size: 30px; }
	.about03 .cont .intro{font-size: 12px; margin-top: 15px; width: 50%}
	.about03 .cont ul{ margin-top: 20px }
	.about03 .cont ul li{ margin-right: 30px }
	.about03 .cont ul li .p1{ font-size: 30px; }
	.about03 .cont ul li .p2{ font-size: 12px; }
}
@media (max-width: 750px){
	.about03{ padding: 40px 0 0 }
	.about03 .pic{ width: 92%; margin: 0 auto; margin-top: 20px }
	.about03 .pic .img2{ display: block; }
	.about03 .pic .img1{ display: none; }
	.about03 .cont{  margin-left:0; left: 0; position: relative; top:auto; transform: translate(0); width: 92%; margin: 0 auto  }
	.about03 .cont .title{font-size: 24px; }
	.about03 .cont .intro{font-size: 12px; margin-top: 15px; width: 100%}
	.about03 .cont ul{ margin-top: 20px; justify-content: space-between; }
	.about03 .cont ul li{ margin-right: 0 }
	.about03 .cont ul li .p1{ font-size: 30px; }
	.about03 .cont ul li .p2{ font-size: 12px; }
}
.about04{ width: 100%; margin-top: 100px }
.about04 .ibd .swiper04{ width: 100%; overflow:hidden; }
.about04 .ibd .swiper04 .swiper-slide{ width: calc(400 / 1700 * 100%); margin-right:calc(33 / 1700 * 100%); box-sizing: border-box;  }
.about04 .ibd .swiper04 .swiper-slide a{ display: block; box-sizing: border-box; border: 1px solid ;border-radius: 30px;  border: 1px solid rgba(204, 204, 204, 1); padding: 40px 40px 0 }
.about04 .ibd .swiper04 .swiper-slide a .pic{ width: 100%; height:282px; overflow: hidden; text-align: center;  }
.about04 .ibd .swiper04 .swiper-slide a .pic img{ height: 282px; }
.about04 .ibd .swiper04 .swiper-slide a .title{ font-size: 18px; color: rgba(10, 19, 36, 1); text-align: center; border-top: 1px solid  rgba(204, 204, 204, 1); margin-top: 35px; height: 100px;display:flex; align-items: center; justify-content: center; }
.about04 .ibd .swiper04 .swiper-slide a .title i{ display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.about04 .ibd .swiper04 .swiper-slide:hover a .title{ color: rgba(9, 153, 224, 1) }
.about04 .ibd .swiper04 .pagination04{ margin-top: 70px; text-align: center; font-size: 0 }
.about04 .ibd .swiper04 .pagination04 span{ background:rgba(240, 240, 240, 1); width: 30px; height: 5px; border-radius: 0; opacity: 1; margin: 0 6px }
.about04 .ibd .swiper04 .pagination04 span.swiper-pagination-bullet-active{ background: rgba(9, 153, 224, 1) }
.about04 .ibd .swiper04 .swiper-slide:last-child{ margin-right: 0 }
@media (max-width: 1700px){
	.about04{ margin-top: 80px }
	.about04 .ibd .swiper04 .swiper-slide a{ border-radius: 16px; padding:25px 25px 0 }
	.about04 .ibd .swiper04 .swiper-slide a .pic{ height:240px; }
	.about04 .ibd .swiper04 .swiper-slide a .pic img{ height: 240px; }
	.about04 .ibd .swiper04 .swiper-slide a .title{ font-size: 16px;  margin-top: 25px; height: 80px;  }
	.about04 .ibd .swiper04 .pagination04{ margin-top: 50px; }
	.about04 .ibd .swiper04 .pagination04 span{ width: 30px; height: 4px ;margin: 0 5px }
}
@media (max-width: 1200px){
	.about04{ margin-top: 60px }
	.about04 .ibd .swiper04 .swiper-slide{ width: 32%; margin-right: 2% }
	.about04 .ibd .swiper04 .swiper-slide a{ border-radius: 12px; padding:20px 20px 0 }
	.about04 .ibd .swiper04 .swiper-slide a .pic{ height:200px; }
	.about04 .ibd .swiper04 .swiper-slide a .pic img{ height: 200px; }
	.about04 .ibd .swiper04 .swiper-slide a .title{ font-size: 14px;  margin-top: 20px; height: 60px;  }
	.about04 .ibd .swiper04 .pagination04{ margin-top: 30px; }
}
@media (max-width: 750px){
	.about04{ margin-top: 50px }
	.about04 .ibd .swiper04 .swiper-slide{ width: 49%; }
	.about04 .ibd .swiper04 .swiper-slide a{ border-radius: 8px; padding:15px 20px 0 }
	.about04 .ibd .swiper04 .swiper-slide a .pic{ height:160px; }
	.about04 .ibd .swiper04 .swiper-slide a .pic img{ height: 160px; }
	.about04 .ibd .swiper04 .swiper-slide a .title{ font-size: 12px;  margin-top: 15px; height: 50px;  }
	.about04 .ibd .swiper04 .pagination04{ margin-top: 20px; }
}

.about06{ margin: 120px 0 }
.about06 .nr{ position: relative; background: rgba(9, 153, 224, 1); border-radius: 55px; overflow: hidden; }
.about06 .nr .ibd{ width: 100%; display: flex; align-items: flex-start;; justify-content: space-between; flex-wrap: wrap; }
.about06 .nr .ibd .mySwiper62{ width: 700px; overflow:hidden; position: relative;}
.about06 .nr .ibd .mySwiper62 .swiper-slide{ width: 100%; overflow: hidden; }
.about06 .nr .ibd .mySwiper62 .swiper-slide .pic{ width: 100%; overflow: hidden; }
.about06 .nr .ibd .mySwiper62 .swiper-slide .pic img{ width: 100%;  transition:all 0.3s; transform: scale(1);}
.about06 .nr .ibd .mySwiper62 .swiper-slide:hover .pic img{ transform: scale(1.2);}
.about06 .nr .ibd .mySwiper61{ width:820px; box-sizing: border-box; margin: 400px 90px 0 90px; overflow: hidden; }
.about06 .nr .ibd .mySwiper61 .swiper-slide{ width: 100%; overflow: hidden; border-radius: 15px }
.about06 .nr .ibd .mySwiper61 .swiper-slide .pic{ width: 100%; overflow: hidden; position: relative; }
.about06 .nr .ibd .mySwiper61 .swiper-slide .pic img{ width: 100%;  transition:all 0.3s; transform: scale(1);} 
.about06 .nr .ibd .mySwiper61 .swiper-slide:hover .pic img{ transform: scale(1.1);} 
.about06 .nr .ibd .mySwiper61 .swiper-slide-thumb-active .pic:after{ content: ""; display: block; width: 100%; height: 100%; box-sizing: border-box; border-radius: 15px; border: 2px solid #fff ; position: absolute; left: 0; top: 0}
.about06 .nr .ihd{ position: absolute; top:80px; left: 790px; color: #fff; width: 820px }
.about06 .nr .ihd .title{ font-size: 60px; color: #fff; line-height: 1 }
.about06 .nr .ihd .intro{ font-size: 18px; color: #fff; margin-top: 50px }
.about06 .nr .prev06{ width: 50px; height: 50px; background: url(xx1.png) center center no-repeat; background-size: cover; cursor: pointer; position: absolute; left: 790px; top:300px; }
.about06 .nr .prev06:hover{background: url(xx1_2.png) center center no-repeat; background-size: cover;}
.about06 .nr .next06{ width: 50px; height: 50px; background: url(xx2.png) center center no-repeat; background-size: cover; cursor: pointer; position: absolute; left: 860px; top:300px; }
.about06 .nr .next06:hover{background: url(xx2_2.png) center center no-repeat; background-size: cover;}
.about06 .nr .mySwiper62 .prev06{ display:none }
.about06 .nr .mySwiper62 .next06{ display:none }
@media (max-width: 1700px){
	.about06{ margin: 90px 0 }
	.about06 .nr{ border-radius: 40px; }
	.about06 .nr .ibd .mySwiper62{ width: 500px; }
	.about06 .nr .ibd .mySwiper61{ width:580px; margin: 300px 60px 0 60px;  }
	.about06 .nr .ibd .mySwiper61 .swiper-slide{ border-radius: 10px }
	.about06 .nr .ibd .mySwiper61 .swiper-slide-thumb-active .pic:after{  border-radius: 10px; }
	.about06 .nr .ihd{ top:50px; left: 560px; width: 580px }
	.about06 .nr .ihd .title{ font-size: 40px; }
	.about06 .nr .ihd .intro{ font-size: 16px; margin-top: 30px }
	.about06 .nr .prev06{ width: 40px; height: 40px; left: 560px; top:220px; }
	.about06 .nr .next06{ width: 40px; height: 40px; left: 620px; top:220px; }
}
@media (max-width: 1200px){
	.about06{ margin: 60px 0 }
	.about06 .nr{ border-radius: 20px; }
	.about06 .nr .ibd .mySwiper62{ width: 45%; }
	.about06 .nr .ibd .mySwiper61{ width:45%; margin: 25% 5% 0 5%;  }
	.about06 .nr .ibd .mySwiper61 .swiper-slide{ border-radius: 10px }
	.about06 .nr .ibd .mySwiper61 .swiper-slide-thumb-active .pic:after{  border-radius: 10px; }
	.about06 .nr .ihd{ top:8%; left: 50%; width: 45% }
	.about06 .nr .ihd .title{ font-size: 24px; }
	.about06 .nr .ihd .intro{ font-size: 12px; margin-top: 20px }
	.about06 .nr .prev06{ width: 32px; height: 32px; left: 50%; top:45%; }
	.about06 .nr .next06{ width: 32px; height: 32px; left: calc(50% + 40px); top:45%; }
}
@media (max-width: 750px){
	.about06{ margin: 60px 0 }
	.about06 .nr .ihd{ position: relative; width: 100%; top:0; left: 0; padding:6% 4%; box-sizing: border-box; }
	.about06 .nr .ihd .title{ font-size: 20px; text-align: center; }
	.about06 .nr .ihd .intro{ font-size: 12px; margin-top: 10px; text-align: center; }


	.about06 .nr{ border-radius: 10px; }
	.about06 .nr .ibd .mySwiper62{ width: 100%; }
	.about06 .nr .ibd .mySwiper61{ width:90%; margin:5%;  }
	.about06 .nr .ibd .mySwiper61 .swiper-slide{ border-radius: 10px }
	.about06 .nr .ibd .mySwiper61 .swiper-slide-thumb-active .pic:after{  border-radius: 10px; }
	
	.about06 .nr .prev06{ display:none }
	.about06 .nr .next06{ display:none }

	.about06 .nr .mySwiper62 .prev06{ display:block; width: 32px; height: 32px; position: absolute; left: 2%; top:50%; margin-top: -16px; z-index: 2 }
	.about06 .nr .mySwiper62 .next06{ display:block; width: 32px; height: 32px; position: absolute; left: auto; top:50%; margin-top: -16px; z-index: 2 ; right: 2%}
}


/* 内容模式 */
.article { width:100%; margin:0 auto; box-sizing:border-box; background:#fff; line-height:2; font-size:16px; word-wrap:break-word; min-height:400px; padding:80px 0}
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:24px; text-align:center }
.article .hd .titBar { color:#666; font-size:14px; text-align:center }
.article .bd { padding-bottom:40px; line-height:2.2; }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { padding:40px 0 0; border-top:1px dotted #ccc; position:relative; font-size:16px; line-height:40px; color:#333 }
.article .ft a{ color:#333}
.article .ft .back{ position:absolute; right:0; top:40px}
.article .ft ul li {}
.article .ihd{ font-size:30px; color:#383838; border-bottom:1px solid #dddddd; padding:15px 0; margin-bottom:30px}
.article .ibd img{ max-width:100%; height:auto}
.nr_pc{ display:block}
.nr_sj{ display:none}
@media all and (max-width:1680px){
	.article{ padding:60px 0}
}
@media all and (max-width:1200px){
	.article{ padding:40px 0}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article{ font-size:14px}
	.article .ft{ padding:20px 0 0; line-height:28px; font-size:14px;}
	.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}
}





.newsPage2{ padding:80px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#f1f1f1;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:rgba(9, 153, 224, 1); 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{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1680px){
	.newsPage2{ padding:60px 0}
}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0 }
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}


/*picx*/
.picx{ padding:80px 0}
.picxList{ width:100%;}
.picxList .item{ width:23.5%; float:left; margin-right:2%; background:#fff; margin-bottom:40px; position:relative; border-radius:20px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.picxList .item:nth-child(4n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .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;}
.picxList .item:hover a .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);}
.picxList .item a .cont{ }
.picxList .item a .cont .title{ font-size:16px; color:#fff; text-align:center;  width:100%; box-sizing:border-box; padding:0 20px; background:rgba(9, 153, 224, 1); color:#fff;display:flex; align-items: center; justify-content: center; height:80px}
.picxList .item:hover a .cont{}
@media all and (max-width:1680px){
	.picx{ padding:60px 0}
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}
	.picx{ padding:40px 0 60px}
	.picxList .item a .cont .title{ font-size:14px; line-height:1.2; height:70px}

}
@media all and (max-width:1200px){
	.picx{ padding:40px 0}
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ padding:40px 0}
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px; border-radius:10px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}

}
@media all and (max-width:750px){
	.picxList .item{ width:100%;   margin-right:0;margin-bottom:15px; border-radius:10px}
	.picxList .item:nth-child(3n){ margin-right:0}
	.picxList .item:nth-child(2n){ margin-right:0}
	.picxList .item a .cont .title{ height:auto; padding:15px}
}