@charset "utf-8";
 
/* Banner */
.banner-ny { position:relative; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .img02 { display:none; }

.banner-ny .txt { position:absolute; top:42%; transform: translateY(-50%); left:0; right:0; color:#fff; line-height:1.1; z-index:2; }
.banner-ny .txt .p1 { font-size:52px; font-weight:bold; }
.banner-ny .txt .p2 { font-size:36px; margin-top:25px; }

@media all and (max-width:1680px){
	.banner-ny .txt .p1 { font-size:40px; }
	.banner-ny .txt .p2 { font-size:24px; margin-top:20px; }
}
@media all and (max-width:1200px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
	
	.banner-ny .txt { top:50%; text-align:center; }
	.banner-ny .txt .p1 { font-size:30px; }
	.banner-ny .txt .p2 { font-size:18px; margin-top:15px; }
}
 
/* 主体 */
.container { position:relative; padding:0; }
.wrap {  margin:0 auto; }

.main { padding:80px 0; }

@media all and (max-width:1680px){
	.main { padding:60px 0; }
}
@media all and (max-width:1200px){
	.main { padding:40px 0; }
}

.leftTitle { display:none; }

.sidebar { position:relative; box-shadow:0 0 20px rgba(12,97,174,0.15); }

.menu ul{ font-size:0; text-align:left}
.menu ul li { position:relative; display:inline-block; }
.menu ul li a { display:block; line-height:65px; font-size:18px; color:#252525; padding:0 30px}
.menu ul li:before { content:""; display:block; width:1px; top:30%; right:0; background:rgba(47,48,140,1); height:40%; position:absolute; }
.menu ul li:last-child:before { width:0; }
.menu ul li:after { content:""; display:none; width:80%; left:10%; bottom:0; background:rgba(47,48,140,1); height:2px; position:absolute; }

.menu ul li.current:after,.menu ul li:hover:after { display:block; }
.menu ul li.current a,.menu ul li:hover a { color:rgba(47,48,140,1); }
 

@media all and (max-width:1680px){
	.menu ul li a { line-height:60px; font-size:16px; padding:0 30px; }
}
@media all and (max-width:1200px){
	 .menu ul li a { line-height:50px; font-size:14px; padding:0 20px; }
}
@media all and (max-width:750px){
	.sidebar { display:none; }
}
/*
.second_nav{ width:100%; background:#ffffff; box-shadow:0 0 20px rgba(12,97,174,0.15); position:relative}
.second_nav .nr{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative}
.second_nav ul li a{ display:block; line-height:66px; font-size:18px; color:#252525; padding:0 30px}
.second_nav ul li:before{ content:""; display:block; width:1px; top:30%; right:0; background:#ff5001; height:40%; position:absolute}
.second_nav ul li:last-child:before{ width:0}
.second_nav ul li.on:after{ content:""; display:block; width:80%; left:10%; bottom:0; background:#ff5001; height:2px; position:absolute}
.second_nav ul li:hover:after{ content:""; display:block; width:80%; left:10%; bottom:0; background:#ff5001; height:2px; position:absolute}
.second_nav ul li.on a{ color:#ff5001}
.second_nav ul li:hover a{ color:#ff5001}
.second_nav.second_nav104 ul li.on a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li.on:after{ background:#e51a0e}
.second_nav.second_nav104 ul li:hover a{ color:#e51a0e; font-weight:bold}
.second_nav.second_nav104 ul li:hover:after{ background:#e51a0e}
.second_nav .t{ display:none}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#0c61ae;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li:before{ width:0}
	.second_nav ul li:hover::after{ left:0; bottom:-1px; width:100%}
	.second_nav ul li.on::after{ left:0; bottom:-1px; width:100%}
	
	.second_nav.second_nav104 .t{ background:#e51a0e}
	.second_nav.second_nav104 ul li{ border-bottom: 1px solid #e7e7e7;}
	
}
*/



/* 内容模式 */
.article { line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:32px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; }

@media all and (max-width:1680px){
	.article .hd h1 { font-size:24px; }
}
@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .hd h1 { font-size:20px; }
	.article .bd { font-size:14px; }
}
 
/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1680px){
	.location { width:100%; }
}
@media all and (max-width:1000px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}
 
 
/* 新闻列表 */
.list { padding:0 0 60px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

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

 
.newsList {  padding-bottom:60px; }
.newsList ul li { width:100%; height:136px; background:#f1f1f1;}
.newsList ul li:nth-child(n + 2) { margin-top:25px; }
.newsList ul li a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList ul li .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList ul li .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}
.newsList ul li .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList ul li .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList ul li .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;}

.newsList ul li:hover{ background:rgba(47,48,140,1); box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList ul li:hover .time{ color:#fff}
.newsList ul li:hover .time .p1{ border-bottom:1px solid #fff}
.newsList ul li:hover .cont .title{ color:#fff;}
.newsList ul li:hover .cont .intro{ color:rgba(255,255,255,0.47);}

@media all and (max-width:1200px){
	.newsList{ padding-bottom:30px}
	.newsList ul li{ height:125px}
	.newsList ul li:nth-child(n + 2) { margin-top:20px; }
	.newsList ul li .time{ width:100px;}
	.newsList ul li .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList ul li .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList ul li .cont .title{ font-size:16px}
	.newsList ul li .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList ul li{ height:100px }
	.newsList ul li:nth-child(n + 2) { margin-top:15px; }
	.newsList ul li .time{ width:80px;}
	.newsList ul li .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList ul li .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList ul li .cont .title{ font-size:16px}
	.newsList ul li .cont .intro{ font-size:12px; line-height:20px; height:40px}
}



/* 图文新闻 */
.picnews { padding-bottom:60px; }
.picnews ul li { float:left; width:32%; margin-right:2%; }
.picnews ul li:nth-child(3n) { margin-right:0; }
.picnews ul li:nth-child(n + 4) { margin-top:40px; }
.picnews ul li .pic { overflow:hidden; border-radius:15px; }
.picnews ul li .pic img { transition: all 0.6s; }
.picnews ul li .txt { margin-top:25px; }
.picnews ul li .txt .p1 { font-size:18px; color:#000; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; color:#777; margin-top:15px; }
.picnews ul li .txt .p3 { font-size:14px; color:#777; margin-top:15px; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }

.picnews ul li:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1200px){
	.picnews { padding-bottom:40px; }
	.picnews ul li { width:49%; margin-right:2%; }
	.picnews ul li:nth-child(3n) { margin-right:2%; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	.picnews ul li:nth-child(n + 3) { margin-top:30px; }
	
	.picnews ul li .txt .p1 { font-size:16px; }
	.picnews ul li .txt .p2 { font-size:14px; margin-top:10px; }
	.picnews ul li .txt .p3 { font-size:14px; margin-top:10px; } 
}
@media all and (max-width:750px){
	.picnews { padding-bottom:40px; }
	.picnews ul li { width:100%; margin-right:0; }
	.picnews ul li:nth-child(3n) { margin-right:0; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	.picnews ul li:nth-child(n + 2) { margin-top:20px; }
	
	.picnews ul li .txt { margin-top:15px; }
	.picnews ul li .txt .p1 { font-size:14px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:5px; }
	.picnews ul li .txt .p3 { font-size:12px; margin-top:10px; line-height:20px; height:40px; } 
}


/* 图片列表 */
.piList { padding-bottom:60px; }
.piList .pic-item-list .pic-item { float:left; width:32%; margin-right:2%; }
.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
.piList .pic-item-list .pic-item:nth-child(n + 4) { margin-top:30px; }
.piList .pic-item-list .pic-item .list-pic { overflow:hidden; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.piList .pic-item-list .pic-item dl { padding:0 10px; background:#f5f5f5; }
.piList .pic-item-list .pic-item dl dt { height:80px; font-size:16px; line-height:80px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1480px){
	.piList .pic-item-list .pic-item:nth-child(n + 4) { margin-top:30px; }
	.piList .pic-item-list .pic-item dl dt { height:60px; font-size:16px; line-height:60px; }
}
 
@media all and (max-width:1200px){
	.piList { padding-bottom:40px; }
	.piList .pic-item-list .pic-item { width:49%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
	.piList .pic-item-list .pic-item:nth-child(n + 3) { margin-top:2%; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; height:40px; line-height:40px; }

}
 
/* 分页 */
.page { text-align:center; }
.page a { display:inline-block; margin:0 5px; padding:5px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top; font-size: 14px; }
.page a:hover,.page .current { background:#2F308C; color:#fff; }

@media screen and (max-width: 1200px){
	.page a { padding:3px 5px; margin: 0 3px; font-size: 12px; }
}

.pro_wrap { position:relative; }
.pro_wrap:before { position:absolute; top:0; left:calc(50% - 450px); bottom:0; width:1px; display:block; content:""; background:rgba(229,229,229,1); z-index:2; }

.main01 { float:left; width:calc(50% - 450px); padding:60px 0; line-height:1.1; box-sizing: border-box; }
.main01 .p1 { font-size:46px; color:rgba(34,34,34,1); font-weight:bold; padding-left:calc(100% - 330px); }
.main01 .p2 { margin-top:50px; }
.main01 .p2 ul { border-bottom:1px solid rgba(229,229,229,1); }
.main01 .p2 ul li { border-top:1px solid rgba(229,229,229,1); }
.main01 .p2 ul li .a1 { display:block; padding:35px 60px 35px calc(100% - 330px); font-size:24px; font-weight:bold; color:rgba(34,34,34,1); }
.main01 .p2 ul li .a1 p { padding-right:35px; background:url(cp01.png) no-repeat center right; }
.main01 .p2 ul li .pp { padding:10px 60px 10px calc(100% - 330px); display:none; }
.main01 .p2 ul li .pp a { display:block; padding:15px 0; font-size:20px; color:rgba(34,34,34,1); }

.main01 .p2 ul li .pp a.on { color:rgba(47,48,140,1); }

.main01 .p2 ul li.on .a1 { background:rgba(245,245,245,1); color:rgba(47,48,140,1); }
.main01 .p2 ul li.on .a1 p { background:url(cp02.png) no-repeat center right; }
.main01 .p2 ul li.on .pp { display:block; }

.main02 { float:right; width:1170px; margin-right:calc(50% - 780px); padding:60px 0; }

.proBox01 { font-size:0; margin-bottom:40px; line-height:30px; padding-bottom:20px; border-bottom:1px solid rgba(229,229,229,1); }
.proBox01 p { position:relative; float:left; display:inline-block; font-size:24px; color:rgba(47,48,140,1); font-weight:bold; padding-left:20px; }
.proBox01 p:before { position:absolute; display:block; width:5px; height:24px; background:rgba(47,48,140,1); left:0; top:50%; transform: translateY(-50%); display:block; content:""; z-index:2; }
.proBox01 .aa { position:relative; float:right; width:calc(100% - 250px); padding-right:100px; box-sizing: border-box; }
.proBox01 .aa .swiper-slide { width:auto; margin-right:60px; }
.proBox01 .aa .swiper-slide a { display:block; font-size:20px; color:rgba(47,48,140,1);}
.proBox01 .aa .swiper-slide.current a { font-weight:bold; }

.next-aa01 { position:absolute; right:0; top:50%; transform: translateY(-50%); z-index:2; width:15px; height:20px; background:url(f01.png) no-repeat center; cursor:pointer; }

@media all and (max-width:1680px){
	.pro_wrap:before { left:calc(50% - 370px); }

	.main01 { float:left; width:calc(50% - 370px); padding:60px 0; }
	.main01 .p1 { font-size:30px; padding-left:calc(100% - 240px); }
	.main01 .p2 { margin-top:40px; }
	.main01 .p2 ul li .a1 { padding:25px 30px 25px calc(100% - 240px); font-size:18px; }
	.main01 .p2 ul li .a1 p { padding-right:25px; background-size:15px 15px!important; }
	.main01 .p2 ul li .pp { padding:10px 25px 10px calc(100% - 240px);  }
	.main01 .p2 ul li .pp a { padding:10px 0; font-size:16px; }
 
	.main02 { float:right; width:930px; margin-right:calc(50% - 600px); padding:60px 0; }

	.proBox01 { margin-bottom:40px; line-height:30px; padding-bottom:15px; }
	.proBox01 p { font-size:20px; padding-left:20px;  }
	.proBox01 p:before { width:3px; height:20px; }
 
	.proBox01 .aa { width:calc(100% - 200px); padding-right:50px; }
	.proBox01 .aa .swiper-slide { margin-right:40px; }
	.proBox01 .aa .swiper-slide a { font-size:18px; }
}
@media all and (max-width:1280px){
	.pro_wrap:before { left:calc(4% + 200px); }

	.main01 { float:left; width:calc(4% + 200px); margin-left:0; padding:40px 0; }
	.main01 .p1 { font-size:24px; padding-left:calc(100% - 200px); }
	.main01 .p2 { margin-top:30px; }
	.main01 .p2 ul li .a1 { padding:20px 20px 20px calc(100% - 200px); font-size:16px; }
	.main01 .p2 ul li .a1 p { padding-right:25px; background-size:15px 15px!important; }
	.main01 .p2 ul li .pp { padding:10px 20px 10px calc(100% - 200px);  }
	.main01 .p2 ul li .pp a { padding:10px 0; font-size:14px; }
	
	.main02 { float:right; width:calc(92% - 230px); margin-right:4%; padding:40px 0; }
	
	.proBox01 { margin-bottom:30px; line-height:20px; padding-bottom:10px; }
	.proBox01 p { font-size:18px; padding-left:15px; }
	.proBox01 p:before { width:3px; height:20px; }
	
	.proBox01 .aa { width:calc(100% - 180px); padding-right:30px; }
	.proBox01 .aa .swiper-slide { margin-right:20px; }
	.proBox01 .aa .swiper-slide a { font-size:14px; }
}
@media all and (max-width:800px){
	.pro_wrap:before { display:none; }
	.main01 { float:none; display:none; }
	.main02 { float:none; width:92%; margin:0 4%; padding:40px 0; }
}
@media all and (max-width:750px){
	.proBox01 { margin-bottom:25px; line-height:20px; padding-bottom:5px; }
	.proBox01 p { font-size:18px; padding-left:15px; }
	.proBox01 p:before { width:3px; height:20px; }
 
	.proBox01 .aa { width:calc(100% - 150px); padding-right:30px; }
	.proBox01 .aa .swiper-slide { margin-right:20px; }
	.proBox01 .aa .swiper-slide a { font-size:14px; }
}

.proBox02 { padding-bottom:60px; }
.proBox02 ul li { float:left; width:32%; margin-right:2%; border-radius: 10px; overflow:hidden; background: rgba(245, 245, 245, 1); border: 1px solid rgba(232, 232, 232, 1); box-sizing: border-box; }
.proBox02 ul li:nth-child(3n) { margin-right:0; }
.proBox02 ul li:nth-child(n + 4) { margin-top:30px; }
.proBox02 ul li a { display:block; padding:0 0 45px 0; }
.proBox02 ul li .pic { overflow:hidden; }
.proBox02 ul li .pic img { transition: all 0.6s; object-fit: cover; }
.proBox02 ul li .txt { padding:0 30px; margin-top:30px; }
.proBox02 ul li .txt .p1 { font-size:20px; color:rgba(34,34,34,1); line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proBox02 ul li .txt .p2 { font-size:16px; color:rgba(102,102,102,1); margin-top:15px; line-height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.proBox02 ul li .txt .p3 { font-size:14px; color:rgba(47, 48, 140, 1); margin-top:20px; }
.proBox02 ul li .txt .p3 i { display:inline-block; padding-right:20px; background:url(a02.png) no-repeat center right; }

.proBox02 ul li:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){

	.proBox02 ul li:nth-child(n + 4) { margin-top:20px; }
	.proBox02 ul li a { padding:0 0 30px 0; }
 
	.proBox02 ul li .txt { padding:0 20px; margin-top:20px; }
	.proBox02 ul li .txt .p1 { font-size:18px; line-height:20px; }
	.proBox02 ul li .txt .p2 { font-size:14px; margin-top:10px; }
	.proBox02 ul li .txt .p3 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.proBox02 { padding-bottom:40px; }
	.proBox02 ul li a { padding:0 0 25px 0; }
 
	.proBox02 ul li .txt { padding:0 15px; margin-top:15px; }
	.proBox02 ul li .txt .p1 { font-size:16px; line-height:20px; }
	.proBox02 ul li .txt .p2 { font-size:14px; margin-top:10px; }
	.proBox02 ul li .txt .p3 { font-size:14px; margin-top:15px; }
}
@media all and (max-width:1000px){
	.proBox02 ul li { width:49%; margin-right:2%; }
	.proBox02 ul li:nth-child(3n) { margin-right:2%; }
	.proBox02 ul li:nth-child(2n) { margin-right:0; }
	.proBox02 ul li:nth-child(n + 3) { margin-top:15px; }
}

.proBox03 { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.proBox03 .bd01 { width:44%; }
.proBox03 .bd01 .swiper-slide p { border:1px solid rgba(232,232,232,1); border-radius:10px; overflow:hidden; }
.gallery-thumbs01 { margin-top:35px!important; }
.gallery-thumbs01 .swiper-slide { cursor:pointer; }

.proBox03 .bd02 { width:50%; padding-top:40px; line-height:1.5; color:rgba(34,34,34,1); }
.proBox03 .bd02 .p1 { font-size:32px; font-weight:bold; } 
.proBox03 .bd02 .p2 { font-size:16px; line-height:2; margin-top:50px; } 
.proBox03 .bd02 .p3 { font-size:16px; line-height:2.5; margin-top:35px; font-weight:bold; } 
.proBox03 .bd02 .p4 { margin-top:80px; } 
.proBox03 .bd02 .p4 p { display:inline-block; padding:0 45px; line-height:60px; font-size:22px; color:#fff; font-weight:bold; background:rgba(196,38,29,1); border-radius:10px; } 

@media all and (max-width:1680px){
	.proBox03 .bd01 { width:44%; }
	.gallery-thumbs01 { margin-top:25px!important; }
 
	.proBox03 .bd02 { width:50%; padding-top:30px; }
	.proBox03 .bd02 .p1 { font-size:24px; } 
	.proBox03 .bd02 .p2 { font-size:14px; line-height:25px; margin-top:30px; } 
	.proBox03 .bd02 .p3 { font-size:14px; line-height:25px; margin-top:25px; } 
	.proBox03 .bd02 .p4 { margin-top:50px; } 
	.proBox03 .bd02 .p4 p { padding:0 35px; line-height:50px; font-size:18px; } 
}
@media all and (max-width:1200px){
	.proBox03 .bd01 { width:45%; }
	.gallery-thumbs01 { margin-top:20px!important; }
 
	.proBox03 .bd02 { width:50%; padding-top:30px; }
	.proBox03 .bd02 .p1 { font-size:18px; } 
	.proBox03 .bd02 .p2 { font-size:14px; line-height:25px; margin-top:20px; } 
	.proBox03 .bd02 .p3 { font-size:14px; line-height:25px; margin-top:15px; } 
	.proBox03 .bd02 .p4 { margin-top:30px; } 
	.proBox03 .bd02 .p4 p { padding:0 25px; line-height:45px; font-size:18px; } 
}
@media all and (max-width:1000px){
	.proBox03 .bd01 { width:100%; }
	.gallery-thumbs01 { margin-top:10px!important; }
 
	.proBox03 .bd02 { width:100%; padding-top:30px; }
	.proBox03 .bd02 .p1 { font-size:18px; } 
	.proBox03 .bd02 .p2 { font-size:14px; line-height:25px; margin-top:10px; } 
	.proBox03 .bd02 .p3 { font-size:14px; line-height:25px; margin-top:10px; } 
	.proBox03 .bd02 .p4 { margin-top:20px; } 
	.proBox03 .bd02 .p4 p { padding:0 20px; line-height:40px; font-size:16px; } 
}

.proBox04 { margin-top:60px; }
.proBox04 .hd { font-size:0; line-height:30px; padding-bottom:20px; border-bottom:1px solid rgba(229,229,229,1); }
.proBox04 .hd p { position:relative; display:inline-block; font-size:24px; color:rgba(47,48,140,1); font-weight:bold; padding-left:20px; margin-right:60px; }
.proBox04 .hd p:before { position:absolute; display:block; width:5px; height:24px; background:rgba(47,48,140,1); left:0; top:50%; transform: translateY(-50%); display:block; content:""; z-index:2; }
.proBox04 .bd { margin-top:40px; font-size:16px; }
.proBox04 .bd img { max-width:100%; height:auto; }

@media all and (max-width:1680px){
	.proBox04 .hd { line-height:30px; padding-bottom:15px; }
	.proBox04 .hd p { font-size:20px; padding-left:20px; margin-right:40px; }
	.proBox04 .hd p:before { width:3px; height:20px; }
}
@media all and (max-width:1200px){
	.proBox04 { margin-top:40px; }
	.proBox04 .hd { line-height:20px; padding-bottom:10px; }
	.proBox04 .hd p { font-size:18px; padding-left:15px; margin-right:20px; }
	.proBox04 .hd p:before { width:3px; height:20px; }
	.proBox04 .bd { margin-top:20px; font-size:14px; }
}
@media all and (max-width:750px){
	.proBox04 .hd { line-height:20px; padding-bottom:5px; }
	.proBox04 .hd p { float:none; display:block; font-size:18px; padding-left:15px; margin-right:20px; }
	.proBox04 .hd p:before { width:3px; height:20px; }
}

.ab-hd { font-size:46px; color:rgba(38,38,41,1); line-height:1.1; }

@media all and (max-width:1680px){
	.ab-hd { font-size:30px; }
}
@media all and (max-width:1200px){
	.ab-hd { font-size:24px; }
}

.abArea01 { position:relative; padding:100px 0; z-index:2; }
.abArea01:before { position:absolute; top:0; left:0; bottom:0; width:calc(50% - 340px); display:block; content:""; background:url(ab02.png) no-repeat center; background-size:100% 100%; z-index:-1; }
.abArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abArea01 .hd { } 
.abArea01 .hd .p2 { margin-top:190px; line-height:1.1; }
.abArea01 .hd .p2 ul li:nth-child(n + 2) { margin-top:75px; }
.abArea01 .hd .p2 ul li .p21 { font-size:24px; color:rgba(34,34,34,1); font-weight:bold; }
.abArea01 .hd .p2 ul li .p21 i { font-size:60px; }
.abArea01 .hd .p2 ul li .p22 { width:190px; height:1px; margin:10px 0 15px; background:rgba(229,229,229,1); }
.abArea01 .hd .p2 ul li .p23 { font-size:16px; color:rgba(108,108,117,1); }

.abArea01 .bd { width:1000px; } 
.abArea01 .bd .bd01 { font-size:26px; color:rgba(34,34,34,1); line-height:1.8; font-weight:bold; }
.abArea01 .bd .bd01 i { color:rgba(86,180,54,1); } 
.abArea01 .bd .bd02 { font-size:16px; color:rgba(56,56,56,1); line-height:30px; margin-top:85px; } 

@media all and (max-width:1680px){
	.abArea01 { padding:80px 0; }
	.abArea01:before { width:calc(50% - 300px); }
	.abArea01 .hd .p1 img { max-height:45px; width:auto; }
	.abArea01 .hd .p2 { margin-top:100px; }
	.abArea01 .hd .p2 ul li:nth-child(n + 2) { margin-top:50px; }
	.abArea01 .hd .p2 ul li .p21 { font-size:20px; }
	.abArea01 .hd .p2 ul li .p21 i { font-size:40px; }
	.abArea01 .hd .p2 ul li .p22 { width:150px; margin:10px 0 15px; }
	.abArea01 .hd .p2 ul li .p23 { font-size:14px; }

	.abArea01 .bd { width:calc(100% - 350px); } 
	.abArea01 .bd .bd01 { font-size:20px; line-height:1.7; }
	.abArea01 .bd .bd02 { font-size:14px; line-height:25px; margin-top:60px; }
}
@media all and (max-width:1280px){
	.abArea01:before { width:calc(4% + 250px); }
	.abArea01 .hd { width:250px; }
	.abArea01 .hd .p1 img { max-width:80%; }
	.abArea01 .hd .p2 { margin-top:60px; }
	.abArea01 .hd .p2 ul li:nth-child(n + 2) { margin-top:30px; }
	.abArea01 .hd .p2 ul li .p21 { font-size:16px; }
	.abArea01 .hd .p2 ul li .p21 i { font-size:30px; }
	.abArea01 .hd .p2 ul li .p22 { width:150px; margin:10px 0; }
	.abArea01 .hd .p2 ul li .p23 { font-size:14px; }

	.abArea01 .bd { width:calc(100% - 300px); } 
	.abArea01 .bd .bd01 { font-size:16px; line-height:1.7; }
	.abArea01 .bd .bd02 { font-size:14px; line-height:25px; margin-top:30px; }
}
@media all and (max-width:1280px){
	.abArea01 { padding:40px 0; }
}
@media all and (max-width:900px){
	.abArea01:before { display:none; }
	 
	.abArea01 .hd { width:100%; text-align:center; }
	.abArea01 .hd .p1 img { max-height:30px; width:auto; }
	.abArea01 .hd .p2 { margin-top:30px; }
	.abArea01 .hd .p2 ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
	.abArea01 .hd .p2 ul li { width:49%; }
	.abArea01 .hd .p2 ul li:nth-child(n + 2) { margin-top:0; }
	.abArea01 .hd .p2 ul li .p21 { font-size:14px; }
	.abArea01 .hd .p2 ul li .p21 i { font-size:24px; }
	.abArea01 .hd .p2 ul li .p22 { width:120px; margin:10px auto; }
	.abArea01 .hd .p2 ul li .p23 { font-size:12px; line-height:1.5; }

	.abArea01 .bd { width:100%; margin-top:30px; } 
	.abArea01 .bd .bd01 { font-size:14px; line-height:1.7; }
	.abArea01 .bd .bd02 { font-size:14px; line-height:25px; margin-top:30px; }
}


.abArea02 { padding:100px 0 130px; background:url(abArea02.png) no-repeat center top; background-size:cover; }
.abArea02 .ab-hd { color:#fff; }
.abArea02 .bd { margin-top:60px; }
.abArea02 .bd ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.abArea02 .bd ul li { padding:75px 70px 0 70px; width:31%; min-height:420px; line-height:1.1; background: rgba(255,255,255,0.3); backdrop-filter: blur(20px);  border-radius: 15px; box-sizing: border-box; }
.abArea02 .bd ul li .p1 { font-size:32px; color:rgba(56,56,56,1); font-weight:bold; text-align:center; }
.abArea02 .bd ul li .p2 { margin-top:20px; text-align:center; }
.abArea02 .bd ul li .p3 { margin-top:30px; font-size: 20px; line-height:2; color: rgba(56,56,56,1); }
 
@media all and (max-width:1680px){
	.abArea02 { padding:80px 0 100px; }
	.abArea02 .bd { margin-top:40px; }
	.abArea02 .bd ul li { padding:50px 30px 0 30px; width:31%; min-height:300px; }
	.abArea02 .bd ul li .p1 { font-size:24px; }
	.abArea02 .bd ul li .p2 { margin-top:15px; }
	.abArea02 .bd ul li .p3 { margin-top:20px; font-size:16px; line-height:2; }
}
@media all and (max-width:1200px){
	.abArea02 { padding:40px 0; }
	.abArea02 .bd { margin-top:30px; }
	.abArea02 .bd ul li { padding:30px 20px 0 20px; width:32%; min-height:230px; }
	.abArea02 .bd ul li .p1 { font-size:20px; }
	.abArea02 .bd ul li .p2 { margin-top:10px; }
	.abArea02 .bd ul li .p2 img { max-height:15px; width:auto; }
	.abArea02 .bd ul li .p3 { margin-top:15px; font-size:14px; line-height:25px; }
}
@media all and (max-width:750px){
	.abArea02 .ab-hd { text-align:center; }
	.abArea02 .bd ul li { padding:30px 4%; width:100%; min-height:10px; }
	.abArea02 .bd ul li:nth-child(n + 2) { margin-top:20px; }
}

.abArea03 { position:relative; padding:100px 0 300px; background:url(abArea03.png) no-repeat center bottom; background-size:cover; }
.abArea03 .ab-hd { text-align:center; }
.abBox01 { position:relative; border-top:1px solid rgba(26,207,217,0.2); margin-top:60px; z-index:2; }
.abBox01:before { position:absolute; left:0; right:0; top:320px; height:1px; background:rgba(26,207,217,0.2); display:block; content:""; z-index:-1; }
.abBox01 .bd01 { position:relative; float:left; width:32%; height:400px; text-align:center; overflow:hidden; }
.abBox01 .bd01 .gallery-thumbs02 { height:320px; }
.abBox01 .bd01 .swiper-slide { height:0; overflow:hidden; transition: all 0.6s; }
.abBox01 .bd01 .swiper-slide-thumb-active { height:320px; line-height:320px; font-size:100px; font-weight:bold; color:rgba(47,48,140,1); }
.abBox01 .bd01 .swiper-slide-thumb-active + .swiper-slide { height:80px; line-height:80px; font-weight:bold; color:rgba(47,48,140,0.1); font-size:70px; }

.abBox01 .bd01 .btn01 { position:absolute; left:50%; margin-left:-19px; width:38px; height:38px; z-index:2; cursor:pointer; }
.abBox01 .bd01 .prev-ab03 { background:url(ab04.png) no-repeat center; top:40px; }
.abBox01 .bd01 .next-ab03 { background:url(ab05.png) no-repeat center; top:240px; }

.abBox01 .bd01 .prev-ab03:hover { background:url(ab06.png) no-repeat center; }
.abBox01 .bd01 .next-ab03:hover { background:url(ab07.png) no-repeat center; }

.abBox01 .bd02 { float:right; width:55%; padding-top:60px; line-height:1.1; }
.abBox01 .bd02 .swiper-slide .p1 { position:relative; padding-left:75px; font-size:28px; font-weight:bold; color:rgba(47,48,140,1); }
.abBox01 .bd02 .swiper-slide .p1:before { position:absolute; left:0; top:50%; width:50px; height:2px; background:rgba(47,48,140,1); transform: translateY(-50%); display:block; content:""; z-index:2; }
.abBox01 .bd02 .swiper-slide .p2 { font-size:24px; line-height:1.75; margin-top:35px; max-width:78%; color:rgba(56,56,56,1); }

.abBox02 { position:relative; margin-top:30px; display:none; }
.abBox02 .swiper-slide .p1 { position:relative; padding-left:30px; font-size:18px; font-weight:bold; color:rgba(47,48,140,1); }
.abBox02 .swiper-slide .p1:before { position:absolute; left:0; top:50%; width:20px; height:2px; background:rgba(47,48,140,1); transform: translateY(-50%); display:block; content:""; z-index:2; }
.abBox02 .swiper-slide .p2 { font-size:14px; line-height:1.7; margin-top:15px; color:rgba(56,56,56,1); }

.abBox02 .btn { margin-top:20px; text-align:center; font-size:0; }
.abBox02 .btn .btn01 { display:inline-block; width:25px; height:30px; background-size:25px 30px!important; cursor:pointer; }
.abBox02 .btn .prev-ab31 { background:url(ab06.png) no-repeat center; left:0; transform: rotate(-90deg); margin-right:20px; }
.abBox02 .btn .next-ab31 { background:url(ab07.png) no-repeat center; right:0; transform: rotate(-90deg); }

.abArea03 .cloud { width: 100%; height:300px; z-index: 2;position: absolute;left: 0;bottom: 0;background: url(cloundy.png) repeat-x left top; background-size:100% 100%; -webkit-animation: animate-cloud 40s linear infinite;animation: animate-cloud 40s linear infinite;}
  
  
@media all and (max-width:1680px){
	.abArea03 { padding:80px 0 250px; }
 
	.abBox01 { margin-top:40px; }
	.abBox01:before { top:240px; }
	.abBox01 .bd01 { width:32%; height:300px;  }
	.abBox01 .bd01 .gallery-thumbs02 { height:240px; }
	.abBox01 .bd01 .swiper-slide { height:0; }
	.abBox01 .bd01 .swiper-slide-thumb-active { height:240px; line-height:240px; font-size:80px; }
	.abBox01 .bd01 .swiper-slide-thumb-active + .swiper-slide { height:60px; line-height:60px; font-size:50px; }

	.abBox01 .bd01 .btn01 { width:38px; height:38px; }
	.abBox01 .bd01 .prev-ab03 { top:20px; }
	.abBox01 .bd01 .next-ab03 { top:180px; }
 
	.abBox01 .bd02 { width:55%; padding-top:30px; }
	.abBox01 .bd02 .swiper-slide .p1 { padding-left:50px; font-size:20px; }
	.abBox01 .bd02 .swiper-slide .p1:before { width:35px; }
	.abBox01 .bd02 .swiper-slide .p2 { font-size:16px; line-height:1.7; margin-top:25px; max-width:78%; }
	
	.abArea03 .cloud { height:250px; }
}
@media all and (max-width:1200px){
	.abArea03 { padding:40px 0 200px; }
 
	.abBox01 { margin-top:30px; }
	.abBox01:before { top:200px; }
	.abBox01 .bd01 { width:30%; height:240px;  }
	.abBox01 .bd01 .gallery-thumbs02 { height:200px; }
	.abBox01 .bd01 .swiper-slide { height:0; }
	.abBox01 .bd01 .swiper-slide-thumb-active { height:200px; line-height:200px; font-size:60px; }
	.abBox01 .bd01 .swiper-slide-thumb-active + .swiper-slide { height:40px; line-height:40px; font-size:30px; }

	.abBox01 .bd01 .btn01 { width:30px; height:30px; background-size:30px 30px!important; }
	.abBox01 .bd01 .prev-ab03 { top:10px; }
	.abBox01 .bd01 .next-ab03 { top:160px; }
 
	.abBox01 .bd02 { width:60%; padding-top:30px; }
	.abBox01 .bd02 .swiper-slide .p1 { padding-left:50px; font-size:20px; }
	.abBox01 .bd02 .swiper-slide .p1:before { width:35px; }
	.abBox01 .bd02 .swiper-slide .p2 { font-size:14px; line-height:25px; margin-top:15px; max-width:100%; }
	
	.abArea03 .cloud { height:200px; }
}
@media all and (max-width:750px){
	.abArea03 { padding:40px 0 100px; }
	.abBox01 { display:none; }
	.abBox02 { display:block; }
	
	.abArea03 .cloud { height:100px; }
}

.abArea04 { padding-bottom:120px; background:url(abArea04.png) no-repeat center bottom; background-size:cover; }
.abArea04 .bd { margin-top:60px; }
.abArea04 .bd .swiper-slide .pic { padding:30px 35px; background:rgba(242,247,255,1); overflow:hidden; }
.abArea04 .bd .swiper-slide .pic img { transition: all 0.6s; object-fit: cover; }
.abArea04 .bd .swiper-slide .txt { font-size:20px; line-height:25px; margin-top:20px; color:rgba(56,56,56,1); text-align:center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.abArea04 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.abArea04 { padding-bottom:80px; }
	.abArea04 .bd { margin-top:40px; }
	.abArea04 .bd .swiper-slide .pic { padding:20px; }
	.abArea04 .bd .swiper-slide .txt { font-size:16px; line-height:20px; margin-top:10px;  }
}
@media all and (max-width:1200px){
	.abArea04 { padding-bottom:40px; }
	.abArea04 .bd { margin-top:30px; }
	.abArea04 .bd .swiper-slide .pic { padding:20px 4%; }
	.abArea04 .bd .swiper-slide .txt { font-size:14px; line-height:20px; margin-top:10px;  }
}
@media all and (max-width:750px){
	.abArea04 .ab-hd { text-align:center; }
}


@-webkit-keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}


.conArea01 { padding:80px 0 100px; background:url(con01.png) no-repeat center; background-size:cover; }
.conArea01 .wrap { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.conArea01 .p1 { font-size:32px; margin-bottom:40px; color:#000; font-weight:bold; line-height:1.1; }

.conBox01 { width:54%; padding:60px 70px 75px 70px; background:#fff; box-sizing: border-box; box-shadow:0px 0px 20px rgba(0,0,0,0.05); }
.conBox01 .p2 { position:relative; }
.conBox01 .p2 ul li { position:relative; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:30px; }
.conBox01 .p2 ul li p { position:relative; width:48.5%; }
.conBox01 .p2 ul li p .text { width:100%; line-height:50px; font-size:16px; border:1px solid rgba(229,229,229,1); padding-left:25px; box-sizing: border-box; }
.conBox01 .p2 ul li p i { position:absolute; top:50%; transform: translateY(-50%); right:25px; font-size:18px; color:rgba(196,38,29,1); vertical-align:middle; z-index:2; }
.conBox01 .p2 ul li .textarea { width:100%; height:150px; font-size:16px; padding:15px 25px; border:1px solid rgba(229,229,229,1); box-sizing: border-box; }

.conBox01 .p2 ul li.li02 { width:72%; }
.conBox01 .p2 ul li .code { position:relative; width:75.5%; z-index:1; }
.conBox01 .p2 ul li .code:before { position:absolute; left:25px; top:50%; transform: translateY(-50%); width:27px; height:27px; display:block; content:""; background:url(con02.png) no-repeat center; z-index:2; }
.conBox01 .p2 ul li .code:after { position:absolute; left:75px; top:50%; transform: translateY(-50%); width:1px; height:20px; display:block; content:""; background:rgba(229,229,229,1); z-index:2; }
.conBox01 .p2 ul li .code .text01 { width:100%; line-height:50px; font-size:16px; border:1px solid rgba(229,229,229,1); padding-left:95px; box-sizing: border-box; }
.conBox01 .p2 ul li img { width:21%; height:50px; cursor:pointer; }

.conBox01 .p2 ul .btn01 { position:absolute; right:0; bottom:0; display:block; width:25%; line-height:50px; font-size:16px; background:rgba(196,38,29,1); color:#fff; z-index:2; cursor:pointer; }

.conBox02 { width:41%; padding:60px 70px 0 0; box-sizing: border-box; }
.conBox02 .p2 ul { border-top:1px solid rgba(0,0,0,0.1); }
.conBox02 .p2 ul li { padding:25px 0; border-bottom:1px solid rgba(0,0,0,0.1); }
.conBox02 .p2 ul li .p21 { float:left; width:45px; }
.conBox02 .p2 ul li .p21 img { width:100%; height:auto; }
.conBox02 .p2 ul li .p22 { float:right; width:calc(100% - 75px); font-size:16px; line-height:25px; padding-top:10px; }
.conBox02 .p3 { margin-top:40px; }
.conBox02 .p3 ul { font-size:0; }
.conBox02 .p3 ul li { display:inline-block; width:130px; margin-right:15px; }
.conBox02 .p3 ul li:last-child { margin-right:0; }

@media all and (max-width:1680px){
	.conArea01 { padding:60px 0 80px; }
	.conArea01 .p1 { font-size:28px; margin-bottom:30px; }

	.conBox01 { width:54%; padding:40px 30px 30px 30px; }
	.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:20px; }
	.conBox01 .p2 ul li p { width:48.5%; }
	.conBox01 .p2 ul li p .text { line-height:40px; font-size:16px; padding-left:15px; }
	.conBox01 .p2 ul li p i { right:15px; font-size:18px; }
	.conBox01 .p2 ul li .textarea { height:150px; font-size:16px; padding:10px 15px; }

	.conBox01 .p2 ul li.li02 { width:72%; }
	.conBox01 .p2 ul li .code { width:75.5%; }
	.conBox01 .p2 ul li .code:before { left:15px; width:20px; height:20px; background-size:20px 20px; }
	.conBox01 .p2 ul li .code:after { left:50px; height:20px; }
	.conBox01 .p2 ul li .code .text01 { line-height:40px; font-size:16px; padding-left:65px; }
	.conBox01 .p2 ul li img { width:21%; height:40px; }

	.conBox01 .p2 ul .btn01 { width:25%; line-height:40px; font-size:16px; }

	.conBox02 { width:41%; padding:30px 0 0 0; }
	.conBox02 .p2 ul li { padding:15px 0; }
	.conBox02 .p2 ul li .p21 { float:left; width:35px; }
	.conBox02 .p2 ul li .p22 { float:right; width:calc(100% - 60px); font-size:16px; line-height:25px; padding-top:5px; }
	.conBox02 .p3 { margin-top:30px; }
	.conBox02 .p3 ul li { width:120px; margin-right:15px; }
	.conBox02 .p3 ul li:last-child { margin-right:0; }
}
@media all and (max-width:1200px){
	.conArea01 { padding:40px 0; }
	.conArea01 .p1 { font-size:20px; margin-bottom:25px; }

	.conBox01 { width:54%; padding:30px 20px 20px 20px; }
	.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:15px; }
	.conBox01 .p2 ul li p { width:48.5%; }
	.conBox01 .p2 ul li p .text { line-height:35px; font-size:14px; padding-left:15px; }
	.conBox01 .p2 ul li p i { right:15px; font-size:18px; }
	.conBox01 .p2 ul li .textarea { height:150px; font-size:14px; padding:10px 15px; }

	.conBox01 .p2 ul li.li02 { width:72%; }
	.conBox01 .p2 ul li .code { width:75.5%; }
	.conBox01 .p2 ul li .code:before { left:15px; width:20px; height:20px; background-size:20px 20px; }
	.conBox01 .p2 ul li .code:after { left:50px; height:20px; }
	.conBox01 .p2 ul li .code .text01 { line-height:35px; font-size:14px; padding-left:65px; }
	.conBox01 .p2 ul li img { width:21%; height:35px; }

	.conBox01 .p2 ul .btn01 { width:25%; line-height:35px; font-size:14px; }

	.conBox02 { width:41%; padding:20px 0 0 0; }
	.conBox02 .p2 ul li { padding:15px 0; }
	.conBox02 .p2 ul li .p21 { float:left; width:35px; }
	.conBox02 .p2 ul li .p22 { float:right; width:calc(100% - 55px); font-size:14px; line-height:25px; padding-top:5px; }
	.conBox02 .p3 { margin-top:30px; }
	.conBox02 .p3 ul li { width:100px; margin-right:10px; }
	.conBox02 .p3 ul li:last-child { margin-right:0; }
}
@media all and (max-width:1200px){
	.conArea01 { padding:40px 0; }
	.conArea01 .p1 { font-size:20px; margin-bottom:25px; }

	.conBox01 { width:100%; padding:30px 20px 20px 20px; }
	 
	.conBox02 { width:100%; padding:0; margin-top:30px; }
}
@media all and (max-width:750px){
	.conBox01 .p2 ul li:nth-child(n + 2) { margin-top:10px; }
	.conBox01 .p2 ul li p { width:100%; }
	.conBox01 .p2 ul li p:nth-child(2) { margin-top:10px; }
	
	 
	.conBox01 .p2 ul li.li02 { width:100%; }
	.conBox01 .p2 ul li .code { width:calc(100% - 105px); }
	.conBox01 .p2 ul li .code:before { left:15px; width:20px; height:20px; background-size:20px 20px; }
	.conBox01 .p2 ul li .code:after { left:50px; height:20px; }
	.conBox01 .p2 ul li .code .text01 { line-height:35px; font-size:14px; padding-left:65px; }
	.conBox01 .p2 ul li img { width:90px; height:35px; }

	.conBox01 .p2 ul .btn01 { position:relative; right:auto; bottom:auto; margin-top:10px; width:100%; line-height:35px; font-size:14px; }
}



.conArea02 .my-map { width:100%; height:640px!important; }
.conArea02 #dituContent { width:calc(100% - 2px); height:640px!important; }

@media all and (max-width:1680px){
	.conArea02 .my-map { height:500px!important; }
	.conArea02 #dituContent { height:500px!important; }	
}
@media all and (max-width:1200px){
	.conArea02 .my-map { height:400px!important; }
	.conArea02 #dituContent { height:400px!important; }	
}
@media all and (max-width:750px){
	.conArea02 .my-map { height:250px!important; }
	.conArea02 #dituContent { height:250px!important; }	
}


@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}
@media all and (max-width:750px){
	
}