.xqf_k{ position:relative; background:#6bccd0 url(../img/index2020/index_23.jpg) no-repeat center; height:622px;}
 .xqf_k .bg:after{ content:""; display:block; position:absolute; bottom:-40px; left:50px; width:108px; height:107px; background:url(../img/index2020/index_26.png) no-repeat; background-size:100% 100%;  }
.xqf_logo{float:left; margin:100px 0 0 70px;} 
.xqf_right{ float:right; position:relative; margin-right:120px; margin-TOP:20px;}
.xqf_right img:not(.xqf_bg){ position:absolute; left:0; top:0; transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;}
.xqf_1_div,.xqf_2_div,.xqf_3_div,.xqf_4_div{position:absolute; width:50%; height:50%; z-index:100; }
.xqf_1_div{top:0; left:0;}.xqf_2_div{top:0;right:0;}.xqf_3_div{bottom:0; left:0;}.xqf_4_div{ bottom:0; right:0;}
.xqf_right:hover img:not(.xqf_bg){ opacity:.5;}
.xqf_1_div:hover ~ .xqf_1,.xqf_2_div:hover ~ .xqf_2,.xqf_3_div:hover ~ .xqf_3,.xqf_4_div:hover ~ .xqf_4{ opacity:1 !important; }

.xqf_cc{ color:#000;  opacity:0; margin:-20px;  width:180px; position:absolute ; background:#fff;transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;}
.xqf_1_div:hover .xqf_cc,.xqf_2_div:hover .xqf_cc,.xqf_3_div:hover .xqf_cc,.xqf_4_div:hover .xqf_cc{  opacity:1;  margin:0; }
.xqf_cc h1{ color:#fff; font-size:18px; padding:10px 20px;}
.xqf_cc h1:after{  content: ""; position:absolute;
    display: inline-block;
    width: 0;
    height: 0;
 border-left: 14px solid transparent ;border-right: 14px solid transparent ;
  }
  
  
  .xqf_cc_i{ padding:10px 20px; display:block;}
  .morex{ padding:4px 8px; border:1px solid ;  color:#3861A3; display:inline-block; border-radius:8px; margin-top:5px; background:#fff;}
  .xqf_1_div .xqf_cc{ bottom:0; right:90%;border-radius:18px 18px 0 18px;}
.xqf_1_div .xqf_cc h1{ background:#e73017; border-radius:18px 18px 0 0;}.xqf_1_div .morex{color:#e73017}
.xqf_1_div .xqf_cc h1:after{ bottom:0; right:-14px; border-bottom: 14px solid #fff;}

  .xqf_2_div .xqf_cc{ bottom:0; left:90%;border-radius:18px 18px  18px 0;}
.xqf_2_div .xqf_cc h1{ background:#fec911;border-radius:18px 18px 0 0;}.xqf_2_div .morex{color:#fec911}
.xqf_2_div .xqf_cc h1:after{ bottom:0; left:-14px;  border-bottom: 14px solid #fff;}

  .xqf_3_div .xqf_cc{ bottom:0; right:90%;border-radius:18px}
.xqf_3_div .xqf_cc h1{ background:#5ea6ea;border-radius:18px 0 0 0;}.xqf_3_div .morex{color:#5ea6ea}
.xqf_3_div .xqf_cc h1:after{ top:0; right:-14px; border-top: 14px solid #5ea6ea;}

  .xqf_4_div .xqf_cc{ bottom:0; left:90%;border-radius:18px}
.xqf_4_div .xqf_cc h1{ background:#80d360;border-radius:0 18px 0 0;}.xqf_4_div .morex{color:#80d360}
.xqf_4_div .xqf_cc h1:after{ top:0; left:-14px;  border-top: 14px solid #80d360;}
.xqf_title{ padding:50px 0 20px 0; font-size:30px; text-align:center;}

.buer_k{ padding:70px 0 90px 0;}
.buer_dl dl:nth-of-type(1) dd{background:#fff2b9;}
.buer_dl dl:nth-of-type(2) dd{background:#cff5f7;}
.buer_dl dl:nth-of-type(3) dd{background:#ffdede;}
.buer_dl dl:nth-of-type(4) dd{background:#e3f3c2;}
.buer_dl{vertical-align:top;padding-top:40px; text-align:center;}
.buer_dl dd{ border-radius:20px; padding:10px 0;}
.buer_dl dt{  padding:15px 0; font-size:16px; font-weight:normal;}
.buer_dl dl{ vertical-align:top;margin: 0 1%; width:22%; display:inline-block;}
@media screen and (max-device-width: 1024px){
.xqf_title{ font-size:18px;}
.xqf_logo{ width:200px; height:auto; margin: 10px auto; float:none;}
.xqf_right{  margin: 10px auto; float:none; max-width:388px;}
.xqf_k .bg{ text-align:center;}
.xqf_k { padding:0 0 30px 0; height:auto; background-position: 0 0 }
}
.wulouai_jx_k,.wulouai_jx_k a{ color:#fff;}
.wulouai_jx_ki_t{  height:41px; line-height:41px; font-size:30px; padding:  30px; }
.wlai_iix_tb { width:48px; height:48px; background-size:100% 100%; display:inline-block; vertical-align:middle; position:relative; top:-1px;}
.wlai_iix_tb1 {background-image:url(../img/index2020/index_51.png) ; }
.wlai_iix_tb2 {background-image:url(../img/index2020/index_54.png) ; }
.wlai_iix_tb3 {background-image:url(../img/index2020/index_57.png) ; }
.wulouai_jx_ki{ position:relative; float:left; width:33.3%;}



.wulouai_jx_ki{ background:#3e4b5f; height:320px;   margin:16px 0;background-repeat:no-repeat;  background-position: right bottom;background-size:128px 128px; position:relative;}
.wulouai_jx_ki:nth-of-type(1) {border-radius:10px 0 0 10px;}
.wulouai_jx_ki:nth-of-type(2){ background:#0ab0a9;}
 
.wulouai_jx_ki:last-child { border-radius:0 10px 10px 0 ; background:#ea5848;}
.wulouai_jx_ki:last-child .wulouai_jx_ki_c:after{ display:none;}
.wulouai_jx_ki_c ul{  padding:30px; }
.wulouai_jx_ki_c:after{ content:"";   position:absolute; top:50%; right:-20px; z-index:10;display:block; width:40px; height:40px; margin-top:-20px; position:absolute; background:#fff;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg); }
.wulouai_jx_ki:nth-of-type(1) .wulouai_jx_ki_c:after{ background:#3e4b5f}
.wulouai_jx_ki:nth-of-type(2) .wulouai_jx_ki_c:after{ background:#0ab0a9}
.wulouai_jx_ki_c a{  padding:6px 0; font-size:16px;  display:block;}
.wulouai_jx_ki_c li i{ margin-right:2px;   font-size:24px;  vertical-align:middle;  }
.wulouai_jx_ki_c li i.on_right {  }
.dianzheli_k{ background:#e9fcfd url(../img/index2020/br.jpg) no-repeat center 0; padding:80px 0; }.dianzheli_k .bg{position:relative;}
.dianzheli_k .bg:after{ content:""; display:block; position:absolute; bottom:-40px; left:50%; width:226px; height:129px; background:url(../img/index2020/index_63.png) no-repeat; background-size:100% auto; margin-left:-80px}
.buer_title,.dianzheli_title{ width:280px; height:auto; }
@media screen and (max-device-width: 1024px){
.buer_title,.dianzheli_title{ width:160px; height:auto; margin: 0 auto; float:none;}
.buer_k,.dianzheli_k{ padding:20px 0;}
.buer_dl dd{ padding-left:5px;padding-right:5px;}
.dianzheli_k .bg:after{  width:100px; height:100px;}
 .xqf_k .bg:after{  width:60px; height:60px; bottom:-30px;}
}
@media screen and (max-device-width: 767.98px){
.xqf_title {
    padding: 20px 0 0 0;}
	.xqf_logo{ width:140px;}
	.xqf_right{ max-width:60%;}
	.xqf_cc{ height:150px; text-align:left; width:140px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);}
.xqf_2_div .xqf_cc{ height:180px; }
	
	.xqf_1_div .xqf_cc{ right:20px; top:-90%;}
	.xqf_1_div .xqf_cc h1:after{ right:-9px ;bottom:-10px;-ms-transform:rotate(45deg); 	-moz-transform:rotate(45deg); 	-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
	.xqf_2_div .xqf_cc{ left:20px; top:-120%;}
	.xqf_2_div .xqf_cc h1:after{ left:-9px ;bottom:-10px;-ms-transform:rotate(-45deg); 	-moz-transform:rotate(-45deg); 	-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
	
	.xqf_3_div .xqf_cc{ right:20px; bottom:-100%;}
	.xqf_3_div .xqf_cc h1:after{ right:-9px ;top:-10px;-ms-transform:rotate(-45deg); 	-moz-transform:rotate(-45deg); 	-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
	.xqf_4_div .xqf_cc{ left:20px; bottom:-100%;}
	.xqf_4_div .xqf_cc h1:after{ left:-9px ;top:-10px;-ms-transform:rotate(45deg); 	-moz-transform:rotate(45deg); 	-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
	
	.xqf_k{  background:#6bccd0 url(../img/index2020/index_23_.jpg) no-repeat 0 0; background-size:100% auto;}
	 .xqf_k .bg:after{  width:30px; height:30px; bottom:-15px;}
	 .buer_dl dl{ width:45%;}
	 .buer_dl dt{ font-size:12px;}
	 .buer_dl{ padding-top:10px;}
	 
	 .wulouai_jx_k{ padding:0 15px;}
	 .wulouai_jx_ki,.wulouai_jx_ki:nth-of-type(1),.wulouai_jx_ki:last-child{ height:auto; width:100%; border-radius:8px;}
	.wulouai_jx_ki_c:after{ display:none;}
	.wulouai_jx_ki_c a{ padding: 0; font-size:13px;}
	.wlai_iix_tb{ width:24px; height:24px;}
	.wulouai_jx_ki_t{        padding:10px 20px 0 20px;  font-size:16px;}
	.wulouai_jx_ki{ margin:5px 0;  }
	.wulouai_jx_ki_c ul{ display:block; clear:both; padding:10px 20px;}
	.wulouai_jx_ki_c li i{ font-size:18px;}
	.dianzheli_k .bg:after{ width:60px; height:60px; right:20%; margin:0; left:auto; bottom:-30px;}
	.buer_dl img{ max-width:70%;}
	.buer_dl dt{ padding-top:5px;}
}