@charset "utf-8";
/* CSS Document */

/*pc_banner 开始*/
.pc_banner { width:100%; height:400px; overflow:hidden; margin:0 auto; padding:0; background-color:#0848cb; position:relative;}
.pc_banner img { display:block; width:1920px; height:400px; overflow:hidden; margin:0 0 0 -960px; padding:0; position:absolute; left:50%; top:0;}

/*pc_title 开始*/
.pc_title { width:100%; height:40px; overflow:hidden; line-height:40px; color:#0848cb; font-family: "YouSheBiaoTiHei"; font-size:48px; text-align:center; margin:60px auto; padding:0;}
.pc_title font { color:#e60012;}
.pc_title i { display:inline-block; width:30px; height:30px; overflow:hidden; padding:0; vertical-align:middle;}
.pc_title i.i_fl { margin:-8px 20px 0 0; background:url(../images/ico1.png) center center no-repeat; background-size:30px 30px;}
.pc_title i.i_fr { margin:-8px 0 0 20px; background:url(../images/ico2.png) center center no-repeat; background-size:30px 30px;}

/*pc_list 开始*/
.pc_list { width:1280px; height:auto; margin:0 auto; padding:0;}
.pc_list ul li { width:22.9%; height:auto; overflow:hidden; margin:0 2.8% 40px 0; padding:0; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.06); border-radius:10px; float:left; position:relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.pc_list ul li:nth-child(4n+4) { margin:0 0 40px;}
.pc_list ul li:hover { box-shadow:0 5px 10px rgba(8,72,203,0.1);}
.pc_list ul li .pc_img { width:100%; height:220px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.pc_list ul li .pc_img img { display:block; width:100%; height:100%; overflow:hidden; object-fit:cover; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.pc_list ul li:hover .pc_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.pc_list ul li .pc_text { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px;}
.pc_list ul li .pc_text h3 { width:100%; height:32px; overflow:hidden; line-height:32px; color:#202020; font-size:24px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto 11px; padding:0;}
.pc_list ul li .pc_text p { width:100%; height:30px; overflow:hidden; line-height:30px; color:#333; font-size:16px; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0 0 0 26px; position:relative;}
.pc_list ul li .pc_text p i { display:block; width:20px; height:20px; margin:0; padding:0; background:url(../images/ico3.png) center center no-repeat; background-size:20px 20px; position:absolute; left:0; top:5px;}
.pc_list ul li .pc_text p font { color:#0848cb;}
.pc_list ul li .pc_data { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0 20px; background-color:#f8f8f8; border-top:1px solid #eaeaea;}
.pc_list ul li .pc_data span { display:block; width:auto; height:40px; overflow:hidden; line-height:40px; color:#bbb; font-size:14px; margin:0; padding:0;}
.pc_list ul li .pc_data span i { display:inline-block; width:20px; height:20px; overflow:hidden; vertical-align:middle; margin:-2px 6px 0 0; padding:0;}
.pc_list ul li .pc_data span.fl i { background:url(../images/ico4.png) center center no-repeat; background-size:20px 20px;}
.pc_list ul li .pc_data span.fr i { background:url(../images/ico5.png) center center no-repeat; background-size:20px 20px;}

.pc_list ul li .pc_mask { width:100%; height:100%; overflow:hidden; margin:0; padding:70px 20px; background-color:rgba(4,15,37,0.8); position:absolute; left:0; bottom:100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.pc_list ul li .pc_mask h5 { width:100%; height:32px; overflow:hidden; line-height:32px; color:#fff; font-size:24px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;}
.pc_list ul li .pc_mask p { width:160px; height:160px; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border-radius:4px; margin:20px auto; padding:0; position:relative;}
.pc_list ul li .pc_mask p img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.pc_list ul li .pc_mask span { display:block; width:100%; height:auto; overflow:hidden; line-height:20px; color:rgba(255,255,255,0.6); font-size:12px; text-align:center; margin:0 auto; padding:0;}
.pc_list ul li:hover .pc_mask { bottom:0;}

/*pc_ewm 开始*/
.pc_ewm { width:1280px; overflow:hidden; margin:0 auto 40px; padding:40px 80px; border-radius:10px; background:url(../images/ewmBg.jpg) center center no-repeat; background-size:cover;}
.pc_ewm ul li { width:auto; height:160px; overflow:hidden; margin:0 80px 0 0; padding:0; float:left;}
.pc_ewm ul li .ewmImg { width:160px; height:160px; overflow:hidden; margin:0 20px 0 0; padding:9px; background-color:rgba(255,255,255,0.1); border-radius:4px; border:1px dashed #fff; float:left;}
.pc_ewm ul li .ewmImg img { display:block; width:140px; height:140px; margin:0 auto; padding:0; border-radius:2px;}
.pc_ewm ul li p { width:auto; line-height:36px; color:#fff; font-size:24px; margin:0; padding:0; float:left; position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}



