@charset "utf-8";
.header{ position:relative}
.header.white2{ position:absolute}
.banner{ width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:2; margin-top:85px}
.banner>img{ width:100%; height:auto; }
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .item{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%);  z-index:9; color:#fff;}
.banner .item .title{ font-size:46px; font-weight:bold; line-height:1; padding-bottom:30px; background:url(g_21.png) left bottom no-repeat; color:rgba(38, 38, 41, 1)}

@media (max-width: 1600px){
	.banner .item .title{ font-size:32px; padding-bottom:26px; background-size:auto 9px }
	

}
@media (max-width: 1200px){
	.banner{ margin-top:60px}
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .item .title{ font-size:24px; padding-bottom:22px; background-size:auto 7px }
	.banner .item .intro{ font-size:16px; margin-top:12px}

}
@media (max-width: 750px){
	.banner .item .title{ font-size:20px; padding-bottom:20px; background-size:auto 6px }
	.banner .item .intro{ font-size:14px; margin-top:12px; line-height:1.4}
}


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

.sidebar { position:relative; background:#fff; border-bottom:1px solid rgba(94,110,128,0.2); width:100% }
.sidebar.on{ position:fixed; left:0; top:0; z-index:99}
.sidebar .line { position:absolute; width:100vw; height:2px; background:rgba(5, 63, 171, 1); bottom:0; transition:all 1s; z-index:4; }
.sidebar .line:before { position:absolute; content:""; display:block; top:50%; right:0; width:10px; height:10px; transform:translateY(-50%); background:rgba(5, 63, 171, 1); border-radius:50%; z-index:2; }

.sidebar.fixed { position:fixed; left:0; top:0; right:0; z-index:999; }

.menu ul { position:relative; z-index:8; }
.menu ul li { position:relative; float:left; padding-right:85px; }
.menu ul li:last-child { padding-right:0; }
.menu ul li a { display:block; line-height:80px; color:rgba(108, 108, 117, 1); font-size:18px; cursor:pointer; }

.menu ul li.current a,.menu ul li:hover a { font-weight:bold; color:rgba(5, 63, 171, 1); }

@media all and (max-width:1600px){
	.menu ul li { padding-right:50px; }
	.menu ul li:last-child { padding-right:0; }
	.menu ul li a { line-height:60px; font-size:16px; }
}
@media all and (max-width:750px){
	.sidebar { padding:15px 0; }
	.sidebar .line { display:none; } 
	
	.menu ul li { padding-right:0; width:32%; text-align:center; margin-right:2%; }
	.menu ul li:nth-child(3n) { margin-right:0; }
	.menu ul li:nth-child(n + 4) { margin-top:10px; }
	.menu ul li a { line-height:35px; background:#f5f5f5; font-size:14px; }

	.menu ul li.current a,.menu ul li:hover a { font-weight:normal; background:rgba(5, 63, 171, 1); color:#fff; }
}

.proDis{ background:   rgba(248, 249, 252, 1) ; padding:60px 0}
.proDis01{ background:#fff; box-sizing:border-box; padding:60px; display:flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}
.proDis01 .lt{ color:rgba(38, 38, 41, 1); width:42%}
.proDis01 .lt .p1{ font-size:36px; line-height:1.2; font-weight:bold; color:rgba(5, 63, 171, 1)}
.proDis01 .lt .p1:nth-child(2){ font-size:26px}
.proDis01 .lt .p2{ font-size:18px; line-height:32px; margin-top:25px}
.proDis01 .lt .p3{ font-size:18px; line-height:40px; margin-top:50px; color:rgba(38, 38, 41, 0.8)}
.proDis01 .lt .p3 p{ padding-left:20px; position:relative}
.proDis01 .lt .p3 p:after{ content:""; display:block; width:6px; height:6px; background:rgba(38, 38, 41, 0.8); border-radius:50%; position:absolute; left:0; top:calc(50% - 3px)}
.proDis01 .rt{ width:730px; position:relative; overflow:hidden; display:flex;flex-wrap: wrap;}
.proDis01 .rt .swiper01{ width:600px; position:relative; overflow:hidden}
.proDis01 .rt .swiper01 .swiper-slide{ width:100%; position:relative; text-align:center}
.proDis01 .rt .swiper01 .swiper-slide img{ max-width:100%}
.proDis01 .rt .swiper01 .swiper-slide span{ display:block; width:100%; height:100%; background:url(g_055.png) center center no-repeat  rgba(0,0,0,0.1); cursor:pointer; position:absolute; left:0;top:0; z-index:3}
.proDis01 .rt .swiper01 .prev01{ width: 54px;height: 54px; transform: rotate(180deg);background:url(g_03.png) center center no-repeat rgba(94, 110, 128, 0.1); position:absolute; left:0; top:calc(50% - 27px); z-index:2; cursor:pointer; border-radius:100%; background-size:11px}
.proDis01 .rt .swiper01 .prev01:hover{ background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 1); background-size:11px}
.proDis01 .rt .swiper01 .next01{ width: 54px;height: 54px; background:url(g_03.png) center center no-repeat rgba(94, 110, 128, 0.1); position:absolute; right:0; top:calc(50% - 27px); z-index:2; cursor:pointer; border-radius:100%; background-size:11px;transform: rotate(0);}
.proDis01 .rt .swiper01 .next01:hover{ background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 1); background-size:11px;}

.proDis01 .rt .swiper011{ width:120px; overflow:hidden; margin-left:10px; padding-bottom:1px; height:415px}
.proDis01 .rt .swiper011 .swiper-slide{ position:relative; cursor:pointer; width:100%; height:75px; margin-bottom:10px}
.proDis01 .rt .swiper011 .swiper-slide img{ width:100%; height:100%; object-fit:cover}
.proDis01 .rt .swiper011 .swiper-slide.swiper-slide-thumb-active:after{ content:""; display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(5, 63, 171, 1); position:absolute; left:0; top:0; z-index:2;}
.proDis01 .rt .swiper011 .swiper-slide span{ display:block; width:100%; height:100%; background:url(g_055.png) center center no-repeat rgba(0,0,0,0.1); cursor:pointer; position:absolute; left:0;top:0; z-index:3; background-size:30px}
@media all and (max-width:1600px){
	.proDis{  padding:40px 0}
	.proDis01{ padding:40px; }
	.proDis01 .lt .p1{ font-size:28px; line-height:1.4; }
	.proDis01 .lt .p1:nth-child(2){ font-size:24px}
	.proDis01 .lt .p2{ font-size:18px; line-height:1.4; margin-top:20px}
	.proDis01 .lt .p3{ font-size:16px; line-height:2; margin-top:40px; }
	.proDis01 .lt .p3 p{ padding-left:20px; position:relative}
	.proDis01 .lt .p3 p:after{ width:5px; height:5px; top:50%; transform:translateY(-50%)}
	.proDis01 .rt{ width:600px; }
	.proDis01 .rt .swiper01{ width:500px; height:345px;}
	
	.proDis01 .rt .swiper01 .swiper-slide img{ width:100%; }
	.proDis01 .rt .swiper01 .prev01{ width: 48px;height: 48px;  top:calc(50% - 24px); background-size:10px}
	.proDis01 .rt .swiper01 .prev01:hover{ background-size:10px}
	.proDis01 .rt .swiper01 .next01{ width: 48px;height: 48px;  top:calc(50% - 24px); background-size:10px}
	.proDis01 .rt .swiper01 .next01:hover{ background-size:10px}
	
	.proDis01 .rt .swiper011{ width:90px; height:345px}
	.proDis01 .rt .swiper011 .swiper-slide{ height:61px; overflow:hidden}
}
@media all and (max-width:1200px){
	.proDis{  padding:40px 0}
	.proDis01{ padding:30px; }
	.proDis01 .lt{ width:100%}
	.proDis01 .lt .p1{ font-size:24px; }
	.proDis01 .lt .p2{ font-size:18px; margin-top:15px}
	.proDis01 .lt .p3{ font-size:14px; margin-top:20px; }
	.proDis01 .lt .p3 p{ padding-left:20px; position:relative}
	.proDis01 .lt .p3 p:after{ width:5px; height:5px; top:50%; transform:translateY(-50%)}
	.proDis01 .rt{ width:100%; margin-top:20px }
	.proDis01 .rt .swiper01{ width:100%; height:auto}
	.proDis01 .rt .swiper01 .swiper-slide img{ width:100%; }
	.proDis01 .rt .swiper01 .prev01{ width: 40px;height: 40px;  top:calc(50% - 20px); background-size:9px}
	.proDis01 .rt .swiper01 .prev01:hover{ background-size:9px}
	.proDis01 .rt .swiper01 .next01{ width: 40px;height: 40px;  top:calc(50% - 20px); background-size:9px}
	.proDis01 .rt .swiper01 .next01:hover{ background-size:9px}
	
	.proDis01 .rt .swiper011{ width:100%; height:100%; margin:10px 0 0 0}
	.proDis01 .rt .swiper011 .swiper-slide{ height:auto; margin:0}
	
}
@media all and (max-width:750px){
	.proDis{  padding:40px 0}
	.proDis01{ padding:20px; }
	.proDis01 .lt .p1{ font-size:20px; }
	.proDis01 .lt .p2{ font-size:14px; margin-top:10px}
	.proDis01 .lt .p3{ font-size:12px; margin-top:15px; }
	.proDis01 .lt .p3 p{ padding-left:20px; position:relative}
	.proDis01 .lt .p3 p:after{ width:5px; height:5px; top:50%; transform:translateY(-50%)}
	.proDis01 .rt{ width:100%; margin-top:20px }
	.proDis01 .rt .swiper01{ height:auto}
	.proDis01 .rt .swiper01 .swiper-slide{ height:auto}
	.proDis01 .rt .swiper01 .swiper-slide img{ width:100%; }
	.proDis01 .rt .swiper01 .prev01{ width: 32px;height: 32px;  top:calc(50% - 16px); background-size:8px}
	.proDis01 .rt .swiper01 .prev01:hover{ background-size:8px}
	.proDis01 .rt .swiper01 .next01{ width: 32px;height: 32px;  top:calc(50% - 16px); background-size:8px}
	.proDis01 .rt .swiper01 .next01:hover{ background-size:8px}
	
	
}

.proDis02{ padding:40px 70px; background:#fff; margin-top:60px}
.proDis02 .hd{ border-bottom:1px solid  rgba(94, 110, 128, 0.2); padding-bottom:25px}
.proDis02 .hd ul{ display:flex; align-items: center; }
.proDis02 .hd ul li{ font-size:18px; color:rgba(38, 38, 41, 1); margin-right:70px; cursor:pointer}
.proDis02 .hd ul li.on{ font-size:24px; font-weight:bold; color:rgba(5, 63, 171, 1); padding-left:24px; position:relative}
.proDis02 .hd ul li.on:after{ content:""; display:block; width:6px; height:26px; background:rgba(5, 63, 171, 1); border-radius:3px; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.proDis02 .bd{ padding:60px 0 20px}
.proDis02 .bd .tt{ font-size:28px; color:rgba(38, 38, 41, 1); font-weight:bold; line-height:1}
.proDis02 .bd .aitem .intro{ font-size:16px; color:rgba(118, 118, 127, 1); line-height:2; margin-top:25px}
.proDis02 .bd .bitem{ margin-top:60px}
.proDis02 .bd .bitem .bbd{ margin-top:40px; overflow:hidden}
.proDis02 .bd .bitem .bbd .swiper021{ width:0; height:0; overflow:hidden}
.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide{ width:100%}
.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .title{ font-size:22px; color:rgba(5, 63, 171, 1); font-weight:bold;}
.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .intro{ font-size:16px; color:rgba(118, 118, 127, 1); line-height:1.6; margin-top:20px}
.proDis02 .bd .bitem .bbd .swiper022{ margin-top:0; position:relative}
.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:15px; position:relative}
.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .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;}
.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .title{ font-size:16px; color:rgba(38, 38, 41, 1); margin-top:20px; line-height:20px; text-align:center}
.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide.swiper-slide-thumb-active .title{ font-weight:bold; color:rgba(5, 63, 171, 1)}
.proDis02 .bd .bitem .bbd .swiper022 .prev022{ width: 54px;height: 54px; transform: rotate(180deg);background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 0.8); position:absolute; left:0; top:calc(50% - 47px); z-index:2; cursor:pointer; border-radius:100%; background-size:11px; z-index:99}
.proDis02 .bd .bitem .bbd .swiper022 .next022{ width: 54px;height: 54px; transform: rotate(0);background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 0.8); position:absolute; right:0; top:calc(50% - 47px); z-index:2; cursor:pointer; border-radius:100%; background-size:11px; z-index:99}
.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide.swiper-slide-thumb-active  .pic:after{ content:""; display:block; width:100%; height:100%; box-sizing:border-box; background: rgba(5, 63, 171, 0.5); position:absolute; left:0; top:0}
.proDis02 .bd .citem{ margin-top:60px}
.proDis02 .bd .citem .bbd{ margin-top:40px; overflow:hidden}
.proDis02 .bd .citem .bbd .swiper03{ width:100%; overflow:hidden}
.proDis02 .bd .citem .bbd .swiper03 .swiper-slide{ width:31.5%; box-sizing:border-box; height:auto; padding:60px 35px; border:1px solid rgba(118, 118, 127, 0.2); border-radius:15px; margin-right:2.75%}
.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .title{ font-size:24px; color:rgba(38, 38, 41, 1); font-weight:bold; line-height:1; padding-bottom:30px; background:url(g_24.png) left bottom no-repeat; background-size:auto 6px}
.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .intro{ margin-top:30px; font-size:16px; color:rgba(118, 118, 127, 0.9); line-height:2; text-align:justify}
.proDis02 .bd .citem .bbd .swiper03 .swiper-slide:last-child{ margin-right:0}
.proDis02 .bd .citem .bbd .swiper03 .pagination03{ text-align:center; font-size:0; margin-top:50px}
.proDis02 .bd .citem .bbd .swiper03 .pagination03 span{ width:10px; height:10px; border-radius:5px; opacity:1;background: rgba(204, 204, 204, 1);}
.proDis02 .bd .citem .bbd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ background:rgba(5, 63, 171, 1); width:36px}
.proDis02 .bd .con02{ font-size:16px; color:#333; text-align:justify; line-height:2}
.proDis02 .bd .con02 img{ max-width:100%; height:auto}
.proDis02 .bd .con03{ font-size:16px; color:#333; text-align:justify; line-height:2}
@media all and (max-width:1600px){
	.proDis02{ padding:30px 50px; margin-top:40px}
	.proDis02 .hd{ padding-bottom:20px}
	.proDis02 .hd ul li{ font-size:16px; margin-right:60px; }
	.proDis02 .hd ul li.on{ font-size:20px; padding-left:20px }
	.proDis02 .hd ul li.on:after{ width:4px; height:22px; border-radius:2px;}
	.proDis02 .bd{ padding:40px 0 10px}
	.proDis02 .bd .tt{ font-size:24px;}
	.proDis02 .bd .aitem .intro{ font-size:14px; margin-top:20px}
	.proDis02 .bd .bitem{ margin-top:40px}
	.proDis02 .bd .bitem .bbd{ margin-top:30px; }
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide{ width:100%}
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .title{ font-size:18px;}
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .intro{ font-size:14px;  margin-top:16px}
	.proDis02 .bd .bitem .bbd .swiper022{ margin-top:0; }
	.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .title{ font-size:14px; margin-top:12px; line-height:18px}
	.proDis02 .bd .bitem .bbd .swiper022 .prev022{ width: 48px;height: 48px;  top:calc(50% - 39px); background-size:10px; }
	.proDis02 .bd .bitem .bbd .swiper022 .next022{ width: 48px;height: 48px; top:calc(50% - 39px); background-size:10px; }
	.proDis02 .bd .citem{ margin-top:40px}
	.proDis02 .bd .citem .bbd{ margin-top:30px; }
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide{ border-radius:12px; }
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .title{ font-size:20px; padding-bottom:25px; background-size:auto 5px}
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .intro{ margin-top:20px; font-size:14px; }
	.proDis02 .bd .citem .bbd .swiper03 .pagination03{ margin-top:40px}
	.proDis02 .bd .citem .bbd .swiper03 .pagination03 span{ width:9px; height:9px; }
	.proDis02 .bd .citem .bbd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ width:30px}
}
@media all and (max-width:1200px){
	.proDis02{ padding:30px 30px; margin-top:30px}
	.proDis02 .hd{ padding-bottom:18px}
	.proDis02 .hd ul li{ font-size:16px; margin-right:50px; }
	.proDis02 .hd ul li.on{ font-size:20px; padding-left:20px }
	.proDis02 .hd ul li.on:after{ width:4px; height:22px; border-radius:2px;}
	.proDis02 .bd{ padding:30px 0}
	.proDis02 .bd .tt{ font-size:20px;}
	.proDis02 .bd .aitem .intro{ font-size:12px; margin-top:20px}
	.proDis02 .bd .bitem{ margin-top:40px}
	.proDis02 .bd .bitem .bbd{ margin-top:30px; }
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide{ width:100%}
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .title{ font-size:16px;}
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .intro{ font-size:12px;  margin-top:16px}
	.proDis02 .bd .bitem .bbd .swiper022{ margin-top:0; }
	.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .title{ font-size:12px; margin-top:12px; line-height:18px}
	.proDis02 .bd .bitem .bbd .swiper022 .prev022{ width: 40px;height: 40px;  top:calc(50% - 35px); background-size:9px; }
	.proDis02 .bd .bitem .bbd .swiper022 .next022{ width: 40px;height: 40px; top:calc(50% - 35px); background-size:9px; }
	.proDis02 .bd .citem{ margin-top:40px}
	.proDis02 .bd .citem .bbd{ margin-top:30px; }
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide{ border-radius:10px; padding:20px }
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .title{ font-size:18px; padding-bottom:20px; background-size:auto 4px}
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .intro{ margin-top:15px; font-size:12px; }
	.proDis02 .bd .citem .bbd .swiper03 .pagination03{ margin-top:20px}
	.proDis02 .bd .citem .bbd .swiper03 .pagination03 span{ width:8px; height:8px; }
	.proDis02 .bd .citem .bbd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ width:20px}
}
@media all and (max-width:750px){
	.proDis02{ padding:20px; margin-top:20px}
	.proDis02 .hd{ padding-bottom:16px}
	.proDis02 .hd ul li{ font-size:14px; margin-right:30px; }
	.proDis02 .hd ul li.on{ font-size:14px; padding-left:15px }
	.proDis02 .hd ul li.on:after{ width:3px; height:16px; border-radius:2px;}
	.proDis02 .bd{ padding:20px 0}
	.proDis02 .bd .tt{ font-size:18px;}
	.proDis02 .bd .aitem .intro{ font-size:12px; margin-top:15px}
	.proDis02 .bd .bitem{ margin-top:30px}
	.proDis02 .bd .bitem .bbd{ margin-top:20px; }
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide{ width:100%}
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .title{ font-size:16px;}
	.proDis02 .bd .bitem .bbd .swiper021 .swiper-slide .intro{ font-size:12px;  margin-top:12px}
	.proDis02 .bd .bitem .bbd .swiper022{ margin-top:0; }
	.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .pic{ border-radius:5px}
	.proDis02 .bd .bitem .bbd .swiper022 .swiper-slide .title{ font-size:12px; margin-top:12px; line-height:18px}
	.proDis02 .bd .bitem .bbd .swiper022 .prev022{ width: 32px;height: 32px;  top:calc(50% - 31px); background-size:8px; }
	.proDis02 .bd .bitem .bbd .swiper022 .next022{ width: 32px;height: 32px; top:calc(50% - 31px); background-size:8px; }
	.proDis02 .bd .citem{ margin-top:30px}
	.proDis02 .bd .citem .bbd{ margin-top:20px; }
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide{ width:100%; margin-right:4%; border-radius:5px; padding:20px 10px }
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .title{ font-size:16px; padding-bottom:20px; background-size:auto 4px}
	.proDis02 .bd .citem .bbd .swiper03 .swiper-slide .intro{ margin-top:15px; font-size:12px; }
	.proDis02 .bd .citem .bbd .swiper03 .pagination03{ margin-top:20px}
	.proDis02 .bd .citem .bbd .swiper03 .pagination03 span{ width:8px; height:8px; }
	.proDis02 .bd .citem .bbd .swiper03 .pagination03 span.swiper-pagination-bullet-active{ width:20px}
	.proDis02 .bd .con02 .content{ width:100%; overflow:auto; font-size:14px}
	.proDis02 .bd .con02 .content .xx{ width:fit-content}
	.proDis02 .bd .con02 .content .xx img{ width:800px}
	.proDis02 .bd .con02 .content table{ width:600px!important}
	/*.proDis02 .bd .con02 .content table tr td:nth-child(1){ width:50%}
	.proDis02 .bd .con02 .content table tr td:nth-child(2){ width:50%}
	.proDis02 .bd .con02 .content table tr td:nth-child(3){ width:50%}*/
}



