﻿@charset "utf-8";
.slidebar{ background:url(g_37.jpg) center center no-repeat; background-size:cover; padding:120px 0}
.slidebar .ihd{ text-align:center}
.slidebar .ihd i{ font-size:48px; color:#333; font-weight:bold; padding:0 60px; position:relative; line-height:1 }
.slidebar.slidebar109 .ihd i{  color:#fff;  }


.slidebar .ihd i:after{ content:""; display:block; width:50%; height:100%; background:url(g_38.png) left 12px no-repeat; position:absolute; left:0; top:0}
.slidebar .ihd i:before{ content:""; display:block; width:50%; height:100%; background:url(g_39.png) right 12px no-repeat; position:absolute; right:0; top:0}

.slidebar.slidebar109 .ihd i:after{ background:url(g_38_2.png) left 12px no-repeat;  }
.slidebar.slidebar109 .ihd i:before{ background:url(g_39_2.png) right 12px no-repeat;  }

.slidebar .second_nav{ padding-top:35px}
.slidebar .second_nav ul{ text-align:center;}
.slidebar .second_nav ul li{ display:inline-block; margin:20px 8px 0 8px}
.slidebar .second_nav ul li a{ display:flex; align-items: center; justify-content: center; padding: 0 15px; height:40px; background:#3e75c3; color:#fff; border-radius:5px; font-size:16px;}
.slidebar .second_nav ul li a.on{ font-weight:bold; background:#2354ad}
.slidebar .second_nav ul li a:hover{ font-weight:bold; background:#2354ad}
@media (max-width: 1600px){
	.slidebar{ padding:100px 0}
	.slidebar .ihd i{ font-size:36px; padding:0 50px; }
	.slidebar .ihd i:after{ background:url(g_38.png) left 8px no-repeat; background-size:auto 36px; }
	.slidebar .ihd i:before{ background:url(g_39.png) right 8px no-repeat;  background-size:auto 36px;}
	
	.slidebar.slidebar109 .ihd i:after{ background:url(g_38_2.png) left 8px no-repeat; background-size:auto 36px;  }
	.slidebar.slidebar109 .ihd i:before{ background:url(g_39_2.png) right 8px no-repeat; background-size:auto 36px;  }
	
	.slidebar .second_nav{ padding-top:25px}
	.slidebar .second_nav ul li{ margin:15px 6px 0 6px}
	.slidebar .second_nav ul li a{   height:36px; padding:0 20px}
}
@media (max-width: 1200px){
	.slidebar{ padding:60px 0}
	.slidebar .ihd i{ font-size:24px; padding:0 30px; }
	.slidebar .ihd i:after{ background:url(g_38.png) left 4px no-repeat; background-size:auto 24px; }
	.slidebar .ihd i:before{ background:url(g_39.png) right 4px no-repeat;  background-size:auto 24px;}
	
	.slidebar.slidebar109 .ihd i:after{ background:url(g_38_2.png) left 4px no-repeat; background-size:auto 24px;  }
	.slidebar.slidebar109 .ihd i:before{ background:url(g_39_2.png) right 4px no-repeat; background-size:auto 24px;  }
	
	.slidebar .second_nav{ padding-top:10px}
	.slidebar .second_nav ul li{ margin:10px 5px 0 5px;}
	.slidebar .second_nav ul li a{  height:32px; font-size:14px;}
}
@media (max-width: 750px){
	.slidebar{ padding:40px 0}
	.slidebar .ihd i{ font-size:20px; padding:0 26px; }
	.slidebar .ihd i:after{ background:url(g_38.png) left 4px no-repeat; background-size:auto 20px; }
	.slidebar .ihd i:before{ background:url(g_39.png) right 4px no-repeat;  background-size:auto 20px;}
	
	.slidebar.slidebar109 .ihd i:after{ background:url(g_38_2.png) left 4px no-repeat; background-size:auto 20px;  }
	.slidebar.slidebar109 .ihd i:before{ background:url(g_39_2.png) right 4px no-repeat; background-size:auto 20px;  }
	
	.slidebar .second_nav{ padding-top:10px}
	.slidebar .second_nav ul{display:flex; flex-wrap: wrap;}
	.slidebar .second_nav ul li{ display:block; width:32%; margin:2% 2% 0 0;  }
	.slidebar .second_nav ul li:nth-child(3n){ margin-right:0}
	.slidebar .second_nav ul li a{  width:100%; height:32px; font-size:14px;padding:5px 0}
}
@media (max-width: 450px){
	.slidebar{ padding:40px 0}
	.slidebar .ihd i{ font-size:20px; padding:0 26px; }
	.slidebar .ihd i:after{ background:url(g_38.png) left 4px no-repeat; background-size:auto 20px; }
	.slidebar .ihd i:before{ background:url(g_39.png) right 4px no-repeat;  background-size:auto 20px;}
	
	.slidebar.slidebar109 .ihd i:after{ background:url(g_38_2.png) left 4px no-repeat; background-size:auto 20px;  }
	.slidebar.slidebar109 .ihd i:before{ background:url(g_39_2.png) right 4px no-repeat; background-size:auto 20px;  }
	
	.slidebar .second_nav{ padding-top:10px}
	.slidebar .second_nav ul{display:flex; flex-wrap: wrap;}
	.slidebar .second_nav ul li{ display:block; width:49%; margin:2% 2% 0 0;  }
	.slidebar .second_nav ul li:nth-child(3n){ margin-right:2%}
	.slidebar .second_nav ul li:nth-child(2n){ margin-right:0}
	.slidebar .second_nav ul li a{  width:100%; height:32px; font-size:14px;padding:5px 0}
}

.about01{ padding:100px 0}
.about01 .ibd{ display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.about01 .ibd .pic{ width:718px; overflow:hidden}
.about01 .ibd .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;}
.about01 .ibd .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.about01 .ibd .cont{ width:695px;}
.titles{ font-size:30px; color:#3a3a3a; font-weight:bold; line-height:1; padding-bottom:20px; position:relative}
.titles:after{ content:""; display:block; width:35px; height:4px; background:#2354ad; position:absolute; left:0; bottom:0}
.about01 .ibd .cont .bq{ margin-top:30px; font-size:16px; color:#3a3a3a; font-weight:bold}
.about01 .ibd .cont .intro{ font-size:16px; color:#333333; line-height:30px; text-align:justify; margin-top:15px; height:360px; overflow:auto; padding-right:10px; box-sizing:border-box;scrollbar-color: #2354ad #f1f1f1;scrollbar-width: thin;}
@media (max-width: 1600px){
	.about01{ padding:80px 0}
	.about01 .ibd .pic{ width:48%;}
	.about01 .ibd .cont{ width:49%;}
	.titles{ font-size:26px; padding-bottom:18px}
	.titles:after{ width:30px; height:3px;}
	.about01 .ibd .cont .bq{ margin-top:20px; font-size:14px; }
	.about01 .ibd .cont .intro{ font-size:14px;  line-height:1.8;  margin-top:10px; height:280px;}
}
@media (max-width: 1200px){
	.about01{ padding:60px 0}
	.about01 .ibd .pic{ width:100%;}
	.about01 .ibd .cont{ width:100%; margin-top:20px}
	.titles{ font-size:24px; padding-bottom:16px}
	.titles:after{ width:30px; height:2px;}
	.about01 .ibd .cont .bq{ margin-top:20px; font-size:14px; }
	.about01 .ibd .cont .intro{ font-size:14px;  line-height:1.8;  margin-top:10px}
}
@media (max-width: 750px){
	.about01{ padding:40px 0}
	.titles{ font-size:20px; }
	.about01 .ibd .cont .bq{ margin-top:16px; }
}

.about02{ background:url(g_41.jpg) center center no-repeat; background-size:cover; padding:100px 0}
.titles.center{ text-align:center}
.titles.center:after{ left:50%; transform:translateX(-50%)}
.about02 .ibd{ position:relative; margin-top:60px}
.about02 .ibd .swiper02{ width:100%; position:relative; overflow:hidden}
.about02 .ibd .swiper02 .swiper-slide{ width:32.4%; margin-right:1.4%; height:auto; background:#fff; box-sizing:border-box; padding:2.5% 2.5% 4%}
.about02 .ibd .swiper02 .swiper-slide .ico img{ height:51px}
.about02 .ibd .swiper02 .swiper-slide .ico img.img1{ display:block}
.about02 .ibd .swiper02 .swiper-slide .ico img.img2{ display:none}
.about02 .ibd .swiper02 .swiper-slide .title{ font-size:30px; color:#333333; margin-top:40px}
.about02 .ibd .swiper02 .swiper-slide .intro{ font-size:16px; color:#666666; margin-top:15px; text-align:justify; line-height:1.8; max-height:120px; overflow:auto; padding-right:10px;scrollbar-width: thin}
.about02 .ibd .swiper02 .swiper-slide:hover{ background:url(g_46.jpg) right top no-repeat; background-size:cover}
.about02 .ibd .swiper02 .swiper-slide:hover .ico img.img2{ display:block}
.about02 .ibd .swiper02 .swiper-slide:hover .ico img.img1{ display:none}
.about02 .ibd .swiper02 .swiper-slide:hover .title{ color:#fff}
.about02 .ibd .swiper02 .swiper-slide:hover .intro{ color:#fff}
.about02 .ibd .prev02{ background:url(g_42.png) center center no-repeat #2354ad; background-size:18px; width:44px; height:44px; border-radius:50%; cursor:pointer; position:absolute; left:-60px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.about02 .ibd .next02{ background:url(g_42.png) center center no-repeat #2354ad; background-size:18px; width:44px; height:44px; border-radius:50%; cursor:pointer; position:absolute; right:-60px; top:50%; transform:translateY(-50%) rotate(180deg); z-index:2; cursor:pointer}
.about02 .ibd .prev02:hover{ background:url(g_43.png) center center no-repeat #fff;  transform:translateY(-50%) rotate(180deg);}
.about02 .ibd .next02:hover{ background:url(g_43.png) center center no-repeat #fff;  transform:translateY(-50%) rotate(0);}
@media (max-width: 1600px){
	.about02{ padding:80px 0}
	.about02 .ibd{ margin-top:40px}
	.about02 .ibd .swiper02 .swiper-slide .ico img{ height:42px}
	.about02 .ibd .swiper02 .swiper-slide .title{ font-size:26px; margin-top:30px}
	.about02 .ibd .swiper02 .swiper-slide .intro{ font-size:14px;  }
	.about02 .ibd .prev02{ background-size:16px; width:38px; height:38px; left:-50px;}
	.about02 .ibd .next02{ background-size:16px; width:38px; height:38px; right:-50px;}
	.about02 .ibd .prev02:hover{ background-size:16px;}
	.about02 .ibd .next02:hover{  background-size:16px;}
}
@media (max-width: 1200px){
	.about02{ padding:60px 0}
	.about02 .ibd{ margin-top:30px; padding:0 40px; box-sizing:border-box }
	.about02 .ibd .swiper02 .swiper-slide{ width:49%; margin-right:2%}
	.about02 .ibd .swiper02 .swiper-slide .ico img{ height:36px}
	.about02 .ibd .swiper02 .swiper-slide .title{ font-size:20px; margin-top:20px}
	.about02 .ibd .swiper02 .swiper-slide .intro{ font-size:12px; margin-top:12px  }
	.about02 .ibd .prev02{ background-size:14px; width:30px; height:30px; left:0;}
	.about02 .ibd .next02{ background-size:14px; width:30px; height:30px; right:0;}
	.about02 .ibd .prev02:hover{ background-size:14px;}
	.about02 .ibd .next02:hover{  background-size:14px;}
}
@media (max-width: 750px){
	.about02{ padding:40px 0}
	.about02 .ibd{ margin-top:20px;  }
	.about02 .ibd .swiper02 .swiper-slide{ width:100%; padding:20px}
}

.about03{ padding:100px 0}
.about03 .ibd{ margin-top:60px}
.about03 .ibd .swiper03{ width:100%; overflow:hidden}
.about03 .ibd .swiper03 .swiper-slide{ width:18.4%; margin-right:2%; overflow:hidden}
.about03 .ibd .swiper03 .swiper-slide 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;}
.about03 .ibd .swiper03 .swiper-slide: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);} 
.about03 .ibd .pagination03{ margin-top:40px; text-align:center; width:100%; font-size:0}
.about03 .ibd .pagination03 span{ width:12px; height:12px; opacity:1; background:none; box-sizing:border-box; border:2px solid #2354ad; border-radius:50%; margin: 0 4px}
.about03 .ibd .pagination03 span.swiper-pagination-bullet-active{ background:#2354ad}
@media (max-width: 1600px){
	.about03{ padding:80px 0}
	.about03 .ibd{ margin-top:50px} 
	.about03 .ibd .pagination03{ margin-top:30px; }
	.about03 .ibd .pagination03 span{ width:10px; height:10px; margin: 0 3px}

}
@media (max-width: 1200px){
	.about03{ padding:60px 0}
	.about03 .ibd{ margin-top:40px} 
	.about03 .ibd .swiper03 .swiper-slide{ width:32%}
	.about03 .ibd .pagination03{ margin-top:20px; }
	.about03 .ibd .pagination03 span{ width:10px; height:10px; margin: 0 3px}
}
@media (max-width: 750px){
	.about03{ padding:40px 0}
	.about03 .ibd{ margin-top:20px} 
	.about03 .ibd .swiper03 .swiper-slide{ width:49%}
	.about03 .ibd .pagination03{ margin-top:15px; }
	.about03 .ibd .pagination03 span{ width:8px; height:8px; margin: 0 2px}
}


.about04{ padding:100px 0; background:#f4f7f8}
.about04 .ibd{ margin-top:60px}
.about04 .ibd .swiper04{ width:100%; overflow:hidden}
.about04 .ibd .swiper04 .swiper-slide{ width:48%; margin-right:4%; overflow:hidden; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.about04 .ibd .swiper04 .swiper-slide:nth-child(2n){ margin-top:6%}
.about04 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden}
.about04 .ibd .swiper04 .swiper-slide 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;}
.about04 .ibd .swiper04 .swiper-slide: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);} 
.about04 .ibd .swiper04 .swiper-slide .title{ width:80%; height:72px; position:absolute; right:0; bottom:0; background:url(g_49.png) left center no-repeat; background-size:cover; display:flex; align-items: center; border-radius:5px 0 0 0; overflow:hidden}
.about04 .ibd .swiper04 .swiper-slide .title i{ display:block; padding-top:15px; font-size:14px; color:#fff; margin-left:25px; position:relative}
.about04 .ibd .swiper04 .swiper-slide .title i:after{ content:""; display:block; width:30px; height:2px; background:#fff; position:absolute; left:0; top:0}
.about04 .ibd .pagination04{ margin-top:40px; text-align:center; width:100%; font-size:0}
.about04 .ibd .pagination04 span{ width:12px; height:12px; opacity:1; background:none; box-sizing:border-box; border:2px solid #2354ad; border-radius:50%; margin: 0 4px}
.about04 .ibd .pagination04 span.swiper-pagination-bullet-active{ background:#2354ad}
@media (max-width: 1600px){
	.about04{ padding:80px 0}
	.about04 .ibd{ margin-top:50px} 
	.about04 .ibd .pagination04{ margin-top:30px; }
	.about04 .ibd .pagination04 span{ width:10px; height:10px; margin: 0 3px}

}
@media (max-width: 1200px){
	.about04{ padding:60px 0}
	.about04 .ibd{ margin-top:40px} 
	.about04 .ibd .pagination04{ margin-top:20px; }
	.about04 .ibd .pagination04 span{ width:10px; height:10px; margin: 0 3px}
}
@media (max-width: 750px){
	.about04{ padding:40px 0}
	.about04 .ibd{ margin-top:20px} 
	.about04 .ibd .swiper04 .swiper-slide{ width:100%}
	.about04 .ibd .swiper04 .swiper-slide:nth-child(2n){ margin-top:0%}
	.about04 .ibd .swiper04 .swiper-slide .title{ height:60px;  border-radius:0}

	.about04 .ibd .pagination04{ margin-top:15px; }
	.about04 .ibd .pagination04 span{ width:8px; height:8px; margin: 0 2px}
}

.zzjg01{ background:#f4f7f8; padding:100px 0}
.zzjg01 .ibd{ margin-top:60px}
.zzjg01 .logo{ width:fit-content; margin:0 auto; background:#2354ad; border-radius:5px; padding:15px 25px}
.zzjg01 .line1{ width:1px; background:#2354ad; margin:0 auto; height:70px}
.zzjg01 .line2{ width:calc(100% - 76px); background:#2354ad; margin:0 auto; height:1px}
.zzjg01 .hd{ display:flex;justify-content: space-between;}
.zzjg01 .hd .item{ width:76px; margin-top:-1px}
.zzjg01 .hd .item .a1{ width:1px; height:68px; background:#2354ad; margin:0 auto}
.zzjg01 .hd .item .a2{ width:7px; height:7px; border:1px solid #2354ad; border-radius:50%; margin:0 auto}
.zzjg01 .hd .item .a3{    writing-mode: vertical-rl; width:100%; box-sizing:border-box; background:#fff; border:1px solid #2354ad; border-radius:5px; height:330px; font-size:24px; color:#3070b7; text-align:center;  display: flex;  justify-content: center;  align-items: center; cursor:pointer  }
.zzjg01 .hd .item.on .a3{ background:#2354ad; color:#fff}
.zzjg01 .bd{ margin-top:60px; border-top:1px solid #cedaea}
.zzjg01 .bd .title{ margin-top:50px; font-size:30px; color:#333333}
.zzjg01 .bd .intro{ font-size:16px; color:#333333; margin-top:20px; line-height:2; }
.zzjg01 .bd .intro p{ background:url(g_51.png) 0 13px no-repeat; padding-left:20px}
@media (max-width: 1600px){
	.zzjg01{ padding:80px 0}
	.zzjg01 .ibd{ margin-top:40px}
	.zzjg01 .logo{ width:fit-content; margin:0 auto; background:#2354ad; border-radius:5px; padding:15px 25px}
	.zzjg01 .logo img{ height:42px}
	.zzjg01 .line1{  height:60px}
	.zzjg01 .line2{ width:calc(100% - 60px); }
	.zzjg01 .hd .item{ width:60px; margin-top:-1px}
	.zzjg01 .hd .item .a1{ width:1px; height:50px; }
	.zzjg01 .hd .item .a3{   height:280px; font-size:20px; }
	.zzjg01 .bd{ margin-top:40px; }
	.zzjg01 .bd .title{ margin-top:30px; font-size:24px; }
	.zzjg01 .bd .intro{ font-size:14px; margin-top:16px;  }
	.zzjg01 .bd .intro p{ background:url(g_51.png) 0 11px no-repeat; padding-left:20px; background-size:6px}
}
@media (max-width: 1200px){
	.zzjg01{ padding:60px 0}
	.zzjg01 .ibd{ margin-top:20px}
	.zzjg01 .logo{ width:fit-content; margin:0 auto; background:#2354ad; border-radius:5px; padding:15px 25px}
	.zzjg01 .logo img{ height:32px}
	.zzjg01 .line1{  height:40px}
	.zzjg01 .line2{ width:calc(100% - 40px); }
	.zzjg01 .hd .item{ width:40px; margin-top:-1px}
	.zzjg01 .hd .item .a1{ width:1px; height:40px; }
	.zzjg01 .hd .item .a3{   height:200px; font-size:16px; }
	.zzjg01 .bd{ margin-top:30px; }
	.zzjg01 .bd .title{ margin-top:20px; font-size:20px; }
	.zzjg01 .bd .intro{ font-size:12px; margin-top:12px;  }
	.zzjg01 .bd .intro p{ background:url(g_51.png) 0 10px no-repeat; padding-left:20px; background-size:5px}
}
@media (max-width: 750px){
	.zzjg01{ padding:60px 0}
	.zzjg01 .ibd{ margin-top:20px}
	.zzjg01 .logo{ width:fit-content; margin:0 auto; background:#2354ad; border-radius:5px; padding:15px 25px}
	.zzjg01 .logo img{ height:32px}
	.zzjg01 .line1{  height:40px}
	.zzjg01 .line2{ width:calc(100% - 32px); }
	.zzjg01 .hd{ width:100%; position:relative; height:380px;}
	.zzjg01 .hd .item{ width:32px; margin-top:-1px;}
	.zzjg01 .hd .item:nth-child(2n){ position:absolute; top:0; width:0}
	.zzjg01 .hd .item .a1{ width:1px; height:20px; }
	.zzjg01 .hd .item .a2{ width:5px; height:5px;}
	.zzjg01 .hd .item .a3{   height:160px; font-size:14px; }
	.zzjg01 .bd{ margin-top:20px; }
	.zzjg01 .bd .title{ margin-top:20px; font-size:18px; }
	.zzjg01 .bd .intro{ font-size:12px; margin-top:12px;  }
	.zzjg01 .bd .intro p{ background:url(g_51.png) 0 10px no-repeat; padding-left:20px; background-size:5px}
	.zzjg01 .hd .item:nth-child(2n) .a1{ height:200px; }
	.zzjg01 .hd .item:nth-child(2){ left:calc((100% - 224px) / 12 + 16px + 16px)}
	.zzjg01 .hd .item:nth-child(4){ left:calc( ((100% - 224px) / 12 + 16px) * 3  + 16px)}
	.zzjg01 .hd .item:nth-child(6){ left:calc( ((100% - 224px) / 12 + 16px) * 5  + 16px)}
	.zzjg01 .hd .item:nth-child(8){ left:calc( ((100% - 224px) / 12 + 16px) * 7  + 16px)}
	.zzjg01 .hd .item:nth-child(10){ left:calc( ((100% - 224px) / 12 + 16px) * 9  + 16px)}
	.zzjg01 .hd .item:nth-child(12){ left:calc( ((100% - 224px) / 12 + 16px) * 11  + 16px)}
	.zzjg01 .hd .item:nth-child(2n) .a3{ width:32px; margin-left:-16px}
	.zzjg01 .hd .item:nth-child(2n) .a2{ transform:translateX(-50%)}
	
}



.zzjs{ background:url(g_22.jpg) center center no-repeat; background-size:cover; padding:100px 0}
.zzjs .ihd{ justify-content: center;}
.zzjs .ibd{ margin-top:70px; position:relative; display:flex;  flex-wrap: wrap; }
.zzjs .ibd .item{ width:18.4%; margin-right:2%; margin-bottom:2%; box-sizing:border-box; border:1px solid #d3aa92; background:url(g_25.png) center center no-repeat; background-size:cover}
.zzjs .ibd .item:nth-child(5n){ margin-right:0}
.zzjs .ibd .item a{ display:block; padding:30px 0}
.zzjs .ibd .item .pic{ width:160px; margin:0 auto; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.zzjs .ibd .item .pic img{ width:100%}
.zzjs .ibd .item .cont{ text-align:center; margin-top:10px}
.zzjs .ibd .item .cont .title{ font-size:18px; color:#000000; font-weight:bold}
.zzjs .ibd .item .cont .bq{ color:#8c5433; font-size:16px}
.zzjs .ibd .item .cont .intro{ color:#666; font-size:16px}
.zzjs .ibd .item:hover{ background:url(g_25_2.png) center center no-repeat; background-size:cover; border:1px solid #0e3e7d}
.zzjs .ibd .item:hover .cont .title{ color:#fff; }
.zzjs .ibd .item:hover .cont .bq{ color:rgba(255,255,255,0.52);  }
.zzjs .ibd .item:hover .cont .intro{ color:rgba(166,175,195,0.52);  }
@media (max-width: 1600px){
	.zzjs{ padding:80px 0}
	.zzjs .ibd{ margin-top:50px;}
	.zzjs .ibd .item a{ padding:25px 0}
	.zzjs .ibd .item .pic{ width:140px;}
	.zzjs .ibd .item .cont .title{ font-size:16px;}
	.zzjs .ibd .item .cont .bq{ font-size:14px}
	.zzjs .ibd .item .cont .intro{ font-size:14px}
}
@media (max-width: 1200px){
	.zzjs{ padding:60px 0}
	.zzjs .ibd{ margin-top:40px;}
	.zzjs .ibd .item{ width:49%}
	.zzjs .ibd .item:nth-child(5n){ margin-right:2%}
	.zzjs .ibd .item:nth-child(2n){ margin-right:0}
	.zzjs .ibd .item a{ padding:20px}
	.zzjs .ibd .item .pic{ width:100%;}
	.zzjs .ibd .item .cont .title{ font-size:14px;}
	.zzjs .ibd .item .cont .bq{ font-size:12px}
	.zzjs .ibd .item .cont .intro{ font-size:12px}
}
@media (max-width: 750px){
	.zzjs{ padding:40px 0}
	.zzjs .ibd{ margin-top:20px;}
	.zzjs .ibd .item{ width:49%}

}



/* 分页 */
.page {  line-height:24px; text-align:center; padding-bottom:60px }
.page i{ font-size:16px; margin-left:5px}
.page select{ font-size:16px; height:42px}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; background: #eeeeee; border:1px solid #eeeeee; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #2354ad; background:#2354ad; color:#fff; }

.zzjs .page a{ border:1px solid #fefefe; background:#fefefe; }
.zzjs .page a:hover,.zzjs .page .current { border:1px solid #2354ad; background:#2354ad; color:#fff; }
@media all and (max-width:1760px){
	.page {  padding-bottom:50px }
	.page a{ padding:3px 10px}
	.page i{ font-size:14px}
    .page select{ font-size:14px; height:32px}
}
@media all and (max-width:1200px){
	.page { padding-bottom:40px }
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
	.page i{ font-size:12px}
    .page select{ font-size:12px; height:32px}
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
}

.dj{padding: 70px 0 0;}
.dj .dj_a a{ display: block; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; overflow: hidden;}
.dj .dj_a  .bd{display: flex;}
.dj .dj_a  .bd .bd1{width: calc(100% - 775px);padding: 70px 67px 0 68px;box-sizing: border-box;background: url(bg6.png) no-repeat right bottom #F4F4F5;background-size: cover;}
.dj .dj_a .bd .pc{width: 775px;overflow: hidden;}
.dj .dj_a .bd .pc img{ transition:all 0.6s ease ; -webkit-transition:all 0.6s ease ; -moz-transition:all 0.6s ease ; -ms-transition:all 0.6s ease ; -o-transition:all 0.6s ease ; }
.dj .dj_a .bd .pc:hover img{ transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.dj .dj_a  .bd .bd1 .time{color: #dc0a0e;font-size: 21px;line-height: 31px;font-weight: bold;}
.dj .dj_a.news103 .bd .bd1 .time{color:#b81c22;}
.dj .dj_a  .bd .bd1 .mt{color: #353535;font-size: 21px;line-height: 31px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;}
.dj .dj_a  .bd .bd1 .mc{color: #3d3d3d;font-size: 17px;line-height: 34px;margin-top: 15px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.dj .dj_a  .bd .bd2{width: 775px;}
.dj .dj_b{padding-top: 66px;padding-bottom: 58px;}
.dj .dj_b ul {display: flex;flex-wrap: wrap;}
.dj .dj_b ul li {width: 32%;margin-right: 2%;margin-top: 68px;overflow: hidden;border-bottom-left-radius: 9px;border-bottom-right-radius: 9px;border-top: 1px solid #353535;}
.dj .dj_b ul li a{  display: block; height: 486px; padding: 0 0 0 0; box-sizing: border-box; position: relative; overflow: hidden; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; }
.dj .dj_b ul li a .time{display: flex;flex-direction: column;padding-top: 30px;}
.dj .dj_b ul li a .time span{color: #353535;font-size: 21px;font-weight: bold;line-height: 31px;}
.dj .dj_b ul li a .time i{color: #353535;font-size: 41px;font-weight: bold;line-height: 51px;font-style: normal;margin-top: 5px;}
.dj .dj_b ul li a  .mt{color: #353535;font-size: 19px;line-height: 29px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-top: 22px;}
.dj .dj_b ul li a  .pc{margin-top: 50px; position:relative; padding-bottom:57%}
.dj .dj_b ul li a  .pc img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.dj .dj_b ul li a .mc{	color: #3d3d3d;opacity: 0.96;font-size: 17px;line-height: 34px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:6;display: none;margin-top: 40px;}
/* .dj .dj_b ul li:hover a .mc{display: block;}
.dj .dj_b ul li:hover a .pc{display: none;} */
.dj .dj_b ul li .li_b{ position: absolute; left: 0; bottom: 0; height: 0; width: 100%; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; overflow: hidden;background: url(bg20.png)no-repeat top center white; background-size: cover;overflow: hidden;box-sizing: border-box;background-image: linear-gradient(0deg, #fceeee 0%, #f7d1d3 68%, #f1b4b8 100%);}

.dj  .dj_b.new103 ul li .li_b{background: url(bg20.png)no-repeat top center white;background-size: cover;background-image: linear-gradient(0deg, #fceeee 0%, #f7d1d3 68%, #f1b4b8 100%);}

.dj .dj_b ul li a  .li_b .li_b_box{padding: 30px 28px 0 30px;}
.dj .dj_b ul li a  .li_b .time span {color: #353535;font-size: 21px;font-weight: bold;line-height: 31px;}
.dj .dj_b ul li a .li_b .time i {color: #353535;font-size: 41px;font-weight: bold;line-height: 51px;font-style: normal;margin-top: 5px;}
.dj .dj_b ul li a .li_b .mt {color: #353535;font-size: 19px;line-height: 29px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-top: 22px;}
.dj .dj_b ul li a  .li_b .mc {color: #3d3d3d;opacity: 0.96;font-size: 17px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;margin-top: 40px;}


.dj .dj_b ul li:hover {border-top: 1px solid white;}
.dj .dj_b ul li:hover .li_b{height: 100%;}

.dj .dj_b ul li:nth-child(3n){margin-right: 0;}
.dj .dj_b ul li:nth-child(-n+3){margin-top: 0;}
@media all and (max-width:1600px){
	.dj{    padding: 60px 0 0;}
	.dj .dj_a .bd .bd1{    padding: 40px 40px 0 40px;width: calc(100% - 500px);}
	.dj .dj_a .bd .pc{width: 500px;}
	.dj .dj_b ul li{width: 32%;margin-right: 2%;margin-top: 2%;}
}
@media all and (max-width:1440px){
.dj{    padding: 40px 0 0;}
.dj .dj_b{padding: 40px 0;}
.dj .dj_b ul li a{height: 425px;}
}
@media all and (max-width:1200px){
	.dj{    padding: 30px 0 0;}
	.dj .dj_b{padding: 30px 0;}
	.dj .dj_b ul li{width: 100%;margin-right: 0;margin-top: 20px;}
	.dj .dj_b ul li:nth-child(-n+3){margin-top: 20px;}
	.dj .dj_b ul li:nth-child(-n+1){margin-top: 0;}
	.dj .dj_a .bd{flex-direction: column;}
	.dj .dj_a .bd .bd1{width: 100%;padding: 20px;}
	.dj .dj_a .bd .pc{width: 100%;margin-top: 20px;}
	.dj .dj_a .bd .bd1 .mt{font-size: 18px;line-height: 28px;}
	.dj .dj_a .bd .bd1 .time{font-size: 16px;line-height: 26px;}
	.dj .dj_a .bd .bd1 .mc{display: none;}
	.dj .dj_b ul li a .time{padding-top: 15px;}
	.dj .dj_b ul li a .time span{font-size: 14px;line-height: 24px;}
	.dj .dj_b ul li a .time i{font-size: 18px;line-height: 28px;}
	.dj .dj_b ul li a .pc{margin-top: 20px;}
	.dj .dj_b.new103 ul li .li_b{display: none;}
	.dj .dj_b ul li a{height: unset;}
	.dj .dj_b ul li a .mt{margin-top: 15px;}
}










/* 内容模式 */
.article{line-height:2; font-size:16px; word-wrap:break-word;color: #666666; padding:60px 0}
.article .hd { text-align:center; }
.article .hd h1 { color:#000; font-size:24px;font-weight: normal; }
.article .hd .titBar { color:#898989; } 
.article .bd { padding:50px 0; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd;color: #000000}
.article .ft a{color: #666666;}
.article img{max-width: 100%;height: auto;}
.article video{max-width: 100%;height: auto}
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
} 
#dituContent img{max-width: unset!important;}
@media only screen and (max-width:1600px){
	.article{font-size: 14px;}
	.article .hd h1{font-size: 20px;}
	.article .bd { padding:40px 0; }
}
@media only screen and (max-width:1200px){
	.article{ padding:40px 0}
	.article .bd { padding:30px 0; }
	.article .hd h1{font-size: 18px;}
}
@media only screen and (max-width:750px){
	.article{font-size: 13px;}
	.article .hd h1{font-size: 16px;}
	.article .bd { padding:20px 0; }
}


.listm { border: 1px solid #e3e3e3; margin:60px 0}
.listm li { padding:1.2% 2%; border-bottom:1px solid #e3e3e3; font-size:16px; line-height:20px; clear:both; }
.listm li:last-child{border-bottom: none}
.listm li span { float:right; color:#999; font-size:14px; }
.listm li a:hover { text-decoration:underline; }
@media all and (max-width:1600px){
	.listm li{font-size: 15px;}
}
@media all and (max-width:1200px){
	.listm { margin:40px 0}
	.listm li { padding:3% 2%;}
	.listm li{font-size: 14px;}
	.listm li span{font-size: 13px;}
}
@media all and (max-width:750px){
	.listm li span{font-size: 12px;}
}


.picList{ width:100%; margin:60px}
.picList .item{ width:23.5%; margin-right:2%; float:left; margin-bottom:3%}
.picList .item:nth-child(4n){ margin-right:0}
.picList .item .pic{ width:100%; overflow:hidden; position:relative; }
.picList .item .pic img{ width:100%;  }
.picList .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.picList .item .title{ }
.picList .item .title a{ display:block; box-sizing:border-box; padding:15px; background:#EEEEEE;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picList .item:hover .title a{ background: #2354ad; color:#fff}
@media all and (max-width:1600px){
	.picList .item .pic{ height:184px}
}
@media all and (max-width:1200px){
	.picList .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.picList .item:nth-child(2n){ margin-right:0}
	.picList .item .title a{ font-size:14px; padding:15px}
	.picList .item .pic{ height:auto}
}




.ztlist{ margin:60px 0}
.ztitem{ width:100%; border-bottom:1px solid #e3e3e3; padding:40px 0; box-sizing:border-box; transition:all 0.5s linear}
.ztitem .pic{ width:300px; float:left; }
.ztitem .pic i{ display:block; width:100%;padding-bottom:60%; position:relative}
.ztitem .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.ztitem .cont{ width:calc(100% - 490px); float:left; margin-left:60px}
.ztitem .cont .title{ margin-top:35px; font-size:18px; color:#000000; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ztitem .cont .title a{ color:#000}
.ztitem .cont .time{ display:none}
.ztitem .cont .intro{ font-size:16px; color:#666666; margin-top:20px; text-align:justify}
.ztitem .num{ float:right;color:#666666}
.ztitem .num .n1{ font-size:30px; line-height:1; margin-top:70px}
.ztitem .num .n2{ font-size:14px; }
.ztitem:hover{}
.ztitem:hover .cont .title a{ color:#7a2e2e}
.ztitem:hover .num{ color:#7a2e2e}
@media (max-width: 1600px){
	.ztitem{ padding:30px 0}
	.ztitem .pic{width: 230px;}
	.ztitem .cont{ width:calc(100% - 380px); margin-left:40px}
	.ztitem .cont .title{margin-top: 15px;font-size: 16px;}
	.ztitem .cont .intro{font-size: 14px;margin-top: 15px;}
	.ztitem .num .n1{font-size: 24px;margin-top: 45px;}
	.ztitem .num .n2{ font-size:13px; }
}
@media (max-width: 1200px){
	.ztlist{ margin:40px 0}
	.ztitem{ padding:20px 0}
	.ztitem .pic{ width:150px}
	.ztitem .cont{ width:calc(100% - 160px); margin-left:10px}
	.ztitem .num{ display:none}
	.ztitem .cont .title{ margin:0; font-size:15px}
	.ztitem .cont .time{ display:block; font-size:12px; color:#666; padding:5px 0}
	.ztitem .cont .intro{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:0}
	.ztitem:hover{ padding:20px 0; background:#e9f0ec}
}
@media (max-width: 750px){
	.ztitem{ padding:15px 0}
	.ztitem .pic{ width:135px}
	.ztitem .cont{ width:calc(100% - 145px); margin-left:10px}
	.ztitem .num{ display:none}
	.ztitem .cont .title{ margin:0; font-size:14px}
	.ztitem .cont .time{ display:block; font-size:12px; color:#666; padding:3px 0}
	.ztitem .cont .intro{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:0}
}



.sjcontent{display: none;}
@media (max-width: 1200px){
	.pccontent{display: none;}
	.sjcontent{display: block;}
}






.third_nav{ background:#eaedf6; padding:25px 0}
.third_nav ul li{ float:left; margin-right:25px}
.third_nav ul li a{ display:block; height:30px; padding:0 20px; font-size:16px; color:#333333; line-height:30px;}
.third_nav ul li.on a{ background:#3151a4; color:#fff; border-radius:15px}
.third_nav ul li:hover a{ background:#3151a4; color:#fff; border-radius:15px}
@media (max-width: 1600px){
	.third_nav ul li{ margin-right:15px}
	.third_nav ul li a{ padding:0 15px; font-size:14px; }

	
}
@media (max-width: 750px){
	.third_nav{ background:#eaedf6; padding:20px 0}
	.third_nav ul li{ width:48%; margin-right:4%; text-align:center}
	.third_nav ul li:nth-child(2n){ margin-right:0}
	.third_nav ul li a{ box-sizing:border-box; border:1px solid #3151a4; margin:5px 0; height:36px; line-height:normal;display:flex;align-items: center;justify-content: center;}
	.third_nav ul li.on a,.third_nav ul li:hover a{ border-radius:0}
}










































































































