.olt_box{margin-left: -60px;margin-top: -30px;}
.olt_box > li{float: left;margin-left: 60px;margin-top: 30px;width: calc(50% - 60px);border-radius: 10px;overflow: hidden;text-align: center;}
.olt_box > li > p.tits{width: 100%;height: 60px;line-height: 60px;font-size: 24px;color: #fff;font-weight: 500;background: #269e50;}
.olt_box > li > p.bg2{background: #3a7ea9;}
.olt_box > li > div.boxs{height: 170px;padding: 30px 15px 10px 15px;background: #f8f8f8;}
.olt_box > li > div.boxs > p{margin-bottom: 15px;font-size: 18px;color: #333;word-break: keep-all;}
.olt_box > li > div.boxs > a{display: inline-block;width: 156px;height: 46px;line-height: 46px;border-radius: 5px;background: #4e586f;font-size: 18px;color: #fff;}
.olt_box.only-li{width: 100%;max-width: 520px;margin: 30px auto;}
.olt_box.only-li > li{float: none;margin: 0;width: 100%;}

body.n-mpbg{position: relative;overflow: hidden;}
body.n-mpbg::before{position: absolute;top: 0;left: 0;z-index: 19;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);content:"";}
.new2021-map1{position: relative;margin-top: 50px;}/* 2021-04-27 */
.new2021-map1-pop{display: none;position: fixed;top: 50%;left: 50%;z-index: 20;background: #27ade3;padding-bottom: 20px;width: calc(100% - 40px);max-width: 720px;border-radius: 10px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.new2021-map1-pop::after{position: absolute;left: 0;bottom: 0;z-index: -1;height: 50%;width: 100%;background: #fff;border-radius: 10px;content:"";}
.new2021-map1-pop .title{position: relative;padding: 18px 20px;text-align: center;}
.new2021-map1-pop .title > *{display: block;color: #fff;}
.new2021-map1-pop .title > p{font-size: 38px;line-height: 40px;}
.new2021-map1-pop .title > a{position: absolute;top: 50%;right: 20px;margin-top: -26px;height: 52px;width: 140px;font-size: 22px;line-height: 48px;background: #008642;border: 2px solid #008642;border-radius: 6px;}
.new2021-map1-pop .title > strong{position: absolute;top: 50%;left: -17px;margin-top: -28px;width: 140px;height: 56px;line-height: 56px;font-size: 26px;background: url('/images/online/img20210415_4.png') no-repeat;background-size: 100% 100%;}
.new2021-map1-pop .pop-cent{padding: 30px 30px 10px;max-height: calc(100vh - 180px);overflow-y: auto;background: #fff;border-radius: 10px;}
.new2021-map1-pop .ft-list{}
.new2021-map1-pop .ft-list > li{color: #252525;font-size: 28px;}
.new2021-map1-pop .ft-list > li > span{display: inline-block;padding: 0 4px;position: relative;z-index: 1;}
.new2021-map1-pop .ft-list > li > span::after{position: absolute;left: 0;bottom: 0;z-index: -1;width: 100%;height: 50%;background: #d6ffff;content: "";}
.new2021-map1-pop .img-box{margin: 35px 0;text-align: center;}
.new2021-map1-pop .pop-btn{margin-top: 30px;text-align: center;}
.new2021-map1-pop .pop-btn > a{display: inline-block;margin: 10px;min-width: 138px;height: 50px;line-height: 50px;color: #fff;font-size: 22px;background: #3a3a3a;border-radius: 6px;}
.new2021-map1-pop .pop-btn > a.red{background: #b9352a;}
.new2021-map1-pop .pop-btn > a.green{background: #3a3a3a;}
.new2021-map1-pop .pop-ending{display: none;}
.new2021-map1-pop .pop-ending.on{display: block;}
.new2021-map1-pop .pop-ending .yes-no{display: table;margin: 0 auto;overflow: hidden;}
.new2021-map1-pop .pop-ending .yes-no > *{float: left;}
.new2021-map1-pop .pop-ending .yes-no > p{color: #252525;font-size: 30px;line-height: 32px;padding: 25px 20px 25px 0;}
.new2021-map1-pop .pop-ending .yes-no > span{display: none;}
.new2021-map1-pop .pop-ending .yes-no > span.on{display: block;}
.new2021-map1-pop .pop-ending .pop-explain.on{display: table;}
.new2021-map1-pop .pop-ending .pop-explain{display: none;margin-top: 30px;width: 100%;height: 88px;padding: 20px;background: #ffb1aa;}
.new2021-map1-pop .pop-ending .pop-explain > ul{display: table-cell;vertical-align: middle;}
.new2021-map1-pop .pop-ending .pop-explain > ul > li{color: #252525;font-size: 18px;line-height: 22px;margin-top: 10px;}
.new2021-map1-pop .pop-ending .pop-explain > ul > li:first-child{margin-top: 0;}
.new2021-map1-pop .pop-choice{margin: 35px 0;}
.new2021-map1-pop .pop-choice > li{position: relative;margin-top: 10px;}
.new2021-map1-pop .pop-choice > li:first-child{margin-top: 0;}
/*1117*/.new2021-map1-pop .pop-choice > li > input{width: 30px;height: 30px;display: inline-block;position: absolute;left: 0;top:0;}
/*1117*/.new2021-map1-pop .pop-choice > li > label{position: relative;vertical-align: middle;color: #252525;font-size: 20px;line-height: 30px;display: inline-block;padding-left: 42px;}
/*1117*/.new2021-map1-pop .pop-choice > li > label::before{ display:none;   position: absolute;top: 0;left: 0;width: 27px;height: 27px;background: url('/images/online/img20210415_5.png') no-repeat center top;content:"";}
/*1117*/.new2021-map1-pop .pop-choice > li > input:checked + label::before{top: -3px;width: 35px;height: 31px;background: url('/images/online/img20210415_5on.png') no-repeat center top;}
.new2021-map1-pop .pop-choice.photo-style{margin: 15px 0 35px -10px;overflow: hidden;text-align: center;}
.new2021-map1-pop .pop-choice.photo-style > li{float: left;width: calc(25% - 10px);margin: 20px 0 0 10px;}
.new2021-map1-pop .pop-choice.photo-style > li > label{display: block;width: 100%;height: auto;padding: 40px 0 45px;}
.new2021-map1-pop .pop-choice.photo-style > li > label::before,
.new2021-map1-pop .pop-choice.photo-style > li > input:checked + label::before{top: auto;bottom: 0;width: 100%;}
.new2021-map1-pop .pop-choice.photo-style > li > label > *:not(:first-child){margin-top: 10px;}
.new2021-map1-pop .pop-choice.photo-style > li .photo{position: relative;padding-top: 72%;}
.new2021-map1-pop .pop-choice.photo-style > li .photo > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.new2021-map1-pop .pop-video{display: none;position: absolute;top: 120px;left: 50%;z-index: 9;width: calc(100% - 30px);max-width: 452px;padding-top: 31px;background: #373737;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);box-shadow: 0 0 10px rgba(0,0,0,0.6);}
.new2021-map1-pop .pop-video .v-close{position: absolute;top: 8px;right: 8px;height: 15px;}
.new2021-map1-pop .pop-video .v-close > img{vertical-align: top;}
.new2021-map1-pop .pop-video .video-box{border: 3px solid #4e4e4e;}
.new2021-map1-pop .pop-video .video-box > *{width: 100%;height: 245px;vertical-align: top;margin: 0;}

.ft16-cr2{font-size: 18px;color: #222;}
.online-text3 > li.have-img{position: relative;z-index: 1;min-height: auto;margin-top: 35px;}
.online-text3 > li.have-img .rt-img{position: absolute;bottom: 0;right: 180px;z-index: -1;max-width: 28%;}/* 2021-04-29 */
.online-text3 > li > p{font-size: 17px;}

/* 2021-04-27 */
.new20210427-pop{position: absolute;top: 50%;left: 50%;width: calc(100% - 20px);max-width: 326px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);background: #fff;border: 1px solid #bfbfbf;border-radius: 10px;overflow: hidden;}
.new20210427-pop .title{position: relative;background: #4381d1;padding: 12px 40px 12px 15px;}
.new20210427-pop .title > h4{color: #fff;font-size: 18px;font-weight: 500;line-height: 20px;}
.new20210427-pop .title > .p2-close{position: absolute;top: 50%;right: 15px;margin-top: -10.5px;}
.new20210427-pop .p2-cont{padding: 0 20px;margin: 25px 0 30px;max-height: 150px;overflow-y: auto;}
.new20210427-pop .p2-cont > p{color: #666;font-size: 18px;}
/* //2021-04-27 */


@media screen and (max-width:1024px){
	.olt_box{margin-left: -20px;}
	.olt_box > li{margin-left: 20px;width: calc(50% - 20px);}

	.online-text3 > li.have-img{min-height: auto;}
	.online-text3 > li.have-img .rt-img{right: 2%;}/* 2021-04-29 */
}

@media screen and (max-width:768px){
	.olt_box{margin-left: 0;}
	.olt_box > li{float: none;margin-left: 0;width: 100%;}
	
	.new2021-map1-pop .title > p{font-size: 24px;line-height: 26px;}
	.new2021-map1-pop .title > p > img{width: 80px;}
	.new2021-map1-pop .title > a{margin-top: -20px;height: 40px;width: 100px;font-size: 16px;line-height: 36px;}
	.new2021-map1-pop .title > strong{left: -12px;margin-top: -22px;width: 100px;height: 44px;line-height: 44px;font-size: 18px;}
	.new2021-map1-pop .pop-cent{padding: 25px 20px 10px;}
	.new2021-map1-pop .ft-list > li{font-size: 22px;}
	.new2021-map1-pop .pop-btn > a{}

	.new2021-map1-pop .pop-choice > li > label{font-size: 18px;line-height: 22px;}
	.new2021-map1-pop .pop-ending .pop-explain{padding: 16px;}
	.new2021-map1-pop .pop-ending .pop-explain > ul > li{font-size: 16px;line-height: 20px;}

	.online-text3 > li.have-img{padding-right: 0;margin-top: 15px;}
	.online-text3 > li.have-img .rt-img{display: none;position: static;width: 100%;text-align: center;margin-top: 20px;}/* 2021-04-29 */
}

@media screen and (max-width: 560px){
	.new2021-map1-pop .title{padding: 15px;}
	.new2021-map1-pop .title > p{font-size: 20px;line-height: 22px;text-align: left;}
	.new2021-map1-pop .title > p > img{width: 68px;}
	.new2021-map1-pop .title > a{right: 10px;margin-top: -14px;width: 80px;font-size: 14px;height: 28px;line-height: 24px;}
	.new2021-map1-pop .title > strong{top: 8px;margin-top: 0;height: 34px;line-height: 34px;}
	.new2021-map1-pop .ft-list > li{font-size: 18px;}
	.new2021-map1-pop .img-box{margin: 30px 0;}
	.new2021-map1-pop .pop-btn > a{margin: 8px;font-size: 18px;min-width: 120px;height: 42px;line-height: 42px;}
	.new2021-map1-pop .pop-ending .yes-no > p{font-size: 24px;line-height: 24px;padding: 17px 20px 17px 0;}
	.new2021-map1-pop .pop-ending .yes-no > span{width: 60px;}
	.new2021-map1-pop .pop-choice{margin: 30px 0;}
	.new2021-map1-pop .pop-choice > li > label{font-size: 16px;line-height: 20px;}
	.new2021-map1-pop .pop-choice.photo-style{margin-top: 10px;}
	.new2021-map1-pop .pop-choice.photo-style > li{width: calc(50% - 10px);}
}

@media screen and (max-width: 480px){
	.olt_box > li > div.boxs > p{font-size: 16px;}
	.olt_box > li > div.boxs > p br{display: none;}
	.new2021-map1-pop .ft-list > li{font-size: 15px;}
	.new2021-map1-pop .pop-video .video-box > *{height: 200px;}

	/* 2021-04-27 */
	.new20210427-pop .title{padding: 10px 40px 10px 15px;}
	.new20210427-pop .title > h4{font-size: 16px;line-height: 18px;}
	.new20210427-pop .p2-cont{padding: 0 15px;margin: 20px 0 22px;max-height: 70px;}
	.new20210427-pop .p2-cont > p{font-size: 16px;}
	/* //2021-04-27 */
}

@media screen and (max-width: 375px){
	.new2021-map1-pop .title{padding-bottom: 40px;}
	.new2021-map1-pop .title > p{text-align: center;}
	.new2021-map1-pop .title > a{top: auto;bottom: 8px;margin-top: 0;}
}

.new2021-map1-pop .pop-choice > li > input:focus{border:2px solid red !important;}
.new2021-map1-pop .title > a:focus{border:2px solid red !important;}
.new2021-map1-pop .pop-btn > a:focus{border:2px solid red !important;}
.video-box iframe:focus{border:1px solid black !important;}
.map001 > a {display:inline-block;width: 10%;height: 6%;position: absolute;}
.map001 #map1-img6{top: 56%;left: 12.2%;}
.map001 #map1-img5{top: 72%;left: 17.2%;}
.map001 #map1-img8{top: 91%;left: 37.2%;}
.map001 #map1-img4{top: 85%;left: 49.2%;width: 15%;}
.map001 #map1-img3{top: 76%;left: 51.2%;width: 14%;}
.map001 #map1-img7{top: 68%;left: 57.2%;width: 11%;}
.map001 #map1-img2{top: 51%;left: 64.2%;width: 11%;}
.map001 #map1-img1{top: 30%;left: 86.2%;width: 11%;}