body,html{margin:0;padding:0;overflow-x:hidden;font-family:Microsoft YaHei; font-weight:normal;box-sizing:border-box;font-style:normal; background-color:#fff;font-size:16px; color:#333;}
ul{ margin:0; padding:0;box-sizing:border-box;}
li{ list-style:none;}

/*---------top-------*/
.pxyks_top_wap{ width:100%; height:150px;box-sizing:border-box; margin:0; padding:0; background:url(../img/pxyks_1.png) no-repeat 0 0;background-size:100% 100%;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both; font-size:48px; font-weight:bold; color:#356dee;}


/*---------main-------*/
.pxyks_main_box{ width:100%; height:auto; min-height:785px;box-sizing:border-box; margin:0; padding:0; background:url(../img/pxyks_4.png) no-repeat 0 0;background-size:100% 100%;}
.pxyks_main_wap{ width:100%; max-width:1000px; height:auto;box-sizing:border-box; margin:0 auto; position:relative; padding:0;display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;align-items:flex-start;}

.pxyks_title_wap{width:100%; height:auto;box-sizing:border-box; margin:50px 0; padding:0; text-align:center; font-size:28px; line-height:36px; color:#333;}
.pxyks_card_wap{width:100%; height:auto;box-sizing:border-box; margin:0; padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between;align-items:flex-start; overflow:hidden; clear:both;}
.pxyks_card_ksxt{ width:460px; height:220px; margin:0; padding:0; font-size:33px; font-weight:600;box-sizing:border-box; display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both;border-radius:5px; position:relative;}
.pxyks_card_wap .pxyks_card_ksxt a{ width:100%; height:100%;box-sizing:border-box; margin:0; padding:0 0 0 48px;text-decoration:none; color:#fff;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-start;align-items:center ;overflow:hidden; clear:both;}

.pxyks_card_bmxt{width:460px; height:220px; margin:0; padding:0 0 0 60px; font-size:33px; font-weight:600;box-sizing:border-box;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-start;align-items:center;overflow:hidden; clear:both;border-radius:5px; position:relative;}
.pxyks_card_bmxt h2{ font-size:33px; font-weight:600; color:#fff;}
.pxyks_card_bmxt{background-image:linear-gradient(to right, #2f6eff, #4999ff); position:relative;}
/*-----.pxyks_card_bmxt:hover{background-image:linear-gradient(to left, #2f6eff, #4999ff);}---*/

.qy_gr_wap{ position:absolute; right:0; top:0; width:180px; height:100%;box-sizing:border-box;margin:0; padding:0;display:block; z-index:99;display:flex; flex-direction:row; flex-wrap:wrap; justify-content:end;align-items:flex-start ;overflow:hidden; clear:both;}
.qy_gr_wap a{ width:100%; height:50%;box-sizing:border-box; margin:0; padding:0; display:block; color:#fff;text-decoration:none;}
.qy_gr_wap a .qytt_box, .qy_gr_wap a .gr_box{width:100%; height:100%; background-image:linear-gradient(to bottom, #8595f5, #6a57f0);box-sizing:border-box; margin:0; padding:0; display:block; overflow:hidden; position:relative;}
.qy_gr_wap a .qytt_box h3, .qy_gr_wap a .gr_box h3{ font-size:20px; font-weight:600; line-height:40px;box-sizing:border-box; margin:0 0 0 25px; padding:25px 0 0 0;}
.qy_gr_wap a .jr_box, .qy_gr_wap a .jr_box{ font-size:12px; font-weight:500; border:1px solid rgba(255, 255, 255, 0.5); width:80px; height:20px; text-align:center; box-sizing:border-box; margin:0 0 0 25px; padding:0;}
.qy_gr_wap a .qytt_box{  background-image:linear-gradient(to bottom, #3fd4dc, #02bec1);}
.qy_gr_wap a .gr_box{background-image:linear-gradient(to bottom, #8595f5, #6a57f0); }
.qy_gr_wap a .qytt_box:hover{  background-image:linear-gradient(to right, #3fd4dc, #02bec1);}
.qy_gr_wap a .gr_box:hover{background-image:linear-gradient(to right, #8595f5, #6a57f0); }


.pxyks_card_wap .pxyks_card_ksxt{background-image:linear-gradient(to right, #01c492, #1ae999);}
.pxyks_card_wap .pxyks_card_ksxt:hover{background-image:linear-gradient(to left, #01c492, #1ae999);}
.pxyks_card_wap .pxyks_card_ksxt a{background:url(../img/pxyks_6.png) no-repeat right bottom;}

.pxyks_tip_wap{width:100%; height:auto;box-sizing:border-box; margin:40px 0; padding:0;font-size:16px; line-height:30px;}
.pxyks_tip_wap span{ color:#ff0000;}
.pxyks_tip_wap > div{width:100%; height:auto; margin:10px 0;box-sizing:border-box; padding-left:40px;}
.pxyks_tip_wap > div:first-child{ padding-left:0;}

.pxyks_button_wap{width:100%; height:auto;box-sizing:border-box; margin:0; padding:0;display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:center;align-items:center; overflow:hidden; clear:both;}
.pxyks_button_wap button{outline:0; border:0;}
.pxyks_button_wap .cktz-btn{ width:240px; height:50px;box-sizing:border-box; margin:0; padding:0; background:#356dee; color:#fff;border-radius:5px; font-size:16px; cursor:pointer;}
.pxyks_button_wap .cktz-btn:hover{ background:#275ebb;}









@media (min-width:1200px) and (max-width:1399px){

}

@media (min-width:992px) and (max-width:1199px){
.pxyks_main_wap{ width:90%; max-width: inherit; margin:0 auto; position:relative;}
.pxyks_card_wap > div{ width:48%; height:210px;}
}

@media (min-width:768px) and (max-width:991px){
.pxyks_main_wap{ width:90%; max-width: inherit; margin:0 auto; position:relative;}
.pxyks_card_wap > div{ width:48%; height:200px;}
}

@media (min-width:601px) and (max-width:767px){

}

@media screen and (max-width:600px){
.pxyks_top_wap{  height:150px;font-size:40px;}

.pxyks_title_wap{margin:20px 0; font-size:24px; line-height:36px; }
.pxyks_card_wap{flex-wrap:wrap;}
.pxyks_card_wap > div{ width:90%; height:150px; margin:10px auto; position:relative;}
.pxyks_tip_wap{ width:90%;margin:10px auto; position:relative;font-size:17px; line-height:30px;}
.pxyks_tip_wap > div{ padding-left:0px;}

.qy_gr_wap a .qytt_box h3, .qy_gr_wap a .gr_box h3{ font-size:16px;line-height:30px;margin:0 0 0 25px; padding:10px 0 0 0;}
}