@media screen and (min-width: 1024px){
.width1400{ width:1400px; margin:0 auto; } 
.headbox{ height:80px; display:flex; justify-content:space-between; align-items:center; }
.logobox{ display:flex; align-items:center;  }
.logobox i{ padding:0 10px; }
.logobox span{ font-size:20px; }
.topnav{ display:flex; align-items:center; justify-content:right; }
.topnav a{ border:1px solid #b7b7b7; padding:0px 10px; border-radius:5px; margin:0 5px; }
.width1920{ width:100%; margin:0 auto; }
.bannerbox{ height:560px; background:url(../jpg/fjpcw3.jpg) no-repeat center; background-size:auto 100%; }
.bannercontent{ height:100%; display:flex; flex-direction:column; justify-content:center; align-items: flex-start;}
.bannercontent p{ width:650px; font-size:18px; padding:35px 0; color:#fff; }
.bannerlink{ display:flex; align-items:center; }
.bannerlink a{height:56px; border-radius:28px; border:1px solid #fff; font-size:18px; color:#3e4447; 
display:flex; font-weight:bold; align-items:center; justify-content:center; padding:0 25px; margin:0 10px; background: linear-gradient(to right, #e8f6fc, #d6f5ff);}
.bannerlink a img{ margin-right:10px; }
.box2bg{ background:url(../png/rpbh3j.png) no-repeat top center; padding:60px 0; }
.box2{ display:flex; justify-content:space-between; }
.box2_right{width:270px;}
.box2_left{ width:1060px;  }
.box2_left img{ width:100%; height:auto; }
.h2title{ display:flex; justify-content:center; margin-bottom:40px; font-size:32px; }
.h2title span{ background:url(/xxgk/qt/ztlm/qyqyyjs/images/btbg.png) no-repeat left center; padding-left:15px; }
.box2_right{ display:flex; flex-direction:column; justify-content:center; }
.box2_right p{ font-size:18px; color:#333; padding-bottom:90px; }
.rightlink{ display:flex; flex-direction:column;}
.rightlink a{ margin:5px 0; width:100%; height:58px; line-height:58px; border-radius:29px; background: linear-gradient(to right, #2a61da, #61c7f3); font-size:20px; color:#fff; text-align:center; }
.box3{ background:url(../png/meobd3.png) no-repeat right bottom; height:592px; margin-bottom:50px; }
.lawlist{ background:linear-gradient(to right, #1b4ddd, #3b76e5); width:50%; border-radius:10px 20px 10px 20px; box-sizing:border-box; padding:20px; }
.lawlist ul li{ border-top:1px solid rgba(255, 255, 255, 0.2); padding:13px 0 13px 15px; background:url(../png/hpgayg.png) no-repeat left center; }
.lawlist a{ color:#fff; display:block;  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98%;   }
.more{ text-align:right; height:50px; line-height:50px; }
.box4{ padding:70px 0; background:url(../png/dbtl9z.png) no-repeat top center; }
.box5{display:flex; justify-content:space-between;}
.box4list{ background:#fff; border-radius:15px; width:49%; box-sizing:border-box; padding:30px; }
.box4title{ display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #dfecfd; }
.box4title h2{ font-size:24px; }
.box41{ display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:15px;  }
.box41 a{ width:50%; margin:5px 0; }
.box42 { padding-top:10px; }
.box42 li{  margin:10px 0; display:block; 

        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 36px;

}
.moreit{ height:30px; line-height:30px; padding:0 25px; font-size:12px; border-radius:15px; border:1px solid #b7b7b7; }

}
@media screen and (max-width: 1500px){

	.width1400{ width:1200px; margin:0 auto; } 
	.box2_left{width: 900px;}
}
@media screen and (min-width:300px) and (max-width:1024px) {
	 
	.width1400{ width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; } 
.headbox{ height:50px; display:flex; justify-content:space-between; align-items:center; }
.logobox{ display:flex; align-items:center;  }
.logobox img{ width:200px; height:auto; }
.logobox i{ padding:0 10px; }
.logobox span{ font-size:14px; }
.topnav{ display:none; align-items:center; justify-content:right; }
.topnav a{ border:1px solid #b7b7b7; padding:0px 10px; border-radius:5px; margin:0 5px; }
.width1920{ width:100%; margin:0 auto; }
.bannerbox{ height:560px; background:url(../jpg/fjpcw3.jpg) no-repeat center; background-size:cover; }
.bannercontent{ height:100%; display:flex; flex-direction:column; justify-content:center; align-items: flex-start;}
.bannercontent > img{ width:90%; height:auto; }
.bannercontent p{ width:100%; font-size:18px; padding:35px 0; color:#fff; }
.bannerlink{ display:flex; align-items:center; flex-direction:column; width:100% }
.bannerlink a{height:56px; width:90%;   border-radius:28px; border:1px solid #fff; font-size:18px; color:#3e4447; 
display:flex; font-weight:bold; align-items:center; justify-content:center;   margin: 10px; background: linear-gradient(to right, #e8f6fc, #d6f5ff);}
.bannerlink a img{ margin-right:10px; }
.box2bg{ background:url(../png/rpbh3j.png) no-repeat top right; padding:60px 0; }
.box2{ display:flex;   flex-direction:column; }
.box2_right{width:100%;}
.box2_left{ width:100%;  }
.box2_left img{ width:100%; height:auto; }
.h2title{ display:flex; justify-content:center; margin-bottom:20px; font-size:32px; }
.h2title span{ background:url(/xxgk/qt/ztlm/qyqyyjs/images/btbg.png) no-repeat left center; padding-left:15px; }
.box2_right{ display:flex; flex-direction:column; justify-content:center; }
.box2_right p{ font-size:18px; color:#333; padding:15px 0 30px 0; }
.rightlink{ display:flex; flex-direction:column;}
.rightlink a{ margin:5px 0; width:100%; height:58px; line-height:58px; border-radius:29px; background: linear-gradient(to right, #2a61da, #61c7f3); font-size:20px; color:#fff; text-align:center; }
.box3{ background:url(../png/meobd3.png) no-repeat right bottom; height:600px; margin-bottom:50px; }
.lawlist{ background:linear-gradient(to right, #1b4ddd, #3b76e5); width:100%; border-radius:10px 20px 10px 20px; box-sizing:border-box; padding:20px; }
.lawlist ul li{ border-top:1px solid rgba(255, 255, 255, 0.2); padding:13px 0 13px 15px; background:url(../png/hpgayg.png) no-repeat left center; }
.lawlist a{ color:#fff; display:block;   }
.more{ text-align:right; height:50px; line-height:50px; }
.box4{ padding:30px 0; background:url(../png/dbtl9z.png) no-repeat top center; background-size:cover;  }
.box5{display:flex; flex-direction:column;}
.box4list{ background:#fff; border-radius:15px; width:100%; margin-bottom:15px; box-sizing:border-box; padding:15px; }
.box4title{ display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #dfecfd; }
.box4title h2{ font-size:24px; }
.box41{ display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:15px;  }
.box41 a{ width:50%; margin:5px 0; font-size:14px; }
.box42 { padding-top:10px; }
.box42 li{  margin:10px 0; display:block; }
.moreit{ height:30px; line-height:30px; padding:0 25px; font-size:12px; border-radius:15px; border:1px solid #b7b7b7; }

	
}