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

@media screen and (min-width:1400px){
/*banner*/
	.banner-bj{background:url(../images/contact/con-bg.jpg) no-repeat;}
	.banner{position:relative;padding-bottom:1.5%;}
	.banner h1{font-size:38px;color:#fff;font-weight:bold;}
	.banner p{width:70%;font-size:17px;color:rgba(255,255,255,0.8);line-height:30px;margin-top:1%;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:25px;width:18%;position:absolute;right:0;bottom:14%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:16px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*contact*/
	.contact{margin-top:2%;}
	.contact .left{width:32%;padding-top:4%;float:left;}
	.contact .left ul li{font-size:0;border-bottom:1px solid #e5e5e5;}
	.contact .left ul li a{font-size:17px;color:#333;padding:9% 0 9% 21%;}
	.contact .left ul li a b{display:block;width:100%;font-size:18px;color:#333;margin-top:4%;}
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat left center;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/con-whatsapp.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/con-add.png) no-repeat left center;line-height:30px;}
	.contact .right{width:61%;padding:2%;float:right;background:rgba(0,72,168,0.05);}
	.contact .right h2{font-size:28px;color:#333;margin:0 0 3% 0;}
	.contact .right form{position:relative;}
	.contact .right form input{width:42%;padding:0 2%;background:#fff;height:46px;font-size:16px;color:#000;border:1px solid #eee;margin-bottom:3.5%;}
	.contact .right form .name,.contact .right form .email{float:left;}
	.contact .right form .tel,.contact .right form .product{float:right;}
	.contact .right form textarea{width:95%;padding:2% 2%;min-width:95.9%;max-width:95.9%;min-height:180px;max-height:180px;border:1px solid #eee;font-size:16px;color:#333;font-family:ArialMT;}
	.contact .right form p{width:68%;color:#666;font-size:16px;margin-top:2%;}
	.contact .right form button{width:24%;font-size:18px;color:#fff;font-weight:bold;float:right;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:21px;border:0;padding:1.2% 0;position:absolute;right:0;bottom:0;}
	.contact .right form button:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;}
	.contact .right form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*map*/
	.map{padding-bottom:2%;}
	.map h1{font-size:28px;color:#333;font-weight:bold;margin:3% auto;text-align:center;}
	.map iframe{width:100%;height:520px;}	
}

@media screen and (min-width:1200px) and (max-width:1400px){
/*banner*/
	.banner-bj{background:url(../images/contact/con-bg.jpg) no-repeat;}
	.banner{position:relative;padding-bottom:1.5%;}
	.banner h1{font-size:32px;color:#fff;font-weight:bold;}
	.banner p{width:70%;font-size:16px;color:rgba(255,255,255,0.8);line-height:25px;margin-top:1%;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:25px;width:18%;position:absolute;right:0;bottom:16%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:16px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}

/*contact*/
	.contact{margin-top:2%;}
	.contact .left{width:32%;padding-top:4%;float:left;}
	.contact .left ul li{font-size:0;border-bottom:1px solid #e5e5e5;}
	.contact .left ul li a{font-size:17px;color:#333;padding:9% 0 9% 21%;width:79%;}
	.contact .left ul li a b{display:block;width:100%;font-size:18px;color:#333;margin-top:4%;}
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/con-add.png) no-repeat left center;background-size:20% auto;line-height:30px;}
	.contact .right{width:61%;padding:2%;float:right;background:rgba(0,72,168,0.05);}
	.contact .right h2{font-size:24px;color:#333;margin:0 0 3% 0;}
	.contact .right form{position:relative;}
	.contact .right form input{width:42%;padding:0 2%;background:#fff;height:42px;font-size:16px;color:#000;border:1px solid #eee;margin-bottom:3.5%;}
	.contact .right form .name,.contact .right form .email{float:left;}
	.contact .right form .tel,.contact .right form .product{float:right;}
	.contact .right form textarea{width:95%;padding:2% 2%;min-width:95.9%;max-width:95.9%;min-height:160px;max-height:160px;border:1px solid #eee;font-size:16px;color:#333;font-family:ArialMT;}
	.contact .right form p{width:68%;color:#666;font-size:16px;margin-top:2%;}
	.contact .right form button{width:24%;font-size:18px;color:#fff;font-weight:bold;float:right;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:21px;border:0;padding:1.2% 0;position:absolute;right:0;bottom:0;}
	.contact .right form button:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:80% auto;}
	.contact .right form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*map*/
	.map{padding-bottom:2%;}
	.map h1{font-size:28px;color:#333;font-weight:bold;margin:3% auto;text-align:center;}
	.map iframe{width:100%;height:520px;}	
}

@media screen and (min-width:992px) and (max-width:1200px){
/*banner*/
	.banner-bj{background:url(../images/contact/con-bg.jpg) no-repeat;}
	.banner{position:relative;padding-bottom:1.5%;}
	.banner h1{font-size:27px;color:#fff;font-weight:bold;}
	.banner p{width:70%;font-size:15px;color:rgba(255,255,255,0.8);line-height:21px;margin-top:1%;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:25px;width:21%;position:absolute;right:0;bottom:18%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:15px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}

/*contact*/
	.contact{margin-top:2%;}
	.contact .left{width:32%;padding-top:5%;float:left;}
	.contact .left ul li{font-size:0;border-bottom:1px solid #e5e5e5;}
	.contact .left ul li a{font-size:16px;color:#333;padding:9% 0 9% 21%;width:79%;}
	.contact .left ul li a b{display:block;width:100%;font-size:17px;color:#333;}
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/con-add.png) no-repeat left center;background-size:20% auto;line-height:25px;}
	.contact .right{width:61%;padding:2%;float:right;background:rgba(0,72,168,0.05);}
	.contact .right h2{font-size:21px;color:#333;margin:0 0 3% 0;}
	.contact .right form{position:relative;}
	.contact .right form input{width:42%;padding:0 2%;background:#fff;height:40px;font-size:16px;color:#000;border:1px solid #eee;margin-bottom:3.5%;}
	.contact .right form .name,.contact .right form .email{float:left;}
	.contact .right form .tel,.contact .right form .product{float:right;}
	.contact .right form textarea{width:95%;padding:2% 2%;min-width:95.9%;max-width:95.9%;min-height:140px;max-height:140px;border:1px solid #eee;font-size:16px;color:#333;font-family:ArialMT;}
	.contact .right form p{width:68%;color:#666;font-size:14px;margin-top:2%;}
	.contact .right form button{width:24%;font-size:16px;color:#fff;font-weight:bold;float:right;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:21px;border:0;padding:1.5% 0;position:absolute;right:0;bottom:0;}
	.contact .right form button:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:80% auto;}
	.contact .right form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*map*/
	.map{padding-bottom:2%;}
	.map h1{font-size:28px;color:#333;font-weight:bold;margin:3% auto;text-align:center;}
	.map iframe{width:100%;height:520px;}	
}

@media screen and (min-width:769px) and (max-width:992px){
/*banner*/
	.banner-bj{background:url(../images/contact/con-bg.jpg) no-repeat;}
	.banner{position:relative;padding-bottom:1.5%;}
	.banner h1{font-size:21px;color:#fff;font-weight:bold;}
	.banner p{width:74%;font-size:14px;color:rgba(255,255,255,0.8);line-height:21px;margin-top:1%;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:0.3% 0.5%;border-radius:25px;width:25%;position:absolute;right:0;bottom:12%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:15px;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}

/*contact*/
	.contact{margin-top:2%;}
	.contact .left{width:32%;padding-top:5%;float:left;}
	.contact .left ul li{font-size:0;border-bottom:1px solid #e5e5e5;}
	.contact .left ul li a{font-size:15px;color:#333;padding:9% 0 9% 21%;width:79%;}
	.contact .left ul li a b{display:block;width:100%;font-size:17px;color:#333;}
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/con-add.png) no-repeat left center;background-size:20% auto;line-height:25px;}
	.contact .right{width:61%;padding:2%;float:right;background:rgba(0,72,168,0.05);}
	.contact .right h2{font-size:21px;color:#333;margin:0 0 3% 0;}
	.contact .right form{position:relative;}
	.contact .right form input{width:42%;padding:0 2%;background:#fff;height:40px;font-size:16px;color:#000;border:1px solid #eee;margin-bottom:3.5%;}
	.contact .right form .name,.contact .right form .email{float:left;}
	.contact .right form .tel,.contact .right form .product{float:right;}
	.contact .right form textarea{width:95%;padding:2% 2%;min-width:95.9%;max-width:95.9%;min-height:100px;max-height:100px;border:1px solid #eee;font-size:16px;color:#333;font-family:ArialMT;}
	.contact .right form p{width:70%;color:#666;font-size:14px;margin-top:2%;}
	.contact .right form button{width:27%;font-size:16px;color:#fff;font-weight:bold;float:right;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:21px;border:0;padding:1.5% 0;position:absolute;right:0;bottom:0;}
	.contact .right form button:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:80% auto;}
	.contact .right form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*map*/
	.map{padding-bottom:2%;}
	.map h1{font-size:24px;color:#333;font-weight:bold;margin:3% auto;text-align:center;}
	.map iframe{width:100%;height:420px;}	
}

@media screen and (max-width:769px){
/*banner*/
	.banner-bj{background:#0D3368;}
	.banner{position:relative;padding-bottom:1.5%;padding:0 2% 1.5% 2%;font-size:0;}
	.banner h1{font-size:0.36rem;color:#fff;font-weight:bold;text-align:center;}
	.banner p{width:100%;font-size:0.25rem;color:rgba(255,255,255,0.8);line-height:0.45rem;margin-top:1%;}
	.banner button{background:rgba(255,255,255,0.1);border:0;padding:1% 1%;border-radius:25px;width:50%;margin:3% 25%;}
	.banner button a{background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:20px;font-size:0.27rem;color:#fff;width:100%;padding:5% 0;}
	.banner button a:before{content:'';padding:1% 5%;}
	.banner button:hover a{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*breadcrumb*/
	.bread{font-size:0;}
	.bread a{font-size:0.25rem;color:#fff;padding:3% 0;}	
/*contact*/
	.contact{margin-top:2%;padding:0 2%;}
	.contact .left{width:96%;padding:3% 2% 0 2%;}
	.contact .left ul li{font-size:0;border-bottom:1px solid #e5e5e5;}
	.contact .left ul li a{font-size:0.27rem;color:#333;padding:9% 0 9% 25%;width:75%;}
	.contact .left ul li a b{display:block;width:100%;font-size:0.3rem;color:#333;}
	.contact .left ul>li:nth-child(1) a{background:url(../images/contact/con-email.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) a{background:url(../images/contact/con-whatsapp.png) no-repeat left center;background-size:20% auto;}
	.contact .left ul>li:nth-child(2) b{color:#ffb777;}
	.contact .left ul>li:nth-child(3) a{background:url(../images/contact/con-add.png) no-repeat left center;background-size:20% auto;line-height:25px;}
	.contact .right{width:96%;padding:5% 2%;background:rgba(0,72,168,0.05);margin-top:5%;}
	.contact .right h2{font-size:0.36rem;color:#333;margin:0 0 5% 0;}
	.contact .right form{position:relative;font-size:0;}
	.contact .right form input{width:45%;padding:0 2%;background:#fff;height:40px;font-size:0.27rem;color:#000;border:1px solid #eee;margin-bottom:3.5%;}
	.contact .right form .name,.contact .right form .email{float:left;}
	.contact .right form .tel,.contact .right form .product{float:right;}
	.contact .right form textarea{width:95%;padding:2% 2%;min-width:95.9%;max-width:95.9%;min-height:100px;max-height:100px;border:1px solid #eee;font-size:0.27rem;color:#333;font-family:ArialMT;}
	.contact .right form p{width:100%;color:#666;font-size:0.24rem;margin:3% 0;}
	.contact .right form button{width:50%;margin:3% 25%;font-size:0.3rem;color:#fff;font-weight:bold;background:linear-gradient(90deg,#0048A8 0%,#0063E7 100%);border-radius:21px;border:0;padding:1.5% 0;}
	.contact .right form button:after{content:'';padding:1% 8%;background:url(../images/index/message-sub.png) no-repeat right center;background-size:60% auto;}
	.contact .right form button:hover{background:linear-gradient(90deg,#0063E7 0%,#0048A8 100%);}
/*map*/
	.map{padding-bottom:2%;}
	.map h1{font-size:24px;color:#333;font-weight:bold;margin:3% auto;text-align:center;}
	.map iframe{width:100%;height:420px;}	

}