/*banner136*/
.banner136 {width:100%;float:left;text-align:center;position:relative;}

.banner136 .bgbox {width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.banner136 .bgbox img {/* width:100%; *//* height:100%; */position:absolute; top:0; left:0; margin:auto; min-height:100%; min-width:100%;}

.banner136 .bnr_wrap {width:100%; box-sizing:border-box; position:relative; padding:150px 0; background:rgba(255,255,255,0.8);}
.banner136 .bnr_wrap .mx1300 {width:100%;max-width: 1330px;margin:0 auto;position:relative;height:auto;padding: 0 15px;box-sizing: border-box;z-index:0;}
.banner136 .bnr_wrap .txtbox {display:inline-block;width:45%;box-sizing:border-box;text-align:left;}
.banner136 .bnr_wrap .txtbox .tit {letter-spacing:-0.5px;line-height:120%;margin-bottom:20px;color:#333;float:left;display:block;box-sizing:border-box;width:100%;}
.banner136 .bnr_wrap .txtbox .co {font-size:18px; color:#333; line-height:145%; margin-top:15px; float:left; width:100%; display:block; box-sizing:border-box; word-break:keep-all;}

.banner136 .bnr_wrap .imgbox {margin:auto; vertical-align:middle; z-index:0; box-sizing:border-box; width:65%; float:left; display:inline-block;
							  position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:left; z-index:-1;}
.banner136 .bnr_wrap .imgbox img {max-width:100%;display:inline-block;}
.banner136 .bnr_wrap .imgbox.fr {right:0;left:auto;text-align:right;}

@keyframes topbtm_fx {
  0%  {padding-top:40px;}
  35% {padding-top:0;}
  70% {padding-top:25px;}
}

@keyframes topbtm_hvfx {
  0% {padding-top:0;}
  50% {padding-top:35px;}
}

.banner136 .btnbox {padding-top:30px; display:inline-block;float:right;}
.banner136 .btnbox.fl {float:left;}
.banner136 .btnbox div {padding:12px 30px; border-radius:30px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;text-align:left;line-height:normal;}
.banner136 .btnbox div a {color:#fff; font-size:18px; width:100%; display:block;}
.banner136 .btnbox div a:after {content:'\f105'; font-family:FontAwesome; font-size:25px; margin-left:15px; vertical-align:middle;}
.banner136 .btnbox div:first-of-type {background:#2c55a6; margin-bottom:15px;}
.banner136 .btnbox div:last-of-type {background:#067dbf;}

.banner136 .btnbox div:hover {box-shadow:2px 2px 3px 0px rgba(0,0,0,0.3);}

	

	
	@media (min-width:1300px){
		.banner136 .bnr_wrap .txtbox .tit {font-size:54px;}
	}
	@media (min-width:991px) and (max-width:1299px){
		.banner136 .bnr_wrap .txtbox .tit {font-size:45px; text-shadow:0px 1px 2px #fff;}
	}

	@media (min-width:800px) and (max-width:990px){
		.banner136 .bnr_wrap .txtbox .tit {font-size:35px; text-shadow:0px 1px 2px #fff;}
		.banner136 .bnr_wrap .txtbox .co {font-size:17px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.banner136 .bnr_wrap .txtbox .tit {font-size:28px; text-shadow:0px 1px 2px #fff;}
		.banner136 .bnr_wrap .txtbox .co {font-size:16px;}
	}

	@media (max-width:599px){
		.banner136 .bnr_wrap .txtbox .tit {font-size:25px;margin-bottom:10px;}
		.banner136 .bnr_wrap .txtbox .co {font-size:15px;margin-top:5px;}
	}






	@media (min-width:990px){
		.banner136 .bnr_wrap .imgbox {animation:topbtm_fx 2s linear 0s 1 normal forwards;}
		.banner136 .bnr_wrap .imgbox:hover img {animation:topbtm_hvfx 2s linear 0s 1 normal forwards;}

		.banner136 .bgbox img {left:-999px; right:-999px;}
	}
	@media (max-width:990px){
		.banner136 .bgbox.m-widebg {}
		.banner136 .bgbox.m-widebg img {margin-top:150px; left:auto; right:-999px;}
		
		.banner136 .bnr_wrap .imgbox {position:relative; width:100%; text-align:center !important; top:0; transform:none;}
		
		.banner136 .bnr_wrap .txtbox {width:100%; padding:0 15px;}
		.banner136 .btnbox {float:left; padding-top:20px; margin-top:0px !important;}
        .banner136 .btnbox div {padding:10px 20px;}
        .banner136 .btnbox div:first-of-type:not(:only-of-type) {margin-bottom:10px;}
        .banner136 .btnbox div a {font-size:15px;}
	}

	@media (min-width:600px) and (max-width:990px){
		.banner136 .bnr_wrap {padding:90px 0;}
		.banner136 .bnr_wrap .imgbox {padding-bottom:30px;}
		.banner136 .bnr_wrap .imgbox img {max-height:300px;}
		
	}

	@media (max-width:599px){
		.banner136 .bnr_wrap {padding:70px 0;}
		.banner136 .bnr_wrap .imgbox {padding-bottom:20px;}
		.banner136 .bnr_wrap .imgbox img {max-width:85%;max-height:200px;}
	}