@charset "utf-8";
.contactwaybox { position:relative; height:1000px; overflow:hidden;}
.contactwaybox .mask { background:#146872; background:rgba(20,104,114,0.8); position:absolute; top:0; bottom:0; width:100%; height:100%;}
.contactwaybox .mask.ami { top:376px;}
.bannerad { max-width:1200px; min-width:960px; height:297px; margin:0 auto; position:relative;}
.floatbox { width:475px; height:297px; background:#fff; position:absolute; right:0; top:-500px; z-index:2;}
.floatbox.ami { top:112px;}
.floatbox .tit {font-size:89px; line-height:1.2; font-weight:bold; color:#146872; text-align:center; width:100%;}
.floatbox .tit1 {line-height:1.5; font-size:20px; color:#146872; text-align:center; width:100%;}
.floatbox .tel { font-size:32.65px; line-height:2; color:#146872; text-align:center;}

.feedback { width:48%; height:auto; overflow:visible; float:left; color:#fff; padding-bottom:72px;}
.feedback dt { width:100%; height:100px; line-height:100px;}
.feedback dt i { font-size:70px; font-style:normal;}
.feedback dt .tit { font-size:36px;}
.feedback dd { margin-left:120px;}
.feedback dd .label { font-size:24px; line-height:1.5;}
.feedback dd .input { line-height:30px; height:30px; background:#fff; width:100%; border:0; margin-bottom:20px; text-indent:10px; border-radius:3px;}
.feedback dd .input:focus { border-color:#002d5c; outline:0; box-shadow: inset 0 0 1px #fff, 0 0 10px #fff;}
.feedback dd .textarea { line-height:26px; height:90px; background:#fff; width:100%; border:0; padding-left:5px; border-radius:3px;}
.feedback dd .textarea:focus { border-color:#002d5c; outline:0; box-shadow: inset 0 0 1px #fff, 0 0 10px #fff;}
.feedback dd .submit { width:120px; height:35px; border:0; font-size:18px; cursor:pointer; background:#0e4d54; color:#fff; margin-top:20px;}
.contactway { width:48%; height:auto; overflow:hidden; float:left; color:#fff; padding-bottom:72px;}
.contactway dt { width:100%; height:100px; line-height:100px;}
.contactway dt i { font-size:70px; font-style:normal;}
.contactway dt .tit { font-size:36px;}
.contactway dd { margin-left:120px;}
.contactway dd .tit { font-size:18px; font-weight:bold; line-height:30px;}
.contactway dd .tit1 { font-size:18px; line-height:30px;}
.contactway .qrcodebox { width:170px; height:auto; height:auto; overflow:hidden; float:left; margin-right:12%;}
.contactway .qrcodebox .qrcode_pic { width:150px; height:150px; margin:0 auto; margin-top:10px; /*border:10px solid #0e4d54; */overflow:hidden;}
.contactway .qrcodebox .qrcode_title { width:100%; text-align:center; margin-top:5px; line-height:36px; font-size:18px; color:#fff;}

.insidebox_bg { height:auto; padding:0;}
.insidebox { padding:0; margin:0;}
.indexbox {  width:100%; height:auto; overflow:hidden;}

@media(max-width:768px){
	.floatbox{right: 192px;}
}


@media only screen and (max-width: 640px) {
	.indexbox {  width:100%; height:auto; overflow:visible;}
	.contactwaybox { width:100%; overflow:hidden; padding-bottom:2.5rem;height: 1299px;}
	.contactwaybox .mask { position:absolute; top:0; bottom:0; width:100%; height:100%;}
	.contactwaybox .mask.ami { top:3.76rem;}
	.bannerad { min-width:98%; height:4rem;}
	.mt10 { margin-top:0.10rem;}
	.mt20 { margin-top:0.20rem;}
	.mt30 { margin-top:0.30rem;}
	.floatbox { width:96%; height:auto; background:#fff; background:rgba(255,255,255, 0.9); position:absolute; top:0; right:auto; left:0;}
	.floatbox.ami { top:0.12rem; right:auto; left:0; left:2%;}
	.floatbox .tit {font-size:1.2rem; line-height:1.2; font-weight:bold; color:#146872; text-align:center; width:100%;}
	.floatbox .tit1 {line-height:1.5; font-size:0.24rem; color:#146872; text-align:center; width:100%;}
	.floatbox .tel { font-size:0.40rem; font-weight:bold; line-height:2; color:#146872; text-align:center;}

	.feedback { width:96%; height:auto; overflow:visible; color:#fff; margin:0; margin-left:2%; padding:0;}
	.feedback dt { width:100%; height:auto; line-height:1rem;}
	.feedback dt i { font-size:0.70rem; font-style:normal;}
	.feedback dt .tit { font-size:0.60rem;}
	.feedback dd {width:100%; height:auto; overflow:visible; margin:0; padding:0;}
	.feedback dd .label { font-size:0.26rem; line-height:1.5; margin-bottom:0.10rem;}
	.feedback dd .input { line-height:0.50rem; height:0.50rem; background:#fff; width:100%; border:0; margin-bottom:0; text-indent:0.10rem; border-radius:0.05rem;}
	.feedback dd .input:focus { border-color:#002d5c; outline:0; box-shadow: inset 0 0 0.01rem #fff, 0 0 0.10rem #fff;}
	.feedback dd .textarea { line-height:0.26rem; height:0.90rem; background:#fff; width:99%; border:0; padding-left:0.05rem; border-radius:0.05rem;}
	.feedback dd .textarea:focus { border-color:#002d5c; outline:0; box-shadow: inset 0 0 0.01rem #fff, 0 0 0.10rem #fff;}
	.feedback dd .submit { width:100%; height:0.80rem; border:0; font-size:0.32rem; cursor:pointer; background:#002d5c; color:#fff; font-weight:bold; margin-top:0.20rem; border:0.01rem solid #fff; border-radius:0.05rem;}
	
	.contactway { width:96%; margin-left:2%; height:auto; overflow:visible; color:#fff;}
	.contactway { width:100%; height:auto; line-height:1rem;display:none;}
	.contactway dt i { font-size:0.70rem; font-style:normal;}
	.feedback dt .tit { font-size:0.60rem;}
	.contactway dd { margin:0; padding:0;}
	.contactway dd .tit { font-size:0.24rem; font-weight:bold; line-height:1.2;}
	.contactway dd .tit1 { font-size:0.24rem; line-height:1.5;}
	.contactway .qrcodebox { width:45%; height:auto; height:auto; overflow:hidden; float:left; margin-right:5%;}
	.contactway .qrcodebox .qrcode_pic { width:1.40rem; height:1.40rem; margin:0 auto; margin-top:0.10rem; border:0.10rem solid #002d5c; overflow:hidden;}
	.contactway .qrcodebox .qrcode_title { width:100%; text-align:center; margin-top:0.05rem; line-height:0.36rem; font-size:0.18rem; color:#fff;}
	.sitemap { height:0; overflow:hidden;}
}

@media(max-width:414px){
	.contactwaybox{height:855px}
}
@media(max-width:375px){
	.contactwaybox{height:783px}
}
@media(max-width:320px){
	.contactwaybox{height:670px}
}