@charset "utf-8";
.container{ position:relative; z-index:9; width:100%; overflow:hidden}
.banner{ width:100%; position:relative}
.banner img{ width:100%}
.banner img.img1{ display:block}
.banner img.img2{ display:none}
.banner .item{ width:100%; position:absolute; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center}
.banner .item .title{  font-size:50px; color:#fff;  line-height:1}
.banner .item .intro{ font-size:18px; color:#fff; padding:15px 0 0; line-height:1; text-transform:uppercase; font-family:Arial }
.banner .item.left{ text-align:left}
@media (max-width: 1600px){
	.banner .item{}
	.banner .item .title{  font-size:40px;}
	.banner .item .intro{ font-size:16px; }
}
@media (max-width: 1200px){
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
	.banner .item .title{  font-size:20px;}
	.banner .item .intro{ font-size:14px; padding-top:10px}
}

.second_nav{ width:100%; background:#f6f7fb;  position:relative; }
.second_nav .nr{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative}
.second_nav ul li a{ display:block; line-height:72px; font-size:18px; color:#323232; padding:0 65px}
.second_nav ul li.on:after{ content:""; display:block; width:100%; left:0%; top:100%; background:url(g_22.png) center center no-repeat; background-size:auto 100%; height:7px; position:absolute}
.second_nav ul li:hover:after{ content:""; display:block; width:100%; left:0%; top:100%; background:url(g_22.png) center center no-repeat; background-size:auto 100%; height:7px; position:absolute}
.second_nav ul li.on a{ color:#fff; background:#0064b8}
.second_nav ul li:hover a{ color:#fff; background:#0064b8}
.second_nav .t{ display:none}
@media (max-width: 1600px){
	.second_nav ul li a{ line-height:60px; font-size:16px; padding:0 45px}
}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#284299;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}
	.second_nav ul li:before{ width:0}
	.second_nav ul li:hover::after{ width:0}
	.second_nav ul li.on::after{ width:0}
}

.location{ position:absolute; right:0; top:0}
.location{ line-height:72px}
.location .a{ display:none}
.location .b{ font-size:16px; float:left; color:#7e7e7e}
.location .b a{ color:#7e7e7e}
.location .b { background:url(g_23.png) left center no-repeat; padding-left:35px;}
.location .b a:hover{ color:#284299}
@media (max-width: 1600px){
	.location{ line-height:60px}
	.location .b{ font-size:14px; }
	.location .b { background:url(g_23.png) left center no-repeat; background-size:15px; padding-left:25px;}

}
@media (max-width: 1200px){
	.location{ display:none}
}



/*分页*/
.page{ text-align:center; font-size:0;}
.page a{ display:inline-block; vertical-align:top; background:#fff; text-align:center; font-size:16px; color:#0064b8; margin: 0 5px; padding:15px 20px; border:1px solid #f1f1f1}
.page a.current,.page a:hover{ background:#0064b8; color:#fff}
.page .first,.page .last{ display:none}

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

/*newsList*/
.newsList{ padding:50px 0 35px}
.newsList .item{ width:100%; height:136px; margin-bottom:25px; background:#f6f7fb}
.newsList .item a{ display:block;display:flex;align-items: center;  width:100%; height:100% }
.newsList .item .time{ width:125px; text-align:center; font-weight:bold; color:#5b5b5b; border-right:1px solid #e7e7e7}
.newsList .item .time .p1{ display:inline-block; vertical-align:top; font-size:42px; line-height:1; border-bottom:1px solid #e4a100; padding-bottom:10px; margin-bottom:8px; color:#014099}
.newsList .item .time .p2{ color:#0064b9}
.newsList .item .cont{ width:calc(100% - 136px); box-sizing:border-box; padding:0 35px}
.newsList .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold}
.newsList .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px;  margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList .item:hover{ background:#0064b8; 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; color:#fff}
.newsList .item:hover .cont .title{ color:#fff;}
.newsList .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
.newsList .item:hover .time .p2{ color:#fff}
@media all and (max-width:1200px){
	.newsList{ padding:30px 0 10px}
	.newsList .item{ margin-bottom:20px; height:125px}
	.newsList .item .time{ width:100px;}
	.newsList .item a{ background:url(g_51.png) 100px center no-repeat; background-size:10px 60px}
	.newsList .item:hover a{background:url(g_52.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_51.png) 80px center no-repeat; background-size:10px 60px}
	.newsList .item:hover a{background:url(g_52.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}
	.newsList .item .cont .title{ font-size:16px}
	.newsList .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

.hotNews{ margin-top:50px}
.hotNews .item{ background:url(g_25.jpg) right bottom no-repeat; background-size:cover}
.hotNews .item a{ display:flex;justify-content: space-between; align-items: center;}
.hotNews .item a .pic{ width:46%; }
.hotNews .item a .pic i{ display:block; width:100% ;position:relative; overflow:hidden; padding-bottom:67%}
.hotNews .item a .pic i img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.hotNews .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;}
.hotNews .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);}
.hotNews .item a .cont{ width:54%; box-sizing:border-box; padding:0 4%; color:#fff}
.hotNews .item a .cont .time{ width:fit-content; text-align:center; font-family:Arial; line-height:1}
.hotNews .item a .cont .time .p1{ font-size:42px; font-weight:bold; position:relative; padding-bottom:8px; margin-bottom:8px}
.hotNews .item a .cont .time .p1:after{ content:""; display:block; width:60%; height:1px; background:#e4a100; position:absolute; left:20%; bottom:0}
.hotNews .item a .cont .time .p2{ font-size:14px;}
.hotNews .item a .cont .title{ font-size:24px; font-weight:bold; margin-top:50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hotNews .item a .cont .intro{ font-size:16px; line-height:2; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.hotNews .item a .cont .more{ margin-top:65px}
.hotNews .item a .cont .more i{ display:inline-block; background:url(g_26.png) right center no-repeat; padding-right:25px; font-size:16px; color:rgba(255,255,255,0.37)}
.hotNews .item a .cont .t{ display:none}
@media all and (max-width:1600px){
	.hotNews{ margin-top:40px}
	.hotNews .item a .cont .time .p1{ font-size:36px;  }
	.hotNews .item a .cont .time .p2{ font-size:12px}
	.hotNews .item a .cont .title{ font-size:20px; margin-top:35px}
	.hotNews .item a .cont .intro{ font-size:14px; margin-top:16px}
	.hotNews .item a .cont .more{ margin-top:50px}
	.hotNews .item a .cont .more i{ font-size:14px; }
}

@media all and (max-width:1200px){
	.hotNews{ margin-top:30px}
	.hotNews .item a .cont .time{ display:none}
	.hotNews .item a .cont .title{ font-size:18px; margin-top:0}
	.hotNews .item a .cont .intro{ font-size:12px; margin-top:16px}
	.hotNews .item a .cont .more{ margin-top:30px}
	.hotNews .item a .cont .more i{ font-size:12px; background-size:12px; padding-right:20px }
	.hotNews .item a .cont .t{ display:block; font-size:12px; color:#fff; margin-top:10px}
}
@media all and (max-width:750px){
	.hotNews .item a{ display:block}
	.hotNews .item a .pic{ width:100%}
	.hotNews .item a .cont{ width:100%; padding:20px}
	.hotNews .item a .cont .time{ display:none}
	.hotNews .item a .cont .title{ font-size:18px; margin-top:0}
	.hotNews .item a .cont .intro{ font-size:12px; margin-top:12px}
	.hotNews .item a .cont .more{ margin-top:20px}
	.hotNews .item a .cont .more i{ font-size:12px; background-size:12px; padding-right:20px }
}


.dj .second_nav ul li:hover a{ background:#b81a00}
.dj .second_nav ul li.on a{ background:#b81a00}
.dj .second_nav ul li.on:after{ background:url(g_22_2.png) center center no-repeat; background-size:auto 100%;}
.dj .second_nav ul li:hover:after{ background:url(g_22_2.png) center center no-repeat; background-size:auto 100%;}
.dj .location .b a:hover{ color:#b81a00}
.dj .newsList .item .time .p1{ color:#b81a00; border-bottom: 1px solid #b81a00;}
.dj .newsList .item .time .p2{ color:#b81a00;}
.dj .newsList .item:hover{ background:#b81a00; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.dj .newsList .item:hover .time{ color:#fff}
.dj .newsList .item:hover .time .p1{ border-bottom:1px solid #fff; color:#fff}
.dj .newsList .item:hover .time .p2{ color:#fff}
.dj .newsList .item:hover .cont .title{ color:#fff;}
.dj .newsList .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
.dj .page a{  color:#b81a00; }
.dj .page a.current,.dj .page a:hover{ background:#b81a00; border:1px solid #b81a00; color:#fff}

.picNews{ margin-top:50px}
.picNewsCont{ display:flex; flex-wrap: wrap;}
.picNewsCont .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#f6f7fb}
.picNewsCont .item:nth-child(3n){ margin-right:0}
.picNewsCont .item .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:62%}
.picNewsCont .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.picNewsCont .item .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;}
.picNewsCont .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);}
.picNewsCont .item .cont{ padding:25px}
.picNewsCont .item .cont .time{ font-size:16px; color:#7f7f7f; font-family:Arial}
.picNewsCont .item .cont .title{ font-size:20px; color:#242424; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold; margin-top:10px}
.picNewsCont .item .cont .intro{ font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color:#7f7f7f; line-height:1.6; margin-top:10px}
.picNewsCont .item:hover{ background:#0064b8}
.picNewsCont .item:hover .cont .time{ color:#fff}
.picNewsCont .item:hover .cont .title{ color:#fff}
.picNewsCont .item:hover .cont .intro{ color:#fff}

@media all and (max-width:1600px){
	.picNews{ margin-top:40px}
	.picNewsCont .item .cont{ padding:20px}
	.picNewsCont .item .cont .time{ font-size:14px;}
	.picNewsCont .item .cont .title{ font-size:18px; }
	.picNewsCont .item .cont .intro{ font-size:16px;}
}
@media all and (max-width:1200px){
	.picNews{ margin-top:30px}
	.picNewsCont .item{ width:49%;}
	.picNewsCont .item:nth-child(3n){ margin-right:2%}
	.picNewsCont .item:nth-child(2n){ margin-right:0}
	.picNewsCont .item .cont{ padding:20px}
	.picNewsCont .item .cont .time{ font-size:12px;}
	.picNewsCont .item .cont .title{ font-size:16px; }
	.picNewsCont .item .cont .intro{ font-size:14px;}
}
@media all and (max-width:750px){
	.picNewsCont .item{ width:100%; margin-right:0; margin-bottom:20px}
	.picNewsCont .item:nth-child(3n){ margin-right:0%}
	.picNewsCont .item:nth-child(2n){ margin-right:0}
}






.picx{ margin-top:50px}
.picCont{ display:flex; flex-wrap: wrap;}
.picCont .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#f6f7fb}
.picCont .item:nth-child(3n){ margin-right:0}
.picCont .item .pic{ width:100%; position:relative; overflow:hidden; padding-bottom:62%}
.picCont .item .pic img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0}
.picCont .item .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;}
.picCont .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);}
.picCont .item .cont{ padding:25px}
.picCont .item .cont .title{ font-size:20px; color:#242424; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:bold;}
.picCont .item:hover{ background:#0064b8}
.picCont .item:hover .cont .title{ color:#fff}

@media all and (max-width:1600px){
	.picx{ margin-top:40px}
	.picCont .item .cont{ padding:20px}
	.picCont .item .cont .time{ font-size:14px;}
	.picCont .item .cont .title{ font-size:18px; }
	.picCont .item .cont .intro{ font-size:16px;}
}
@media all and (max-width:1200px){
	.picx{ margin-top:30px}
	.picCont .item{ width:49%;}
	.picCont .item:nth-child(3n){ margin-right:2%}
	.picCont .item:nth-child(2n){ margin-right:0}
	.picCont .item .cont{ padding:20px}
	.picCont .item .cont .time{ font-size:12px;}
	.picCont .item .cont .title{ font-size:16px; }
	.picCont .item .cont .intro{ font-size:14px;}
}
@media all and (max-width:750px){
	.picCont .item{ width:100%; margin-right:0; margin-bottom:20px}
	.picCont .item:nth-child(3n){ margin-right:0%}
	.picCont .item:nth-child(2n){ margin-right:0}
}





/* 内容模式 */
.article { width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; min-height:400px; padding:60px 0 }
.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 { padding-bottom:40px; line-height:3; font-size:18px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .ft { margin:12px 0 0;}
.article .ft a{}
.article .ft ul{}
.article .ft ul li { width:100%;  text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#0064b8}
.nr_pc{ display:block}
.nr_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@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:0 0 0; height:auto}
	.article .ft ul{ display:block; height:auto}
	.article .ft ul li { width:100%; line-height:50px;margin:10px 0 0; padding:0 15px}
	.article .bd{ font-size:14px; line-height:2}	
}

.contact{ background:url(g_39.png) left bottom no-repeat #ffffff; padding:80px 0 150px}
.contact01{ width:100%; box-sizing:border-box; box-shadow:0 0 15px rgba(0,0,0,0.15) }
.contact01 .lt{ width:650px; float:left;display:flex;align-items: center; background:url(g_34.jpg) center center no-repeat; background-size:cover; height:518px; color:#fff; box-sizing:border-box; padding:0 4%}
.contact01 .rt{ width:calc(100% - 650px); float:right; height:518px; box-sizing:border-box;border:7px solid #0272c0; border-left:0; overflow:hidden}
.contact01 .rt img{ width:100%; height:100%; object-fit:cover}
.contact01 .lt .ihd{ line-height:1; font-size:24px; font-weight:bold}
.contact01 .lt .item{ display:flex;align-items: center; margin-top:62px}
.contact01 .lt .item .pic{ width:40px;}
.contact01 .lt .item .pic img{ width:100%}
.contact01 .lt .item .cont{ width:calc(100% - 40px); box-sizing:border-box; padding:0 0 0 20px; font-size:18px}
@media all and (max-width:1600px){
	.contact01 .lt{ width:50%; height:427px}	
	.contact01 .rt{ width:50%; height:427px}
	.contact01 .lt .ihd{ font-size:20px;}
	.contact01 .lt .item{ margin-top:40px}
	.contact01 .lt .item .pic{ width:36px;}
	.contact01 .lt .item .cont{ width:calc(100% - 36px); font-size:16px}		
}
@media all and (max-width:1200px){
	.contact{ background:url(g_39.png) left bottom no-repeat #fff; background-size:40%; padding:40px 0 60px}
	.contact01 .lt{ width:100%; height:auto; padding:8% 5%}	
	.contact01 .rt{ width:100%; height:400px;border:4px solid #0272c0; border-left:4px solid #0272c0; border-top:0}
	.contact01 .lt .ihd{ font-size:18px;}
	.contact01 .lt .item{ margin-top:30px}
	.contact01 .lt .item .pic{ width:28px;}
	.contact01 .lt .item .cont{ width:calc(100% - 28px); padding-left:12px; font-size:14px}
	.contact01 .lt .item .cont .title{ margin-bottom:5px}

}

.cases{ position:relative ;margin:90px 0; padding-top:120px; }
.cases:after{ content:""; display:block; width:55%; height:100%; background:#f6f7fb; position:absolute; right:0; top:0; z-index:0}
.cases .ibd{ position:relative; z-index:2; display:flex;justify-content: space-between;  flex-wrap: wrap;flex-direction: row-reverse;}
.cases .ibd .pic{ width:945px; margin-right:60px; overflow:hidden}
.cases .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;}
.cases .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);}
.cases .ibd .cont{ width:520px;}
.cases .ibd .cont .title{ display:flex; align-items: center; border-bottom:1px solid #c8c8c8; padding-bottom:30px}
.cases .ibd .cont .title .i img{ height:41px; display:block}
.cases .ibd .cont .title .t{ font-size:24px; color:#2e2e2e; margin-left:22px}
.cases .ibd .cont .intro{ font-size:16px; color:#000000; text-align:justify; line-height:2; margin-top:30px}
@media all and (max-width:1600px){
	.cases{ margin:80px 0; padding-top:100px; }
	.cases .ibd .pic{ width:705px; margin-right:0;}
	.cases .ibd .cont{ width:400px;}
	.cases .ibd .cont .title{  padding-bottom:25px}
	.cases .ibd .cont .title .i img{ height:36px;}
	.cases .ibd .cont .title .t{ font-size:20px; color:#2e2e2e; margin-left:25px}
	.cases .ibd .cont .intro{ font-size:14px; margin-top:25px}
}
@media all and (max-width:1200px){
	.cases{ margin:60px 0; padding-top:0; }
	.cases:after{ width:0}
	.cases .ibd .pic{ width:100%; }
	.cases .ibd .cont{ width:100%; margin-top:20px}
	.cases .ibd .cont .title{  padding-bottom:16px}
	.cases .ibd .cont .title .i img{ height:32px;}
	.cases .ibd .cont .title .t{ font-size:20px; color:#2e2e2e; margin-left:16px}
	.cases .ibd .cont .intro{ font-size:14px; margin-top:16px}
}
@media all and (max-width:750px){
	.cases{ margin:40px 0 0; padding-top:0; }
	.cases .ibd .cont .title .i img{ height:28px;}
	.cases .ibd .cont .title .t{ font-size:18px; }
}


.abouts{ position:relative ;margin:90px 0; padding:60px 0; }
.abouts:after{ content:""; display:block; width:45%; height:100%; background:#f6f7fb; position:absolute; left:0; top:0; z-index:0}
.abouts .ibd{ position:relative; z-index:2; display:flex;justify-content: space-between;  flex-wrap: wrap;}
.abouts .ibd .pic{ width:770px; overflow:hidden}
.abouts .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;}
.abouts .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);}
.abouts .ibd .cont{ width:750px;}
.abouts .ibd .cont .title{ display:flex; align-items: center; border-bottom:1px solid #c8c8c8; padding-bottom:30px}
.abouts .ibd .cont .title .i img{ height:41px; display:block}
.abouts .ibd .cont .title .t{ font-size:24px; color:#2e2e2e; margin-left:22px}
.abouts .ibd .cont .intro{ font-size:16px; color:#000000; text-align:justify; line-height:2; margin-top:30px}
@media all and (max-width:1600px){
	.abouts{ margin:80px 0; padding:50px 0; }
	.abouts .ibd .pic{ width:580px; }
	.abouts .ibd .cont{ width:580px;}
	.abouts .ibd .cont .title{  padding-bottom:25px}
	.abouts .ibd .cont .title .i img{ height:36px;}
	.abouts .ibd .cont .title .t{ font-size:20px; color:#2e2e2e; margin-left:25px}
	.abouts .ibd .cont .intro{ font-size:14px; margin-top:25px}
}
@media all and (max-width:1200px){
	.abouts{ margin:60px 0; padding-top:0; }
	.abouts:after{ width:0}
	.abouts .ibd .pic{ width:100%; }
	.abouts .ibd .cont{ width:100%; margin-top:20px}
	.abouts .ibd .cont .title{  padding-bottom:16px}
	.abouts .ibd .cont .title .i img{ height:32px;}
	.abouts .ibd .cont .title .t{ font-size:20px; color:#2e2e2e; margin-left:16px}
	.abouts .ibd .cont .intro{ font-size:14px; margin-top:16px}
}
@media all and (max-width:750px){
	.abouts{ margin:40px 0 0; padding-top:0; }
	.abouts .ibd .cont .title .i img{ height:28px;}
	.abouts .ibd .cont .title .t{ font-size:18px; }
}


/*jjcld*/
.jjcld{ padding:60px 0}
.jjcldList{display:flex; flex-wrap: wrap;}
.jjcldList .item{ width:23.95%; margin-right:1.4%; margin-bottom:1.4%}
.jjcldList .item:nth-child(4n){ margin-right:0}
.jjcldList .item a{ display:block; width:100%; box-sizing:border-box; border:2px solid #f6f7fb}
.jjcldList .item a .pic{ width:100%; overflow:hidden; padding-bottom:41%; position:relative}
.jjcldList .item a .pic img{ width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover}
.jjcldList .item a .more{ width:100%; height:100%; background:rgba(0,100,184,0.9); position:absolute; left:0; top:0;display:flex; align-items: center; justify-content: center; opacity:0; visibility:hidden; transition:all 0.5s}
.jjcldList .item a .more span{ display:flex; align-items: center; justify-content: center; width:106px; height:44px; box-sizing:border-box; border:1px solid #fff; border-radius:30px; font-size:16px; color:#fff}
.jjcldList .item:hover a .more{ visibility:visible; opacity:1}
@media all and (max-width:1200px){
	.jjcld{ padding:40px 0}
	.jjcldList .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.jjcldList .item:nth-child(4n){ margin-right:2%}
	.jjcldList .item:nth-child(3n){ margin-right:0}
}
@media all and (max-width:750px){
	.jjcld{ padding:40px 0}
	.jjcldList .item{ width:48%; margin-right:2%; margin-bottom:2%}
	.jjcldList .item:nth-child(4n){ margin-right:2%}
	.jjcldList .item:nth-child(3n){ margin-right:2%}
	.jjcldList .item:nth-child(2n){ margin-right:0}
}