.pro{ background:   rgba(248, 249, 252, 1) ; padding:60px 0}
.pro .proList{ display:flex; flex-wrap: wrap; width:100%; padding-bottom:25px}
.pro .proList .item{ width:500px; background:#fff; margin-right:30px; margin-bottom:35px; box-shadow:0 0 10px rgba(0,0,0,0.1);border:1px solid #fff; transition:all 0.5s; border-radius:10px; overflow:hidden; box-sizing:border-box}
.pro .proList .item:nth-child(3n){ margin-right:0}
.pro .proList .item a{ display:flex; flex-wrap: wrap; align-items:flex-end;  width:100%; box-sizing:border-box; padding:50px 30px 50px 35px; }
.pro .proList .item a .cont{ width:calc(100% - 200px)}
.pro .proList .item a .cont .p1{ font-size:32px; font-weight:bold; line-height:42px; color:rgba(38, 38, 41, 1)}
.pro .proList .item a .cont .p2{ font-size:18px; color:rgba(38, 38, 41, 1); line-height:42px; width:150%; font-weight:bold}
.pro .proList .item a .cont .p3{ font-size:16px; color:rgba(118, 118, 127, 0.8); line-height:2; margin-top:30px; position:relative; height:128px; overflow:hidden}
.pro .proList .item a .cont .p3 p{ padding-left:20px; position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro .proList .item a .cont .p3 p:after{ content:""; display:block; width:6px; height:6px; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); background:rgba(118, 118, 127, 0.8)}
.pro .proList .item a .pic{ width:200px}
.pro .proList .item a .pic img{ width:100%}
.pro .proList .item:hover a .cont .p1{ color:rgba(5, 63, 171, 1)}
.pro .proList .item a .cont .p3 .intro{ opacity:1; transition:all 0.5s}
.pro .proList .item a .cont .p3 .more{ background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 1); width:46px; height:46px; border-radius:100%; position:absolute; left:0; bottom:20px; opacity:0; transition:all 0.5s}
.pro .proList .item:hover a .cont .p3 .intro{ opacity:0}
.pro .proList .item:hover a .cont .p3 .more{ opacity:1}
.pro .proList .item:hover{ border:1px solid rgba(5, 63, 171, 1)}

