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

/*底部信息*/

.footer { position: relative }
.footer .img-ft {position: absolute;z-index: 10;top: 0;left: 0;display: none;}
.footer .img-ft-2 { position: absolute; z-index: 10; bottom: 0; right: 0 }
.footer .section-main-footer {position: relative;background: url("../images/background/bg-footer.jpg") no-repeat;background-size: cover;background-position: top center;padding-top: 30px;padding-bottom: 20px;}
.footer .section-main-footer .list-footer {display: flex;/* float: left; */}
.footer .section-main-footer .list-footer .widget-about {width: 21%;/* padding-top: 7px; */margin-right: 40px;}
.footer .section-main-footer .list-footer .widget-about .logo{ }
.footer .section-main-footer .list-footer .widget-about .logo img{ height: auto;
    max-width: 100%;
    vertical-align: middle;border: 0;    margin: 0;
    padding: 0;font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;}
	
	
	.map_info{
    float: left;
    width: 40%;
    margin-top: 150px;
}
		.map_info b{
    margin-bottom: 1.5rem !important;
    font-weight: 500;
    font-size: 3.5rem;
    line-height: 1.2;
}
 .map_info dt{ font-size: 46px;
    margin-bottom: 1.5rem !important;}
 .map_info dd{
   
color: #9b9bae !important;
   
margin-bottom: 1.5rem !important;
}
 .itemCon{
    width: 60%;
}
 .mapwrap{ width:1320px; height:500px; margin:0px auto}
.mapTipText {width: 320px;height: auto;background-color: #ffffff;padding: 20px;display: table;}
.mapTipText .mapTipImg { height: 66px; width: 66px; float: left; border: 2px solid #ffffff; border-radius: 50%; overflow: hidden; margin: -12px 5px 0 -12px; }
.mapTipText .mapTipImg img { width: 100%; height: 100%; }
.mapTipText .mapTipList { float: left; margin-left: 4px; }
.mapTipText .mapTipList h2 { text-align: left; }
.mapTipText .mapTipList h2 a { font-size: 24px; color: #262626; text-decoration: none; }
.mapTipText .mapTipList h2 a:hover { color: #0085d2; }
.mapTipText .mapTipList h2 a span { font-size: 16px; margin-left: 3px; }
.mapTipText .mapTipList ul { width: 203px; padding-right: 10px; }
.mapTipText .mapTipList ul li { list-style: none; float: left; padding: 7px 3px 0 3px; }
.mapTipText .mapTipList ul li a { color: #262626; text-decoration: none; }
.mapTipText .mapTipList ul li a:hover { background-color: #2ebcfe; color: #ffffff; }
.footer .section-main-footer .list-footer .widget-about .text {color: rgba(255,255,255,0.6);line-height: 2em;padding-top: 20px;padding-bottom: 6px;letter-spacing: .1px}
.footer .section-main-footer .list-footer .widget-about .location .icon-location {float: left;padding-top: 15px;padding-right: 10px;}
.footer .section-main-footer .list-footer .widget-about .location .title { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 300; text-transform: uppercase; color: rgba(255,255,255,0.6) }
.footer .section-main-footer .list-footer .widget-about .location .info {font-family: 'Oswald', sans-serif;font-size: 14px;font-weight: 300;text-decoration: underline;color: #ffa800;/* padding-top: 5px; */}
.footer .section-main-footer .list-footer .widget-link {width: 10%;}
.footer .section-main-footer .list-footer .widget-link .widget-title {font-size: 16px;font-weight: 500;text-transform: uppercase;color: #fff}
.footer .section-main-footer .list-footer .widget-link .list-wrap {margin: 0;padding-top: 9px;line-height: 28px;}
.footer .section-main-footer .list-footer .widget-link .list-wrap li {/* padding: 10px 0; */}
.footer .section-main-footer .list-footer .widget-link .list-wrap li a {font-size: 14px;font-weight: 400;color: rgba(255,255,255,0.6);position: relative}
.footer .section-main-footer .list-footer .widget-link .list-wrap li a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 1px; height: 2px; background: #ffa800; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.footer .section-main-footer .list-footer .widget-link .list-wrap li a:hover { color: #ffa800; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.footer .section-main-footer .list-footer .widget-link .list-wrap li a:hover:before { opacity: 1; visibility: visible; width: 100% }
.footer .section-main-footer .list-footer .widget-link.v1 { padding-left: 10px }
.footer .section-main-footer .list-footer .widget-link.v2 { padding-left: 17px }
.footer .section-main-footer .list-footer .widget-link.v3 { padding-left: 20px }
.footer .section-main-footer .list-footer .widget-recent-work {width: 282px;/* padding-left: 23px; *//* margin-top: -2px; *//* float: right; *//* display: table; */position: absolute;right: 0;}
.footer .section-main-footer .list-footer .widget-recent-work .widget-title { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #fff; padding-bottom: 18px }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox { padding-top: 6px }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox { display: inline-block; z-index: 99; margin-right: 7px }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox .imgbox-img { position: relative }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox .imgbox-img img { width: 100%; display: block }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox .imgbox-img .overlay-img { position: absolute; z-index: 9; top: 0; left: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 100%; height: 100%; background: rgba(255,168,0,0.5); display: flex; justify-content: center; align-items: center; opacity: 0 }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox .imgbox-img .overlay-img i { font-size: 20px; color: #11161e }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox:hover .overlay-img { opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox:nth-child(3) { margin-right: 0 }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox:nth-child(4) { margin-top: 4px }
.footer .section-main-footer .list-footer .widget-recent-work .flat-imgbox .imgbox:nth-child(6) { margin-right: 0 }
.footer .section-main-footer .overlay { position: absolute; z-index: 9; top: 0; left: 0; background: rgba(17,22,30,0.9); width: 100%; height: 100% }
.footer .bottom-footer {background: #11161e;padding: 16px 0;display: table;width: 100%;}
.footer .bottom-footer .copyright {padding-left: 8px;float: left;}
.footer .bottom-footer .copyright p {/* font-family: 'Oswald', sans-serif; */font-size: 14px;color: #fff}
.footer .bottom-footer .copyright p span {color: #D7B86A;}
.footer .bottom-footer .flat-text-right {float: right;margin-right: -10px;}
.footer .bottom-footer .flat-text-right .list { margin: 0 }
.footer .bottom-footer .flat-text-right .list li { display: inline-block; padding-left: 35px }
.footer .bottom-footer .flat-text-right .list li a { color: rgba(255,255,255,0.6); font-size: 14px; font-weight: 400; text-transform: uppercase; position: relative }
.footer .bottom-footer .flat-text-right .list li a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 1px; height: 2px; background: #ffa800; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.footer .bottom-footer .flat-text-right .list li a:hover { color: #ffa800; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.footer .bottom-footer .flat-text-right .list li a:hover:before { opacity: 1; visibility: visible; width: 100% }


.z-index {
    position: relative;
    z-index: 99;
}
 
 