.fl { float: left; }
.fr { float: right; }
/* clearfix */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1
}

/* ==========================================================================
   contact
   ========================================================================== */
.contactpart01{position: relative;}
.contactpart01 img{max-width: 100%;}
.contactpart01 .map{ float: left;width: 80%; }
.contactpart01 .txtarea{width: 500px;padding:50px 50px 50px 0; position:absolute;right: 0; top: 100px; 
  border:1px solid #dfe4eb; background:#fff url(../image/yzjpic45.jpg) bottom right no-repeat;
}
.contactpart01 .txtarea p{margin-top: 10px;
}
.contactpart01 .txtarea .row{padding-left: 60px;border-left: 6px solid #a6937c;}
.contactpart01 .txtarea li .tit{float: left;width: 100px; color: #00537b;font-weight: bold;font-size: 18px;line-height: 30px;}
.contactpart01 .txtarea li .tit i{width:30px; height: 30px; text-align: center; display: inline-block; }
.contactpart01 .txtarea li .desc{width: calc(100% - 120px); float: left; font-size: 18px;}
.contactpart02{padding:60px 0;}
.contactpart02 .row01{max-width: 1320px;margin:0 auto 50px auto;}
.contactpart02 .row01 .tit{width: 200px;padding-left: 30px; border-left: 5px solid #a6937c; color: #00537b;
  font-size: 36px;font-weight: bold; height: 60px; line-height: 60px; float: left;}
.contactpart02 .row01 .desc{width: calc(100% - 240px); float: right;font-size: 16px; line-height: 30px;}
.contactpart02 .map{background:url(background-size: auto 80%;}
.contactpart02 .map img {max-width: 100%;}

@media only screen and (max-width:1440px) {
	
.contactpart01 .txtarea {top: 40px; width: 400px;}
.contactpart01 .txtarea .row{padding-left: 50px;}

.contactpart01 .txtarea li .desc{font-size: 14px;}
.contactpart01 .txtarea li .tit{font-size: 16px;}
.contactpart02 .row01 .tit{font-size: 30px;}
.contactpart02 .row01 .desc {width: calc(100% - 220px); font-size: 14px;}
.contactpart02 .row01 .tit{width: 160px;}
}
@media only screen and (max-width:920px) {
.contactpart01{height: auto;}
.contactpart01 .txtarea{position: relative;width: calc(100% - 40px);top: 0; }
.contactpart01 .map{width: 100%;float: none;margin-bottom: 10px;}
.contactpart01 .txtarea .row{padding-left: 0; border-left: 0;}
.contactpart01 .txtarea{padding:20px;}
.contactpart01 .txtarea li .desc{font-size: 14px;}
.contactpart01 .txtarea li .tit{width: 90px;}
.contactpart02 .row01 .desc{width:auto;float: none;margin:10px;font-size: 12px;}
.contactpart02 .row01 .tit{font-size: 18px;width: 120px;float: none;height: 30px; line-height: 30px;}
.contactpart02 .row01{margin-bottom: 10px;}
.contactpart02{padding:20px 0;}
}
@media only screen and (max-width:768px) {
.contactpart01 .txtarea li .desc{font-size: 12px;}
.contactpart01 .txtarea li .tit{font-size: 14px;}
}