.pro .pro_ppp{ font-size:18px; line-height:2; color:#333; padding-bottom:60px}
.pro2 .pro_ppp{ font-size:18px; line-height:2; color:#333; padding-bottom:60px}
.pro2 .pro_ppp .nr{ padding:0; background:none}
@media all and (max-width:1600px){
	.pro{ padding:40px 0}
	.pro .pro_ppp{ font-size:16px ; padding-bottom:40px}
	.pro2 .pro_ppp{ font-size:16px ; padding-bottom:40px}

	
	.pro .proList{ padding-bottom:35px}
	.pro .proList .item{ width:32%; margin-right:2%; margin-bottom:15px;}
	.pro .proList .item a{ padding:30px 20px}
	.pro .proList .item a .cont{ width:calc(100% - 160px)}
	.pro .proList .item a .cont .p1{ font-size:28px; line-height:32px; }
	.pro .proList .item a .cont .p2{ font-size:16px; line-height:32px}
	.pro .proList .item a .cont .p3{ font-size:14px; margin-top:20px;height:112px; }
	.pro .proList .item a .cont .p3 p{ padding-left:15px; }
	.pro .proList .item a .cont .p3 p:after{ width:5px; height:5px;  top:12px; transform:translateY(0);}
	.pro .proList .item a .pic{ width:160px}
	.pro .proList .item a .cont .p3 .more{ width:40px; height:40px; background-size:10px}
}
@media all and (max-width:1200px){
	.pro{ padding:40px 0}
	.pro .pro_ppp{ font-size:14px}
	.pro2 .pro_ppp{ font-size:14px}
	.pro .proList{ padding-bottom:20px}
	.pro .proList .item{ width:49%; margin-right:2%; margin-bottom:20px;}
	.pro .proList .item:nth-child(3n){ margin-right:2%}
	.pro .proList .item:nth-child(2n){ margin-right:0}
	.pro .proList .item a{ padding:20px 15px}
	.pro .proList .item a .cont{ width:calc(100% - 160px)}
	.pro .proList .item a .cont .p1{ font-size:24px; line-height:32px; }
	.pro .proList .item a .cont .p2{ font-size:16px; line-height:32px}
	.pro .proList .item a .cont .p3{ font-size:14px; margin-top:20px; }
	.pro .proList .item a .cont .p3 p{ padding-left:15px; }
	.pro .proList .item a .cont .p3 p:after{ width:5px; height:5px;  top:12px; transform:translateY(0);}
	.pro .proList .item a .pic{ width:160px}
	.pro .proList .item a .cont .p3 .more{ width:40px; height:40px; background-size:10px}
}
@media all and (max-width:750px){
	.pro{ padding:40px 0}
	.pro .proList{ padding-bottom:20px}
	.pro .proList .item{ width:100%; margin-right:0%; margin-bottom:20px;}
	.pro .proList .item:nth-child(3n){ margin-right:0%}
	.pro .proList .item:nth-child(2n){ margin-right:0}
	.pro .proList .item a{ padding:20px 15px}
	.pro .proList .item a .cont{ width:calc(100% - 160px)}
	.pro .proList .item a .cont .p1{ font-size:20px; line-height:28px; }
	.pro .proList .item a .cont .p2{ font-size:14px; line-height:28px}
	.pro .proList .item a .cont .p3{ font-size:12px; margin-top:15px; height:92px;}
	.pro .proList .item a .cont .p3 p{ padding-left:12px; }
	.pro .proList .item a .cont .p3 p:after{ width:4px; height:4px;  top:11px; transform:translateY(0);}
	.pro .proList .item a .pic{ width:160px}
	.pro .proList .item a .cont .p3 .more{ width:40px; height:40px; background-size:10px}
}



.pro2{ background:   rgba(248, 249, 252, 1) ; padding:60px 0}
.pro2 .nr{ box-sizing:border-box; padding:50px; background:#fff}
.pro2 .nr .pro2Hd{ border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:20px; display:flex; margin-bottom:50px}
.pro2 .nr .pro2Hd a{ display:block; font-size:18px; color:rgba(108, 108, 117, 1); margin-right:60px; position:relative}
.pro2 .nr .pro2Hd a.on:after{ content:""; display:block; width: 4px;height: 20px;opacity: 1;background: rgba(5, 63, 171, 1); position:absolute; left:0; top:50%; margin-top:-10px}
.pro2 .nr .pro2Hd a.on{ padding-left:20px;  font-weight:bold; color:rgba(5, 63, 171, 1)}


.pro2 .proList2{ display:flex; flex-wrap: wrap; width:100%; padding-bottom:25px}
.pro2 .proList2 .item{ width:470px; background:#fff; margin-right:25px; margin-bottom:30px; box-shadow:0 0 10px rgba(0,0,0,0.1);border:1px solid #fff; transition:all 0.5s; border-radius:10px; overflow:hidden; box-sizing:border-box}
.pro2 .proList2 .item:nth-child(3n){ margin-right:0}
.pro2 .proList2 .item a{ display:flex; flex-wrap: wrap; align-items:flex-end;  width:100%; box-sizing:border-box; padding:50px 30px 50px 35px; }
.pro2 .proList2 .item a .cont{ width:calc(100% - 200px)}
.pro2 .proList2 .item a .cont .p1{ font-size:32px; font-weight:bold; line-height:42px; color:rgba(38, 38, 41, 1)}
.pro2 .proList2 .item a .cont .p2{ font-size:18px; color:rgba(38, 38, 41, 1); line-height:42px; width:150%; font-weight:bold}
.pro2 .proList2 .item a .cont .p3{ font-size:16px; color:rgba(118, 118, 127, 0.8); line-height:2; margin-top:30px; position:relative; height:128px; overflow:hidden}
.pro2 .proList2 .item a .cont .p3 p{ padding-left:20px; position:relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro2 .proList2 .item a .cont .p3 p:after{ content:""; display:block; width:6px; height:6px; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); background:rgba(118, 118, 127, 0.8)}
.pro2 .proList2 .item a .pic{ width:200px}
.pro2 .proList2 .item a .pic img{ width:100%}
.pro2 .proList2 .item:hover a .cont .p1{ color:rgba(5, 63, 171, 1)}
.pro2 .proList2 .item a .cont .p3 .intro{ opacity:1; transition:all 0.5s}
.pro2 .proList2 .item a .cont .p3 .more{ background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 1); width:46px; height:46px; border-radius:100%; position:absolute; left:0; bottom:20px; opacity:0; transition:all 0.5s}
.pro2 .proList2 .item:hover a .cont .p3 .intro{ opacity:0}
.pro2 .proList2 .item:hover a .cont .p3 .more{ opacity:1}
.pro2 .proList2 .item:hover{ border:1px solid rgba(5, 63, 171, 1)}
@media all and (max-width:1600px){
	.pro2{ padding:40px 0}
	.pro2 .nr{ padding:35px}
	.pro2 .nr .pro2Hd{ padding-bottom:15px; margin-bottom:40px}
	.pro2 .nr .pro2Hd a { font-size:16px; margin-right:40px}
	.pro2 .nr .pro2Hd a.on::after{ width:3px; height:18px; margin-top:-9px}
	.pro2 .proList2{ padding-bottom:15px}
	.pro2 .proList2 .item{ width:32%; margin-right:2%; margin-bottom:25px;}
	.pro2 .proList2 .item a{ padding:30px 20px}
	.pro2 .proList2 .item a .cont{ width:calc(100% - 160px)}
	.pro2 .proList2 .item a .cont .p1{ font-size:28px; line-height:32px; }
	.pro2 .proList2 .item a .cont .p2{ font-size:16px; line-height:32px}
	.pro2 .proList2 .item a .cont .p3{ font-size:14px; margin-top:20px;height:112px; }
	.pro2 .proList2 .item a .cont .p3 p{ padding-left:15px; }
	.pro2 .proList2 .item a .cont .p3 p:after{ width:5px; height:5px;  top:12px; transform:translateY(0);}
	.pro2 .proList2 .item a .pic{ width:160px}
	.pro2 .proList2 .item a .cont .p3 .more{ width:40px; height:40px; background-size:10px}
}
@media all and (max-width:1200px){
	.pro2{ padding:40px 0}
	.pro2 .nr{ padding:20px}
	.pro2 .nr .pro2Hd{ padding-bottom:10px; margin-bottom:30px}
	.pro2 .nr .pro2Hd a { font-size:16px; margin-right:40px;}
	.pro2 .nr .pro2Hd a.on::after{ width:3px; height:20px; margin-top:-10px}
	.pro2 .nr .pro2Hd a.on{ padding-left:20px}
	.pro2 .proList2{ padding-bottom:20px}
	.pro2 .proList2 .item{ width:49%; margin-right:2%; margin-bottom:20px;}
	.pro2 .proList2 .item:nth-child(3n){ margin-right:2%}
	.pro2 .proList2 .item:nth-child(2n){ margin-right:0}
	.pro2 .proList2 .item a{ padding:20px 15px}
	.pro2 .proList2 .item a .cont{ width:calc(100% - 160px)}
	.pro2 .proList2 .item a .cont .p1{ font-size:24px; line-height:32px; }
	.pro2 .proList2 .item a .cont .p2{ font-size:16px; line-height:32px}
	.pro2 .proList2 .item a .cont .p3{ font-size:14px; margin-top:20px; }
	.pro2 .proList2 .item a .cont .p3 p{ padding-left:15px; }
	.pro2 .proList2 .item a .cont .p3 p:after{ width:5px; height:5px;  top:12px; transform:translateY(0);}
	.pro2 .proList2 .item a .pic{ width:160px}
	.pro2 .proList2 .item a .cont .p3 .more{ width:40px; height:40px; background-size:10px}
}
@media all and (max-width:750px){
	.pro2{ padding:40px 0}
	
	.pro2 .nr{ padding:0; background:none}
	.pro2 .nr .pro2Hd{ padding-bottom:10px; margin-bottom:20px}
	.pro2 .nr .pro2Hd a { font-size:14px; margin-right:20px;}
	.pro2 .nr .pro2Hd a:last-child{ margin-right:0}
	.pro2 .nr .pro2Hd a.on::after{ width:0; height:20px; margin-top:-10px}
	.pro2 .nr .pro2Hd a.on{ padding-left:0}
	
	.pro2 .proList2{ padding-bottom:20px}
	.pro2 .proList2 .item{ width:100%; margin-right:0%; margin-bottom:20px;}
	.pro2 .proList2 .item:nth-child(3n){ margin-right:0%}
	.pro2 .proList2 .item:nth-child(2n){ margin-right:0}
	.pro2 .proList2 .item a{ padding:20px 15px}
	.pro2 .proList2 .item a .cont{ width:calc(100% - 160px)}
	.pro2 .proList2 .item a .cont .p1{ font-size:20px; line-height:28px; }
	.pro2 .proList2 .item a .cont .p2{ font-size:14px; line-height:28px}
	.pro2 .proList2 .item a .cont .p3{ font-size:12px; margin-top:15px; height:92px;}
	.pro2 .proList2 .item a .cont .p3 p{ padding-left:12px; }
	.pro2 .proList2 .item a .cont .p3 p:after{ width:4px; height:4px;  top:11px; transform:translateY(0);}
	.pro2 .proList2 .item a .pic{ width:160px}
	.pro2 .proList2 .item a .cont .p3 .more{ width:40px; height:40px; background-size:10px}
}


















/*分页*/
.page{ text-align:center; font-size:0;display:flex; align-items: center; justify-content: center;}
.page a{ display:inline-block; vertical-align:top; text-align:center; font-size:16px; color:rgba(118, 118, 127, 1); margin: 0 7px; display:flex; align-items: center; justify-content: center; height:50px; background:#fff; padding:0 20px; box-sizing:border-box}
.page a.current,.page a:hover{ background: rgba(5, 63, 171, 1); color:#fff;  }

@media all and (max-width:1200px){
	.page a{ font-size:12px; padding:0 10px;  height:30px; margin:0 2px}
}



.scjyy{ background:   rgba(248, 249, 252, 1) ; padding:80px 0}
.scjyyList{ padding-bottom:30px}
.scjyyList .item{ margin-bottom:50px; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.scjyyList .item a{ width:100%; background:#fff; display:flex; align-items: center; }
.scjyyList .item:nth-child(2n) a{ flex-direction: row-reverse; }
.scjyyList .item a .pic{ width:600px; overflow:hidden}
.scjyyList .item a .pic i{ display:block; width:100%; padding-bottom:66.6666666%; position:relative}
.scjyyList .item a .pic i img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.scjyyList .item:hover a .pic i img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.scjyyList .item a .cont{ width:calc(100% - 600px); box-sizing:border-box; padding:0 90px}
.scjyyList .item a .cont .title{ font-size:30px; color:rgba(38, 38, 41, 1); font-weight:bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition:all 0.5s}
.scjyyList .item a .cont .intro{ font-size:16px; color:rgba(118, 118, 127, 1); line-height:2; margin-top:25px}
.scjyyList .item a .cont .more{ background:url(g_12.png) center center no-repeat rgba(118, 118, 127, 0.1); width:46px; height:46px; border-radius:100%; margin-top:45px; transition:all 0.5s}
.scjyyList .item:hover a .cont .title{ color:rgba(5, 63, 171, 1)}
.scjyyList .item:hover a .cont .more{ background:url(g_03.png) center center no-repeat rgba(5, 63, 171, 1);}
@media all and (max-width:1600px){
	.scjyy{ padding:60px 0}
	.scjyyList{ padding-bottom:20px}
	.scjyyList .item{ margin-bottom:40px;}
	.scjyyList .item a .pic{ width:450px;}
	.scjyyList .item a .cont{ width:calc(100% - 450px); padding:0 60px}
	.scjyyList .item a .cont .title{ font-size:24px; }
	.scjyyList .item a .cont .intro{ font-size:14px; margin-top:20px}
	.scjyyList .item a .cont .more{  width:40px; height:40px; background-size:10px;  margin-top:35px; }
	.scjyyList .item:hover a .cont .more{  background-size:10px;}
}
@media all and (max-width:1200px){
	.scjyy{ padding:40px 0}
	.scjyyList{ padding-bottom:20px}
	.scjyyList .item{ margin-bottom:20px;}
	.scjyyList .item a .pic{ width:300px;}
	.scjyyList .item a .cont{ width:calc(100% - 300px); padding:0 30px}
	.scjyyList .item a .cont .title{ font-size:20px; }
	.scjyyList .item a .cont .intro{ font-size:12px; margin-top:10px}
	.scjyyList .item a .cont .more{  width:32px; height:32px; background-size:9px;  margin-top:25px; }
	.scjyyList .item:hover a .cont .more{  background-size:9px;}
}
@media all and (max-width:750px){
	.scjyy{ padding:40px 0}
	.scjyyList{ padding-bottom:20px}
	.scjyyList .item{ margin-bottom:20px;}
	.scjyyList .item a{ flex-wrap: wrap;}
	.scjyyList .item a .pic{ width:100%;}
	.scjyyList .item a .cont{ width:100%; padding:20px}
	.scjyyList .item a .cont .title{ font-size:16px; }
	.scjyyList .item a .cont .intro{ font-size:12px; margin-top:10px}
	.scjyyList .item a .cont .more{  width:32px; height:32px; background-size:9px;  margin-top:15px; }
	.scjyyList .item:hover a .cont .more{  background-size:9px;}
}

.picNews{ background: rgba(248, 249, 252, 1) ;  padding:80px 0}
.picNewsHot{ width:100%;}
.picNewsHot a{ display:flex; align-items: center; width:100%; background:linear-gradient(to right ,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(242, 245, 252, 1) 100%);}
.picNewsHot a .pic{ width:695px;}
.picNewsHot a .pic i{ display:block; width:100%; padding-bottom:56%; position:relative; overflow:hidden}
.picNewsHot a .pic i img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.picNewsHot a .pic i:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picNewsHot a .cont{ width:calc(100% - 695px); box-sizing:border-box; padding:0 90px}
.picNewsHot a .cont .title{ font-size:30px; color:rgba(38, 38, 41, 1); font-weight:bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition:all 0.5s}
.picNewsHot a .cont .intro{ font-size:16px; color:rgba(118, 118, 127, 1); line-height:2; margin-top:25px}
.picNewsHot a .cont .morex{border: 1px solid rgba(118, 118, 127, 0.3); margin-top:70px}
.picNewsHot a .cont .morex span{ color:rgba(118, 118, 127, 1)}
.picNewsHot a .cont .morex i{ background:url(g_13.png) center center no-repeat rgba(118, 118, 127, 0.1); background-size:11px}
.picNewsHot a:hover .cont .morex{ border: 1px solid rgba(5, 63, 171, 1); background:rgba(5, 63, 171, 1)}
.picNewsHot a:hover .cont .morex span{ color:#fff}
.picNewsHot a:hover .cont .morex i{ background:url(g_04.png) center center no-repeat #fff; background-size:11px}
.picNewsHot a:hover .cont .title{ color:rgba(5, 63, 171, 1)}
@media all and (max-width:1600px){
	.picNews{  padding:60px 0}
	.picNewsHot a .pic{ width:500px;}
	.picNewsHot a .cont{ width:calc(100% - 500px); padding:0 50px}
	.picNewsHot a .cont .title{ font-size:24px;}
	.picNewsHot a .cont .intro{ font-size:14px; margin-top:20px}
	.picNewsHot a .cont .morex{ margin-top:40px}
}
@media all and (max-width:1200px){
	.picNews{  padding:40px 0}
	.picNewsHot a .pic{ width:350px;}
	.picNewsHot a .cont{ width:calc(100% - 350px); padding:0 20px}
	.picNewsHot a .cont .title{ font-size:18px;}
	.picNewsHot a .cont .intro{ font-size:12px; margin-top:10px}
	.picNewsHot a .cont .morex{ margin-top:20px}
}
@media all and (max-width:750px){
	.picNews{  padding:40px 0}
	.picNewsHot a{flex-wrap: wrap;}
	.picNewsHot a .pic{ width:100%;}
	.picNewsHot a .cont{ width:100%; padding:20px}
	.picNewsHot a .cont .title{ font-size:16px;}
	.picNewsHot a .cont .intro{ font-size:12px; margin-top:10px}
	.picNewsHot a .cont .morex{ margin-top:20px}
}
.picNewsList{ margin-top:100px; padding-bottom:40px;display:flex; flex-wrap: wrap;}
.picNewsList .item{ width:500px; margin-right:30px; margin-bottom:40px}
.picNewsList .item:nth-child(3n){ margin-right:0}
.picNewsList .item a{ border-radius:20px; overflow:hidden; display:block}
.picNewsList .item a .pic{ width:100%;}
.picNewsList .item a .pic i{ display:block; width:100%; padding-bottom:56%; position:relative; overflow:hidden}
.picNewsList .item a .pic i img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.picNewsList .item a .pic i:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.picNewsList .item a .cont{ width:100%; box-sizing:border-box; padding:30px; background:linear-gradient(234.26deg, rgba(255, 255, 255, 1) 0%, rgba(229, 237, 253, 1) 100%);}
.picNewsList .item a .cont .time{ line-height:1; color:rgba(118, 118, 127, 0.5); font-size:16px; margin-bottom:10px}
.picNewsList .item a .cont .title{ font-size:30px; color:rgba(38, 38, 41, 1); font-weight:bold; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; transition:all 0.5s}
.picNewsList .item a .cont .intro{ font-size:16px; color:rgba(118, 118, 127, 1); line-height:2; height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:25px}
.picNewsList .item a .cont .morex{border: 1px solid rgba(118, 118, 127, 0.3); margin-top:70px}
.picNewsList .item a .cont .morex span{ color:rgba(118, 118, 127, 1)}
.picNewsList .item a .cont .morex i{ background:url(g_13.png) center center no-repeat rgba(118, 118, 127, 0.1); background-size:11px}
.picNewsList .item a:hover .cont .morex{ border: 1px solid rgba(5, 63, 171, 1); background:rgba(5, 63, 171, 1)}
.picNewsList .item a:hover .cont .morex span{ color:#fff}
.picNewsList .item a:hover .cont .morex i{ background:url(g_04.png) center center no-repeat #fff; background-size:11px}
.picNewsList .item a:hover .cont .title{ color:rgba(5, 63, 171, 1)}
@media all and (max-width:1600px){
	.picNewsList{ margin-top:60px; padding-bottom:20px; }
	.picNewsList .item{ width:32%; margin-right:2%; margin-bottom:20px}
	.picNewsList .item:nth-child(3n){ margin-right:0}
	.picNewsList .item a{ border-radius:15px; }
	.picNewsList .item a .cont{ padding:25px; }
	.picNewsList .item a .cont .time{ font-size:14px; }
	.picNewsList .item a .cont .title{ font-size:24px;}
	.picNewsList .item a .cont .intro{ font-size:14px;  height:56px; margin-top:15px}
	.picNewsList .item a .cont .morex{ margin-top:40px}
}
@media all and (max-width:1200px){
	.picNewsList{ margin-top:40px; padding-bottom:20px; }
	.picNewsList .item{ width:49%; margin-right:2%; margin-bottom:20px}
	.picNewsList .item:nth-child(3n){ margin-right:2%}
	.picNewsList .item:nth-child(2n){ margin-right:0}
	.picNewsList .item a{ border-radius:15px; }
	.picNewsList .item a .cont{ padding:20px; }
	.picNewsList .item a .cont .time{ font-size:12px; }
	.picNewsList .item a .cont .title{ font-size:20px;}
	.picNewsList .item a .cont .intro{ font-size:14px; margin-top:15px}
	.picNewsList .item a .cont .morex{ margin-top:30px}
}
@media all and (max-width:750px){
	.picNewsList{ margin-top:40px; padding-bottom:20px; }
	.picNewsList .item{ width:100%; margin-right:0%; margin-bottom:20px}
	.picNewsList .item:nth-child(3n){ margin-right:0%}
	.picNewsList .item:nth-child(2n){ margin-right:0}
	.picNewsList .item a{ border-radius:10px; }
	.picNewsList .item a .cont{ padding:20px; }
	.picNewsList .item a .cont .time{ font-size:12px; }
	.picNewsList .item a .cont .title{ font-size:16px;}
	.picNewsList .item a .cont .intro{ font-size:12px;  height:48px; margin-top:12px}
	.picNewsList .item a .cont .morex{ margin-top:20px}
}

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



.newsPage2{ background: rgba(248, 249, 252, 1);padding:80px 0}
.newsList2{ padding-bottom:55px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#fff;}
.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(5, 63, 171, 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:1600px){
	.newsPage2{ padding:60px 0}
	.newsList2{ padding-bottom:35px}
}
@media all and (max-width:1200px){
	.newsPage2{ padding:40px 0}
	.newsList2{ padding-bottom:20px}
	.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; background: rgba(248, 249, 252, 1);}
.picxList{ width:100%; padding-bottom:50px}
.picxList .item{ width:23.5%; float:left; margin-right:2%; background:#fff; margin-bottom:30px}
.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{ padding:20px; background:#fff}
.picxList .item a .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;}
.picxList .item:hover a .cont .title{ color:#fff; background:rgba(5, 63, 171, 1)}
.picxList .item:hover a .cont{ color:#fff; background:rgba(5, 63, 171, 1)}
@media all and (max-width:1600px){
	.picx{ padding:60px 0}
	.picxList{ padding-bottom:30px}
	.picxList .item{ margin-bottom:30px}

}
@media all and (max-width:1200px){
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px; width:32%;}
	.picxList .item:nth-child(4n){ margin-right:2%}
	.picxList .item:nth-child(3n){ margin-right:0}
	.picx{ padding:40px 0}
	
	.picxList .item a .cont{ padding:15px}
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:10px}
	.picxList .item a .cont .title{ font-size:14px;}	

}


.ab01{ padding:110px 0; background:url(g_37.png) bottom center no-repeat; background-size:cover}
.ab01 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.ab01 .nr .lt{ width:875px;}
.ab01 .nr .lt .bq{ font-size:40px; color:rgba(38, 38, 41, 1); line-height:1.2; font-weight:bold}
.ab01 .nr .lt .intro{ margin-top:50px; font-size:16px; color:rgba(108, 108, 117, 1); line-height:2}
.ab01 .nr .rt{ width:445px; height:420px; overflow:hidden; margin-top:150px}
.ab01 .nr .rt .swiper01{ width:100%; overflow:hidden; height:100%;}
.ab01 .nr .rt .swiper01 .swiper-slide{ width:100%; height:auto}
.ab01 .nr .rt .swiper01 .swiper-slide .item{ margin-bottom:100px}
.ab01 .nr .rt .swiper01 .swiper-slide .item .p1{ border-bottom: 1px solid rgba(229, 229, 229, 1); width:230px; line-height:1; padding-bottom:20px; margin-bottom:20px}
.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 i{ font-size:80px; font-weight:bold; color:rgba(5, 63, 171, 1)}
.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 span{ font-size:24px; font-weight:bold; color:rgba(5, 63, 171, 1)}
.ab01 .nr .rt .swiper01 .swiper-slide .item .p2{ font-size:20px; color:rgba(108, 108, 117, 1)}
@media all and (max-width:1600px){
	.ab01{ padding:80px 0;}
	.ab01 .nr .lt{ width:56%;}
	.ab01 .nr .lt .bq{ font-size:32px; }
	.ab01 .nr .lt .intro{ margin-top:40px; font-size:14px; }
	.ab01 .nr .rt{ width:34%; height:360px; overflow:hidden; margin-top:120px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item{ margin-bottom:80px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1{ width:200px; padding-bottom:15px; margin-bottom:15px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 i{ font-size:60px; }
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 span{ font-size:20px; }
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p2{ font-size:18px;}
}
@media all and (max-width:1200px){
	.ab01{ padding:60px 0;}
	.ab01 .nr .lt{ width:50%;}
	.ab01 .nr .lt .bq{ font-size:24px; }
	.ab01 .nr .lt .intro{ margin-top:20px; font-size:12px; }
	.ab01 .nr .rt{ width:40%; height:auto; margin-top:80px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item{ margin-bottom:40px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item:last-child{ margin-bottom:0}
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1{ width:160px; padding-bottom:15px; margin-bottom:15px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 i{ font-size:40px; }
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 span{ font-size:16px; }
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p2{ font-size:14px;}
}
@media all and (max-width:750px){
	.ab01{ padding:40px 0;}
	.ab01 .nr .lt{ width:100%;}
	.ab01 .nr .lt .bq{ font-size:20px; }
	.ab01 .nr .lt .intro{ margin-top:20px; font-size:12px; }
	.ab01 .nr .rt{ width:100%; height:auto; margin-top:30px}
	.ab01 .nr .rt .swiper01 .swiper-slide{ display:flex;flex-wrap: wrap;}
	.ab01 .nr .rt .swiper01 .swiper-slide .item{ margin-bottom:40px; width:50%}
	.ab01 .nr .rt .swiper01 .swiper-slide .item:last-child{ margin-bottom:0}
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1{ width:120px; padding-bottom:10px; margin-bottom:10px}
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 i{ font-size:32px; }
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p1 span{ font-size:14px; }
	.ab01 .nr .rt .swiper01 .swiper-slide .item .p2{ font-size:12px;}
}
.ab02{ width:100%; overflow:hidden}
.ab02 .swiper02{ width:880px; margin:0 auto; position:relative}
.ab02 .swiper02 .swiper-slide{ width:100%; margin-right:35px; border-radius:15px; overflow:hidden; position:relative}
.ab02 .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.ab02 .swiper02 .swiper-slide .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;}
.ab02 .swiper02 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.ab02 .swiper02 .swiper-slide .pic .img1{ display:block}
.ab02 .swiper02 .swiper-slide .pic .img2{ display:none}
.ab02 .swiper02 .swiper-slide .cont{ position:absolute; width:100%; left:0; bottom:0; box-sizing:border-box; padding:35px 50px; color:#fff; z-index:2}
.ab02 .swiper02 .swiper-slide .cont .title{ font-size:26px; font-weight:bold}
.ab02 .swiper02 .swiper-slide .cont .intro{ font-size:16px; margin-top:10px}
.ab02 .swiper02 .prev02{ width:54px; height:54px; background:url(g_39.png) center center no-repeat rgba(255,255,255,0.3); border-radius:50%; background-size:16px; position:absolute; left:-150px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.ab02 .swiper02 .next02{ width:54px; height:54px; background:url(g_40.png) center center no-repeat rgba(255,255,255,0.3); border-radius:50%; background-size:16px; position:absolute; right:-150px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
@media all and (max-width:1600px){
	.ab02{ width:100%; overflow:hidden}
	.ab02 .swiper02{ width:760px }
	.ab02 .swiper02 .swiper-slide{ margin-right:30px; border-radius:12px; }
	.ab02 .swiper02 .swiper-slide .cont{ padding:30px 40px;}
	.ab02 .swiper02 .swiper-slide .cont .title{ font-size:22px; }
	.ab02 .swiper02 .swiper-slide .cont .intro{ font-size:14px; }
	.ab02 .swiper02 .prev02{ width:48px; height:48px; background-size:14px; left:-130px; }
	.ab02 .swiper02 .next02{ width:48px; height:48px; background-size:14px; right:-130px; }
}
@media all and (max-width:1200px){
	.ab02{ width:100%; overflow:hidden}
	.ab02 .swiper02{ width:70% }
	.ab02 .swiper02 .swiper-slide{ margin-right:20px; border-radius:10px; }
	.ab02 .swiper02 .swiper-slide .cont{ padding:20px 30px;}
	.ab02 .swiper02 .swiper-slide .cont .title{ font-size:20px; }
	.ab02 .swiper02 .swiper-slide .cont .intro{ font-size:12px; }
	.ab02 .swiper02 .prev02{ width:36px; height:36px; background-size:12px; left:-80px; }
	.ab02 .swiper02 .next02{ width:36px; height:36px; background-size:12px; right:-80px; }
}
@media all and (max-width:750px){
	.ab02{ width:100%; overflow:hidden}
	.ab02 .swiper02{ width:92% }
	.ab02 .swiper02 .swiper-slide{ margin-right:20px; border-radius:10px; }
	.ab02 .swiper02 .swiper-slide .cont{ padding:20px;}
	.ab02 .swiper02 .swiper-slide .cont .title{ font-size:16px; }
	.ab02 .swiper02 .swiper-slide .cont .intro{ font-size:12px; }
	.ab02 .swiper02 .prev02{ width:32px; height:32px; background-size:10px; left:0; }
	.ab02 .swiper02 .next02{ width:32px; height:32px; background-size:10px; right:0; }
	.ab02 .swiper02 .swiper-slide .pic .img2{ display:block}
	.ab02 .swiper02 .swiper-slide .pic .img1{ display:none}
}

.ab03{ background:url(g_41.jpg) bottom center no-repeat; background-size:100%; padding:110px 0 170px; position:relative}

.ab03 .cloud {width: 100%;height: 290px;z-index: 2; position: absolute;left: 0;bottom: 0;background: url(cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite; background-size:auto 100%; display:none}
  

@-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%;
  }
}

.ab03 .ihd{ text-align:center; font-weight:bold; font-size:40px; line-height:1.2; color:rgba(38, 38, 41, 1);}
.ab03 .ibd{ width:100%; overflow:hidden; position:relative; padding:80px 0}
.ab03 .ibd .swiper03{ width:100%; height:320px;}
.ab03 .ibd .swiper03 .swiper-slide{ width:100%; height:320px; overflow:hidden; display:flex;justify-content: space-between; align-items: center; border-bottom:1px solid rgba(26, 207, 217, 0.2);}
.ab03 .ibd .swiper03 .swiper-slide .lt{ width:500px; height:100%; text-align:center; font-size:100px; color:rgba(5, 63, 171, 1); font-weight:bold;display:flex; align-items: center;justify-content: center;}
.ab03 .ibd .swiper03 .swiper-slide .rt{ width:910px; font-size:18px; color:rgba(38, 38, 41, 1); line-height:42px; box-sizing:border-box; padding-right:80px; max-height:100%; overflow:auto}
.ab03 .ibd .swiper03 .swiper-slide .rt p{ padding-left:30px; position:relative}
.ab03 .ibd .swiper03 .swiper-slide .rt p:after{ content:""; display:block; width:8px; height:8px; border-radius:100%; background:rgba(5, 63, 171, 1); position:absolute; left:0; top:17px}

.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-prev .lt{ padding-top:240px; height:80px; font-size:60px; color:rgba(5, 63, 171, 0.1)}
.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-prev .rt{ display:none}
.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-next .lt{ padding-bottom:240px; height:80px; font-size:60px; color:rgba(5, 63, 171, 0.1)}
.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-next .rt{ display:none}
.ab03 .ibd .prev03{ background:url(g_31.png) center center no-repeat; width:500px; height:38px; position:absolute; left:0; top:120px; z-index:9; cursor:pointer}
.ab03 .ibd .next03{ background:url(g_30.png) center center no-repeat; width:500px; height:38px; position:absolute; left:0; bottom:120px; z-index:9; cursor:pointer}
@media all and (max-width:1600px){
	.ab03{ padding:80px 0 140px}
	.ab03 .ihd{ font-size:32px;  }
	.ab03 .ibd{ padding:70px 0}
	.ab03 .ibd .swiper03{ height:260px;}
	.ab03 .ibd .swiper03 .swiper-slide{ height:260px; }
	.ab03 .ibd .swiper03 .swiper-slide .lt{ width:400px;  font-size:80px;  }
	.ab03 .ibd .swiper03 .swiper-slide .rt{ width:700px; font-size:16px; line-height:36px; padding-right:60px; }
	.ab03 .ibd .swiper03 .swiper-slide .rt p{ padding-left:26px; position:relative}
	.ab03 .ibd .swiper03 .swiper-slide .rt p:after{ width:6px; height:6px; top:15px}
	.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-prev .lt{ padding-top:190px; height:70px; font-size:50px; }
	.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-next .lt{ padding-bottom:190px; height:70px; font-size:50px;}
	.ab03 .ibd .prev03{ width:400px; height:32px; background-size:auto 100%;  top:100px; }
	.ab03 .ibd .next03{ width:400px; height:32px; background-size:auto 100%;  bottom:100px; }
	.ab03 .cloud { height:200px}
}
@media all and (max-width:1200px){
	.ab03{ padding:60px 0 120px}
	.ab03 .ihd{ font-size:24px;  }
	.ab03 .ibd{ padding:50px 0}
	.ab03 .ibd .swiper03{ height:220px;}
	.ab03 .ibd .swiper03 .swiper-slide{ height:220px; }
	.ab03 .ibd .swiper03 .swiper-slide .lt{ width:300px;  font-size:60px;  }
	.ab03 .ibd .swiper03 .swiper-slide .rt{ width:calc(100% - 300px); font-size:14px; line-height:30px; padding-right:20px; }
	.ab03 .ibd .swiper03 .swiper-slide .rt p{ padding-left:22px; position:relative}
	.ab03 .ibd .swiper03 .swiper-slide .rt p:after{ width:6px; height:6px; top:13px}
	.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-prev .lt{ padding-top:160px; height:60px; font-size:40px; }
	.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-next .lt{ padding-bottom:160px; height:60px; font-size:40px;}
	.ab03 .ibd .prev03{ width:300px; height:28px; background-size:auto 100%;  top:80px; }
	.ab03 .ibd .next03{ width:300px; height:28px; background-size:auto 100%;  bottom:80px; }
}
@media all and (max-width:750px){
	.ab03{ padding:40px 0 100px}
	.ab03 .ihd{ font-size:20px;  }
	.ab03 .ibd{ padding:20px 0}
	.ab03 .ibd .swiper03{ height:auto;}
	.ab03 .ibd .swiper03 .swiper-slide{ height:auto;flex-wrap: wrap; border:0; display:block }
	.ab03 .ibd .swiper03 .swiper-slide .lt{ width:100%; height:auto;  font-size:20px; text-align:left; height:30px }
	.ab03 .ibd .swiper03 .swiper-slide .rt{ width:100%; font-size:14px; line-height:30px; padding-right:20px; }
	.ab03 .ibd .swiper03 .swiper-slide .rt p{ padding-left:22px; position:relative}
	.ab03 .ibd .swiper03 .swiper-slide .rt p:after{ width:6px; height:6px; top:13px}
	.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-prev .lt{ padding-top:0; height:auto; font-size:40px; }
	.ab03 .ibd .swiper03 .swiper-slide.swiper-slide-next .lt{ padding-bottom:0; height:auto; font-size:40px;}
	.ab03 .ibd .prev03{ width:30px; height:30px; background-size:60%;  top:20px; transform:rotate(-90deg) }
	.ab03 .ibd .next03{ width:30px; height:30px; background-size:60%;  bottom:auto; top:20px; left:auto; right:0;transform:rotate(-90deg) }
	.ab03 .cloud { height:50px}
}

.ab04{ background:url(g_44.jpg) center center no-repeat; background-size:cover; padding:110px 0}
.ab04 .nr{ display:flex;justify-content: space-between; flex-wrap: wrap;}
.ab04 .nr .lt{ width:calc(100% - 890px)}
.ab04 .nr .lt .ihd{ font-weight:bold; font-size:40px; line-height:1.2; color:rgba(38, 38, 41, 1);}
.ab04 .nr .lt .cont{ margin-top:120px; display:flex}
.ab04 .nr .lt .cont .item{ margin-right:45px}
.ab04 .nr .lt .cont .item .p1{ border-bottom: 1px solid rgba(229, 229, 229, 1); width:220px; line-height:1; padding-bottom:20px; margin-bottom:20px}
.ab04 .nr .lt .cont .item .p1 i{ font-size:80px; font-weight:bold; color:rgba(5, 63, 171, 1)}
.ab04 .nr .lt .cont .item .p1 span{ font-size:24px; font-weight:bold; color:rgba(5, 63, 171, 1)}
.ab04 .nr .lt .cont .item .p2{ font-size:20px; color:rgba(108, 108, 117, 1)}
.ab04 .nr .rt{ display:flex;justify-content: space-between; flex-wrap: wrap; width:890px; overflow:hidden; height:720px; box-sizing:border-box; padding:20px }
.ab04 .nr .rt .item{ width:260px; height:720px}
.ab04 .nr .rt .item .tempWrap{ overflow:visible!important}
.ab04 .nr .rt .item .picMarquee-top{ width:100%;}
.ab04 .nr .rt .item .picMarquee-top ul li{ width:100%; box-shadow:0 0 15px rgba(0,0,0,0.2); margin-bottom:40px; height:auto}
.ab04 .nr .rt .item .picMarquee-top ul li img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.ab04 .nr .rt .item .picMarquee-top ul li a{ display:block; padding:15px; box-sizing:border-box; background:#fff}
.ab04 .nr .rt .item .picMarquee-top ul li a .pic{ width:100%; padding-bottom:calc(154 / 230 * 100%); position:relative;}
.ab04 .nr .rt .item .picMarquee-top2 ul li a .pic{ width:100%; padding-bottom:calc(331 / 230 * 100%); position:relative;}
@media all and (max-width:1600px){
	.ab04{ padding:80px 0}
	.ab04 .nr .lt{ width:calc(100% - 890px)}
	.ab04 .nr .lt .ihd{ font-size:32px; }
	.ab04 .nr .lt .cont{ margin-top:100px; }
	.ab04 .nr .lt .cont .item{ margin-right:40px}
	.ab04 .nr .lt .cont .item .p1{ width:200px; padding-bottom:15px; margin-bottom:15px}
	.ab04 .nr .lt .cont .item .p1 i{ font-size:60px; }
	.ab04 .nr .lt .cont .item .p1 span{ font-size:20px; }
	.ab04 .nr .lt .cont .item .p2{ font-size:18px;}
	.ab04 .nr .rt{ width:700px;  height:600px; box-sizing:border-box; padding:20px }
	.ab04 .nr .rt .item{ width:200px; height:100%}
	.ab04 .nr .rt .item .picMarquee-top ul li{  margin-bottom:30px}
}
@media all and (max-width:1200px){
	.ab04{ padding:60px 0}
	.ab04 .nr .lt{ width:100%; margin-bottom:50px}
	.ab04 .nr .lt .ihd{ font-size:24px; }
	.ab04 .nr .lt .cont{ margin-top:40px; }
	.ab04 .nr .lt .cont .item{ margin-right:30px}
	.ab04 .nr .lt .cont .item .p1{ width:160px; padding-bottom:15px; margin-bottom:15px}
	.ab04 .nr .lt .cont .item .p1 i{ font-size:40px; }
	.ab04 .nr .lt .cont .item .p1 span{ font-size:16px; }
	.ab04 .nr .lt .cont .item .p2{ font-size:14px;}
	.ab04 .nr .rt{ width:100%;  height:600px; box-sizing:inherit; padding:20px; margin:-20px }
	.ab04 .nr .rt .item{ width:31%; height:100%}
	.ab04 .nr .rt .item .picMarquee-top ul li{  margin-bottom:20px}
}
@media all and (max-width:750px){
	.ab04{ padding:40px 0 60px}
	.ab04 .nr .lt{ width:100%; margin-bottom:50px}
	.ab04 .nr .lt .ihd{ font-size:24px; }
	.ab04 .nr .lt .cont{ margin-top:40px; }
	.ab04 .nr .lt .cont .item{ margin-right:30px}
	.ab04 .nr .lt .cont .item .p1{ width:120px; padding-bottom:10px; margin-bottom:10px}
	.ab04 .nr .lt .cont .item .p1 i{ font-size:32px; }
	.ab04 .nr .lt .cont .item .p1 span{ font-size:14px; }
	.ab04 .nr .lt .cont .item .p2{ font-size:12px;}
	.ab04 .nr .rt{ width:100%;  height:240px; box-sizing:inherit; padding:20px; margin:-20px }
	.ab04 .nr .rt .item{ width:32%; height:100%}
	.ab04 .nr .rt .item .picMarquee-top ul li{  margin-bottom:10px}
	.ab04 .nr .rt .item .picMarquee-top ul li a{ padding:10px}
}



.proDis02 .bd .con03 { }
.proDis02 .bd .con03 ul li { padding:25px 30px; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); }
.proDis02 .bd .con03 ul li:nth-child(n + 2) { margin-top:30px; }
.proDis02 .bd .con03 ul li .pic { float:left; width:60px; padding-top:0; }
.proDis02 .bd .con03 ul li .pic img { width:60px; height:auto; }

.proDis02 .bd .con03 ul li .txt { float:left; width:calc(100% - 230px); margin-left:20px; }
.proDis02 .bd .con03 ul li .txt .p1 { font-size:18px; }
.proDis02 .bd .con03 ul li .txt .p2 { font-size:14px; color:#666; margin-top:10px; }
.proDis02 .bd .con03 ul li .txt .p3 { font-size:14px; color:#666; margin-top:5px; }
.proDis02 .bd .con03 ul li .txt .p3 i { color:#2049ee; cursor:pointer; }

.proDis02 .bd .con03 ul li .txt01 { float:right; padding-top:10px; }
.proDis02 .bd .con03 ul li .txt01 .p1 a { display:block; width:130px; text-align:center; border:1px solid #e8e8e8; border-radius:30px; }
.proDis02 .bd .con03 ul li .txt01 .p1 i { display:inline-block; line-height:50px; font-size:16px; color:#333; padding-left:30px; background:url(xz01.png) no-repeat center left; }

.proDis02 .bd .con03 ul li .txt01 .p1 a:hover { background:#003460; border-color:#003460; }
.proDis02 .bd .con03 ul li .txt01 .p1 a:hover i { color:#fff; background:url(xz02.png) no-repeat center left; }

.proDis02 .bd .con03 ul li .box02 { padding-left:80px; margin-top:20px; padding-top:20px; border-top:1px solid #eee; font-size:14px; color:#666; display:none; }
.proDis02 .bd .con03 ul li .box02 img { max-width:100%; height:auto; }


@media all and (max-width:1200px){
	.proDis02 .bd .con03 {   }
	.proDis02 .bd .con03 ul li { padding:20px; }
	.proDis02 .bd .con03 ul li:nth-child(n + 2) { margin-top:25px; }
	.proDis02 .bd .con03 ul li .txt { float:left; width:calc(100% - 200px); }
	.proDis02 .bd .con03 ul li .txt .p1 { font-size:16px; }
	.proDis02 .bd .con03 ul li .txt .p2 { font-size:14px; margin-top:10px; }

	.proDis02 .bd .con03 ul li .txt01 { float:right; padding-top:10px; }
	.proDis02 .bd .con03 ul li .txt01 .p1 a { width:100px; }
	.proDis02 .bd .con03 ul li .txt01 .p1 i { line-height:40px; font-size:14px; padding-left:25px; background-size:15px 15px!important; }
}
@media all and (max-width:750px){
	.proDis02 .bd .con03 ul li { padding:20px 4%; }
	.proDis02 .bd .con03 ul li:nth-child(n + 2) { margin-top:15px; }
	.proDis02 .bd .con03 ul li .pic { float:left; width:20px; padding-top:0; }
	.proDis02 .bd .con03 ul li .pic img { width:20px; height:auto; }

	.proDis02 .bd .con03 ul li .txt { float:none; width:100%; margin-left:0; }
	.proDis02 .bd .con03 ul li .txt .p1 { font-size:14px; }
	.proDis02 .bd .con03 ul li .txt .p2 { font-size:12px; margin-top:10px; }
	.proDis02 .bd .con03 ul li .txt .p3 { font-size:12px; margin-top:5px; }
	
	.proDis02 .bd .con03 ul li .txt01 { float:none; padding-top:20px; }
	.proDis02 .bd .con03 ul li .txt01 .p1 a { width:100px; }
	.proDis02 .bd .con03 ul li .txt01 .p1 i { line-height:30px; }
	
	.proDis02 .bd .con03 ul li .box02 { padding-left:0; margin-top:15px; padding-top:15px; 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:1600px){
	.ny-hd { font-size:28px; }
}
@media all and (max-width:1200px){
	.ny-hd { font-size:20px; }
}
.conArea01{ padding:80px 0 0}
.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:#f7f7f7; 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(5, 63, 171, 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; position:relative; z-index:2 }
.conArea01 .bd02 #dituContent { width:calc(100% - 2px)!important; height:450px!important; }

.conArea02 { padding:60px 0; background: #f5f5f5; margin-top:60px; }
.conArea02 form { 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 .item{ float:left; width:32%; margin-right:2%;}
.conArea02 form ul li .item .p1{ font-weight:bold; font-size:20px; color:#333; margin-bottom:10px}
.conArea02 form ul li .text { width:100%; line-height:60px; padding: 0 25px; background:#fafafa; border:1px solid #ddd;  border-radius:5px; box-sizing: border-box; }
.conArea02 form ul li .sel01{ width:100%; height:60px; padding: 0 25px; background:#fafafa; border:1px solid #ddd;  border-radius:5px; box-sizing: border-box; }
.conArea02 form ul li:nth-child(n + 2) .item { width:100%}
.conArea02 form ul li .item: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(5, 63, 171, 1); color:#fff; border-radius:5px; box-sizing: border-box; cursor:pointer; }

@media all and (max-width:1680px){
	.conArea01{ padding:60px 0 0}
	.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 { padding:60px 0; margin-top:60px; }
	.conArea02 form { padding:40px 30px; font-size:14px; }
	.conArea02 form ul li:nth-child(n + 2) { margin-top:20px; }
	.conArea02 form ul li .text {  line-height:40px; padding:0 15px; }
	.conArea02 form ul li .sel01{ height:40px; padding:0 15px}
	.conArea02 form ul li .item .p1{ font-size:18px; }
	.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{ padding:40px 0 0}
	.conArea01 .bd { margin-top:30px; }
	
	.conArea02 { padding:40px 0; margin-top:40px; }
	.conArea02 form { 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; width:100% }
	.conArea01 .bd02 .my-map { height:300px!important; width:100% }
	.conArea01 .bd02 #dituContent { height:300px!important; }

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


.jobConts{ background:rgba(242,246,250,1); padding:80px 0}

.jobArea .bd { margin:60px 0; }
.jobArea .bd ul li { position:relative; background:#fff; cursor:pointer; }
.jobArea .bd ul li:before { position:absolute; top:0; width:10px; left:0; bottom:0; background: rgba(5, 63, 171, 1); display:none; content:""; z-index:2; }
.jobArea .bd ul li:nth-child(n + 2) { margin-top:10px; }
.jobArea .bd ul li a { height:110px; padding:0 40px; color:rgba(34,34,34,1); font-size:16px; display:flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between; align-items: center; }
.jobArea .bd ul li .p1 { font-size:20px; }
.jobArea .bd ul li .p2 { padding-right:35px; background:url(job01.png) no-repeat center right; }
.jobArea .bd ul li .p2 i { display:inline-block; padding-left:30px; background:url(job03.png) no-repeat center left; line-height:25px; min-width:70px; }
 
.jobArea .bd ul li:hover:before { display:block; }
.jobArea .bd ul li:hover .p1 { font-weight:bold; }
.jobArea .bd ul li:hover .p2 { background:url(job02.png) no-repeat center right; }
 
@media all and (max-width:1600px){
	.jobConts{ padding:60px 0}
	.jobArea .bd { margin:40px 0; }
	.jobArea .bd ul li:before { width:8px; }
	.jobArea .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.jobArea .bd ul li a { height:90px; padding:0 30px; font-size:14px; }
	.jobArea .bd ul li .p1 { font-size:18px; }
	.jobArea .bd ul li .p2 { padding-right:30px; }
	.jobArea .bd ul li .p2 i { padding-left:30px; line-height:25px; min-width:70px; }
}
@media all and (max-width:1200px){

	.jobConts{ padding:40px 0}
	.jobArea .bd { margin:30px 0; }
	.jobArea .bd ul li:before { width:5px; }
	.jobArea .bd ul li:nth-child(n + 2) { margin-top:10px; }
	.jobArea .bd ul li a { height:60px; padding:0 20px; font-size:14px; }
	.jobArea .bd ul li .p1 { font-size:16px; }
	.jobArea .bd ul li .p2 { padding-right:25px; background-size:12px 12px!important; }
	.jobArea .bd ul li .p2 i { padding-left:30px; line-height:25px; min-width:70px; }
}
@media all and (max-width:750px){
	.jobArea .bd ul li a { height:60px; padding:0 4%; font-size:14px; }
	.jobArea .bd ul li .p1 { font-size:14px; width:calc(100% - 40px); }
	.jobArea .bd ul li .p2 { width:20px; height:20px; padding-right:0; }
	.jobArea .bd ul li .p2 i { display:none; }
}

.jobCon { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:999999; display:none; }
.job-close { position:absolute; top:50px; right:100px;width:51px; height:51px; background:url(job04.png) no-repeat center; background-size:cover; z-index:5; cursor:pointer; }
.jobCon01 { position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); width:1500px; padding:60px 100px 90px; background:#fff; box-sizing: border-box; border-radius:20px; z-index:5;  }
.jobCon01 .hd { padding-bottom:15px; border-bottom:1px solid rgba(204,204,204,1); }
.jobCon01 .hd .p1 { font-size:28px; color:rgba(34,34,34,1); font-weight:bold; }
.jobCon01 .hd .p2 { font-size:16px; color:rgba(51,51,51,0.4); margin-top:15px; }
.jobCon01 .hd .p2 span { display:inline-block; margin-right:25px; }
.jobCon01 .hd .p2 span:last-child { margin-right:0; }
.jobCon01 .bd { padding-right: 5px; max-height:calc(80vh - 250px); overflow-y:auto; margin-top:40px; }
.jobCon01 .bd .txt01 { font-size:16px; line-height:2; color:rgba(51,51,51,1); }
.jobCon01 .bd .txt02 { font-size:20px; padding:25px 0; color:rgba(34,34,34,1); margin-top:60px; border-top:1px solid rgba(204,204,204,1); border-bottom:1px solid rgba(204,204,204,1); }
 
@media all and (max-width:1580px){
	.job-close { top:30px; right:50px; width:40px; height:40px; }
	.jobCon01 { width:1200px; padding:40px 50px 50px; }
	.jobCon01 .hd { padding-bottom:10px; }
	.jobCon01 .hd .p1 { font-size:20px; }
	.jobCon01 .hd .p2 { font-size:14px; margin-top:10px; }
	.jobCon01 .hd .p2 span { margin-right:20px; }
	.jobCon01 .hd .p2 span:last-child { margin-right:0; }
	.jobCon01 .bd { max-height:calc(80vh - 200px); margin-top:30px; }
	.jobCon01 .bd .txt01 { font-size:14px; line-height:25px; }
	.jobCon01 .bd .txt02 { font-size:16px; padding:25px 0; margin-top:30px; }
}
@media all and (max-width:1200px){
	.job-close { top:30px; right:30px; width:30px; height:30px; }
	.jobCon01 { width:92%; padding:40px 30px; }
	.jobCon01 .hd .p1 { font-size:18px; }
}
@media all and (max-width:750px){
	.job-close { top:20px; right:4%; width:30px; height:30px; }
	.jobCon01 { width:92%; padding:30px 4%; }
	.jobCon01 .bd .txt02 { font-size:14px; padding:20px 0; margin-top:20px; }
}



.newsPage{ width:100%; background: rgba(248, 249, 252, 1); background-size:40%; padding:60px 0}
.newsList{ padding-bottom:35px}
.newsList .item{ width:100%; height:136px; margin-bottom:25px; background:#fff}
.newsList .item a{ display:block;display:flex;align-items: center; background:url(g_51x.png) 190px center no-repeat; width:100%; height:100% }
.newsList .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList .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}
.newsList .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 60px}
.newsList .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .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;}
.newsList .item:hover a{background:url(g_52x.png) 190px center no-repeat;}
.newsList .item:hover{ background:rgba(5, 63, 171, 1); box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList .item:hover .time{ color:#fff}
.newsList .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList .item:hover .cont .title{ color:#fff;}
.newsList .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsList{ padding-bottom:10px}
	.newsList .item{ margin-bottom:20px; height:125px}
	.newsList .item .time{ width:100px;}
	.newsList .item a{ background:url(g_51x.png) 100px center no-repeat; background-size:10px 60px}
	.newsList .item:hover a{background:url(g_52x.png) 100px center no-repeat; background-size:10px 60px}
	.newsList .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList .item .cont{ width:calc(100% - 100px); padding:0 30px}
	.newsList .item .cont .title{ font-size:16px}
	.newsList .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList .item{ height:100px}
	.newsList .item .time{ width:80px;}
	.newsList .item a{ background:url(g_51x.png) 80px center no-repeat; background-size:10px 60px}
	.newsList .item:hover a{background:url(g_52x.png) 80px center no-repeat; background-size:10px 60px}
	.newsList .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList .item .cont{ width:calc(100% - 80px); padding:0 15px 0 25px}
	.newsList .item .cont .title{ font-size:16px}
	.newsList .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}













.huace{ padding:5% 0}
.huace .con03 { }
.huace .con03 ul li { padding:25px 30px; border-radius:10px; box-shadow:0px 0px 15px rgba(0,0,0,0.1); }
.huace .con03 ul li:nth-child(n + 2) { margin-top:30px; }
.huace .con03 ul li .pic { float:left; width:60px; padding-top:0; }
.huace .con03 ul li .pic img { width:60px; height:auto; }

.huace .con03 ul li .txt { float:left; width:calc(100% - 230px); margin-left:20px; height:60px; display:flex; align-items: center;}
.huace .con03 ul li .txt .p1 { font-size:18px; }
.huace .con03 ul li .txt .p2 { font-size:14px; color:#666; margin-top:10px; }
.huace .con03 ul li .txt .p3 { font-size:14px; color:#666; margin-top:5px; }
.huace .con03 ul li .txt .p3 i { color:#2049ee; cursor:pointer; }

.huace .con03 ul li .txt01 { float:right; padding-top:10px; }
.huace .con03 ul li .txt01 .p1 a { display:block; width:130px; text-align:center; border:1px solid #e8e8e8; border-radius:30px; }
.huace .con03 ul li .txt01 .p1 i { display:inline-block; line-height:50px; font-size:16px; color:#333; padding-left:30px; background:url(xz01.png) no-repeat center left; }

.huace .con03 ul li .txt01 .p1 a:hover { background:#003460; border-color:#003460; }
.huace .con03 ul li .txt01 .p1 a:hover i { color:#fff; background:url(xz02.png) no-repeat center left; }

.huace .con03 ul li .box02 { padding-left:80px; margin-top:20px; padding-top:20px; border-top:1px solid #eee; font-size:14px; color:#666; display:none; }
.huace .con03 ul li .box02 img { max-width:100%; height:auto; }


@media all and (max-width:1200px){
	.huace .con03 {   }
	.huace .con03 ul li { padding:20px; }
	.huace .con03 ul li:nth-child(n + 2) { margin-top:25px; }
	.huace .con03 ul li .txt { float:left; width:calc(100% - 200px); }
	.huace .con03 ul li .txt .p1 { font-size:16px; }
	.huace .con03 ul li .txt .p2 { font-size:14px; margin-top:10px; }

	.huace .con03 ul li .txt01 { float:right; padding-top:10px; }
	.huace .con03 ul li .txt01 .p1 a { width:100px; }
	.huace .con03 ul li .txt01 .p1 i { line-height:40px; font-size:14px; padding-left:25px; background-size:15px 15px!important; }
}
@media all and (max-width:750px){
	.huace .con03 ul li { padding:20px 4%; }
	.huace .con03 ul li:nth-child(n + 2) { margin-top:15px; }
	.huace .con03 ul li .pic { float:left; width:20px; padding-top:0; }
	.huace .con03 ul li .pic img { width:28px; height:auto; }

	.huace .con03 ul li .txt { float:left; width:calc(100% - 38px); margin-left:10px; height:28px; }
	.huace .con03 ul li .txt .p1 { font-size:14px; }
	.huace .con03 ul li .txt .p2 { font-size:12px; margin-top:10px; }
	.huace .con03 ul li .txt .p3 { font-size:12px; margin-top:5px; }
	
	.huace .con03 ul li .txt01 { float:left; padding-top:20px; width:100% }
	.huace .con03 ul li .txt01 .p1 a { width:100px; }
	.huace .con03 ul li .txt01 .p1 i { line-height:30px; }
	
	.huace .con03 ul li .box02 { padding-left:0; margin-top:15px; padding-top:15px; font-size:12px; }
}