.topbanner{height:500px; width:100%; background:url(/Images/jjfa/gongyl/gongyinglian.jpg); background-size:auto 100%; background-position:center;}
.gyl_part1{max-width:1200px; margin:0 auto;}
.gyl_tit{text-align:center; font-size:32px; font-weight:bold;}
.tit_p{text-align:center; font-size:18px; color:#98a1ab;}
.gp1_main img{display:block; margin:50px auto; padding:75px 0;}
.gp1_main{position:relative;}
.gp1_main ul li{position:absolute; border-radius:15px; width:300px; padding:20px 40px 35px 20px;}
.gp1_main ul li .tit_h3{padding-bottom:10px;}
.gp1_main ul li p{color:#98a1ab; line-height:24px;}
.gp1_main ul .li_left{text-align:right; background:url(/Images/jjfa/gongyl/gyl_07.png); background-position:right top;}
.gp1_main ul .li_right{text-align:left; background:url(/Images/jjfa/gongyl/gyl1_03.png); background-position:left top; padding:20px 30px 35px 30px;}
.gp1_main ul li:nth-child(1){left:0; top:0;}
.gp1_main ul li:nth-child(2){left:0; bottom:0;}
.gp1_main ul li:nth-child(3){right:0; top:0;}
.gp1_main ul li:nth-child(4){right:0; bottom:0;}
.gp1_main ul li:hover{transform:translateY(-2px);}
.li_left .tit_h3{font-size:20px; font-weight:bold; color:#fb3c66;}
.li_right .tit_h3{font-size:20px; font-weight:bold; color:#0064ff;}
.gyl_part2{width:100%; padding:60px 0; background:url(/Images/jjfa/gongyl/gyl1_30.jpg);}
.gyl_model ul{max-width:1200px; margin:0 auto; padding:30px 0;}
.gyl_model ul::after{content:""; display:table; clear:both;}
.gyl_model ul li{width:325px; position:relative; height:205px; margin:25px 10px 10px 10px; padding:60px 25px 20px 25px; float:left; background-color:rgba(255,255,255,0.8); border:2px solid #fff; border-radius:20px; box-shadow:10px 15px 30px rgba(109,167,188,0.15);}
.gyl_model ul li img{position:absolute; right:0; top:-38px;}
.tit_h4{font-size:20px; font-weight:bold;}
.gyl_model ul li p{padding-top:15px;}
.gyl_model ul li p strong{display:block;}
.gyl_model ul li p strong::before{content:""; display:inline-block; width:5px; height:5px; border-radius:50%; border:3px solid #0f5bff; margin-right:3px;}
.gyl_model ul li p font{font-size:14px; color:#98a1ab; letter-spacing:-0.5px; display:inline-block; padding-left:12px;}

.gyl_model ul li:hover{transform:translateY(-2px); box-shadow:10px 15px 30px rgba(109,167,188,0.5);}
.gyl_part3{padding:50px 0; max-width:1200px; margin:0 auto;}
.mcenter{display:block; margin:0 auto;}
.gp3_main{position:relative; margin:45px 10px 20px 10px;}
.gp3_main ul{position:absolute; left:0; top:0; width:1200px; height:100%;}
.gp3_main ul li{width:300px; position:absolute;}
.gp3_main ul li:nth-child(1){top:0;}
.gp3_main ul li:nth-child(2){top:40%;}
.gp3_main ul li:nth-child(3){bottom:0;}
.gp3_main ul li:nth-child(4){top:0;}
.gp3_main ul li:nth-child(5){top:40%;}
.gp3_main ul li:nth-child(6){bottom:0;}
.gp3_main ul li .tit_h3{font-size:18px; font-weight:bold;}
.gp3_main ul li p{font-size:14px; color:#98a1ab;}
.gp3_li_left{left:60px; text-align:right;}
.gp3_li_left:hover{text-shadow:2px 2px 2px rgba(0,0,0,0.1); transform:translate(-5px,-2px);}
.gp3_li_right{right:60px; margin-right:20px;}
.tit_h3 img{display:inline-block; vertical-align:middle; width:25px;}
.gp3_main ul li p{padding-top:30px;}
.gp3_li_left .img_line{position:absolute; right:-105px;}

.gp3_li_right .img_line{position:absolute; left:-105px;}
.gp3_li_right:hover{text-shadow:2px 2px 2px rgba(0,0,0,0.1); transform:translate(5px,-2px);}
.gp3_main ul li:nth-child(1) .img_line{padding-top:40px;}
.gp3_main ul li:nth-child(2) em{display:inline-block; height:20px; border-bottom:1px solid #d572cf; width:250px; position:absolute; right:-78px; top:20px;}
.gp3_main ul li:nth-child(3) .img_line{top:-17px;}
.gp3_main ul li:nth-child(4) .img_line{left:-105px; padding-top:40px;}
.gp3_main ul li:nth-child(5) em{display:inline-block; height:20px; border-bottom:1px solid #655cab; width:250px; position:absolute; left:-78px; top:20px;}
.gp3_main ul li:nth-child(6) .img_line{top:-17px;}

.gyl_part4{width:100%; padding:60px 0; background:url(/Images/jjfa/gongyl/gyl1_76.jpg);}
.gyl_part4 .gyl_tit, .gyl_part4 .tit_p{color:#fff;}
.gyl_part4 ul{height:auto; overflow:hidden; padding:50px 0 30px 0; max-width:1200px; margin:0 auto;}
.gyl_part4 ul li{width:200px;float:left;margin:0 20px;background:#fff;overflow:hidden;border-radius:15px;box-shadow:12px 5px 20px rgba(43,51,77,0.1);height:200px; padding:20px 0; text-align:center;}
.gyl_part4 ul li img{margin:0 auto; padding:15px 0;}
.gyl_part4 ul li p{font-size:18px; font-weight:bold;}
.gyl_part4 ul li:hover{transform:translateY(-2px); box-shadow:0px 0px 15px rgba(109,167,188,0.5);}
.gyl4des{font-size:14px; line-height:25px; color:#999; padding:20px; opacity:0;}
.gyl_part4 ul li:hover img{padding:5px 0; height:0px;}
.gyl_part4 ul li:hover .gyl4des{opacity:1;}

.gyl_part5{padding:50px 0; text-align:center;}
.gyl_part5 img{margin:0 auto; padding-top:20px;}
.gyl_part6 ul li img:hover{transform:translateY(-3px);}

.gyl_part6{width:100%; padding:60px 0; background:url(/Images/jjfa/gongyl/gyl1_117.jpg);}
.gyl_part6 .gyl_tit,.gyl_part6 .tit_p{color:#fff;}
.gyl_part6 ul{max-width:1200px; margin:20px auto; height:auto; overflow:hidden;}
.gyl_part6 ul li{width:300px; float:left; text-align:center; color:#fff;}
.gyl_part6 ul li img{width:280px; margin:0 auto;}
.gyl_part6 ul li .tit_h3{font-size:20px; font-weight:bold; margin-bottom:10px;}
.gyl_part6 ul li em{width:42px; height:3px; line-height:3px; background:#fff; margin:10px 0; display:inline-block;}
.gyl_part6 ul li p{width:240px; margin:0 auto; line-height:26px; font-size:14px;}

.gyl_part7{padding:50px 0 30px 0;}
.gyl_part7 ul{max-width:1200px; margin:20px auto; height:auto; overflow:hidden; padding-top:10px;}
.gyl_part7 ul li{width:160px; height:415px; background:url(/Images/jjfa/gongyl/gyl1_134.jpg); float:left; margin:0 1px; position:relative;}
.gyl_part7 ul li strong{font-size:30px; font-weight:bold; width:40px; height:40px; position:absolute; right:20px; top:30px; text-align:center; color:#d1d9ed; display:block;}
.gyl_part7 ul li strong::after{width:28px; height:5px; background:#d1d9ed; position:absolute; left:6px; bottom:-5px; content:"";}
.gyl_part7 ul li em{display:block; width:32px; height:32px; position:absolute; left:22px; top:185px; background-size:100%;}
.gyl_part7 ul li .qianduan{background:url(/Images/jjfa/gongyl/gyl_qianduan.png);}
.gyl_part7 ul li .yewu{background:url(/Images/jjfa/gongyl/gyl_yewu.png);}
.gyl_part7 ul li .shuju{background:url(/Images/jjfa/gongyl/gyl_shuju.png);}
.gyl_part7 ul li .jicheng{background:url(/Images/jjfa/gongyl/gyl_jicheng.png);}
.gyl_part7 ul li .anquan{background:url(/Images/jjfa/gongyl/gyl_anquan.png);}
.gyl_part7 ul li .tit_h3{font-size:18px; font-weight:bold; position:absolute; left:22px; top:240px;}
.gyl_part7 ul li p{display:none; width:325px; color:#fff; position:absolute; left:40px; top:275px;}
.gp7_more{position:absolute; left:22px; bottom:38px;}
.gyl_part7 ul li.li_hover{width:550px;}
.gyl_part7 ul .li_hover .gp7_more{display:none;}
.gyl_part7 ul .li_hover strong{color:#fff; left:40px;}
.gyl_part7 ul .li_hover strong::after{background:#f92150;}
.gyl_part7 ul .li_hover .qianduan{background:url(/Images/jjfa/gongyl/gyl_qianduan_on.png); left:40px;}
.gyl_part7 ul .li_hover .yewu{background:url(/Images/jjfa/gongyl/gyl_yewu_on.png); left:40px;}
.gyl_part7 ul .li_hover .shuju{background:url(/Images/jjfa/gongyl/gyl_shuju_on.png); left:40px;}
.gyl_part7 ul .li_hover .jicheng{background:url(/Images/jjfa/gongyl/gyl_jicheng_on.png); left:40px;}
.gyl_part7 ul .li_hover .anquan{background:url(/Images/jjfa/gongyl/gyl_anquan_on.png); left:40px;}
.gyl_part7 ul .li_hover .tit_h3{color:#fff; left:40px;}
.gyl_part7 ul .li_hover p{display:block;}
.tit_h3_on{font-size:18px; font-weight:bold; position:absolute; left:40px; top:240px; color:#fff; display:none;}
.gyl_part7 ul .li_hover .tit_h3_on{display:block;}
.gyl_part7 ul .li_hover .tit_h3{display:none;}
.gyl_part7 ul li:nth-child(1).li_hover{background:url(/Images/jjfa/gongyl/qianduan1.jpg);}
.gyl_part7 ul li:nth-child(2).li_hover{background:url(/Images/jjfa/gongyl/yewu2.jpg);}
.gyl_part7 ul li:nth-child(3).li_hover{background:url(/Images/jjfa/gongyl/fangwen3.jpg);}
.gyl_part7 ul li:nth-child(4).li_hover{background:url(/Images/jjfa/gongyl/jicheng4.jpg);}
.gyl_part7 ul li:nth-child(5).li_hover{background:url(/Images/jjfa/gongyl/anquan5.jpg);}

@media screen and (max-width:600px) {
/*.topimg{height:50vw; width:100%; object-fit:cover;}*/
.topbanner{height:55vw; width:100%; background-position:center;}
.gp1_main{position:relative; padding:34vw 0 43vw 0; margin-top:30px;}
.gp1_main img{display:block; margin:50px auto; padding:15px 0; width:100%;}
.gp1_main ul .li_left{text-align:right;background:url(/Images/jjfa/gongyl/gyl_07.png);background-position:right top;width:50vw;box-sizing:border-box;padding:6vw 10vw 15vw 3vw;background-size:100% 100%;}
.gp1_main ul .li_right{text-align:left; background:url(/Images/jjfa/gongyl/gyl1_03.png); background-position:left top; background-size:100% 100%; padding:6vw 3vw 18vw 8vw; width:50vw; box-sizing:border-box;}
.gyl_model ul li{width:94vw; position:relative; height:auto; margin:7vw 3vw 0vw 3vw; padding:5vw 3vw; box-sizing:border-box; float:initial; background-color:rgba(255, 255, 255, 0.8); border:2px solid #fff; border-radius:20px; box-shadow:10px 15px 30px rgba(109, 167, 188, 0.15);}
.gyl_part2 {width:100%; padding:60px 0 10px 0; background:url(/Images/jjfa/gongyl/gyl1_30.jpg); background-size:100% 100%;}
.gp3_main {position:relative; margin:0px 0 20px 0;}
.mcenter {width:70%;}
.gp3_main ul {position:unset;width:100vw;}
.gp3_main ul li {width:45vw; overflow:hidden; padding:2vw; position:unset; float:left; height:115px;}
.gp3_main ul li em{display:none;}
.gp3_li_left {left:0; text-align:right;}
.gp3_li_right{right:0px; margin-right:0;}
.gp3_main ul:after{content:""; clear:both; display:table;}
.gp3_main ul li:nth-child(1){text-align:right;}
.gp3_main ul li:nth-child(2){text-align:left; float:right;}
.gp3_main ul li:nth-child(3){text-align:right;}
.gp3_main ul li:nth-child(4){text-align:left; float:right;}
.gp3_main ul li:nth-child(5){text-align:right;}
.gp3_main ul li:nth-child(6){text-align:left; float:right;}
.gyl_part4{width:100%; padding:40px 0; background:url(/Images/jjfa/gongyl/gyl1_76.jpg); background-size:auto 100%;}
.gyl_part4 ul{height:auto; overflow:hidden; padding:10px 0 0px 0; max-width:100vw; margin:0 auto;}
.gyl_part4 ul li {width:90vw; float:none; margin:3vw auto; height:auto; padding:3vw; text-align:left;}
.gyl4des{opacity:1; padding:10px 20px;}

.gyl_part5 img{margin:0 auto; padding-top:20px; width:100%;}
.gyl_part6{background-size:auto 100%;}
.gyl_part6 ul{max-width:100vw; margin:20px auto; height:auto; overflow:hidden;}
.gyl_part6 ul li{width:50vw; float:left; text-align:center; color:#fff;}
.gyl_part6 ul li img{width:100%; margin:0 auto;}
.gyl_part6 ul li p{width:80%; margin:0 auto; line-height:22px; font-size:14px;}
.gyl_part7{padding:50px 0 0px 0;}
.gyl_part7 ul li{width:100vw; height:80px; background:url(/Images/jjfa/gongyl/gyl1_134.jpg); background-position:0 bottom; background-size:100% auto; margin:0 1px; position:relative;}
.gyl_part7 ul li.li_hover{width:100vw; height:75vw;background-size:100% 100% !important;}
.gyl_part7 ul li strong{font-size:30px; font-weight:bold; width:40px; height:40px; position:absolute; right:inherit; top:3vw; left:6vw; text-align:center; color:#ffffff; display:block;}
.gp7_more{position:absolute; left:inherit; bottom:5vw; right:3vw;}
.gyl_part7 ul li strong::after{background:#fff;}
.gyl_part7 ul li .tit_h3{font-size:13px; font-weight:bold; position:absolute; left:100px; top:5vw;}

.gyl_model ul li:hover{transform:translateY(0);box-shadow:10px 15px 30px rgba(109,167,188,0.15);}
.gp3_li_left:hover{text-shadow:2px 2px 2px rgba(0,0,0,0); transform:translate(0);}
.gp3_li_right:hover{text-shadow:2px 2px 2px rgba(0,0,0,0); transform:translate(0);}
.gp3_main ul li .tit_h3{border-bottom:1px solid #d572cf; padding-bottom:10px; margin-bottom:10px;}
.gp3_main ul li:nth-child(2) .tit_h3 img{float:left;}
.gp3_main ul li:nth-child(5) .tit_h3 img{float:right;}

.gp3_main ul li p{padding-top:0;}
.gp3_main ul li:nth-child(5) em,.gp3_main ul li:nth-child(2) em{display:none;}
.gyl_part3{padding-bottom:0;}
.h5des{padding-top:0 !important;margin-top:0 !important;}
.gyl_model ul{padding-top:0;}
.gyl_part4 ul li img{float:left;}
.gyl_part4 ul li:hover img{padding:15px 0; height:auto;}
.gyl_part4 ul li p{padding-top:15px;}
.gyl_part4 ul li:hover{transform:translateY(0);}
.gyl_part7 ul{margin-bottom:0;}
.h5title{padding-bottom:5px !important;}
.li_left .tit_h3,.li_right .tit_h3{font-size:18px;}
.gp1_main ul li p{font-size:13px; line-height:20px;}
.gp1_main ul li .tit_h3{padding-bottom:5px;}
.gyl_part6 ul li .tit_h3{font-size:18px;}

.gyl_part7 ul li p{top:245px;}
.tit_h3_on{top:210px;}
.gyl_part7 ul li em{top:160px;}

}