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

@media screen and (min-width:1400px) {
/*banner*/
	.banner-bj{background:url(../images/contact/shang_bj.jpg) no-repeat;padding-bottom:2%;}
	.contact .left{width:32%;float:left;}
	.contact .left h1{font-size:30px;color:#fff;padding-top:3%;background:url(../images/contact/Contactusnow.png) no-repeat left top;}
	.contact .left ul li{font-size:0;margin:6.5% 0;}
	.contact .left ul li a{font-size:17px;color:#fff;padding-left:13%;}
	.contact .left ul li a b{display:block;width:100%;font-size:18px;color:#fff;margin-top:4%;}
	
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/shang_yx.png) no-repeat left center;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/shang_dh.png) no-repeat left center;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/shang_dz.png) no-repeat left center;line-height:30px;}
	.contact .left ul .btn7{font-size:18px;color:#fff;width:98%;text-align:center;padding:3.5% 0;display:block;}
	.contact .left ul .btn7 i{padding:3% 6%;background:url(../images/contact/shang_kf.png) no-repeat left center;}
	.contact .right{width:62%;float:right;box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-moz-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);border-radius:10px;border: solid 2px #ffffff;}
	.contact .right iframe{width:100%;height:4.2rem;display:block;}
/*message*/
	.bd-bj{background:url(../images/contact/xia_bj.jpg) no-repeat;padding:2% 0;}
	.bd h1{font-size:30px;color:#1a1a1a;margin-top:0;}
	.bd form div{position:relative;}
	.bd form .name,.bd form .tel,.bd form .email{width:31.33%;height:40px;float:left;}
	.bd form .tel{margin:0 3%;}
	.bd form div i{width:13%;display:block;height:100%;position:absolute;left:0;top:.0;}
	.bd form div input{font-size:16px;color:#333;border-radius:5px;border:1px solid #dadada;width:85%;height:100%;padding:0 2% 0 13%;display:block;}
	.bd form .lytext{width:100%;margin-top:2%;}
	.bd form .lytext i{width:4.1%;}
	.bd form .lytext textarea{border-radius:5px;border:1px solid #e5e5e5;min-height:100px;max-height:150px;display:block;min-width:93.9%;max-width:93.9%;font-size:16px;color:#333;padding:1% 2% 1% 4.1%;font-family:Arial;}
	.bd form .anniu{font-size:17px;color:#4d4d4d;position:relative;padding:2% 0;margin-top:1%;}
	.bd form .anniu button{width:25%;padding:0.85%;border-radius:21px;border:0;font-size:17px;color:#fff;}
	.bd form .anniu .cz{background-color:rgba(120,128,139,0.8);position:absolute;top:20%;right:27%;}
	.bd form .anniu .cz:before{content:'';padding:3% 8%;background:url(../images/contact/ly_cz.png) no-repeat center;}
	.bd form .anniu .tj{background-image:linear-gradient(90deg, rgba(18,150,234,1) 0%,rgba(19,80,193,1) 100%);position:absolute;right:0;top:20%;}
	.bd form .anniu .tj:before{content:'';padding:3% 8%;background:url(../images/contact/ly_tj.png) no-repeat center;}
	.bd form .name i{background:url(../images/contact/ly_xm.png) no-repeat center;}
	.bd form .tel i{background:url(../images/contact/ly_sj.png) no-repeat center;}
	.bd form .email i{background:url(../images/contact/ly_yx.png) no-repeat center;}
	.bd form .lytext i{background:url(../images/contact/ly_ly.png) no-repeat center 12%;}	
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/contact/shang_bj.jpg) no-repeat;padding-bottom:2%;}
	.contact .left{width:32%;float:left;}
	.contact .left h1{font-size:27px;color:#fff;padding-top:3%;background:url(../images/contact/Contactusnow.png) no-repeat left top;background-size:100% auto;}
	.contact .left ul li{font-size:0;margin:6.5% 0;}
	.contact .left ul li a{font-size:16px;color:#fff;padding-left:13%;width:100%;}
	.contact .left ul li a b{display:block;width:100%;font-size:17px;color:#fff;margin-top:4%;}
	
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/shang_yx.png) no-repeat left center;background-size:10% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/shang_dh.png) no-repeat left center;background-size:10% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/shang_dz.png) no-repeat left center;background-size:10% auto;line-height:30px;}
	.contact .left ul .btn7{font-size:17px;color:#fff;width:98%;text-align:center;padding:3.5% 0;display:block;}
	.contact .left ul .btn7 i{padding:3% 6%;background:url(../images/contact/shang_kf.png) no-repeat left center;background-size:70% auto;}
	.contact .right{width:62%;float:right;box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-moz-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);border-radius:10px;border: solid 2px #ffffff;overflow:hidden;}
	.contact .right iframe{width:100%;height:4rem;display:block;}
/*message*/
	.bd-bj{background:url(../images/contact/xia_bj.jpg) no-repeat;padding:2% 0;}
	.bd h1{font-size:27px;color:#1a1a1a;margin-top:0;}
	.bd form div{position:relative;}
	.bd form .name,.bd form .tel,.bd form .email{width:31.33%;height:40px;float:left;}
	.bd form .tel{margin:0 3%;}
	.bd form div i{width:13%;display:block;height:100%;position:absolute;left:0;top:.0;}
	.bd form div input{font-size:16px;color:#333;border-radius:5px;border:1px solid #dadada;width:85%;height:100%;padding:0 2% 0 13%;display:block;}
	.bd form .lytext{width:100%;margin-top:2%;}
	.bd form .lytext i{width:4.1%;}
	.bd form .lytext textarea{border-radius:5px;border:1px solid #e5e5e5;min-height:100px;max-height:150px;display:block;min-width:93.9%;max-width:93.9%;font-size:16px;color:#333;padding:1% 2% 1% 4.1%;font-family:Arial;}
	.bd form .anniu{font-size:16px;color:#4d4d4d;position:relative;padding:2% 0;margin-top:1%;}
	.bd form .anniu button{width:25%;padding:0.85%;border-radius:21px;border:0;font-size:17px;color:#fff;}
	.bd form .anniu .cz{background-color:rgba(120,128,139,0.8);position:absolute;top:20%;right:27%;}
	.bd form .anniu .cz:before{content:'';padding:3% 8%;background:url(../images/contact/ly_cz.png) no-repeat center;}
	.bd form .anniu .tj{background-image:linear-gradient(90deg, rgba(18,150,234,1) 0%,rgba(19,80,193,1) 100%);position:absolute;right:0;top:20%;}
	.bd form .anniu .tj:before{content:'';padding:3% 8%;background:url(../images/contact/ly_tj.png) no-repeat center;}
	.bd form .name i{background:url(../images/contact/ly_xm.png) no-repeat center;}
	.bd form .tel i{background:url(../images/contact/ly_sj.png) no-repeat center;}
	.bd form .email i{background:url(../images/contact/ly_yx.png) no-repeat center;}
	.bd form .lytext i{background:url(../images/contact/ly_ly.png) no-repeat center 12%;}	
}

@media screen and (min-width:992px) and (max-width:1200px) {
/*banner*/
	.banner-bj{background:url(../images/contact/shang_bj.jpg) no-repeat;padding-bottom:2%;}
	.contact .left{width:34%;float:left;}
	.contact .left h1{font-size:24px;color:#fff;padding-top:3%;background:url(../images/contact/Contactusnow.png) no-repeat left top;background-size:100% auto;}
	.contact .left ul li{font-size:0;margin:6.5% 0;}
	.contact .left ul li a{font-size:15px;color:#fff;padding-left:18%;width:100%;}
	.contact .left ul li a b{display:block;width:100%;font-size:16px;color:#fff;margin-top:4%;}
	
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/shang_yx.png) no-repeat left center;background-size:12% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/shang_dh.png) no-repeat left center;background-size:12% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/shang_dz.png) no-repeat left center;background-size:12% auto;line-height:30px;}
	.contact .left ul .btn7{font-size:16px;color:#fff;width:98%;text-align:center;padding:3.5% 0;display:block;}
	.contact .left ul .btn7 i{padding:3% 6%;background:url(../images/contact/shang_kf.png) no-repeat left center;background-size:70% auto;}
	.contact .right{width:60%;float:right;box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-moz-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);border-radius:10px;border: solid 2px #ffffff;overflow:hidden;}
	.contact .right iframe{width:100%;height:3.5rem;display:block;}
/*message*/
	.bd-bj{background:url(../images/contact/xia_bj.jpg) no-repeat;padding:2% 0;}
	.bd h1{font-size:24px;color:#1a1a1a;margin-top:0;}
	.bd form div{position:relative;}
	.bd form .name,.bd form .tel,.bd form .email{width:31.33%;height:40px;float:left;}
	.bd form .tel{margin:0 3%;}
	.bd form div i{width:13%;display:block;height:100%;position:absolute;left:0;top:.0;}
	.bd form div input{font-size:16px;color:#333;border-radius:5px;border:1px solid #dadada;width:85%;height:100%;padding:0 2% 0 13%;display:block;}
	.bd form .lytext{width:100%;margin-top:2%;}
	.bd form .lytext i{width:4.1%;}
	.bd form .lytext textarea{border-radius:5px;border:1px solid #e5e5e5;min-height:100px;max-height:150px;display:block;min-width:93.9%;max-width:93.9%;font-size:16px;color:#333;padding:1% 2% 1% 4.1%;font-family:Arial;}
	.bd form .anniu{font-size:15px;color:#4d4d4d;position:relative;padding:2% 0;margin-top:1%;}
	.bd form .anniu button{width:23%;padding:0.85%;border-radius:21px;border:0;font-size:15px;color:#fff;}
	.bd form .anniu .cz{background-color:rgba(120,128,139,0.8);position:absolute;top:20%;right:25%;}
	.bd form .anniu .cz:before{content:'';padding:3% 8%;background:url(../images/contact/ly_cz.png) no-repeat center;}
	.bd form .anniu .tj{background-image:linear-gradient(90deg, rgba(18,150,234,1) 0%,rgba(19,80,193,1) 100%);position:absolute;right:0;top:20%;}
	.bd form .anniu .tj:before{content:'';padding:3% 8%;background:url(../images/contact/ly_tj.png) no-repeat center;}
	.bd form .name i{background:url(../images/contact/ly_xm.png) no-repeat center;}
	.bd form .tel i{background:url(../images/contact/ly_sj.png) no-repeat center;}
	.bd form .email i{background:url(../images/contact/ly_yx.png) no-repeat center;}
	.bd form .lytext i{background:url(../images/contact/ly_ly.png) no-repeat center 8%;}	
}

@media screen and (min-width:769px) and (max-width:992px) {	
/*banner*/
	.banner-bj{background:url(../images/contact/shang_bj.jpg) no-repeat;padding-bottom:2%;}
	.contact .left{width:34%;float:left;}
	.contact .left h1{font-size:20px;color:#fff;padding-top:3%;background:url(../images/contact/Contactusnow.png) no-repeat left top;background-size:100% auto;}
	.contact .left ul li{font-size:0;margin:6.5% 0;}
	.contact .left ul li a{font-size:15px;color:#fff;padding-left:18%;width:100%;}
	.contact .left ul li a b{display:block;width:100%;font-size:15px;color:#fff;margin-top:4%;}
	
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/shang_yx.png) no-repeat left center;background-size:12% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/shang_dh.png) no-repeat left center;background-size:12% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/shang_dz.png) no-repeat left center;background-size:12% auto;line-height:30px;}
	.contact .left ul .btn7{font-size:16px;color:#fff;width:98%;text-align:center;padding:3.5% 0;display:block;}
	.contact .left ul .btn7 i{padding:3% 6%;background:url(../images/contact/shang_kf.png) no-repeat left center;background-size:70% auto;}
	.contact .right{width:56%;float:right;box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-moz-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);border-radius:10px;border: solid 2px #ffffff;overflow:hidden;}
	.contact .right iframe{width:100%;height:3.1rem;display:block;}
/*message*/
	.bd-bj{background:url(../images/contact/xia_bj.jpg) no-repeat;padding:2% 0 8% 0;}
	.bd h1{font-size:20px;color:#1a1a1a;margin-top:0;}
	.bd form div{position:relative;}
	.bd form .name,.bd form .tel,.bd form .email{width:31.33%;height:40px;float:left;}
	.bd form .tel{margin:0 3%;}
	.bd form div i{width:13%;display:block;height:100%;position:absolute;left:0;top:.0;}
	.bd form div input{font-size:15px;color:#333;border-radius:5px;border:1px solid #dadada;width:85%;height:100%;padding:0 2% 0 13%;display:block;}
	.bd form .lytext{width:100%;margin-top:2%;}
	.bd form .lytext i{width:4.1%;}
	.bd form .lytext textarea{border-radius:5px;border:1px solid #e5e5e5;min-height:100px;max-height:150px;display:block;min-width:93.9%;max-width:93.9%;font-size:15px;color:#333;padding:1% 2% 1% 4.1%;font-family:Arial;}
	.bd form .anniu{margin-top:3.5%;}
	.bd form .anniu p{font-size:15px;color:#4d4d4d;position:relative;padding:2% 0;margin-top:1%;display:none;}
	.bd form .anniu button{width:25%;padding:1% 0;border-radius:21px;border:0;font-size:15px;color:#fff;}
	.bd form .anniu .cz{background-color:rgba(120,128,139,0.8);position:absolute;top:20%;right:30%;}
	.bd form .anniu .cz:before{content:'';padding:3% 8%;background:url(../images/contact/ly_cz.png) no-repeat center;}
	.bd form .anniu .tj{background-image:linear-gradient(90deg, rgba(18,150,234,1) 0%,rgba(19,80,193,1) 100%);position:absolute;right:0;top:20%;}
	.bd form .anniu .tj:before{content:'';padding:3% 8%;background:url(../images/contact/ly_tj.png) no-repeat center;}
	.bd form .name i{background:url(../images/contact/ly_xm.png) no-repeat center;}
	.bd form .tel i{background:url(../images/contact/ly_sj.png) no-repeat center;}
	.bd form .email i{background:url(../images/contact/ly_yx.png) no-repeat center;}
	.bd form .lytext i{background:url(../images/contact/ly_ly.png) no-repeat center 8%;}	

}

@media screen and (max-width:769px) {
	.top{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/*banner*/
	.banner-bj{background:url(../images/contact/shang_bj.jpg) no-repeat;padding:0 2% 2% 2%;}
	.contact .left{width:100%;}
	.contact .left h1{font-size:0.34rem;color:#fff;padding-top:3%;background:url(../images/contact/Contactusnow.png) no-repeat left top;background-size:80% auto;}
	.contact .left ul li{font-size:0;margin:5% 0;}
	.contact .left ul li a{font-size:0.24rem;color:#fff;padding-left:15%;width:85%;}
	.contact .left ul li a b{display:block;width:100%;font-size:0.27rem;color:#fff;margin-top:4%;}
	
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/shang_yx.png) no-repeat left center;background-size:12% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/shang_dh.png) no-repeat left center;background-size:12% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/shang_dz.png) no-repeat left center;background-size:12% auto;line-height:30px;}
	.contact .left ul .btn7{font-size:0.27rem;color:#fff;width:98%;text-align:center;padding:3.5% 0;display:block;}
	.contact .left ul .btn7 i{padding:3% 5%;background:url(../images/contact/shang_kf.png) no-repeat left center;background-size:70% auto;}
	.contact .right{width:100%;box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-webkit-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);-moz-box-shadow:inset 0px 0px 21px 0px rgba(0,0,0,0.33);border-radius:10px;border: solid 2px #ffffff;overflow:hidden;margin-top:5%;}
	.contact .right iframe{width:100%;height:5rem;display:block;}
/*message*/
	.bd-bj{background:url(../images/contact/xia_bj.jpg) no-repeat;padding:2% 2% 8% 2%;}
	.bd h1{font-size:0.34rem;color:#1a1a1a;margin-top:0;}
	.bd form div{position:relative;margin-bottom:4%;}
	.bd form .name,.bd form .tel,.bd form .email{width:100%;height:0.6rem;float:left;}
	.bd form div i{width:10%;display:block;height:100%;position:
		absolute;left:0;top:.0;}
	.bd form div input{font-size:0.26rem;color:#333;border-radius:5px;border:1px solid #dadada;width:88%;height:100%;padding:0 2% 0 10%;display:block;}
	.bd form .lytext{width:100%;}
	.bd form .lytext i{width:10%;}
	.bd form .lytext textarea{border-radius:5px;border:1px solid #e5e5e5;min-height:1.5rem;max-height:2rem;display:block;min-width:88%;max-width:88%;font-size:0.26rem;color:#333;padding:1% 2% 1% 10%;font-family:Arial;}
	.bd form .anniu{margin-top:3.5%;}
	.bd form .anniu p{font-size:15px;color:#4d4d4d;position:relative;padding:2% 0;margin-top:1%;display:none;}
	.bd form .anniu button{width:40%;padding:2% 0;border-radius:21px;border:0;font-size:15px;color:#fff;}
	.bd form .anniu .cz{background-color:rgba(120,128,139,0.8);position:absolute;top:20%;left:5%;}
	.bd form .anniu .cz:before{content:'';padding:3% 8%;background:url(../images/contact/ly_cz.png) no-repeat center;}
	.bd form .anniu .tj{background-image:linear-gradient(90deg, rgba(18,150,234,1) 0%,rgba(19,80,193,1) 100%);position:absolute;right:5%;top:20%;}
	.bd form .anniu .tj:before{content:'';padding:3% 8%;background:url(../images/contact/ly_tj.png) no-repeat center;}
	.bd form .name i{background:url(../images/contact/ly_xm.png) no-repeat center;}
	.bd form .tel i{background:url(../images/contact/ly_sj.png) no-repeat center;}
	.bd form .email i{background:url(../images/contact/ly_yx.png) no-repeat center;}
	.bd form .lytext i{background:url(../images/contact/ly_ly.png) no-repeat center 8%;}	
}