@charset "utf-8";
/* CSS Document */
.contact .left form input:-moz-placeholder {color:#666;font-weight:bold;}
.contact .left form input::-moz-placeholder {color:#666;font-weight:bold;}
.contact .left form input:-ms-input-placeholder{color:#666;font-weight:bold;}
.contact .left form input::-webkit-input-placeholder{color:#666;font-weight:bold;}
.contact .left form textarea:-moz-placeholder {color:#666;font-weight:bold;}
.contact .left form textarea::-moz-placeholder {color:#666;font-weight:bold;}
.contact .left form textarea:-ms-input-placeholder{color:#666;font-weight:bold;}
.contact .left form textarea::-webkit-input-placeholder{color:#666;font-weight:bold;}


@media screen and (min-width: 1400px)  {
/*banner*/
	.banner-bj{background:url(../images/contact/top-beijing.png) no-repeat;padding-bottom:4%;}
	.banner h1{font-size:0.6rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/contact/contactus.png) no-repeat top center;}
	.banner p{font-size:0.18rem;color:#fff;text-align:center;margin:2% 0;}	
	.banner img{margin:3% auto;}
	.banner .cont{width:32%;bordeR:1px solid;background:rgba(255,255,255,0.2);border-radius:0.25rem;font-size:0.2rem;color:#fff;margin:0 auto;text-align:center;padding:0.8% 0;}
	.banner .cont:hover{background:rgba(255,255,255,0.3);}
/*contact*/
	.contact-bj{background:url(../images/contact/cc-bg.jpg) no-repeat;padding:3% 0;}
	.contact{position:relative;}
	.contact .mess-tit{position:absolute;left:0;top:6%;z-index:0;}
	.contact .left{width:53%;padding:2.5% 6% 2% 6%;float:left;background:url(../images/contact/con-liuyan.png) no-repeat;-moz-box-shadow:6px 6px 15px rgba(0,0,0,0.4); -webkit-box-shadow:6px 6px 15px rgba(0,0,0,0.4);box-shadow:6px 6px 15px rgba(0,0,0,0.4);border-radius:0px 1rem 0px 0px;position:absolute;left:0;bottom:0;z-index:1;}
	.contact .left form input{width:94%;display:block;height:60px;padding:0 3%;margin-bottom:3.5%;border-radius:0.2rem;border:1px dashed #4B5388;font-size:0.18rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form textarea{min-width:94%;padding:0 3%;max-width:94%;min-height:1rem;max-height:1rem;border-radius:0.2rem;border:1px dashed #4B5388;font-size:0.18rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form button{width:32%;margin:0 35%;display:block;font-size:0.3rem;color:#fff;font-weight:bold;text-align:center;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:0.15rem;border:0;padding:1.8% 0;}
	.contact .right{width:50%;float:right;position:relative;border-radius:0.2rem;}
	.contact .right .l-xi{background:url(../images/contact/con-youcebeijing.png) no-repeat left top;padding:8% 5% 5% 10%;}
	.contact .right .l-xi h2{font-size:0.38rem;line-height:0.36rem; margin:0;color:#fff;width:100%;padding-left:8%;margin-left:1%;background:url(../images/contact/banyuan.png) no-repeat left center;background-size:5% auto;}
	.contact .right .l-xi img{margin:8% auto;}
	.contact .right .l-xi ul{width:85%;margin:0 7.5%;}
	.contact .right .l-xi ul li{background:url(../images/contact/con-di.png) no-repeat left bottom;margin:3.5% 0;}
	.contact .right .l-xi ul li a{font-size:0.18rem;color:#fff;padding:5% 0 5% 18%;}
	.contact .right .l-xi ul li a b{font-size:0.22rem;}
	.contact .right .l-xi ul li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat 6% center;}
	.contact .right .l-xi ul li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat 6% center;}
	.contact .right .l-xi ul li:nth-child(3) a{background:url(../images/contact/con-addd.png) no-repeat 6% center;}
/*address*/
	.address{margin-top:2%;}
	.address h1{padding-top:0.3%;background:url(../images/contact/Ouraddress.png) no-repeat center top;font-size:0.36rem;color:#010101;font-family:'pi';text-align:center;}
	.address iframe{width:100%;height:4.5rem;margin-top:1%;}	
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
/*banner*/
	.banner-bj{background:url(../images/contact/top-beijing.png) no-repeat;padding-bottom:4%;}
	.banner h1{font-size:0.5rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/contact/contactus.png) no-repeat top center;}
	.banner p{font-size:0.16rem;color:#fff;text-align:center;margin:2% 0;}	
	.banner img{margin:3% auto;}
	.banner .cont{width:32%;bordeR:1px solid;background:rgba(255,255,255,0.2);border-radius:0.25rem;font-size:0.18rem;color:#fff;margin:0 auto;text-align:center;padding:0.8% 0;}
	.banner .cont:hover{background:rgba(255,255,255,0.3);}
/*contact*/
	.contact-bj{background:url(../images/contact/cc-bg.jpg) no-repeat;padding:3% 2%;}
	.contact{position:relative;}
	.contact .mess-tit{position:absolute;left:0;top:5%;z-index:0;width:25%;}
	.contact .left{width:51%;padding:5% 7%;float:left;background:url(../images/contact/con-liuyan.png) no-repeat;-moz-box-shadow:6px 6px 15px rgba(0,0,0,0.4); -webkit-box-shadow:6px 6px 15px rgba(0,0,0,0.4);box-shadow:6px 6px 15px rgba(0,0,0,0.4);border-radius:0px 1rem 0px 0px;position:absolute;left:0;bottom:0;z-index:1;}
	.contact .left form input{width:94%;display:block;height:0.54rem;padding:0 3%;margin-bottom:5%;border-radius:0.2rem;border:1px dashed #4B5388;font-size:0.18rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form textarea{min-width:94%;max-width:94%;padding:0 3%;min-height:1rem;max-height:1rem;border-radius:0.2rem;border:1px dashed #4B5388;font-size:0.18rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form button{width:32%;margin:0 35%;display:block;font-size:0.27rem;color:#fff;font-weight:bold;text-align:center;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:0.15rem;border:0;padding:1.8% 0;}
	.contact .right{width:53%;float:right;position:relative;border-radius:0.15rem;}
	.contact .right .l-xi{background:url(../images/contact/con-youcebeijing.png) no-repeat left top;padding:8% 5% 5% 10%;}
	.contact .right .l-xi h2{font-size:0.32rem;line-height:0.36rem; margin:0;color:#fff;width:100%;padding-left:8%;margin-left:1%;background:url(../images/contact/banyuan.png) no-repeat left center;background-size:5% auto;}
	.contact .right .l-xi img{margin:10% auto;}
	.contact .right .l-xi ul{width:92%;margin:0 3% 0 5%;}
	.contact .right .l-xi ul li{background:url(../images/contact/con-di.png) no-repeat left bottom;margin:5% 0;}
	.contact .right .l-xi ul li a{font-size:0.18rem;color:#fff;padding:5% 0 5% 18%;}
	.contact .right .l-xi ul li a b{font-size:0.22rem;}
	.contact .right .l-xi ul li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(3) a{background:url(../images/contact/con-addd.png) no-repeat 6% center;background-size:10% auto;}
/*address*/
	.address{margin-top:2%;}
	.address h1{padding-top:0.3%;background:url(../images/contact/Ouraddress.png) no-repeat center top;font-size:0.32rem;color:#010101;font-family:'pi';text-align:center;}
	.address iframe{width:100%;height:4rem;margin-top:1%;}	
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
	.banner-bj{background:url(../images/contact/top-beijing.png) no-repeat;padding-bottom:4%;}
	.banner h1{font-size:0.42rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/contact/contactus.png) no-repeat top center;}
	.banner p{font-size:0.15rem;color:#fff;text-align:center;margin:2% 0;}	
	.banner img{margin:3% auto;}
	.banner .cont{width:34%;bordeR:1px solid;background:rgba(255,255,255,0.2);border-radius:0.25rem;font-size:0.16rem;color:#fff;margin:0 auto;text-align:center;padding:0.8% 0;}
	.banner .cont:hover{background:rgba(255,255,255,0.3);}
/*contact*/
	.contact-bj{background:url(../images/contact/cc-bg.jpg) no-repeat;padding:3% 2%;}
	.contact{position:relative;}
	.contact .mess-tit{position:absolute;left:0;top:9%;z-index:0;width:27%;}
	.contact .left{width:51%;padding:3% 7%;float:left;background:url(../images/contact/con-liuyan.png) no-repeat;-moz-box-shadow:6px 6px 15px rgba(0,0,0,0.4); -webkit-box-shadow:6px 6px 15px rgba(0,0,0,0.4);box-shadow:6px 6px 15px rgba(0,0,0,0.4);border-radius:0px 1rem 0px 0px;position:absolute;left:0;bottom:0;z-index:1;}
	.contact .left form input{width:96%;display:block;height:0.45rem;padding:0 2%;margin-bottom:5%;border-radius:0.1rem;border:1px dashed #4B5388;font-size:0.16rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form textarea{min-width:94%;max-width:94%;padding:0 3%;min-height:1rem;max-height:1rem;border-radius:0.2rem;border:1px dashed #4B5388;font-size:0.18rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form button{width:50%;margin:0 25%;display:block;font-size:0.27rem;color:#fff;font-weight:bold;text-align:center;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:0.15rem;border:0;padding:1.8% 0;}
	.contact .right{width:53%;float:right;position:relative;border-radius:0.15rem;}
	.contact .right .l-xi{background:url(../images/contact/con-youcebeijing.png) no-repeat left top;padding:8% 5% 5% 10%;}
	.contact .right .l-xi h2{font-size:0.27rem;line-height:0.32rem; margin:0;color:#fff;width:100%;padding-left:8%;margin-left:1%;background:url(../images/contact/banyuan.png) no-repeat left center;background-size:5% auto;}
	.contact .right .l-xi img{margin:10% auto;width:60%;}
	.contact .right .l-xi ul{width:95%;margin:0 0 0 5%;}
	.contact .right .l-xi ul li{background:url(../images/contact/con-di.png) no-repeat left bottom;margin:5% 0;}
	.contact .right .l-xi ul li a{font-size:0.16rem;color:#fff;padding:5% 0 5% 18%;}
	.contact .right .l-xi ul li a b{font-size:0.18rem;}
	.contact .right .l-xi ul li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(3) a{background:url(../images/contact/con-addd.png) no-repeat 6% center;background-size:10% auto;}
/*address*/
	.address{margin-top:2%;}
	.address h1{padding-top:0.3%;background:url(../images/contact/Ouraddress.png) no-repeat center top;font-size:0.32rem;color:#010101;font-family:'pi';text-align:center;}
	.address iframe{width:100%;height:4rem;margin-top:1%;}	
}

@media screen and (max-width: 992px) and (min-width: 769px){
/*banner*/
	.banner-bj{background:url(../images/contact/top-beijing.png) no-repeat;padding-bottom:4%;}
	.banner h1{font-size:0.3rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/contact/contactus.png) no-repeat top center;}
	.banner p{font-size:0.14rem;color:#fff;text-align:center;margin:2% 0;}	
	.banner img{margin:5% auto;width:80%;}
	.banner .cont{width:45%;bordeR:1px solid;background:rgba(255,255,255,0.2);border-radius:0.25rem;font-size:0.16rem;color:#fff;margin:0 auto;text-align:center;padding:1% 0;}
	.banner .cont:hover{background:rgba(255,255,255,0.3);}
/*contact*/
	.contact-bj{background:url(../images/contact/cc-bg.jpg) no-repeat;padding:3% 2%;}
	.contact{position:relative;}
	.contact .mess-tit{position:absolute;left:0;top:10%;z-index:0;width:27%;}
	.contact .left{width:47%;padding:3% 5%;float:left;background:url(../images/contact/con-liuyan.png) no-repeat;-moz-box-shadow:6px 6px 15px rgba(0,0,0,0.4); -webkit-box-shadow:6px 6px 15px rgba(0,0,0,0.4);box-shadow:6px 6px 15px rgba(0,0,0,0.4);border-radius:0px 0.5rem 0px 0px;position:absolute;left:0;bottom:0;z-index:1;}
	.contact .left form input{width:96%;display:block;height:0.45rem;padding:0 2%;margin-bottom:5%;border-radius:0.1rem;border:1px dashed #4B5388;font-size:0.16rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form textarea{min-width:94%;max-width:94%;padding:0 3%;min-height:1rem;max-height:1rem;border-radius:0.1rem;border:1px dashed #4B5388;font-size:0.18rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form button{width:50%;margin:0 25%;display:block;font-size:0.21rem;color:#fff;font-weight:bold;text-align:center;background:linear-gradient(90deg, #AA4B6B 0%, #155799 100%);border-radius:0.15rem;border:0;padding:1.8% 0;}
	.contact .right{width:56%;float:right;position:relative;border-radius:0.1rem;}
	.contact .right .l-xi{background:url(../images/contact/con-youcebeijing.png) no-repeat left top;padding:8% 5% 5% 10%;}
	.contact .right .l-xi h2{font-size:0.24rem;line-height:0.3rem; margin:0;color:#fff;width:100%;padding-left:8%;margin-left:1%;background:url(../images/contact/banyuan.png) no-repeat left center;background-size:5% auto;}
	.contact .right .l-xi img{margin:5% auto;width:60%;}
	.contact .right .l-xi ul{width:102%;}
	.contact .right .l-xi ul li{background:url(../images/contact/con-di.png) no-repeat left bottom;margin:5% 0;}
	.contact .right .l-xi ul li a{font-size:0.16rem;color:#fff;padding:5% 0 5% 18%;}
	.contact .right .l-xi ul li a b{font-size:0.18rem;display:block;width:100%;margin-top:3%;}
	.contact .right .l-xi ul li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(3) a{background:url(../images/contact/con-addd.png) no-repeat 6% center;background-size:10% auto;}
/*address*/
	.address{margin-top:2%;}
	.address h1{padding-top:0.3%;background:url(../images/contact/Ouraddress.png) no-repeat center top;background-size:50% auto;font-size:0.27rem;color:#010101;font-family:'pi';text-align:center;}
	.address iframe{width:100%;height:3.5rem;margin-top:1%;}	
}

@media screen and (max-width: 769px) {
/*banner*/
	.banner-bj{background:url(../images/contact/top-beijing.png) no-repeat;padding:4% 2% 4% 2%;}
	.banner h1{font-size:0.36rem;color:#fff;text-align:center;font-family:'pi1';padding:0.5% 0;margin:0;background:url(../images/contact/contactus.png) no-repeat top center;}
	.banner p{font-size:0.25rem;color:#fff;text-align:center;margin:2% 0;}	
	.banner img{margin:5% auto;width:100%;}
	.banner .cont{width:90%;bordeR:1px solid;background:rgba(255,255,255,0.2);border-radius:0.25rem;font-size:0.27rem;color:#fff;margin:0 auto;text-align:center;padding:1% 0;}
	.banner .cont:hover{background:rgba(255,255,255,0.3);}
/*contact*/
	.contact-bj{background:url(../images/contact/cc-bg.jpg) no-repeat;padding:3% 2%;}
	.contact{position:relative;}
	.contact .mess-tit{position:absolute;left:0;top:10%;z-index:0;width:27%;display:none;}
	.contact .left{width:100%;padding:6% 5%;background:url(../images/contact/con-liuyan.png) no-repeat;-moz-box-shadow:6px 6px 15px rgba(0,0,0,0.4); -webkit-box-shadow:6px 6px 15px rgba(0,0,0,0.4);box-shadow:6px 6px 15px rgba(0,0,0,0.4);border-radius:0px 0.5rem 0px 0px;margin-top:5%;}
	.contact .left form input{width:96%;display:block;height:0.65rem;padding:0 2%;margin-bottom:5%;border-radius:0.1rem;border:1px dashed #4B5388;font-size:0.26rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form textarea{min-width:94%;max-width:94%;padding:0 3%;min-height:1.5rem;max-height:2rem;border-radius:0.1rem;border:1px dashed #4B5388;font-size:0.26rem;color:#333;font-family:MicrosoftYaHei;}
	.contact .left form button{width:50%;margin:0 25%;display:block;font-size:0.35rem;color:#fff;font-weight:bold;text-align:center;background:linear-gradient(90deg,#AA4B6B 0%,#155799 100%);border-radius:0.15rem;border:0;padding:1.8% 0;}
	.contact .right{width:100%;position:relative;border-radius:0.1rem;margin-top:8%;}
	.contact .right .l-xi{background:url(../images/contact/con-youcebeijing.png) no-repeat left top;background-size:110% 100%;padding:8% 5% 5% 5%;}
	.contact .right .l-xi h2{font-size:0.36rem;line-height:0.42rem; margin:0;color:#fff;width:100%;padding-left:8%;margin-left:1%;background:url(../images/contact/banyuan.png) no-repeat left center;background-size:4.5% auto;}
	.contact .right .l-xi img{margin:8% auto;width:55%;}
	.contact .right .l-xi ul{width:102%;}
	.contact .right .l-xi ul li{background:url(../images/contact/con-di.png) no-repeat left bottom;margin:5% 0;}
	.contact .right .l-xi ul li a{font-size:0.25rem;color:#fff;padding:5% 0 5% 18%;}
	.contact .right .l-xi ul li a b{font-size:0.32rem;display:block;width:100%;margin-top:1%;}
	.contact .right .l-xi ul li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat 6% center;background-size:10% auto;}
	.contact .right .l-xi ul li:nth-child(3) a{background:url(../images/contact/con-addd.png) no-repeat 6% center;background-size:10% auto;}
/*address*/
	.address{margin-top:2%;}
	.address h1{padding-top:0.3%;background:url(../images/contact/Ouraddress.png) no-repeat center top;background-size:70% auto;font-size:0.36rem;font-weight:bold;color:#010101;font-family:'pi';text-align:center;}
	.address iframe{width:100%;height:4.5rem;margin-top:1%;}	
}