@charset "utf-8";
table{
				margin: 0 auto;
				border: 0;
			}
			.breif{
				padding: 20px 0;
				font-family: "微软雅黑";
				font-weight: 700;
				
			}
			.breif--blue{
				background: #0078C4;
				color: #fff;
			}
			
			.breif__text{
				margin-right: 10px;
				text-align: left;
			}
			.breif__text img{
				height: 16px;
				width: auto;
			}
			.breif--two .breif__text img{
				height: 28px;
				width: auto;
			}
			.breif__title{
				font-size: 14px;
				color: #f5c132;
				margin-bottom: 10px;
				text-align: center;
			}
			.breif__float--left{
				float: left;
				display: inline-block;
				*display: inline;
				margin-top: 2px;
				padding-right: 5px;
				line-height: 0;
				font-size: 0;
			}
			.breif__float span{
				font-size: 14px;
				line-height: 14px;
				
			}
			.breif__float small{
				font-size: 12px;
				line-height: 14px;
				
			}
			.breif__float{
				font-size: 28px;
				line-height:28px;
				text-align: left;
			}
			.breif__footer{
				clear: both;
				font-size: 16px;
			}
			.breif--blue table{
				border-color: #0078C4;
				
			}
			.breif--two table{
				border-color: #fff;
				color: #0d315c;
				
			}
			.breif--two .breif__text{
				margin-right: 0;
				margin-left: 20px;
			}
			.breif--three{
				background: #f0f8fb;
			
			}
			.breif--three table{
				border-color: #f0f8fb;
				color: #0d315c;
			}
			.breif--four table{
				border-color: #fff;
				color: #0d315c;
			}
			.breif--four .breif__float--left{
			}
			.breif__pic{
				width: 100px;
				height: auto;
			}
			.about,.contact{
				text-align: center;
				background: #007ac3;
				padding: 10px 0 20px;
				color: #fff;
			}
			.contact{
				background: #133361;
				padding-bottom: 30px;
			}
			.about__title,
			.contact__title{
				font-size: 16px;
				line-height: 16px;
			}
			.about__title--sm,
			.contact__title--sm{
				font-size: 12px;
				line-height: 12px;
			}
			.about__text,
			.contact__text{
				margin-top: 15px;
				font-size: 14px;
				line-height: 24px;
			}
			.contact__text span{
				margin-top: 15px;
			}
			.contact__pic{
				width: 200px;
			}
			.backtop{
				display: block;
				margin: 0 auto;
				width: 40px;
				margin-top: 30px;
			}
			.backtop img{
				width: 100%;
			}


		@media screen and (min-width: 768px) and (max-width: 991px) {
				.breif{
					padding: 30px 0;
				}
				.breif__text{
					margin-right: 20px;
				}
				.breif__title{
					font-size: 20px;
					margin-bottom: 15px;
					text-align: left;
				}
				.breif__float--left{
					margin-top: 5px;
					padding-right: 5px;
				
				}
				.breif__float span{
					font-size: 22px;
					line-height: 22px;
					letter-spacing: 2px;
					
				}
				.breif__float small{
					font-size: 12px;
					line-height:18px;
					letter-spacing: 1px;
					
				}
				.breif__float{
					font-size: 38px;
					line-height:38px;
					letter-spacing: 2px;
					
				}
				.breif__footer{
					text-align: left;
					font-size:20px;
					letter-spacing: 2px;
					
				}
				.breif--two .breif__text{
					margin-left:30px;
				}
				.breif__text img{
					height: 22px;
					width: auto;
				}
				.breif--two .breif__text img{
					height: 40px;
					width: auto;
				}
				.breif--four .breif__float--left{
					padding-left: 0;
				}
				.breif__pic{
					width: 200px;
					height: auto;
				}
				.about,.contact{
					padding: 20px 0 60px;
				}
				.contact{
					padding-bottom: 40px;
				}
				.about__title,
				.contact__title{
					font-size: 20px;
				}
				.about__title--sm,
				.contact__title--sm{
					font-size: 12px;
				}
				.about__text,
				.contact__text{
					margin-top: 25px;
					font-size: 14px;
					line-height: 24px;
				}
				.contact__text span{
					margin-top: 15px;
				}
				.contact__pic{
					height: 100px;
					width: auto;
				}
				.backtop{
					width: 30px;
					margin-top: 30px;
				}	
		}
				@media screen and (min-width: 992px) and (max-width: 1199px) {
			.breif{
					padding: 40px 0;
					
				}
				
				.breif__text{
					margin-right: 30px;
				}
				.breif__title{
					font-size: 22px;
					margin-bottom: 20px;
					text-align: left;
				}
				.breif__float--left{
					margin-top: 5px;
					padding-right: 5px;
				
				}
				.breif__float span{
					font-size: 24px;
					line-height: 24px;
					letter-spacing: 2px;
					
				}
				.breif__float small{
					font-size: 14px;
					line-height: 20px;
					letter-spacing: 1px;
					
				}
				.breif__float{
					font-size: 44px;
					line-height:44px;
					letter-spacing: 3px;
					
				}
				.breif__footer{
					text-align: left;
					font-size:24px;
					letter-spacing: 3px;
					
				}
				.breif--two .breif__text{
					margin-left:40px;
				}
				.breif__text img{
					height: 26px;
					width: auto;
				}
				.breif--two .breif__text img{
					height: 45px;
					width: auto;
				}
				.breif--four .breif__float--left{
					padding-left: 0;
				}
				.breif__pic{
					width: 270px;
					height: auto;
				}
				.about,.contact{
					padding: 30px 0 100px;
				}
				.contact{
					padding-bottom: 40px;
				}
				.about__title,
				.contact__title{
					font-size: 24px;
				}
				.about__title--sm,
				.contact__title--sm{
					font-size: 14px;
				}
				.about__text,
				.contact__text{
					margin-top: 30px;
					font-size: 16px;
					line-height: 24px;
				}
				.contact__text span{
					margin-top: 15px;
				}
				.contact__pic{
					height: 120px;
					width: auto;
				}
				.backtop{
					width: 40px;
					margin-top: 40px;
				}	
		}
					@media screen and (min-width: 1200px) and (max-width: 1599px) {
				.breif{
					padding: 60px 0;
				}
				
				.breif__text{
					margin-right: 40px;
				}
				.breif__title{
					font-size: 28px;
					margin-bottom: 25px;
					text-align: left;
				}
				.breif__float--left{
					margin-top: 5px;
					padding-right: 5px;
				
				}
				.breif__float span{
					font-size: 30px;
					line-height: 30px;
					letter-spacing: 3px;
					
				}
				.breif__float small{
					font-size: 16px;
					line-height: 24px;
					letter-spacing: 3px;
					
				}
				.breif__float{
					font-size: 50px;
					line-height:50px;
					letter-spacing: 4px;
					
				}
				.breif__footer{
					text-align: left;
					font-size:28px;
					letter-spacing: 4px;
					
				}
				.breif--two .breif__text{
					margin-left:40px;
				}
				.breif__text img{
					height: 30px;
					width: auto;
				}
				.breif--two .breif__text img{
					height: 50px;
					width: auto;
				}
				.breif--four .breif__float--left{
					padding-left: 0;
				}
				.breif__pic{
					width: 300px;
					height: auto;
				}
				.about,.contact{
					padding: 30px 0 100px;
				}
				.contact{
					padding-bottom: 40px;
				}
				.about__title,
				.contact__title{
					font-size: 28px;
				}
				.about__title--sm,
				.contact__title--sm{
					font-size: 16px;
				}
				.about__text,
				.contact__text{
					margin-top: 30px;
					font-size: 20px;
					line-height: 30px;
				}
				.contact__text span{
					margin-top: 15px;
				}
				.contact__pic{
					height: 150px;
					width: auto;
				}
				.backtop{
					width: 50px;
					margin-top: 50px;
				}
			}
		@media screen and (min-width: 1600px){
			.breif{
				padding: 80px 0;
			}
			.breif__text{
				margin-right: 60px;
			}
			.breif__title{
				font-size: 44px;
				margin-bottom: 40px;
				text-align: left;
			}
			.breif__float--left{
				margin-top: 5px;
				padding-right: 5px;
				line-height: 0;
				font-size: 0;
			}
			.breif__float span{
				font-size: 44px;
				line-height: 44px;
				letter-spacing: 4px;
				
			}
			.breif__float small{
				font-size: 24px;
				line-height: 30px;
				letter-spacing: 3px;
				
			}
			.breif__float{
				font-size: 74px;
				line-height:74px;
				letter-spacing: 5px;
				text-align: left;
			}
			.breif__footer{
				clear: both;
				font-size: 44px;
				letter-spacing: 5px;
				text-align: left;
			}
			.breif--two .breif__text{
				margin-right: 0;
				margin-left: 60px;
			}
		
			.breif__text img{
				height: auto;
				width: auto;
			}
			
			.breif--two .breif__text img{
				height: auto;
				width: auto;
			}
			.breif--four .breif__text{
				margin-right: 0;
				margin-left: 60px;
			}
			.breif__pic{
				width: auto;
				height: auto;
			}
			.about,.contact{
				text-align: center;
				padding: 50px 0 140px;
			}
			.contact{
				padding-bottom: 60px;
			}
			.about__title,
			.contact__title{
				font-size: 38px;
				line-height: 50px;
			}
			.about__title--sm,
			.contact__title--sm{
				font-size: 20px;
				line-height: 30px;
			}
			.about__text,
			.contact__text{
				margin-top: 60px;
				font-size: 24px;
				line-height: 44px;
			}
			.contact__text span{
				margin-top: 15px;
			}
			.contact__pic{
				width: auto;
				height: auto;
			}
			.backtop{
				display: block;
				margin: 0 auto;
				width: 70px;
				margin-top: 70px;
			}
			.backtop img{
				width: 100%;
			}
		}