@charset "utf-8";
/* CSS Document */

body {padding:0; margin: 0; font-size: 12px; font-family:"Microsoft Yahei";}
ul,ol{list-style:none; padding: 0; margin: 0;}
.clear{clear:both;}

.container{width:1200px; margin: 0 auto;}
.banner{ background-image: linear-gradient(to bottom right,#0B65C6 50%,#105BAA 100%);}
.banner .ban{display:flex; flex-wrap: wrap; padding:4% 0 2%;}
.banner .ban .b-l{width:50%; text-align: right; padding-right: 5%; padding-top: 8%;}
.banner .ban .b-l .tit{font-size:48px;font-weight: bold; color: #FFF; margin-bottom: 30px;}
.banner .ban .b-l .xz{ display: flex; width:30%; margin-left: auto; background: #FFF; color: #4696e5; font-size: 18PX;  cursor: pointer; padding: 10px 25px; border-radius: 20px; justify-content: center; align-content:center; align-items: center;}
.banner .ban .b-l .xz img{width:30px; margin-right: 10px;}
.banner .ban .b-r{width:50%; justify-content: flex-start;}
.banner .ban .b-r img{max-width:60%;}

.jieshao{background:#fbfbfb;color:#828282; padding:80px 0;text-align: center;}
.jieshao .tit{ font-size: 28px; }
.jieshao .text{font-size:20px; padding: 40px 0; line-height: 1.8;}

.copyright{background:#f7f7f7; padding:30px 0; text-align: center; color: #333;}

.logos {
    padding: 20px 0;
}
.logos img {
    height: 40px;
}


@media (max-width:767px) {
	.container{width:100%;}
	.banner .ban .b-l{width:100%;}
	.banner .ban .b-r{width:100%; text-align: center;}
	.banner .ban .b-l .xz{width:90%; margin: 0 auto 20px; padding:12px 0;}
	.banner .ban .b-l .tit{text-align:center;}
	
}