@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1400px)  {
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:100% 100%;padding-bottom:3%;}
	.ban{margin-top:2%;}
	.ban .cont{width:30%;float:left;}
	.ban .cont h1{font-size:24px;color:#f8b551;padding:4% 0;margin:0;background:url(../images/contact/line.png) no-repeat left bottom;margin-bottom:8%;}
	.ban .cont a{font-size:16px;color:#fff;}
	.ban .cont a b{font-size:24px;}
	.ban .cont .app{padding-left:7%;background:url(../images/contact/whatsapp.png) no-repeat left center;margin-bottom:6%;}
	.ban .cont .email{padding-left:7%;background:url(../images/contact/email.png) no-repeat left center;margin-bottom:6%;}
	.ban .cont .ewm{margin:7% 0;}
	.ban .cont p{font-size:16px;color:#fff;padding-left:7%;background:url(../images/contact/add.png) no-repeat left center;margin-bottom:5.6%;}
	.ban .cont .online{margin-top:5.5%;}
	
	.ban .biaodan{width:64%;float:right;}
	.ban .biaodan h1{font-size:24px;color:#f8b551;background:url(../images/contact/right-top.png) no-repeat;background-size:100% 100%;margin:0;padding:2% 3%;}
	.ban .biaodan h1 i{padding:0 2.4%;background:url(../images/index/p-bt.png) no-repeat left center;}
	.ban .biaodan .down{padding:1% 3%;width:94%;background:url(../images/contact/bj2.png) no-repeat;background-size:100% 100%;}
	.ban .biaodan .down p{font-size:16px;color:#333;line-height:32px;}
	.ban .biaodan .down p span{color:#f8b551;}

    .biaodan form input,.biaodan form .lytext textarea{border:1px solid #333!important;}
    .biaodan form{margin-top:1%;}
	.biaodan form div{position:relative;margin-top:2%;}
	.biaodan form div i{position:absolute;left:0;top:0;display:block;height:96%;}
	.biaodan form input{height:40px;border-radius:5px;font-size:16px;color:#333;padding:0;border:0;}
	.biaodan form .name{width:47%;float:left;}
	.biaodan form .name i{background:url(../images/index/message-right-name.png) no-repeat center;width:12%;}
	.biaodan form .name input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .tel{width:47%;float:right;}
	.biaodan form .tel i{background:url(../images/index/message-right-tel.png) no-repeat center;width:12%;}
	.biaodan form .tel input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .mail{width:100%;}
	.biaodan form .mail i{width:5.8%;background:url(../images/index/message-right-email.png) no-repeat center;}
	.biaodan form .mail input{padding:0 2% 0 6%;width:92%;}
	.biaodan form .lytext{width:100%;}
	.biaodan form .lytext i{width:5.8%;background:url(../images/index/message-right-inf.png) no-repeat center 10%;}
	.biaodan form .lytext textarea{min-width:92%;max-width:96%;min-height:90px;max-height:110px;padding:1% 2% 1% 6% ;border:0;border-radius:5px;font-family: ArialMT;font-size:16px;color:#333;}
	.biaodan form button{width:37%;padding:3.2% 0;background:url(../images/index/message-right-submit.png) no-repeat center;margin:1% 31.5% 0 31.5%;border:0;}
/*customer-focused*/
    .customer h1,.map h1{font-size:26px;color:#333;text-align:center;}
	.customer i,.map h1 i{padding:0 8%;}
	.customer i.zuo,.map i.zuo{background:url(../images/index/bt-left.png) no-repeat center;}
	.customer i.you,.map i.you{background:url(../images/index/bt-right.png) no-repeat center;}
	.customer ul{margin:3% -1% 1.5% -1%;}
	.customer ul li{width:23%;padding:0 1%;float:left;}
	.customer ul li div{border:1px solid #eee;text-align:center;padding:12% 0;}
	.customer ul li div:hover{box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-webkit-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-moz-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);}
	.customer ul li div img{width:36%;margin:0 32%;}
	.customer ul li div h3{font-size:24px;color:#333;}
	.customer ul li div p{font-size:16px;color:#333;}
/*map*/
    .map .ditu{position:relative;}
	.map .ditu iframe{border:1px solid;}
	.map .ditu img{position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.map .route{margin:1.5% 0 3% 0;}
}

@media screen and (max-width: 1400px) and (min-width: 1200px){
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:100% 100%;padding-bottom:3%;}
	.ban{margin-top:2%;}
	.ban .cont{width:30%;float:left;}
	.ban .cont h1{font-size:21px;color:#f8b551;padding:4% 0;margin:0;background:url(../images/contact/line.png) no-repeat left bottom;margin-bottom:8%;}
	.ban .cont a{font-size:15px;color:#fff;}
	.ban .cont a b{font-size:19px;}
	.ban .cont .app{padding-left:7%;background:url(../images/contact/whatsapp.png) no-repeat left center;margin-bottom:6%;}
	.ban .cont .email{padding-left:7%;background:url(../images/contact/email.png) no-repeat left center;margin-bottom:6%;}
	.ban .cont .ewm{margin:7% 0;width:100%;}
	.ban .cont p{font-size:15px;color:#fff;padding-left:7%;background:url(../images/contact/add.png) no-repeat left center;margin-bottom:5.6%;}
	.ban .cont .online{margin-top:5.5%;}
	.ban .cont .online img{width:70%;}
	
	.ban .biaodan{width:64%;float:right;}
	.ban .biaodan h1{font-size:21px;color:#f8b551;background:url(../images/contact/right-top.png) no-repeat;background-size:100% 100%;margin:0;padding:2% 3%;}
	.ban .biaodan h1 i{padding:0 2.4%;background:url(../images/index/p-bt.png) no-repeat left center;}
	.ban .biaodan .down{padding:1% 3%;width:94%;background:url(../images/contact/bj2.png) no-repeat;background-size:100% 100%;}
	.ban .biaodan .down p{font-size:15px;color:#333;line-height:27px;}
	.ban .biaodan .down p span{color:#f8b551;}

    .biaodan form input,.biaodan form .lytext textarea{border:1px solid #333!important;}
    .biaodan form{margin-top:1%;}
	.biaodan form div{position:relative;margin-top:2%;}
	.biaodan form div i{position:absolute;left:0;top:0;display:block;height:96%;}
	.biaodan form input{height:40px;border-radius:5px;font-size:15px;color:#333;padding:0;border:0;}
	.biaodan form .name{width:47%;float:left;}
	.biaodan form .name i{background:url(../images/index/message-right-name.png) no-repeat center;width:12%;}
	.biaodan form .name input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .tel{width:47%;float:right;}
	.biaodan form .tel i{background:url(../images/index/message-right-tel.png) no-repeat center;width:12%;}
	.biaodan form .tel input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .mail{width:100%;}
	.biaodan form .mail i{width:5.8%;background:url(../images/index/message-right-email.png) no-repeat center;}
	.biaodan form .mail input{padding:0 2% 0 6%;width:92%;}
	.biaodan form .lytext{width:100%;}
	.biaodan form .lytext i{width:5.8%;background:url(../images/index/message-right-inf.png) no-repeat center 10%;}
	.biaodan form .lytext textarea{min-width:92%;max-width:96%;min-height:80px;max-height:100px;padding:1% 2% 1% 6% ;border:0;border-radius:5px;font-family: ArialMT;font-size:15px;color:#333;}
	.biaodan form button{width:37%;padding:3.2% 0;background:url(../images/index/message-right-submit.png) no-repeat center;background-size:100% auto;margin:2% 31.5% 0 31.5%;border:0;}
/*customer-focused*/
    .customer h1,.map h1{font-size:24px;color:#333;text-align:center;}
	.customer i,.map h1 i{padding:0 8%;}
	.customer i.zuo,.map i.zuo{background:url(../images/index/bt-left.png) no-repeat center;background-size:85% auto;}
	.customer i.you,.map i.you{background:url(../images/index/bt-right.png) no-repeat center;background-size:85% auto;}
	.customer ul{margin:3% -1% 1.5% -1%;}
	.customer ul li{width:23%;padding:0 1%;float:left;}
	.customer ul li div{border:1px solid #eee;text-align:center;padding:15% 0;}
	.customer ul li div:hover{box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-webkit-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-moz-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);}
	.customer ul li div img{width:42%;margin:0 29%;}
	.customer ul li div h3{font-size:19px;color:#333;margin:5% 0;}
	.customer ul li div p{font-size:14px;color:#333;}
/*map*/
    .map .ditu{position:relative;}
	.map .ditu iframe{border:1px solid;}
	.map .ditu img{position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
	.map .route{margin:1.5% 0 3% 0;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:100% 100%;padding-bottom:5%;}
	.ban{margin-top:2%;}
	.ban .cont{width:32%;float:left;}
	.ban .cont h1{font-size:18px;color:#f8b551;padding:4% 0;margin:0;background:url(../images/contact/line.png) no-repeat left bottom;margin-bottom:8%;}
	.ban .cont a{font-size:14px;color:#fff;}
	.ban .cont a b{font-size:16px;}
	.ban .cont .app{padding-left:8%;background:url(../images/contact/whatsapp.png) no-repeat left center;margin-bottom:6%;background-size:6% auto;}
	.ban .cont .email{padding-left:7%;background:url(../images/contact/email.png) no-repeat left center;margin-bottom:8%;background-size:6% auto;}
	.ban .cont .ewm{margin:7% 0;width:100%;}
	.ban .cont p{font-size:14px;color:#fff;padding-left:7%;background:url(../images/contact/add.png) no-repeat left center;margin-bottom:5.6%;}
	.ban .cont .online{margin-top:5.5%;}
	.ban .cont .online img{width:70%;}
	
	.ban .biaodan{width:62%;float:right;}
	.ban .biaodan h1{font-size:18px;color:#f8b551;background:url(../images/contact/right-top.png) no-repeat;background-size:100% 100%;margin:0;padding:2% 3%;}
	.ban .biaodan h1 i{padding:0 2.4%;background:url(../images/index/p-bt.png) no-repeat left center;background-size:80% auto;}
	.ban .biaodan .down{padding:1% 3%;width:94%;background:url(../images/contact/bj2.png) no-repeat;background-size:100% 100%;}
	.ban .biaodan .down p{font-size:14px;color:#333;line-height:21px;}
	.ban .biaodan .down p span{color:#f8b551;}

    .biaodan form input,.biaodan form .lytext textarea{border:1px solid #333!important;}
    .biaodan form{margin-top:1%;}
	.biaodan form div{position:relative;margin-top:2%;}
	.biaodan form div i{position:absolute;left:0;top:0;display:block;height:96%;}
	.biaodan form input{height:35px;border-radius:5px;font-size:15px;color:#333;padding:0;border:0;}
	.biaodan form .name{width:47%;float:left;}
	.biaodan form .name i{background:url(../images/index/message-right-name.png) no-repeat center;background-size:55% auto;width:12%;}
	.biaodan form .name input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .tel{width:47%;float:right;}
	.biaodan form .tel i{background:url(../images/index/message-right-tel.png) no-repeat center;background-size:50% auto;width:12%;}
	.biaodan form .tel input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .mail{width:100%;}
	.biaodan form .mail i{width:5.8%;background:url(../images/index/message-right-email.png) no-repeat center;background-size:55% auto;}
	.biaodan form .mail input{padding:0 2% 0 6%;width:92%;}
	.biaodan form .lytext{width:100%;}
	.biaodan form .lytext i{width:5.8%;background:url(../images/index/message-right-inf.png) no-repeat center 10%;background-size:55% auto;}
	.biaodan form .lytext textarea{min-width:92%;max-width:96%;min-height:70px;max-height:100px;padding:1% 2% 1% 6% ;border:0;border-radius:5px;font-family: ArialMT;font-size:15px;color:#333;}
	.biaodan form button{width:50%;padding:4.5% 0;background:url(../images/index/message-right-submit.png) no-repeat center;background-size:100% auto;margin:2% 25% 0 25%;border:0;}
/*customer-focused*/
    .customer h1,.map h1{font-size:20px;color:#333;text-align:center;}
	.customer i,.map h1 i{padding:0 8%;}
	.customer i.zuo,.map i.zuo{background:url(../images/index/bt-left.png) no-repeat center;background-size:85% auto;}
	.customer i.you,.map i.you{background:url(../images/index/bt-right.png) no-repeat center;background-size:85% auto;}
	.customer ul{margin:3% -1% 1.5% -1%;}
	.customer ul li{width:23%;padding:0 1%;float:left;}
	.customer ul li div{border:1px solid #eee;text-align:center;padding:15% 0;}
	.customer ul li div:hover{box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-webkit-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-moz-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);}
	.customer ul li div img{width:42%;margin:0 29%;}
	.customer ul li div h3{font-size:16px;color:#333;margin:5% 0;}
	.customer ul li div p{font-size:14px;color:#333;}
/*map*/
    .map .ditu{position:relative;}
	.map .ditu iframe{border:1px solid;}
	.map .ditu img{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;}
	.map .route{margin:1.5% 0 3% 0;width:70%;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:100% 100%;padding-bottom:8%;}
	.ban{margin-top:2%;}
	.ban .cont{width:40%;float:left;}
	.ban .cont h1{font-size:16px;color:#f8b551;padding:4% 0;margin:0;background:url(../images/contact/line.png) no-repeat left bottom;background-size:86% auto;margin-bottom:8%;}
	.ban .cont a{font-size:13px;color:#fff;}
	.ban .cont a b{font-size:15px;}
	.ban .cont .app{padding-left:8%;background:url(../images/contact/whatsapp.png) no-repeat left center;margin-bottom:6%;background-size:6% auto;}
	.ban .cont .email{padding-left:7%;background:url(../images/contact/email.png) no-repeat left center;margin-bottom:8%;background-size:6% auto;}
	.ban .cont .ewm{margin:7% 0;width:100%;}
	.ban .cont p{font-size:14px;color:#fff;padding-left:7%;background:url(../images/contact/add.png) no-repeat left center;margin-bottom:5.6%;}
	.ban .cont .online{margin-top:5.5%;}
	.ban .cont .online img{width:70%;}
	
	.ban .biaodan{width:58%;float:right;}
	.ban .biaodan h1{font-size:16px;color:#f8b551;background:url(../images/contact/right-top.png) no-repeat;background-size:100% 100%;margin:0;padding:2% 3%;}
	.ban .biaodan h1 i{padding:0 2.4%;background:url(../images/index/p-bt.png) no-repeat left center;background-size:80% auto;}
	.ban .biaodan .down{padding:1% 3%;width:94%;background:url(../images/contact/bj2.png) no-repeat;background-size:100% 100%;}
	.ban .biaodan .down p{font-size:13px;color:#333;line-height:18px;}
	.ban .biaodan .down p span{color:#f8b551;}

    .biaodan form input,.biaodan form .lytext textarea{border:1px solid #333!important;}
    .biaodan form{margin-top:1%;}
	.biaodan form div{position:relative;margin-top:2%;}
	.biaodan form div i{position:absolute;left:0;top:0;display:block;height:96%;}
	.biaodan form input{height:32px;border-radius:5px;font-size:14px;color:#333;padding:0;border:0;}
	.biaodan form .name{width:47%;float:left;}
	.biaodan form .name i{background:url(../images/index/message-right-name.png) no-repeat center;background-size:65% auto;width:12%;}
	.biaodan form .name input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .tel{width:47%;float:right;}
	.biaodan form .tel i{background:url(../images/index/message-right-tel.png) no-repeat center;background-size:60% auto;width:12%;}
	.biaodan form .tel input{padding:0 4% 0 12%;width:84%;}
	.biaodan form .mail{width:100%;}
	.biaodan form .mail i{width:5.8%;background:url(../images/index/message-right-email.png) no-repeat center;background-size:65% auto;}
	.biaodan form .mail input{padding:0 2% 0 6%;width:92%;}
	.biaodan form .lytext{width:100%;}
	.biaodan form .lytext i{width:5.8%;background:url(../images/index/message-right-inf.png) no-repeat center 10%;background-size:65% auto;}
	.biaodan form .lytext textarea{min-width:92%;max-width:96%;min-height:100px;max-height:100px;padding:1% 2% 1% 6% ;border:0;border-radius:5px;font-family: ArialMT;font-size:14px;color:#333;}
	.biaodan form button{width:60%;padding:4.5% 0;background:url(../images/index/message-right-submit.png) no-repeat center;background-size:100% auto;margin:2% 20% 0 20%;border:0;}
/*customer-focused*/
    .customer h1,.map h1{font-size:18px;color:#333;text-align:center;}
	.customer i,.map h1 i{padding:0 8%;}
	.customer i.zuo,.map i.zuo{background:url(../images/index/bt-left.png) no-repeat center;background-size:85% auto;}
	.customer i.you,.map i.you{background:url(../images/index/bt-right.png) no-repeat center;background-size:85% auto;}
	.customer ul{margin:3% -1% 1.5% -1%;}
	.customer ul li{width:23%;padding:0 1%;float:left;}
	.customer ul li div{border:1px solid #eee;text-align:center;padding:15% 0;}
	.customer ul li div:hover{box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-webkit-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-moz-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);}
	.customer ul li div img{width:42%;margin:0 29%;}
	.customer ul li div h3{font-size:14px;color:#333;margin:5% 0;}
	.customer ul li div p{font-size:12px;color:#333;}
/*map*/
    .map .ditu{position:relative;}
	.map .ditu iframe{border:1px solid;}
	.map .ditu img{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;}
	.map .route{margin:1.5% 0 3% 0;width:70%;}
}

@media screen and (max-width: 768px) {
	.banner-bj{background:url(../images/contact/bj.png) no-repeat;background-size:100% 100%;padding:0 2% 0 2%;}
	.ban{margin-top:2%;}
	.ban .cont{width:100%;}
	.ban .cont h1{font-size:0.3rem;color:#f8b551;padding:1% 0 4% 0;margin:0;background:url(../images/contact/line.png) no-repeat left bottom;background-size:86% auto;margin-bottom:3%;}
	.ban .cont a{font-size:0.25rem;color:#fff;}
	.ban .cont a b{font-size:0.27rem;}
	.ban .cont .app{padding-left:8%;background:url(../images/contact/whatsapp.png) no-repeat left center;margin-bottom:3%;background-size:5% auto;}
	.ban .cont .email{padding-left:8%;background:url(../images/contact/email.png) no-repeat left center;background-size:5% auto;}
	.ban .cont .ewm{margin:3% 0;width:70%;}
	.ban .cont p{font-size:0.25rem;color:#fff;padding-left:7%;background:url(../images/contact/add.png) no-repeat left center;background-size:4% auto;margin-bottom:5.6%;}
	.ban .cont .online{margin-top:5.5%;display:none;}
	.ban .cont .online img{width:70%;}
	
	.ban .biaodan{width:100%;}
	.ban .biaodan h1{font-size:0.3rem;color:#f8b551;background:url(../images/contact/right-top.png) no-repeat;background-size:100% 100%;margin:0;padding:2% 3%;}
	.ban .biaodan h1 i{padding:0 2.4%;background:url(../images/index/p-bt.png) no-repeat left center;background-size:80% auto;}
	.ban .biaodan .down{padding:3% 3%;width:94%;background:url(../images/contact/bj2.png) no-repeat;background-size:100% 100%;}
	.ban .biaodan .down p{font-size:0.24rem;color:#333;line-height:0.36rem;}
	.ban .biaodan .down p span{color:#f8b551;}

    .biaodan form input,.biaodan form .lytext textarea{border:1px solid #333!important;display:block;}
    .biaodan form{margin-top:1%;}
	.biaodan form div{position:relative;margin-top:2%;}
	.biaodan form div i{position:absolute;left:0;top:0;display:block;height:96%;}
	.biaodan form input{height:0.6rem;border-radius:5px;font-size:0.25rem;color:#333;padding:0;border:0;}
	.biaodan form .name{width:100%;}
	.biaodan form .name i{background:url(../images/index/message-right-name.png) no-repeat center;background-size:60% auto;width:8%;}
	.biaodan form .name input{padding:0 2% 0 8%;width:90%;}
	.biaodan form .tel{width:100%;}
	.biaodan form .tel i{background:url(../images/index/message-right-tel.png) no-repeat center;background-size:55% auto;width:8%;}
	.biaodan form .tel input{padding:0 2% 0 8%;width:90%;}
	.biaodan form .mail{width:100%;}
	.biaodan form .mail i{width:8%;background:url(../images/index/message-right-email.png) no-repeat center;background-size:65% auto;}
	.biaodan form .mail input{padding:0 2% 0 8%;width:90%;}
	.biaodan form .lytext{width:100%;}
	.biaodan form .lytext i{width:8%;background:url(../images/index/message-right-inf.png) no-repeat center 10%;background-size:65% auto;}
	.biaodan form .lytext textarea{min-width:90%;max-width:90%;min-height:100px;max-height:100px;padding:1% 2% 1% 8% ;border:0;border-radius:5px;font-family: ArialMT;font-size:0.25rem;color:#333;}
	.biaodan form button{width:60%;padding:5% 0;background:url(../images/index/message-right-submit.png) no-repeat center;background-size:100% auto;margin:2% 20% 0 20%;border:0;display:block;}
/*customer-focused*/
    .customer h1,.map h1{font-size:0.32rem;color:#333;text-align:center;}
	.customer i,.map h1 i{padding:0 8%;}
	.customer i.zuo,.map i.zuo{background:url(../images/index/bt-left.png) no-repeat center;background-size:85% auto;}
	.customer i.you,.map i.you{background:url(../images/index/bt-right.png) no-repeat center;background-size:85% auto;}
	.customer ul{margin:3% -1% 1.5% -1%;overflow:hidden;padding:0 2%;}
	.customer ul li{width:48%;padding:0 1%;float:left;margin-bottom:2%;}
	.customer ul li div{border:1px solid #eee;text-align:center;padding:15% 0;}
	.customer ul li div:hover{box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-webkit-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);-moz-box-shadow: 0px 0px 12px 0px rgba(4, 51, 78, 0.24);}
	.customer ul li div img{width:42%;margin:0 29%;}
	.customer ul li div h3{font-size:0.25rem;color:#333;margin:5% 0;}
	.customer ul li div p{font-size:0.24rem;color:#333;}
/*map*/
    .map .ditu{position:relative;}

	.map .ditu iframe{border:1px solid;}
	.map .ditu img{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:100%;}
	.map .route{margin:1.5% 2% 3% 2%;width:96%;}

}