@charset "utf-8";
.btn-gray{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:1rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}

@media screen and (prefers-reduced-motion:reduce){.btn-gray{-webkit-transition:none;transition:none}}

.btn-gray:hover{text-decoration:none}
.btn-gray:focus,.focus.btn-gray{outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(2,59,126,.25);box-shadow:0 0 0 .2rem rgba(2,59,126,.25)}
.btn-gray:disabled{opacity:.65}
.btn-gray:not(:disabled):not(.disabled){cursor:pointer}
a.disabled.btn-gray,fieldset:disabled a.btn,fieldset:disabled a.btn-gray{pointer-events:none}

.btn-gray{background:#dee2e6;color:#005e86;-webkit-box-shadow:none !important;box-shadow:none !important;font-family:'Montserrat',sans-serif;font-style:normal;font-display:swap;font-weight:700;margin:8px;font-size:12px}

@media(max-width:1439.98px){.btn-gray{padding:.5rem .75rem}}

@media(min-width:1440px){.btn-gray{font-size:16px}}

.btn-gray{display:inline-block;line-height:1;vertical-align:middle;font-weight:bold}
.btn-gray{-webkit-box-shadow:0 .25rem .5rem rgba(0,0,0,.2);box-shadow:0 .25rem .5rem rgba(0,0,0,.2)}
.btn-gray:hover{background:#005e86;color:#fff}



.section .section--content{color:#000;font-size:16px;max-width:1100px;margin:auto;font-style:normal;font-display:swap;font-weight:300}
@media(min-width:1440px){.section .section--content{font-size:20px;}}

.section .features{max-width:1200px;margin:auto;margin-top:20px;margin-bottom:20px}
@media(min-width:1440px){.section .features{margin-top:40px;margin-bottom:40px}}

.section .section--title{color:#005e86;margin:auto;margin-bottom:10px;font-style:normal;font-display:swap;font-weight:700}
@media(min-width:1440px){.section .section--title{font-size:40px;margin-bottom:10px !important}}
.light{font-family:'Montserrat',sans-serif;font-style:normal;font-display:swap;font-weight:300}

.solutions{position:relative;margin:auto}
.solutions .solution-link{position:absolute;width:100%;left:0;right:0;height:100%;top:0;bottom:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.solutions .solution-link:hover{background:rgba(255,255,255,.25)}
.solutions .solution-image{height:270px;max-width:370px;background-size:cover;background-position:center center;position:relative;margin:auto;margin-top:50px}
.solutions .solution-content{background:#fff;width:calc(100% - 20px);left:0;right:0;margin:auto;position:absolute;bottom:0;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.solutions .solution-content img{max-height:38px;width:auto}
@media(min-width:1440px){.solutions .solution-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
.solutions .solution-title{color:#000;font-size:20px;font-family:'Montserrat',sans-serif;font-style:normal;font-display:swap;font-weight:700;text-transform:uppercase;display:block;margin-bottom:10px}
.solutions .solution-desc{font-size:16px;font-family:'Montserrat',sans-serif;font-style:normal;font-display:swap;font-weight:300;margin-bottom:10px;padding-right:30px;display:block}
.detail .section--info+section:not(.section--embed){margin-bottom:4rem}







.maincontainer{
    width: 1250px;
    margin: 0 auto;
}










.main3d{ width:100%; margin:0 auto;margin-top:65px;}
/************* services ****************/
.contentpro {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}


.case_con{position: relative; margin-top:5px}
.case_con .prev{ width: 36px; height: 53px; position: absolute; top: 200px; left: -54px;}
.case_con .next{ width: 36px; height: 53px; position: absolute; top: 200px; right: -54px;}
.case_con ul{ height: 550px;}
.case_con ul li{height:550px; overflow: hidden; float: left;width: 382px; margin-right:28px;}
.case_con ul li img{ width: 382px; height: 280px; overflow: hidden; display: block;}
.case_con ul li span{ margin-top: 12px; display: block; text-align: center; color: #323232; font-family: "Microsoft Yahei"; font-size: 14px; line-height: 24px;}
.case_con ul li span em{ display: block; font-size: 20px; line-height: 30px;}
.case_con ul li a:hover{ text-decoration: none;}

.case_con .nobot{ margin-right: 0;}





.case-list li {
    width: 382px;
    height: 550px;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    float: left;
    position: relative;
}

.case-list li a {
    display: block;
    width: 382px;
    height: 550px;
}

.case-list li:hover {
    -moz-box-shadow: 1px 1px 15px 5px #d8d8d8; /* 老的 Firefox */
    box-shadow: 1px 1px 15px 5px #d8d8d8;
}

.case-list li a:hover .lans {
    height: 265px;
}

.case-list li .img {
    position: absolute;
    top: 0px;
    left: 0px;
}

.case-list li a:hover .lans-top {
    margin-top: 20px;
}

.case-list .lans {
    width:100%;
    box-sizing: border-box;
    padding: 0px 20px;
    height: 284px;
    color: #999999;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
    margin-bottom: 1px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
	background:#f0f0f0;
}

.case-list li:hover .lans {
    margin-bottom: 0px;
    height:265px;
	background-color: #005e86;
}

.lans .lans-top {
    margin-top:20px;
}

.lans-top .lans-top-left {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    float: left;
	padding-bottom:5px;
}


.lans-top .lans-top-left h3 {line-height:25px;}


.lans-top .lans-more {
    float: left;
    background-color:#133d59;
	border-color:transparent;
	border-width:2px;
	width:100px; 
	height:40px;
	line-height:38px;
	color:#fff;
	text-align:center;
	font-size:15px;
	
}


.lans-top-right {
    float: right;
	font-size:14px;
	line-height:25px;
	padding-bottom:20px;
	color:#666666;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    max-height:131px;
}

.lans .lans-bottom {
    display: none;
    margin-top: 15px;
}

.case-list li:hover .lans-bottom {
    display: block;
	color:#FFFFFF;
	border-top:1px #FFFFFF dotted;
	padding-top:15px;
	font-size:14px;
}


.case-list li:hover .lans-top .lans-more {
    float: left;
    background-color:#fff;
	border-color:transparent;
	border-width:2px;
	width:100px; 
	height:40px;
	line-height:38px;
	color:#133d59;
	text-align:center;
	
}


.case-list li:hover .lans-top-left h3 {
    display: block;
	color:#FFFFFF;
}


.case-list li:hover .lans-top-right {
    display: block;
	color:#fff;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;

}





.picture {
    position: relative;
    overflow: hidden;
}

.picture img {
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}

.each-item:hover .picture img {
    transform: scale(1.09);
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    zoom: 1.09 \9;
}


.vol-12,.vol-lg-8{position:relative;width:100%;padding-right:15px;padding-left:0px}
.vol-lg-4{position:relative;width:100%;padding-right:0px;padding-left:15px}

.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.vol-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

@media(min-width: 992px){.vol-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%}.vol-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.66666667%;flex:0 0 66.66666667%;max-width:66.66666667%}}
 
.btn2{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem 1.75rem;font-size:1rem;line-height:1.5;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}
 
.btn3{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem 1.55rem;font-size:1rem;line-height:1.5;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;}


.btn-primary{color:#fff;background-color:#005e86;border-color:#005e86}
.btn-primary:hover{color:#fff;background-color:#004360;border-color:#003a53}
.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#004360;border-color:#003a53;-webkit-box-shadow:0 0 0 .2rem rgba(38,118,152,.5);box-shadow:0 0 0 .2rem rgba(38,118,152,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#005e86;border-color:#005e86}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#003a53;border-color:#003146}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(38,118,152,.5);box-shadow:0 0 0 .2rem rgba(38,118,152,.5)}
 
.dropup,.dropright,.dropdown,.dropleft{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0)}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10.5rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:0}
#vertretermenu .dropdown-menu{max-height:300px;overflow:scroll}
#vertreter-map-wrap{position:relative}
#vertreter-map-wrap:before{content:"";display:block;padding-top:50%}
#vertreter-map{position:absolute;width:100%;height:100%;top:0;left:0}
.tx-wfl-vertreter .list-group{height:600px;overflow:scroll;border-top:3px solid #eee;border-bottom:3px solid #eee}
#vertreter-legend{text-align:right;margin-top:10px}
#vertreter-legend img{margin:0 5px 0 15px}