@charset "utf-8";
/* CSS Document */
#map{width:100%;}
@media screen and (min-width: 1380px)  {
/*banner*/
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:100% auto;padding:1.5% 0 9% 0;position:relative;z-index:2;}
/*left*/
	.banner .left{width:58%;float:left;}
	.banner .left h1{font-size:36px;color:#ffda8b;margin:0 0 3% 0;}
	.banner .left p{font-size:17px;color:#cecece;line-height:32px;margin-bottom:2.5%;}
	.banner .left ul li{width:40%;float:left;margin-right:1%;padding:3% 0 3% 8%;}
	.banner .left ul li a{font-size:17px;color:#fff;}
	.banner .left ul li.address{background:url(../images/contact/dz.png) no-repeat left center;}
	.banner .left ul li.hotline{background:url(../images/contact/rc.png) no-repeat left center;}
	.banner .left ul li.kf{background:url(../images/contact/zx.png) no-repeat left center;}
	.banner .left ul li.mail{background:url(../images/contact/yx.png) no-repeat left center;}
/*right*/ 
	.banner .right{width:36%;float:right;}
	.banner .right label{font-size:16px;color:#fff;display:block;}
	.banner .right input{font-size:16px;width:95%;padding:0 2.5%;color:#fff;height:45px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);}
	.banner .right textarea{border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);width:95%;min-width:95%;max-width:95%;padding:1% 2.5%;min-height:100PX;max-height:150px;border-radius:10px;font-size:16px;color:#fff;}
	button{background-image: linear-gradient(90deg,#860003 0%,#b18134 100%);border-radius: 25px;border: solid 1px #ffffff;width:60%;margin:0 20%;font-size:19px;color:#fff;padding:2% 0;}
	.banner .right label,.banner .right input,.banner .right textarea{margin-bottom:3%;}
/*map*/
	.map{position:relative;margin-top:-4.5%;}
	.map h1{font-size:30px;color:#1a1a1a;padding:1.5% 0;text-align:center;margin:0 0 1.5% 0;background-color:rgba(30,32,43,0.01);background:url(../images/contact/hx.png) no-repeat bottom center;}
	#map{height:450px;}	
}

@media screen and (max-width: 1380px) and (min-width: 1200px){	
/*banner*/
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:cover;padding:1.5% 0 12% 0;position:relative;z-index:2;}
/*left*/
	.banner .left{width:58%;float:left;}
	.banner .left h1{font-size:30px;color:#ffda8b;margin:0 0 1% 0;}
	.banner .left p{font-size:15px;color:#cecece;line-height:27px;margin-bottom:1%;}
	.banner .left ul li{width:40%;float:left;margin-right:1%;padding:1% 0 1% 6%;color:#fff;}
	.banner .left ul li a{font-size:16px;color:#fff;}
	.banner .left ul li.address{background:url(../images/contact/dz.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.hotline{background:url(../images/contact/rc.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.kf{background:url(../images/contact/zx.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.mail{background:url(../images/contact/yx.png) no-repeat left center;background-size:11% auto;}
/*right*/ 
	.banner .right{width:36%;float:right;}
	.banner .right label{font-size:15px;color:#fff;display:block;}
	.banner .right input{font-size:15px;width:95%;padding:0 2.5%;color:#fff;height:40px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);}
	.banner .right textarea{border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);width:95%;min-width:95%;max-width:95%;padding:1% 2.5%;min-height:60px;max-height:80px;border-radius:10px;font-size:15px;color:#fff;}
	button{background-image: linear-gradient(90deg,#860003 0%,#b18134 100%);border-radius:25px;border: solid 1px #ffffff;width:60%;margin:0 20%;font-size:16px;color:#fff;padding:2% 0;}
	.banner .right label,.banner .right input,.banner .right textarea{margin-bottom:2%;}
/*map*/
	.map{position:relative;margin-top:-7%;}
	.map h1{font-size:30px;color:#1a1a1a;padding:1.5% 0;text-align:center;margin:0 0 1.5% 0;background-color:rgba(30,32,43,0.01);background:url(../images/contact/hx.png) no-repeat bottom center;}
	#map{height:450px;}	
}

@media screen and (max-width: 1200px) and (min-width: 992px){
	br{display:none;}
/*banner*/
	.banner-bj{background:url(../images/contact/bj1.png) no-repeat;background-size:cover;padding:1.5% 0 3% 0;position:relative;z-index:2;}
/*left*/
	.banner .left{width:62%;float:left;}
	.banner .left h1{font-size:25px;color:#ffda8b;margin:0 0 3% 0;}
	.banner .left p{font-size:15px;color:#cecece;line-height:24px;margin-bottom:1%;}
	.banner .left ul li{width:40%;float:left;margin-right:1%;padding:1.5% 0 1.5% 6%;color:#fff;}
	.banner .left ul li a{font-size:14px;color:#fff;}
	.banner .left ul li.address{background:url(../images/contact/dz.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.hotline{background:url(../images/contact/rc.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.kf{background:url(../images/contact/zx.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.mail{background:url(../images/contact/yx.png) no-repeat left center;background-size:11% auto;}
/*right*/ 
	.banner .right{width:36%;float:right;}
	.banner .right label{font-size:15px;color:#fff;display:block;}
	.banner .right input{font-size:15px;width:95%;padding:0 2.5%;color:#fff;height:35px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);}
	.banner .right textarea{border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);width:95%;min-width:95%;max-width:95%;padding:1% 2.5%;min-height:50px;max-height:80px;border-radius:10px;font-size:15px;color:#fff;}
	button{background-image: linear-gradient(90deg,#860003 0%,#b18134 100%);border-radius:25px;border: solid 1px #ffffff;width:60%;margin:0 20%;font-size:15px;color:#fff;padding:2% 0;}
	.banner .right label,.banner .right input,.banner .right textarea{margin-bottom:2%;}
/*map*/
	.map{position:relative;}
	.map h1{font-size:25px;color:#1a1a1a;padding:1.5% 0;text-align:center;margin:0 0 1.5% 0;background-color:rgba(30,32,43,0.01);background:url(../images/contact/hx.png) no-repeat bottom center;}
	#map{height:480px;}	
}

@media screen and (max-width: 992px) and (min-width: 768px){
	br{display:none;}
/*banner*/
	.banner-bj{background:url(../images/contact/bj1.png) no-repeat;background-size:cover;padding:1.5% 0 3% 0;position:relative;z-index:2;}
/*left*/
	.banner .left{width:62%;float:left;}
	.banner .left h1{font-size:20px;color:#ffda8b;margin:0 0 3% 0;}
	.banner .left p{font-size:13px;color:#cecece;line-height:21px;margin-bottom:1%;}
	.banner .left ul li{width:40%;float:left;margin-right:1%;padding:1.5% 0 1.5% 6%;color:#fff;}
	.banner .left ul li a{font-size:14px;color:#fff;}
	.banner .left ul li.address{background:url(../images/contact/dz.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.hotline{background:url(../images/contact/rc.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.kf{background:url(../images/contact/zx.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.mail{background:url(../images/contact/yx.png) no-repeat left center;background-size:11% auto;}
/*right*/ 
	.banner .right{width:36%;float:right;}
	.banner .right label{font-size:15px;color:#fff;display:block;}
	.banner .right input{font-size:15px;width:95%;padding:0 2.5%;color:#fff;height:35px;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);}
	.banner .right textarea{border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);width:95%;min-width:95%;max-width:95%;padding:1% 2.5%;min-height:50px;max-height:80px;border-radius:10px;font-size:15px;color:#fff;}
	button{background-image: linear-gradient(90deg,#860003 0%,#b18134 100%);border-radius:25px;border: solid 1px #ffffff;width:60%;margin:0 20%;font-size:15px;color:#fff;padding:2% 0;}
	.banner .right label,.banner .right input,.banner .right textarea{margin-bottom:2%;}
/*map*/
	.map{position:relative;}
	.map h1{font-size:20px;color:#1a1a1a;padding:1.5% 0;text-align:center;margin:0 0 1.5% 0;background-color:rgba(30,32,43,0.01);background:url(../images/contact/hx.png) no-repeat bottom center;}
	#map{height:420px;}	
}

@media screen and (max-width: 768px) {
    br{display:none;}
/*banner*/
	.banner-bj{background:url(../images/contact/bj1.png) no-repeat;background-size:cover;padding:1.5% 0 3% 0;position:relative;z-index:2;}
/*left*/
	.banner{padding:0 3%;}
	.banner .left{width:100%;}
	.banner .left h1{font-size:0.34rem;color:#ffda8b;margin:1.5% 0 3% 0;}
	.banner .left p{font-size:0.25rem;color:#cecece;line-height:0.38rem;margin-bottom:1%;}
	.banner .left ul li{width:87%;margin-right:1%;padding:1.5% 0 1.5% 12%;color:#fff;}
	.banner .left ul li a{font-size:0.27rem;color:#fff;}
	.banner .left ul li.address{background:url(../images/contact/dz.png) no-repeat left center;background-size:11% auto;}
	.banner .left ul li.hotline{background:url(../images/contact/rc.png) no-repeat left center;background-size:11% auto;font-size:0;}
	.banner .left ul li.kf{background:url(../images/contact/zx.png) no-repeat left center;background-size:11% auto;padding:3.5% 0 3.5% 12%;}
	.banner .left ul li.mail{background:url(../images/contact/yx.png) no-repeat left center;background-size:11% auto;padding:3.5% 0 3.5% 12%;}
/*right*/ 
	.banner .right{width:100%;margin-top:5%;}
	.banner .right label{font-size:0.27rem;color:#fff;display:block;margin-top:3%;}
	.banner .right input{font-size:0.27rem;width:90%;padding:0 2.5%;color:#fff;height:0.65rem;border-radius:10px;border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);}
	.banner .right textarea{font-family: MicrosoftYaHei;border:1px solid rgba(255, 255, 255, 0.65);background-color: rgba(255, 255, 255, 0.25);width:90%;min-width:90%;max-width:95%;padding:1% 2.5%;min-height:1.5rem;max-height:2rem;border-radius:10px;font-size:0.27rem;color:#fff;}
	button{background-image: linear-gradient(90deg,#860003 0%,#b18134 100%);border-radius:25px;border: solid 1px #ffffff;width:60%;margin:5% 20% 3% 20%;font-size:0.27rem;color:#fff;padding:2% 0;display:block;}
	.banner .right label,.banner .right input,.banner .right textarea{margin-bottom:2%;display:block;}
/*map*/
	.map{position:relative;}
	.map h1{font-size:0.34rem;color:#1a1a1a;padding:1.5% 0 3.5% 0;text-align:center;margin:3.5% 0;background-color:rgba(30,32,43,0.01);background:url(../images/contact/hx.png) no-repeat bottom center;}
	#map{height:6rem;}	
}