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

@media screen and (min-width: 1380px) {
/*banner*/
	.banner-bj{background:url(../images/contact/bj.jpg) no-repeat;background-size:100% 100%;height:230px;}
	.banner .bread{margin-bottom:0;}
	.banner .tit{text-align:center;}
	.banner .tit h1{font-size:34px;color:#fff;margin:0 0 1% 0;}
	.banner .tit p{font-size:17px;color:#ccc;}
/*contact*/
	.contact{background:url(../images/contact/xinxibj.png) no-repeat;padding:1.2% 0;margin-top:-3%;}
	.contact ul {padding:0 3%;}
	.contact ul li{float:left;padding:1% 0;font-size:17px;color:#1a1a1a;}
	.contact ul li a{font-size:17px;color:#1a1a1a;}
	.contact ul li.one{width:14.5%;padding-left:5.5%;background:url(../images/contact/wx.png) no-repeat left center;}
	.contact ul li.two{width:14.5%;padding-left:5.5%;background:url(../images/contact/rx.png) no-repeat left center;}
	.contact ul li.three{width:21%;padding-left:5.5%;background:url(../images/contact/kf.png) no-repeat left center;}
	.contact ul li.four{width:24%;padding-left:8.5%;background:url(../images/contact/dz.png) no-repeat 12% center;}
/*message*/
	.bt-message{margin-top:2.5%;}
	.bt-message .left{width:49%;float:left;}
	.bt-message .right{width:45%;float:right;padding-left:4%;}
	.bt-message .right form div{width:100%;}
	.bt-message .right form div label{width:99.5%;font-size:17px;color:#000;margin-bottom:2.5%;display:inline-block;}
	.bt-message .right form div input{width:95.5%;font-size:17px;color:#000;margin-bottom:2.5%;height:42px;border-radius:10px;border:1px solid #9f9f9f;padding:0 2%;}
	.bt-message .right form div textarea{min-width:95.5%;max-width:95.5%;min-height:130px;max-height:150px;border-radius:10px;font-size:17px;color:#000;padding:2% 2%;font-family: MicrosoftYaHei;}
	.bt-message .right form .button button{width:40%;margin:0 30%;padding:1.5% 0;font-size:19px;color:#fff;border:0;background-image: linear-gradient(90deg,#1b9e75 0%,#006c4a 100%);border-radius: 25px;margin-top:2%;}
/*location*/
	.location .tit{text-align:center;margin:2% auto;}
	.location .tit i{font-size:30px;color:#225746;font-weight:bold;opacity:0.4;}
	.location .tit h1{font-size:34px;color:#1a1a1a;margin:0;}
	 /*map*/
	#map{width:100%;height:540px;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/contact/bj.jpg) no-repeat;background-size:100% 100%;height:230px;}
	.banner .bread{margin-bottom:0;}
	.banner .tit{text-align:center;}
	.banner .tit h1{font-size:27px;color:#fff;margin:0 0 1% 0;}
	.banner .tit p{font-size:15px;color:#ccc;}
/*contact*/
	.contact{background:url(../images/contact/xinxibj.png) no-repeat;padding:1.2% 0;margin-top:-4%;}
	.contact ul {padding:0 2%;}
	.contact ul li{float:left;padding:1% 0;font-size:16px;color:#1a1a1a;}
	.contact ul li a{font-size:16px;color:#1a1a1a;}
	.contact ul li.one{width:13.5%;padding-left:5.5%;background:url(../images/contact/wx.png) no-repeat left center;background-size:24% auto;}
	.contact ul li.two{width:13.5%;padding-left:5.5%;background:url(../images/contact/rx.png) no-repeat left center;background-size:25% auto;}
	.contact ul li.three{width:21%;padding-left:5.5%;background:url(../images/contact/kf.png) no-repeat left center;background-size:18% auto;}
	.contact ul li.four{width:27%;padding-left:8.5%;background:url(../images/contact/dz.png) no-repeat 12% center;background-size:13% auto;}
/*message*/
	.bt-message{margin-top:2.5%;}
	.bt-message .left{width:50%;float:left;}
	.bt-message .left img{width:100%;}
	.bt-message .right{width:45%;float:right;padding-left:4%;}
	.bt-message .right form div{width:100%;}
	.bt-message .right form div label{width:99.5%;font-size:16px;color:#000;margin-bottom:2%;display:inline-block;}
	.bt-message .right form div input{width:95.5%;font-size:16px;color:#000;margin-bottom:2%;height:36px;border-radius:10px;border:1px solid #9f9f9f;padding:0 2%;}
	.bt-message .right form div textarea{min-width:95.5%;max-width:95.5%;min-height:80px;max-height:110px;border-radius:10px;font-size:16px;color:#000;padding:2% 2%;font-family: MicrosoftYaHei;}
	.bt-message .right form .button button{width:40%;margin:0 30%;padding:1.5% 0;font-size:16px;color:#fff;border:0;background-image: linear-gradient(90deg,#1b9e75 0%,#006c4a 100%);border-radius: 25px;margin-top:2%;}
/*location*/
	.location .tit{text-align:center;margin:2% auto;}
	.location .tit i{font-size:24px;color:#225746;font-weight:bold;opacity:0.4;}
	.location .tit h1{font-size:27px;color:#1a1a1a;margin:0;}
	 /*map*/
	#map{width:100%;height:480px;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/contact/bj.jpg) no-repeat;background-size:100% 100%;height:180px;}
	.banner .bread{margin-bottom:0;}
	.banner .tit{text-align:center;}
	.banner .tit h1{font-size:24px;color:#fff;margin:0 0 1% 0;}
	.banner .tit p{font-size:14px;color:#ccc;}
/*contact*/
	.contact{background:url(../images/contact/xinxibj.png) no-repeat;padding:1.2% 0;margin-top:-4%;}
	.contact ul {padding:0 1%;}
	.contact ul li{float:left;padding:1% 0;font-size:16px;color:#1a1a1a;}
	.contact ul li a{font-size:15px;color:#1a1a1a;}
	.contact ul li.one{width:13.5%;padding-left:3.5%;background:url(../images/contact/wx.png) no-repeat left center;background-size:20% auto;}
	.contact ul li.two{width:13.5%;padding-left:3.5%;background:url(../images/contact/rx.png) no-repeat left center;background-size:20% auto;}
	.contact ul li.three{width:27%;padding-left:4%;background:url(../images/contact/kf.png) no-repeat left center;background-size:10% auto;font-size:15px;}
	.contact ul li.thre a{font-size:15px;}
	.contact ul li.four{width:30%;padding-left:3.5%;background:url(../images/contact/dz.png) no-repeat left center;background-size:9% auto;}
/*message*/
	.bt-message{margin-top:2.5%;}
	.bt-message .left{width:50%;float:left;}
	.bt-message .left img{width:100%;}
	.bt-message .right{width:45%;float:right;padding-left:4%;}
	.bt-message .right form div{width:100%;}
	.bt-message .right form div label{width:99.5%;font-size:15px;color:#000;margin-bottom:2%;display:inline-block;}
	.bt-message .right form div input{width:95.5%;font-size:15px;color:#000;margin-bottom:2%;height:30px;border-radius:5px;border:1px solid #9f9f9f;padding:0 2%;}
	.bt-message .right form div textarea{min-width:95.5%;max-width:95.5%;min-height:60px;max-height:90px;border-radius:5px;font-size:15px;color:#000;padding:2% 2%;font-family: MicrosoftYaHei;}
	.bt-message .right form .button button{width:40%;margin:0 30%;padding:1.5% 0;font-size:15px;color:#fff;border:0;background-image: linear-gradient(90deg,#1b9e75 0%,#006c4a 100%);border-radius: 25px;margin-top:2%;}
/*location*/
	.location .tit{text-align:center;margin:2% auto;}
	.location .tit i{font-size:20px;color:#225746;font-weight:bold;opacity:0.4;}
	.location .tit h1{font-size:24px;color:#1a1a1a;margin:0;}
	 /*map*/
	#map{width:100%;height:420px;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
	.banner-bj{background:url(../images/contact/bj.jpg) no-repeat;background-size:100% 100%;height:160px;}
	.banner .bread{margin-bottom:0;}
	.banner .tit{text-align:center;}
	.banner .tit h1{font-size:18px;color:#fff;margin:0 0 1% 0;}
	.banner .tit p{font-size:13px;color:#ccc;}
/*contact*/
	.contact{background:url(../images/contact/xinxibj.png) no-repeat;padding:1.2% 0;margin-top:-4%;}
	.contact ul {padding:0 1%;}
	.contact ul li{float:left;padding:1% 0;font-size:16px;color:#1a1a1a;}
	.contact ul li a{font-size:15px;color:#1a1a1a;}
	.contact ul li.one{width:23%;padding-left:8%;background:url(../images/contact/wx.png) no-repeat 8% center;background-size:15% auto;}
	.contact ul li.two{width:23%;padding-left:8%;background:url(../images/contact/rx.png) no-repeat 8% center;background-size:15% auto;}
	.contact ul li.three{width:31.3%;padding-left:6%;background:url(../images/contact/kf.png) no-repeat left center;background-size:13% auto;font-size:15px;}
	.contact ul li.thre a{font-size:15px;}
	.contact ul li.four{width:30%;padding-left:4%;background:url(../images/contact/dz.png) no-repeat left center;background-size:9% auto;display:none;}
/*message*/
	.bt-message{margin-top:2.5%;}
	.bt-message .left{width:50%;float:left;}
	.bt-message .left img{width:100%;}
	.bt-message .right{width:45%;float:right;padding-left:4%;}
	.bt-message .right form div{width:100%;}
	.bt-message .right form div label{width:99.5%;font-size:14px;color:#000;margin-bottom:2%;display:inline-block;}
	.bt-message .right form div input{width:95.5%;font-size:14px;color:#000;margin-bottom:2%;height:30px;border-radius:5px;border:1px solid #9f9f9f;padding:0 2%;}
	.bt-message .right form div textarea{min-width:95.5%;max-width:95.5%;min-height:60px;max-height:90px;border-radius:5px;font-size:14px;color:#000;padding:2% 2%;font-family: MicrosoftYaHei;}
	.bt-message .right form .button button{width:40%;margin:0 30%;padding:1.5% 0;font-size:14px;color:#fff;border:0;background-image: linear-gradient(90deg,#1b9e75 0%,#006c4a 100%);border-radius: 25px;margin-top:2%;}
/*location*/
	.location .tit{text-align:center;margin:2% auto;}
	.location .tit i{font-size:16px;color:#225746;font-weight:bold;opacity:0.4;}
	.location .tit h1{font-size:20px;color:#1a1a1a;margin:0;}
	 /*map*/
	#map{width:100%;height:360px;}
}

@media screen and (max-width: 768px) {
/*banner*/
	.banner-bj{background:url(../images/contact/bj.jpg) no-repeat;background-size:100% 100%;height:1.4rem;padding-top:5%;}
	.banner .bread{margin-bottom:0;}
	.banner .tit{text-align:center;}
	.banner .tit h1{font-size:18px;color:#fff;margin:0 0 1% 0;}
	.banner .tit p{font-size:13px;color:#ccc;}
/*contact*/
	.contact{background:url(../images/contact/xinxibj.png) no-repeat;background-size:100% 100%;padding:1.2% 0;}
	.contact ul {padding:0 1%;}
	.contact ul li{float:left;padding:1% 0;font-size:0.27rem;color:#1a1a1a;width:35%;padding-left:15%;}
	.contact ul li a{font-size:0.3rem;color:#1a1a1a;}
	.contact ul li.one{background:url(../images/contact/wx.png) no-repeat 8% center;background-size:20% auto;}
	.contact ul li.two{background:url(../images/contact/rx.png) no-repeat 8% center;background-size:20% auto;}
	.contact ul li.three{background:url(../images/contact/kf.png) no-repeat 8% center;background-size:20% auto;font-size:0.32rem;}
	.contact ul li.four{background:url(../images/contact/dz.png) no-repeat 8% center;background-size:20% auto;}
/*message*/
	.bt-message{margin-top:2.5%;}
	.bt-message .left{width:50%;float:left;}
	.bt-message .left img{width:100%;}
	.bt-message .right{width:96%;float:right;padding:0 2%;}
	.bt-message .right form div{width:100%;}
	.bt-message .right form div label{width:99.5%;font-size:0.3rem;color:#000;margin-bottom:2%;display:block;}
	.bt-message .right form div input{width:93%;font-size:0.3rem;color:#000;margin-bottom:2%;height:0.8rem;border-radius:5px;border:1px solid #9f9f9f;padding:0 2%;display:block;}
	.bt-message .right form div textarea{min-width:93%;max-width:93%;min-height:1.8rem;max-height:2.5rem;border-radius:5px;font-size:0.3rem;color:#000;padding:2% 2%;font-family: MicrosoftYaHei;}
	.bt-message .right form .button button{width:60%;margin:0 20%;padding:2% 0;font-size:0.3rem;color:#fff;border:0;background-image: linear-gradient(90deg,#1b9e75 0%,#006c4a 100%);border-radius: 25px;margin-top:2%;display:block;}
/*location*/
	.location{margin-top:5%;}
	.location .tit{text-align:center;margin:2% auto;}
	.location .tit i{font-size:0.27rem;color:#225746;font-weight:bold;opacity:0.4;display:block;}
	.location .tit h1{font-size:0.32rem;color:#1a1a1a;margin:0;}
	 /*map*/
	#map{width:100%;height:6rem;}

}