@import "base.css";

.banner3 .dtt{width: 40.5%;/*background: #bf4d4d;*/border-radius: 6px;box-sizing: border-box;position: absolute;right: 10%;top: 47%;bottom: 0;margin: auto;height: 53%;padding: 20px 0;}
.banner3 {
	padding:0;
	margin:0 auto;
  
	/*height: 721px;*/
    max-width: 1920px;
    min-width: 1280px;
  
}

.banner3 img {
 height: 100%;
  display:block;
/*  height:100%;*/
width:100%;
}

.nei{ width:100%; height:100%;}
.contact-box {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}

.contact-left {
	flex:1;
  display: flex;
  flex-direction: column;
}

.contact-right {
	flex:1;
  width: 720px;
  height:568px;
  background:url(../images/map.jpg)no-repeat center;
  background-size:100% 100%;
}
.contact-right iframe {
    display: block;
    margin: 150px auto;
    border: 0;
    height: 350px;
    width: 80%;
	border-radius: 0.2rem;
}
.contact-title {
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 40px;
  font-weight: lighter;
  text-align: center;
  font-family: "Noto Sans SC" 
}

.contact-subhead {
  margin-top: 30px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  color: #0067b4;
  text-align: center;
}



.route dl {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.route dl dt {
  width: 25px;
  height: 25px;
}

.route dl dt img {
  width: 100%;
  display: block;
}

.route dl dd div {
  height: 25px;
  line-height: 25px;
}

.route dl dd div.cn {
  margin-left: 10px;
  color: #575757;
  font-size: 20px;
}

.route dl dd div.en {
  margin-left: 10px;
  color: #b5b5b5;
  font-size: 16px;
}

.route-info {
  width: 100%;
  font-size: 18px;
  color: #585858;
  line-height: 30px;
}

.route-info p {
  width: 90%;
  margin: 15px 5%;
  font-size:14px;
}

#container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: "微软雅黑";
}

#driving_way {
  position: fixed;
  top: 10px;
  right: 20px;
  width: 270px;
  height: 450px;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
  border-radius: 7px;
  z-index: 99;
  padding: 10px
}

#result {
  height: 400px;
  overflow-y: auto;
}


.route-map{width: 100%;}
.route{width: 39.9%;background: #ececec;float: left;height:907px ;}
.map{width: 60.1%;background: url(../images/map.jpg)no-repeat center;background-size: 100% 100%;float: right;height:907px ;}
.map iframe{display: block;margin: 254px auto;border: 0;height:474px;width:79%;border-radius: 0.8rem;}
.route1{text-align: center;font-size:39.9px;font-weight: lighter;margin-top:114px;}
.route1 p{color: #0066cc;font-size: 23px;font-weight: 500;margin-top: 20px;}
.route2,.route3,.route4{margin-left:115px;margin-top: 0.5rem;}
.route5{margin-left: 115px;margin-top: 20px;}
.route2>span,.route3-left>span,.route4>span,.route5>span{display: block;float: left;margin-right: 20px;}
.route2>div p,.route3-left>div p{color: #727171;margin-bottom:10px; font-size:13.7px;}
.route2>div p span,.route3-left>div p span{ color: #c9caca;margin-left:10px;}
.route2>div,.route3-left>div{float: left;font-size:0.15rem;color: #727171;line-height: 30px; }
.route3 .route3-left{float: left;}
.route4 span{display: block;}
.route4 span img{display: block;margin-top:5px;}
.route5 p{color: #727171;font-size:0.15rem;line-height: 0.35rem;}
.w1200{width: 1200px!important;margin: 0 auto;}
.cfix:after,.cfix:before {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.cfix {zoom:1;}