@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:55%; transform: translateY(-50%); left:0; right:0; color:#fff; font-weight:bold; line-height:1.1; z-index:2; }
.banner-ny .txt .p1 { font-size:36px; }
.banner-ny .txt .p2 { font-size:36px; margin-top:10px; }

@media all and (max-width:1680px){
	.banner-ny .txt .p1 { font-size:24px; }
	.banner-ny .txt .p2 { font-size:24px; margin-top:10px; }
}
@media all and (max-width:1200px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
	
	.banner-ny .txt { top:50%; }
	.banner-ny .txt .p1 { font-size:18px; }
	.banner-ny .txt .p2 { font-size:18px; margin-top:10px; }
}
 
/* 主体 */
.container { position:relative; padding:0; background: rgba(242, 247, 255, 1); }
.wrap {  margin:0 auto; }

.main { padding:80px 0; }

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

/* 面包屑 */
.location { position:absolute; left:0; right:0; bottom:25px; color:#fff; font-size:14px; z-index:2; }
.location a { color:#fff; display:inline-block; padding:0 5px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1200px){
	.location { display:none; }
}
 
.sidebar { border-bottom:1px solid rgba(206,212,218,0.5); }

.leftTitle { display:none; }

.menu { font-size:0; }
.menu ul li { position:relative; display:inline-block; margin-right:100px; }
.menu ul li:last-child { margin-right:0!important; }
.menu ul li a { position:relative; display:inline-block; font-size:18px; color:rgba(34,34,34,1); height:90px; line-height:90px; }
.menu ul li a:before { position:absolute; display:block; content:""; left:50%; width:0; bottom:-1px; right:0; height:3px; background:rgba(19,81,156,1); transition: all 0.6s; z-index:5; }

.menu ul li a.current,.menu ul li:hover a { color:rgba(19,81,156,1); font-weight:bold; }
.menu ul li a.current:before,.menu ul li:hover a:before { left:0; width:100%; }

@media all and (max-width:1680px){
	.menu ul li { margin-right:60px; }
	.menu ul li a { font-size:18px; height:80px; line-height:80px; }
}
@media all and (max-width:1200px){
	.menu ul li { margin-right:30px; }
	.menu ul li a { font-size:16px; height:60px; line-height:60px; }
}
@media all and (max-width:750px){
	.sidebar { padding:20px 0; }
	
	.menu ul li { width:32%; margin-right:2%; }
	.menu ul li:nth-child(3n) { margin-right:0; }
	.menu ul li:nth-child(n + 4) { margin-top:2%; }
	.menu ul li a { display:block; font-size:14px; height:35px; line-height:35px; text-align:center; background:#fff; }
	.menu ul li a:before { display:none; }
	.menu ul li a.current,.menu ul li:hover a { background:rgba(19,81,156,1); color:#fff; font-weight:normal; }
}
 
/* 内容模式 */
.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:24px; }
.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%; height:auto!important; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .hd h1 { font-size:20px; }
	.article .bd { font-size:14px; }
}
 
/* 图片列表 */
.piList ul li { float:left; width:23.5%; margin-right:2%; text-align:center;  }
.piList ul li:nth-child(4n) { margin-right:0; }
.piList ul li:nth-child(n + 5) { margin-top:30px; }
.piList01 ul li a { display:block; }
.piList ul li .pic { overflow:hidden; }
.piList ul li .pic img { width:100%; height:auto; transition: all 0.6s; }
.piList ul li .txt { font-size:16px; color:rgba(34,34,34,1); line-height:60px; padding:0 10px; background:rgba(247,250,253,1); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.piList ul li:hover .pic img { transform: scale(1.1)!important; }
.piList ul li:hover .txt { background:rgba(19,81,156,1); color:#fff; }

.piList01 ul li a { padding:35px; border-radius: 10px; overflow:hidden; background:rgba(247,250,253,1); }
.piList01 ul li .txt { line-height:20px; margin-top:25px; background:none!important; }
.piList01 ul li:hover a { background:rgba(19,81,156,1); }

@media all and (max-width:1680px){
	.piList ul li .txt { line-height:50px; }
	
	.piList01 ul li a { padding:25px 20px; }
	.piList01 ul li .txt { line-height:20px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.piList ul li { width:32%; margin-right:2%; }
	.piList ul li:nth-child(4n) { margin-right:2%; }
	.piList ul li:nth-child(3n) { margin-right:0; }
	.piList ul li:nth-child(n + 4) { margin-top:20px; }
	.piList ul li .txt { font-size:14px; line-height:40px; }
	
	.piList01 ul li a { padding:20px 15px; }
	.piList01 ul li .txt { line-height:20px; margin-top:15px; }
}
@media all and (max-width:750px){
	.piList ul li { width:49%; margin-right:2%; }
	.piList ul li:nth-child(4n) { margin-right:2%; }
	.piList ul li:nth-child(3n) { margin-right:2%; }
	.piList ul li:nth-child(2n) { margin-right:0; }
	.piList ul li:nth-child(n + 3) { margin-top:15px; }
	.piList ul li .txt { font-size:14px; line-height:40px; }
	
	.piList01 ul li a { padding:20px 4%; }
	.piList01 ul li .txt { line-height:20px; margin-top:10px; }
}

/* 新闻列表 */
.list li { padding:15px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:16px; 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 li { padding:10px 0; font-size:14px; }
}

/* 图文新闻 */
.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; }
.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; }
.picnews ul li:hover .txt .p1 { color:rgba(19,81,156,1) }

@media all and (max-width:1200px){
	.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 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; } 
}


.picnews01 ul li { position:relative; border-bottom:1px solid rgba(221,221,221,1); }
.picnews01 ul li:before { position:absolute; width:0; height:1px; left:0; bottom:-1px; display:block; content:""; transition: all 0.6s; background:rgba(19,81,156,1); z-index:2; }
.picnews01 ul li a { display:block; padding:30px 0; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.picnews01 ul li .pic { width:350px; overflow:hidden; }
.picnews01 ul li .pic img { transition: all 0.6s; }
.picnews01 ul li .txt { width:calc(100% - 380px); }
.picnews01 ul li .txt .p1 { font-size:18px; color:#000; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews01 ul li .txt .p2 { font-size:14px; color:#777; margin-top:15px; }
.picnews01 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; }

.picnews01 ul li:hover:before { width:100%; }
.picnews01 ul li:hover .pic img { transform: scale(1.1)!important; }
.picnews01 ul li:hover .txt .p1 { color:rgba(19,81,156,1) }

@media all and (max-width:1200px){
	.picnews01 ul li a { padding:25px 0; }
	.picnews01 ul li .pic { width:300px; }
	.picnews01 ul li .txt { width:calc(100% - 330px); }
	.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){
	.picnews01 ul li a { padding:20px 0; }
	.picnews01 ul li .pic { width:100%; }
	.picnews01 ul li .txt { width:100%; margin-top:20px; }
}


.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(19,81,156,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 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}
}

 
/* 分页 */
.page { text-align:center; margin-top:60px; }
.page a { display:inline-block; margin:0 5px; padding:5px 11px; background:#fff; color:#4f4f4f; vertical-align:top; font-size: 14px; }
.page a:hover,.page .current { background:rgba(19,81,156,1); color:#fff; }

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

 
.ny-hd { text-align:center; font-size:36px; line-height:1.5; color:rgba(34,34,34,1); font-weight:bold; }

@media all and (max-width:1680px){
	.ny-hd { font-size:28px; }
}
@media all and (max-width:1200px){
	.ny-hd { font-size:20px; }
}

.conArea01 .bd { margin-top:50px; }
.conArea01 .bd ul { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between;  }
.conArea01 .bd ul li { position:relative; width:31.5%; padding:40px 30px 0 30px; min-height:240px; text-align:center; border-radius:10px; background:#fff; top:0; font-size:0; box-sizing: border-box; transition: all 0.6s; }
.conArea01 .bd ul li .p1 { min-height:60px; }
.conArea01 .bd ul li .p1 img { max-height:60px; width:auto; }
.conArea01 .bd ul li .p1 .img02 { display:none; }
.conArea01 .bd ul li .p2 { font-size:20px; margin-top:10px; color:#333; }
.conArea01 .bd ul li .p3 { min-height:50px; line-height:25px; font-size:16px; color:rgba(102,102,102,1); margin-top:20px; }
.conArea01 .bd ul li .p3 a { color:rgba(102,102,102,1); }
 
.conArea01 .bd ul li:hover { top:-20px; background:rgba(19,81,156,1); }
.conArea01 .bd ul li:hover .p1 .img01 { display:none; }
.conArea01 .bd ul li:hover .p1 .img02 { display:inline-block; }
.conArea01 .bd ul li:hover .p2 { color:#fff; }
.conArea01 .bd ul li:hover .p3 { color:#fff; }
.conArea01 .bd ul li:hover .p3 a { color:#fff; }

.conArea01 .bd02 { background:#f5f5f5; height:450px; margin-top:30px; }
.conArea01 .bd02 .my-map { width:100%!important; height:450px!important; }
.conArea01 .bd02 #dituContent { width:calc(100% - 2px)!important; height:450px!important; }

.conArea02 {  margin-top:60px; }
.conArea02 form { margin-top:50px; padding:60px 50px; font-size:16px; background:#fff; border:1px solid #ddd; }
.conArea02 form ul li:nth-child(n + 2) { margin-top:30px; }
.conArea02 form ul li .text { float:left; width:32%; margin-right:2%; line-height:60px; padding: 0 25px; background:#fafafa; border:1px solid #ddd;  border-radius:5px; box-sizing: border-box; }
.conArea02 form ul li .text:last-child { margin-right:0; }
.conArea02 form ul li .textarea { width:100%; height:130px; padding:15px 25px; background:#fafafa; border:1px solid #ddd;  border-radius:5px; box-sizing: border-box; }
.conArea02 form ul li .btn01 { width:100%; line-height:55px; text-align:center; background:rgba(19,81,156,1); color:#fff; border-radius:5px; box-sizing: border-box; cursor:pointer; }

@media all and (max-width:1680px){
	.conArea01 .bd { margin-top:40px; }
	.conArea01 .bd ul li { width:32%; padding:30px 20px 0 20px; min-height:200px; }
	.conArea01 .bd ul li .p1 { min-height:40px; }
	.conArea01 .bd ul li .p1 img { max-height:40px; width:auto; }
 
	.conArea01 .bd ul li .p2 { font-size:16px; margin-top:10px; }
	.conArea01 .bd ul li .p3 { min-height:50px; line-height:25px; font-size:14px; margin-top:10px; }
 
	.conArea01 .bd ul li:hover { top:-15px; }
 
	.conArea01 .bd02 { height:400px; margin-top:30px; }
	.conArea01 .bd02 .my-map { height:400px!important; }
	.conArea01 .bd02 #dituContent { height:400px!important; }

	.conArea02 {  margin-top:60px; }
	.conArea02 form { margin-top:40px; padding:40px 30px; font-size:14px; }
	.conArea02 form ul li:nth-child(n + 2) { margin-top:20px; }
	.conArea02 form ul li .text { float:left; width:32%; margin-right:2%; line-height:40px; padding:0 15px; }
	.conArea02 form ul li .text:last-child { margin-right:0; }
	.conArea02 form ul li .textarea { height:110px; padding:10px 15px; }
	.conArea02 form ul li .btn01 { line-height:40px; }
}
@media all and (max-width:1200px){
	.conArea01 .bd { margin-top:30px; }
	
	.conArea02 { margin-top:40px; }
	.conArea02 form { margin-top:30px; padding:30px 20px; font-size:14px; }
}
@media all and (max-width:900px){
	.conArea01 .bd ul li { float:none; width:100%; padding:25px 4%; min-height:10px; }
	.conArea01 .bd ul li:nth-child(n + 2) { margin-top:15px; }
	.conArea01 .bd ul li .p1 { min-height:35px; }
	.conArea01 .bd ul li .p1 img { max-height:35px; width:auto; }
 
	.conArea01 .bd ul li .p2 { font-size:16px; margin-top:10px; }
	.conArea01 .bd ul li .p3 { min-height:50px; line-height:25px; font-size:14px; margin-top:10px; }
 
	.conArea01 .bd ul li:hover { top:0; }
 
	.conArea01 .bd02 { height:300px; margin-top:30px; }
	.conArea01 .bd02 .my-map { height:300px!important; }
	.conArea01 .bd02 #dituContent { height:300px!important; }

	.conArea02 { margin-top:40px; }
	.conArea02 form { padding:30px 20px; font-size:14px; }
	.conArea02 form ul li:nth-child(n + 2) { margin-top:10px; }
	.conArea02 form ul li .text { float:none; width:100%; margin-right:0; line-height:40px; padding:0 10px; }
	.conArea02 form ul li .text:nth-child(n + 2) { margin-top:10px; }
	.conArea02 form ul li .textarea { height:110px; padding:10px 10px; }
	.conArea02 form ul li .btn01 { line-height:40px; }
}


.ddArea .bd { margin:40px auto 0; max-width:690px; }
.ddArea .bd .bd01 { font-size:14px; color:#333; }
.ddArea .bd .bd02 { margin-top:30px; }
.ddArea .bd .bd02 ul li { font-size:14px; display:flex; flex-wrap: wrap;  flex-direction:row; align-items: center; }
.ddArea .bd .bd02 ul li:nth-child(n + 2) { margin-top:15px; }
.ddArea .bd .bd02 ul li .p1 { width:150px; text-align:right; }
.ddArea .bd .bd02 ul li .p2 { width:310px; }
.ddArea .bd .bd02 ul li .p2 .text { width:100%; line-height:35px; padding:0 10px; border:1px solid #ddd; background:#fff; box-sizing: border-box; }
.ddArea .bd .bd02 ul li .p2 .text01 { width:80px; }
.ddArea .bd .bd02 ul li .p2 img { width:80px; height:35px; }
.ddArea .bd .bd02 ul li .p3 { width:20px; line-height:35px; color:#cc0000; text-align:center; }
.ddArea .bd .bd02 ul li .p4 { width:calc(100% - 150px); }
.ddArea .bd .bd02 ul li .p4 .textarea { width:100%; line-height:25px; padding:10px; height:120px; border:1px solid #ddd; background:#fff; box-sizing: border-box; }
.ddArea .bd .bd02 ul li.btn { padding-left:150px; padding-top:10px;  }
.ddArea .bd .bd02 ul li.btn .btn01 { display:block; width:150px; line-height:40px; color:#fff; font-size:16px; margin-right:15px; background: rgba(19, 81, 156, 1); cursor:pointer; }
 
@media all and (max-width:750px){
	.ddArea .bd { margin:30px auto 0; max-width:100%; }
	.ddArea .bd .bd01 { font-size:14px; color:#333; }
	.ddArea .bd .bd02 { margin-top:30px; }
	.ddArea .bd .bd02 ul li { font-size:14px; }
	.ddArea .bd .bd02 ul li:nth-child(n + 2) { margin-top:10px; }
	.ddArea .bd .bd02 ul li .p1 { width:80px; text-align:right; }
	.ddArea .bd .bd02 ul li .p2 { width:calc(100% - 100px); }
	.ddArea .bd .bd02 ul li .p2 .text { line-height:30px; padding:0 10px; }
	.ddArea .bd .bd02 ul li .p2 .text01 { width:80px; }
	.ddArea .bd .bd02 ul li .p2 img { width:80px; height:30px; }
	.ddArea .bd .bd02 ul li .p3 { width:20px; line-height:30px; }
	.ddArea .bd .bd02 ul li .p4 { width:calc(100% - 100px); }
	.ddArea .bd .bd02 ul li .p4 .textarea { width:100%;  height:120px; }
	.ddArea .bd .bd02 ul li.btn { padding-left:0; padding-top:10px; }
	.ddArea .bd .bd02 ul li.btn .btn01 { width:48%; line-height:35px; font-size:14px; margin-right:2%; }
}

.ddBox { max-width:1200px; margin:0 auto; padding-top:10px; }
.ddBox01 { font-size:16px; color:#333; text-align:center; }
.ddBox02 { margin-top:40px; font-size:0; }
.ddBox02 ul { position:relative; }
.ddBox02 ul li:nth-child(n + 2) { margin-top:20px; }
.ddBox02 ul li:last-child { margin-top:40px; }
.ddBox02 ul li p { position:relative; float:left; width:49%; }
.ddBox02 ul li p i { position:absolute; top:50%; transform: translateY(-50%); right:10px; color:#ef0000; font-size:16px; z-index:2; }
.ddBox02 ul li p:nth-child(2) { margin-left:2%; }
.ddBox02 ul li.code p { width:120px; }
.ddBox02 ul li.code img { float:left; width:100px; height:40px; margin-top:5px; }

.ddBox02 ul li .text { width:100%; line-height:50px; padding:0 20px; font-size:14px; border-radius: 5px; border:1px solid rgba(229,229,229,1); background:#fff; box-sizing: border-box; }
.ddBox02 ul li .textarea { width:100%; height:100px; padding:10px 20px; font-size:14px; border-radius: 5px; border:1px solid rgba(229,229,229,1); background:#fff;  box-sizing: border-box; }
.ddBox02 ul li.btn { position:absolute; right:0; bottom:0; z-index:2; }
.ddBox02 ul li .btn01 { display:inline-block; margin-left:25px; width:150px; line-height:50px; font-size:16px; font-weight:bold; border-radius: 10px; color:#fff; background:rgba(19,81,156,1); cursor:pointer; }

@media all and (max-width:1680px){
	.ddBox01 { font-size:14px; }
	.ddBox02 { margin-top:35px; }
	.ddBox02 ul li:nth-child(n + 2) { margin-top:15px; }
	.ddBox02 ul li:last-child { margin-top:40px; }
	.ddBox02 ul li p { float:left; width:49%; }
	.ddBox02 ul li p:nth-child(2) { margin-left:2%; }
	.ddBox02 ul li.code p { width:120px; }
	.ddBox02 ul li.code img { float:left; width:80px; height:35px; margin-top:2px; }

	.ddBox02 ul li .text { line-height:40px; padding:0 15px; font-size:14px; }
	.ddBox02 ul li .textarea { height:100px; padding:10px 15px; font-size:14px; }
	.ddBox02 ul li.btn { position:absolute; right:0; bottom:0; z-index:2; } 
	
	.ddBox02 ul li .btn01 { margin-left:20px; width:120px; line-height:40px; font-size:14px; }
}
@media all and (max-width:750px){
	.ddBox01 { font-size:14px; }
	.ddBox02 { margin-top:30px; }
	.ddBox02 ul li:nth-child(n + 2) { margin-top:10px; }
	.ddBox02 ul li:last-child { margin-top:40px; }
	.ddBox02 ul li p { float:none; width:100%; }
	.ddBox02 ul li p:nth-child(2) { margin-left:0; margin-top:10px; }
	.ddBox02 ul li.code p { float:left; width:120px; }
	.ddBox02 ul li.code img { float:left; width:80px; height:35px; margin-top:2px; }
 
	.ddBox02 ul li.btn { position:relative; right:auto; bottom:auto; margin-top:15px; } 
	
	.ddBox02 ul li .btn01 { margin-left:0; margin-right:20px; width:120px; line-height:40px; font-size:14px; }
}

 

 



.prolist ul li { float:left; width:49%; margin-right:2%; box-shadow:0px 0px 20px rgba(0,0,0,0.1); background:#fff; }
.prolist ul li:nth-child(2n) { margin-right:0; }
.prolist ul li:nth-child(n + 3) { margin-top:2%; }
.prolist ul li a { display:block; padding:30px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.prolist ul li .pic { width:40%; border: 1px solid rgba(229, 229, 229, 1); }
.prolist ul li .pic p { position:relative; width:100%; padding-bottom:75.67%; overflow:hidden;}
.prolist ul li .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.prolist ul li .txt { width:55%; }
.prolist ul li .txt .p1 { font-size:20px; color:rgba(34,34,34,1); font-weight:bold; }
.prolist ul li .txt .p2 { margin-top:20px; }
.prolist ul li .txt .p2 dl dt { line-height:20px; padding:10px 20px; font-size:14px; color:rgba(38,38,41,1); background:rgba(242,246,250,1); display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.prolist ul li .txt .p2 dl dt:nth-child(n + 2) { margin-top:5px; }
.prolist ul li .txt .p2 dl dt .p21 { width:70px; }
.prolist ul li .txt .p2 dl dt .p22 { width:calc(100% - 70px); }

.prolist ul li:hover .pic img { transform: scale(1.1)!important; }
.prolist ul li:hover .txt .p1 { color:rgba(19,81,156,1); }
 
@media all and (max-width:1680px){
	.prolist ul li a { padding:20px; }
	.prolist ul li .pic { width:40%; }
	.prolist ul li .txt { width:55%; }
	.prolist ul li .txt .p1 { font-size:18px; }
	.prolist ul li .txt .p2 { margin-top:10px; }
	.prolist ul li .txt .p2 dl dt { line-height:20px; padding:5px 10px; font-size:14px; }
	.prolist ul li .txt .p2 dl dt:nth-child(n + 2) { margin-top:5px; }
	.prolist ul li .txt .p2 dl dt .p21 { width:60px; }
	.prolist ul li .txt .p2 dl dt .p22 { width:calc(100% - 60px); }
}
@media all and (max-width:1200px){
	.prolist ul li { float:none; width:100%; margin-right:0; }
	.prolist ul li:nth-child(2n) { margin-right:0; }
	.prolist ul li:nth-child(n + 2) { margin-top:15px; }
}
@media all and (max-width:750px){
	.prolist ul li a { padding:20px 4%; }
	.prolist ul li .pic { width:100%; }
	.prolist ul li .txt { width:100%; margin-top:20px; }
}

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

.proArea03 { padding:50px 40px; background:#fff; border-radius:10px; box-shadow:0px 0px 20px rgba(0,0,0,0.1); }

.pBox01 { float:left; position:relative; width:49%; border:1px solid rgba(229,229,229,1); }
.pBox01 .swiper-slide .pic { position:relative; padding-bottom:72.5%; overflow:hidden; }
.pBox01 .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }

.swiper-pagination-pro01 { position:absolute; right:15px; bottom:15px; z-index:2; }
.swiper-pagination-pro01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 3px;  border-radius:100%; background:rgba(19,81,156,1); opacity:0.2; }
.swiper-pagination-pro01 .swiper-pagination-bullet-active { opacity:1; }

.pBox02 { float:right; width:45%; }
.pBox02 .p1 { font-size:30px; color:rgba(34,34,34,1); font-weight:bold; }
.pBox02 .p2 { margin-top:20px; }
.pBox02 .p2 ul li { line-height:20px; padding:10px 20px; font-size:14px; color:rgba(38,38,41,1); background:rgba(242,246,250,1); display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.pBox02 .p2 ul li:nth-child(n + 2) { margin-top:5px; }
.pBox02 .p2 ul li .p21 { width:100px; }
.pBox02 .p2 ul li .p22 { width:calc(100% - 100px); }

.proBox02 { margin-top:45px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; }
.proBox02 a { display:block; width:48%; background:rgba(0,31,93,1); border-radius:10px; text-align:center; }
.proBox02 a:nth-child(1) { background:rgba(19,81,156,1); }
.proBox02 a i { line-height:70px; padding-left:50px; font-size:24px; color:#fff; }
.proBox02 a i.i01 { background:url(cp04.png) no-repeat center left; }
.proBox02 a i.i02 { background:url(cp05.png) no-repeat center left; }

@media all and (max-width:1680px){
	.proArea03 { padding:40px 30px; }
	
	.pBox02 { float:right; width:48%; }
	.pBox02 .p1 { font-size:20px; }
	.pBox02 .p2 { margin-top:10px; }
	.pBox02 .p2 ul li { line-height:20px; padding:5px 15px; font-size:14px; }
	.pBox02 .p2 ul li:nth-child(n + 2) { margin-top:5px; }
	.pBox02 .p2 ul li .p21 { width:80px; }
	.pBox02 .p2 ul li .p22 { width:calc(100% - 80px); }

	.proBox02 { margin-top:30px; }
	.proBox02 a i { line-height:60px; padding-left:50px; font-size:20px; }
}
@media all and (max-width:1200px){
	.proArea03 { padding:40px 4%; }
	.pBox01 { float:none; width:100%; }
	.pBox02 { float:none; width:100%; margin-top:30px; }
	.pBox02 .p1 { font-size:18px; }
	.pBox02 .p2 { margin-top:10px; }
	.pBox02 .p2 ul li { line-height:20px; padding:10px 15px; font-size:14px; }
	.pBox02 .p2 ul li:nth-child(n + 2) { margin-top:5px; }
	.pBox02 .p2 ul li .p21 { width:80px; }
	.pBox02 .p2 ul li .p22 { width:calc(100% - 80px); }

	.proBox02 { margin-top:30px; }
	.proBox02 a { width:49%; }
	.proBox02 a i { line-height:40px; padding-left:30px; font-size:16px; background-size:18px 18px!important; }
}
@media all and (max-width:750px){
	.proArea03 { padding:25px 4%; }
	.pBox02 .p2 ul li .p21 { width:70px; }
	.pBox02 .p2 ul li .p22 { width:calc(100% - 70px); }
	
	.proBox02 a { width:100%; }
	.proBox02 a:nth-child(n + 2) { margin-top:15px; }
}

.proArea04 { margin-top:60px;  }
.proArea04 .hd { font-size:28px; color:#000; font-weight:bold; text-align:center; }
.proArea04 .bd { margin-top:25px; }
.proArea04 .bd .swiper-slide { width:32%; margin-right:2%; background:#fff; border-radius:10px; overflow:hidden; }
.proArea04 .bd .swiper-slide a { display:block; border:1px solid rgba(229,229,229,1); border-radius:10px; border-radius:10px; }
.proArea04 .bd .swiper-slide:last-child { margin-right:0; }
.proArea04 .bd .swiper-slide .pic { position:relative; padding-bottom:72.5%; overflow:hidden; border-bottom:1px solid rgba(229,229,229,1); border-radius:10px 10px 0 0; border-radius:10px; }
.proArea04 .bd .swiper-slide .pic img { position:absolute; top:0; left:0; width:100%; height:100%; transition: all 0.6s; object-fit: cover; z-index:2; }
.proArea04 .bd .swiper-slide .txt { line-height:60px; padding:0 20px; font-size:18px; color:rgba(34,34,34,0.8); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.proArea04 .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.proArea04 .bd .swiper-slide:hover .txt { background:rgba(19,81,156,1); color:#fff; }
 
@media all and (max-width:1680px){
	.proArea04 { margin-top:40px; }
	.proArea04 .hd { font-size:20px; }
	.proArea04 .bd { margin-top:25px; }
	.proArea04 .bd .swiper-slide .txt { line-height:50px; padding:0 15px; font-size:16px; }
}
@media all and (max-width:1200px){
	.proArea04 { margin-top:40px; }
	.proArea04 .hd { font-size:18px; }
	.proArea04 .bd { margin-top:25px; }
	.proArea04 .bd .swiper-slide { width:49%; margin-right:2%; }
	.proArea04 .bd .swiper-slide:last-child { margin-right:0; }
	.proArea04 .bd .swiper-slide .txt { line-height:40px; padding:0 10px; font-size:14px; }
}
 
.proArea05 { margin-top:60px; padding:50px 40px 70px 40px; background:#fff; border-radius:10px; /*box-shadow:0px 0px 20px rgba(0,0,0,0.1);*/ }
.proArea05 .hd { font-size:28px; color:#000; font-weight:bold; text-align:center; }
.proArea05 .bd { margin-top:35px; font-size:14px; }
.proArea05 .bd ul li:nth-child(n + 2) { margin-top:20px; }
.proArea05 .bd ul li:last-child { margin-top:40px; }
.proArea05 .bd ul li .text { float:left; width:49%; line-height:50px; padding:0 20px; border-radius: 5px; border:1px solid rgba(229,229,229,1); box-sizing: border-box; }
.proArea05 .bd ul li .text:nth-child(2) { margin-left:2%; }
.proArea05 .bd ul li .textarea { width:100%; height:100px; padding:10px 20px; border-radius: 5px; border:1px solid rgba(229,229,229,1); box-sizing: border-box; }
.proArea05 .bd ul li .btn01 { display:block; width:165px; line-height:50px; font-size:16px; font-weight:bold; border-radius: 10px; color:#fff; background:rgba(19,81,156,1); cursor:pointer; }

@media all and (max-width:1680px){
	.proArea05 { margin-top:40px; padding:40px 30px 50px 30px; }
	.proArea05 .hd { font-size:20px; }
	.proArea05 .bd { margin-top:35px; }
	.proArea05 .bd ul li:nth-child(n + 2) { margin-top:15px; }
	.proArea05 .bd ul li:last-child { margin-top:30px; }
	.proArea05 .bd ul li .text { float:left; width:49%; line-height:40px; padding:0 15px; }
	.proArea05 .bd ul li .text:nth-child(2) { margin-left:2%; }
	.proArea05 .bd ul li .textarea { height:100px; padding:10px 15px; }
	.proArea05 .bd ul li .btn01 { width:140px; line-height:40px; font-size:14px; }
}
@media all and (max-width:1200px){
	.proArea05 { margin-top:40px; padding:30px 20px 40px 20px; }
	.proArea05 .hd { font-size:18px; }
	.proArea05 .bd { margin-top:25px; }
}
@media all and (max-width:900px){
	.proArea05 { padding:30px 4%; }
	.proArea05 .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.proArea05 .bd ul li:last-child { margin-top:20px; }
	.proArea05 .bd ul li .text { float:none; width:100%; line-height:40px; padding:0 10px; }
	.proArea05 .bd ul li .text:nth-child(2) { margin-left:0; margin-top:10px; }
	.proArea05 .bd ul li .textarea { height:100px; padding:10px 10px; }
	.proArea05 .bd ul li .btn01 { width:120px; line-height:40px; font-size:14px; }
}


.cpArea .hd { display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.cpArea .hd .p1 { font-size:36px; color:rgba(34, 34, 34, 1); font-weight:bold; }
.cpArea .hd .p2 { width:450px; background:#fff; border-radius: 30px; overflow:hidden; }
.cpArea .hd .p2 .btn { float:right; width:90px; height:60px; background:url(cp01.png) no-repeat center; cursor:pointer; }
.cpArea .hd .p2 .txt { float:left; width:calc(100% - 90px); line-height:60px; padding-left:25px; font-size:16px; box-sizing: border-box; }

.cpArea .bd { margin-top:50px; background:#fff; }
.cpArea .bd table { width:100%; }
.cpArea .bd table tr th { box-sizing: border-box; font-weight:normal; text-align:left; font-size:16px; color:#rgba(34, 34, 34, 1); }
.cpArea .bd table tr th a { font-size:16px; color:#rgba(34, 34, 34, 1); }
.cpArea .bd table tr th:nth-child(1) { padding-left:50px; width:22%; }
.cpArea .bd table tr th:nth-child(2) { width:32%; }
.cpArea .bd table tr th:nth-child(3) { width:32%; }
.cpArea .bd table tr th:nth-child(4) { width:14%; text-align:center; }

.cpArea .bd thead { background: rgba(19, 81, 156, 1); border-radius:10px 10px 0 0; overflow:hidden; }
.cpArea .bd thead tr th { font-size:18px; font-weight:bold; color:#fff; padding:25px 10px; }


.cpArea .bd tbody tr { border-bottom:1px solid rgba(0, 0, 8, 0.1); }
.cpArea .bd tbody tr:last-child { border-bottom:none; }
.cpArea .bd tbody tr th { position:relative; padding:20px 10px; }
.cpArea .bd tbody tr th img { width:100%; height:auto; }
.cpArea .bd tbody tr th .img01 { max-width:100px; }
.cpArea .bd tbody tr th .img02 { position:absolute; top:0; left:50px; width:215px; box-shadow: 2px 5px 13px  rgba(8, 62, 128, 0.25); border-radius: 10px; display:none; z-index:9; }
.cpArea .bd tbody tr th i { position:relative; display:inline-block; width:40px; height:40px; transform: rotate(180deg);  background:url(a01.png) no-repeat center; background-size:8px 14px; }
.cpArea .bd tbody tr th i:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:100%; transition: all .5s; background:url(a02.png) no-repeat center; background-size: cover; border-radius:100%; z-index:-1; }
 

.cpArea .bd tbody tr:hover th { font-weight:bold; }
.cpArea .bd tbody tr:hover th a { color:rgba(19, 81, 156, 1); }
.cpArea .bd tbody tr:hover th .img02 { display:block; }
.cpArea .bd tbody tr th:hover i:before { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }

@media all and (max-width:1680px){
	.cpArea .hd .p1 { font-size:30px; }
	.cpArea .hd .p2 { width:350px; }
	.cpArea .hd .p2 .btn { width:70px; height:45px; }
	.cpArea .hd .p2 .txt { width:calc(100% - 70px); line-height:45px; padding-left:15px; font-size:14px; }

	.cpArea .bd { margin-top:40px; }
	.cpArea .bd table tr th { font-size:14px; }
	.cpArea .bd table tr th a { font-size:14px; }
	.cpArea .bd table tr th:nth-child(1) { padding-left:30px; width:22%; }
	.cpArea .bd table tr th:nth-child(2) { width:32%; }
	.cpArea .bd table tr th:nth-child(3) { width:32%; }
	.cpArea .bd table tr th:nth-child(4) { width:14%; }

	.cpArea .bd thead tr th { font-size:16px; padding:20px 5px; }
 
	.cpArea .bd tbody tr th { padding:15px 5px; }
	.cpArea .bd tbody tr th .img01 { max-width:100px; }
	.cpArea .bd tbody tr th .img02 { left:30px; width:180px; }
	.cpArea .bd tbody tr th i { width:35px; height:35px; }
}
@media all and (max-width:1200px){
	.cpArea .hd .p1 { font-size:24px; }
	.cpArea .hd .p2 { width:300px; }
	.cpArea .hd .p2 .btn { width:50px; height:45px; background-size:20px 20px; }
	.cpArea .hd .p2 .txt { width:calc(100% - 50px); line-height:45px; padding-left:15px; font-size:12px; }

	.cpArea .bd { margin-top:30px; }
	.cpArea .bd table tr th { font-size:14px; }
	.cpArea .bd table tr th a { font-size:14px; }
	.cpArea .bd table tr th:nth-child(1) { padding-left:20px; width:22%; }
	.cpArea .bd table tr th:nth-child(2) { width:42%; }
	.cpArea .bd table tr th:nth-child(3) { width:22%; }
	.cpArea .bd table tr th:nth-child(4) { width:14%; }

	.cpArea .bd thead tr th { font-size:16px; padding:20px 5px; }
 
	.cpArea .bd tbody tr th { padding:15px 5px; }
	.cpArea .bd tbody tr th .img01 { max-width:100px; }
	.cpArea .bd tbody tr th .img02 {  display:none!important; }
	.cpArea .bd tbody tr th i { width:35px; height:35px; }
}
@media all and (max-width:750px){
	.cpArea .hd .p1 { font-size:24px; width:100%; text-align:center;  }
	.cpArea .hd .p2 { width:100%; margin-top:20px; }
	.cpArea .bd table tr th:nth-child(1) { padding-left:10px; width:70px; }
	.cpArea .bd table tr th:nth-child(2) { width:calc(70% - 70px)}
	.cpArea .bd table tr th:nth-child(3) { width:30%; }
	.cpArea .bd table tr th:nth-child(4) { display:none;}
	
	.cpArea .bd thead tr th { font-size:14px; padding:10px 5px; }
	
	.cpArea .bd tbody tr th { padding:10px 5px; }
	.cpArea .bd tbody tr th .img01 { max-width:60px; }
}



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

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