@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1380px)  {
/*banner*/
    .banner-bj{background:url(../images/contact/bj.jpg) no-repeat;}
	.banner{position:relative;}
	.banner .left{width:60%;float:left;margin-bottom:2%;}
	.banner .left h1{font-size:34px;color:#fff;}
	.banner .left p{font-size:17px;color:#cecece;line-height:32px;}
	.banner .left ul{position:relative;margin-top:3%;}
	.banner .left ul li,.banner .left ul li a{font-size:17px;color:#fff;padding:2% 0;margin:1.5% 0;}
	.banner .left ul .zx{position:absolute;right:3.5%;bottom:1.6%;}
	.banner .left ul li{padding-left:8%;}
	.banner .left ul li a{display:initial;}
	.banner .left ul li a:hover{color:#cecece;}
	.banner .left ul li.add{background:url(../images/contact/dz.png) no-repeat left center;background-size:6.5% auto;}
	.banner .left ul li.xsrx{background:url(../images/contact/dh2.png) no-repeat left center;background-size:6.5% auto;}
	.banner .left ul li.kfzx{background:url(../images/contact/dh.png) no-repeat left center;background-size:6.5% auto;}
	.banner .left ul li.email{background:url(../images/contact/yx.png) no-repeat left center;background-size:6.5% auto;}
/*right*/
	.banner .right{background-image: linear-gradient(90deg,#0a3553 0%, #0b141c 100%);width:33%;float:right;padding:5% 0 3% 3.5%;position:absolute;right:0;top:0;}
	.banner .right form label{font-size:16px;color:#fff;display:block;width:100%;}
	.banner .right form input{width:100%;padding:0;margin:2% 0 6% 0;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;height:45px;font-size:16px;color:#fff;}
	.banner .right form textarea{max-width:100%;min-width:100%;min-height:70px;max-height:100px;margin-top:6%;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;font-family: MicrosoftYaHei;font-size:16px;color:#fff;line-height: 30px;}
	.banner .right form button{background-image: linear-gradient(0deg,#124a68 0%,#144762 100%);border-radius:10px;border: solid 1px #1bacff;font-size:19px;color:#fff;font-weight:bold;width:56%;padding:2% 0;margin:0 22%;margin-top:6%;}
/*map*/
	.map{position:relative;}
	.map .tit img{position:absolute;top:5%;}
	#map{height:450px;width:100%;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
/*banner*/
    .banner-bj{background:url(../images/contact/bj.jpg) no-repeat;}
	.banner{position:relative;}
	.banner .left{width:60%;float:left;margin-bottom:2%;}
	.banner .left h1{font-size:27px;color:#fff;}
	.banner .left p{font-size:16px;color:#cecece;line-height:32px;}
	.banner .left ul{position:relative;margin-top:3%;}
	.banner .left ul li,.banner .left ul li a{font-size:16px;color:#fff;padding:2% 0;margin:1.5% 0;}
	.banner .left ul .zx{position:absolute;right:3.5%;bottom:1.6%;width:24%;}
	.banner .left ul .zx img{width:100%;}
	.banner .left ul li{padding-left:8%;}
	.banner .left ul li a{display:initial;}
	.banner .left ul li a:hover{color:#cecece;}
	.banner .left ul li.add{background:url(../images/contact/dz.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.xsrx{background:url(../images/contact/dh2.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.kfzx{background:url(../images/contact/dh.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.email{background:url(../images/contact/yx.png) no-repeat left center;background-size:6% auto;}
/*right*/
	.banner .right{background-image: linear-gradient(90deg,#0a3553 0%, #0b141c 100%);width:33%;float:right;padding:5% 0 3% 3.5%;position:absolute;right:0;top:0;}
	.banner .right form label{font-size:15px;color:#fff;display:block;width:100%;}
	.banner .right form input{width:100%;padding:0;margin:2% 0 6% 0;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;height:45px;font-size:15px;color:#fff;}
	.banner .right form textarea{max-width:100%;min-width:100%;min-height:70px;max-height:100px;margin-top:6%;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;font-family: MicrosoftYaHei;font-size:15px;color:#fff;line-height: 30px;}
	.banner .right form button{background-image: linear-gradient(0deg,#124a68 0%,#144762 100%);border-radius:10px;border: solid 1px #1bacff;font-size:16px;color:#fff;font-weight:bold;width:56%;padding:2% 0;margin:0 22%;margin-top:6%;}
/*map*/
	.map{position:relative;}
	.map .tit img{position:absolute;top:5%;width:15%;}
	#map{height:450px;width:100%;}
}

@media screen and (max-width: 1200px) and (min-width: 992px){
/*banner*/
    .banner-bj{background:url(../images/contact/bj.jpg) no-repeat;}
	.banner{position:relative;}
	.banner .left{width:60%;float:left;margin-bottom:2%;}
	.banner .left h1{font-size:24px;color:#fff;}
	.banner .left p{font-size:15px;color:#cecece;line-height:32px;}
	.banner .left ul{position:relative;margin-top:3%;}
	.banner .left ul li,.banner .left ul li a{font-size:15px;color:#fff;padding:2% 0;margin:1.5% 0;}
	.banner .left ul .zx{position:absolute;right:3.5%;bottom:1.6%;width:24%;}
	.banner .left ul .zx img{width:100%;}
	.banner .left ul li{padding-left:8%;}
	.banner .left ul li a{display:initial;}
	.banner .left ul li a:hover{color:#cecece;}
	.banner .left ul li.add{background:url(../images/contact/dz.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.xsrx{background:url(../images/contact/dh2.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.kfzx{background:url(../images/contact/dh.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.email{background:url(../images/contact/yx.png) no-repeat left center;background-size:6% auto;}
/*right*/
	.banner .right{background-image: linear-gradient(90deg,#0a3553 0%, #0b141c 100%);width:33%;float:right;padding:3% 0 3% 3.5%;position:absolute;right:0;top:0;}
	.banner .right form label{font-size:15px;color:#fff;display:block;width:100%;}
	.banner .right form input{width:100%;padding:0;margin:2% 0 6% 0;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;height:45px;font-size:15px;color:#fff;}
	.banner .right form textarea{max-width:100%;min-width:100%;min-height:70px;max-height:100px;margin-top:6%;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;font-family: MicrosoftYaHei;font-size:15px;color:#fff;line-height:24px;}
	.banner .right form button{background-image: linear-gradient(0deg,#124a68 0%,#144762 100%);border-radius:10px;border: solid 1px #1bacff;font-size:15px;color:#fff;font-weight:bold;width:56%;padding:2% 0;margin:0 22%;margin-top:6%;}
/*map*/
	.map{position:relative;}
	.map .tit img{position:absolute;top:5%;width:15%;}
	#map{height:450px;width:100%;}
}

@media screen and (max-width: 992px) and (min-width: 768px){
/*banner*/
    .banner-bj{background:url(../images/contact/bj.jpg) no-repeat;}
	.banner{position:relative;}
	.banner .left{width:60%;float:left;margin-bottom:2%;}
	.banner .left h1{font-size:18px;color:#fff;}
	.banner .left p{font-size:14px;color:#cecece;line-height:24px;}
	.banner .left ul{position:relative;margin-top:3%;}
	.banner .left ul li,.banner .left ul li a{font-size:14px;color:#fff;padding:2% 0;margin:1.5% 0;}
	.banner .left ul .zx{position:absolute;right:3.5%;bottom:1.6%;width:24%;}
	.banner .left ul .zx img{width:100%;}
	.banner .left ul li{padding-left:8%;}
	.banner .left ul li a{display:initial;}
	.banner .left ul li a:hover{color:#cecece;}
	.banner .left ul li.add{background:url(../images/contact/dz.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.xsrx{background:url(../images/contact/dh2.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.kfzx{background:url(../images/contact/dh.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.email{background:url(../images/contact/yx.png) no-repeat left center;background-size:6% auto;}
/*right*/
	.banner .right{background-image: linear-gradient(90deg,#0a3553 0%, #0b141c 100%);width:33%;float:right;padding:6% 0 3% 3.5%;position:absolute;right:0;top:0;}
	.banner .right form label{font-size:14px;color:#fff;display:block;width:100%;}
	.banner .right form input{width:100%;padding:0;margin:0 0 5% 0;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;height:36px;font-size:14px;color:#fff;}
	.banner .right form textarea{max-width:100%;min-width:100%;min-height:70px;max-height:100px;margin-top:6%;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;font-family: MicrosoftYaHei;font-size:14px;color:#fff;line-height:24px;}
	.banner .right form button{background-image: linear-gradient(0deg,#124a68 0%,#144762 100%);border-radius:10px;border: solid 1px #1bacff;font-size:14px;color:#fff;font-weight:bold;width:56%;padding:2% 0;margin:0 22%;margin-top:6%;}
/*map*/
	.map{position:relative;}
	.map .tit img{position:absolute;top:5%;width:16%;}
	#dituContent{height:450px;width:100%;}
}

@media screen and (max-width: 768px) {
/*banner*/
    .banner-bj{background:url(../images/contact/bj.jpg) no-repeat;background-size:100% 100%;padding:0 2%;}
	.banner{position:relative;}
	.banner .left{width:100%;margin-bottom:2%;}
	.banner .left h1{font-size:0.3rem;color:#fff;}
	.banner .left p{font-size:0.25rem;color:#cecece;line-height:0.36rem;}
	.banner .left ul{position:relative;margin-top:3%;}
	.banner .left ul li,.banner .left ul li a{font-size:0.24rem;color:#fff;padding:2% 0;}
	.banner .left ul .zx{position:absolute;right:3.5%;bottom:1.6%;width:24%;display:none;}
	.banner .left ul .zx img{width:100%;}
	.banner .left ul li{padding-left:8%;}
	.banner .left ul li a{display:initial;}
	.banner .left ul li a:hover{color:#cecece;}
	.banner .left ul li.add{background:url(../images/contact/dz.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.xsrx{background:url(../images/contact/dh2.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.kfzx{background:url(../images/contact/dh.png) no-repeat left center;background-size:6% auto;}
	.banner .left ul li.email{background:url(../images/contact/yx.png) no-repeat left center;background-size:6% auto;}
/*right*/
	.banner .right{background-image: linear-gradient(90deg,#0a3553 0%, #0b141c 100%);width:94%;padding:6% 3% 3% 3%;}
	.banner .right form label{font-size:0.25rem;color:#fff;display:block;width:100%;}
	.banner .right form input{width:100%;padding:0;margin:0 0 3.5% 0;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;height:0.45rem;font-size:0.25rem;color:#fff;display:block;}
	.banner .right form textarea{max-width:100%;min-width:100%;min-height:0.75rem;max-height:1rem;margin-top:3%;background-color:transparent;border:0;border-bottom:1px solid #9f9f9f;font-family: MicrosoftYaHei;font-size:0.25rem;color:#fff;line-height:0.36rem;display:block;}
	.banner .right form button{background-image: linear-gradient(0deg,#124a68 0%,#144762 100%);border-radius:10px;border: solid 1px #1bacff;font-size:0.25rem;color:#fff;font-weight:bold;width:56%;padding:2% 0;margin:5% 22% 0 22%;display:block;}
/*map*/
	.map{position:relative;}
	.map .tit img{position:absolute;top:5%;width:24%;}
	#map{height:5.4rem;width:100%;}
                #dituContent .BMap_bubble_content .iw_poi_title{font-size:0.27rem;}
                #dituContent .BMap_bubble_content .iw_poi_content{font-size:0.25rem;}
}