@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
.fa {font-family: 'FontAwesome';}
.fa:before {font-family: 'FontAwesome';}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
    font-family: 'Font Awesome 5 Brands'; }


.fa-times:before {content: '\f00d';}
.fa-phone:before {content: '\f095';}
.fa-envelope:before {content: '\f0e0';}
.fa-caret-right:before {content: '\f0da';}
.telefon:before {font-family:'FontAwesome';}
.telefon:before {content: '\f095';margin-right:5px}
.none {display: none;}
.flex_center  {display: -webkit-flex;display: -ms-flex;display: flex;width: 100%;justify-content:center}  
.flex  {display: -webkit-flex;display: -ms-flex;display: flex;width: 100%;}    
.flex_row {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}  
.flex_row_wrap  {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-flex-flow: row wrap;flex-flow: row wrap;}
.flex_nowrap  {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: nowrap;}
.flex_column {display: -webkit-flex;display: -ms-flex;display: flex;flex-direction: column;} 
.flex_end {justify-content:flex-end; }
.flex_start {justify-content:flex-start}
.w10 {width:10%}.w15 {width:15%}.w20 {width:20%}.w30 {width:30%}.w33 {width:33%}.w40 {width:40%}.w50 {width:50%}.w60 {width:60%}.w70 {width:70%}.w80 {width:80%}.w90 {width:90%}.w100 {width:100%}
.just {text-align: justify;}
.center {text-align: center;}
.right {text-align: right;}
.flex1 {flex:1} .flex2 {flex:2} .flex3 {flex:3} .flex4 {flex:4}
.ani{
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.fa:before,.fa:after {font-family:'FontAwesome';}
.font-small {font-size: 12px; font-weight: 400;}
.b1 {-webkit-transition-delay: 0s!important; transition-delay: 0s!important;}
.b2 {-webkit-transition-delay: 0.02s!important; transition-delay: 0.02s!important;}
.b3 {-webkit-transition-delay: 0.04s!important; transition-delay: 0.04s!important;}
.b4 {-webkit-transition-delay: 0.06s!important; transition-delay: 0.06s!important;}
.b5 {-webkit-transition-delay: 0.08s!important; transition-delay: 0.08s!important;}
.b6 {-webkit-transition-delay: 0.10s!important; transition-delay: 0.10s!important;}
.b7 {-webkit-transition-delay: 0.12s!important; transition-delay: 0.12s!important;}
.b8 {-webkit-transition-delay: 0.14s!important; transition-delay: 0.14s!important;}
.b9 {-webkit-transition-delay: 0.16s!important; transition-delay: 0.16s!important;}
.b10 {-webkit-transition-delay: 0.18s!important; transition-delay: 0.18s!important;}
.b11 {-webkit-transition-delay: 0.20s!important; transition-delay: 0.20s!important;}
.b12 {-webkit-transition-delay: 0.22s!important; transition-delay: 0.22s!important;}
.b13 {-webkit-transition-delay: 0.24s!important; transition-delay: 0.24s!important;}
.b14 {-webkit-transition-delay: 0.26s!important; transition-delay: 0.26s!important;}
.b15 {-webkit-transition-delay: 0.28s!important; transition-delay: 0.28s!important;}
.b16 {-webkit-transition-delay: 0.30s!important; transition-delay: 0.30s!important;}
.b17{-webkit-transition-delay: 0.32s!important; transition-delay: 0.32s!important;}
.b18 {-webkit-transition-delay: 0.34s!important; transition-delay: 0.34s!important;}
.b19{-webkit-transition-delay: 0.36s!important; transition-delay: 0.36s!important;}
.b20{-webkit-transition-delay: 0.38s!important; transition-delay: 0.38s!important;}
.b21{-webkit-transition-delay: 0.40s!important; transition-delay: 0.40s!important;}
.b22{-webkit-transition-delay: 0.42s!important; transition-delay: 0.42s!important;}
.b23{-webkit-transition-delay: 0.44s!important; transition-delay: 0.44s!important;}
.b24{-webkit-transition-delay: 0.46s!important; transition-delay: 0.46s!important;}
.b25{-webkit-transition-delay: 0.48s!important; transition-delay: 0.48s!important;}
.b26{-webkit-transition-delay: 0.50s!important; transition-delay: 0.50s!important;}
.b27{-webkit-transition-delay: 0.52s!important; transition-delay: 0.52s!important;}
.b28{-webkit-transition-delay: 0.54s!important; transition-delay: 0.54s!important;}
.b29{-webkit-transition-delay: 0.56s!important; transition-delay: 0.56s!important;}
.b30{-webkit-transition-delay: 0.58s!important; transition-delay: 0.58s!important;}


.it_c {align-items:center;}
.small {font-size: 16px}
.arrow_top {
    width:100px;
    height: 50px;
    display: block;   
     background: url('../img/arrow_right_black.png');
    background-repeat: no-repeat;
    background-position: right top;    
    }
.scroll_top {
    width:100px; border:0px red solid;
    transform: rotate(270deg);
    position: absolute;
    right: 0;
    bottom: 100px;
    }
.scroll_top a {color:black; text-decoration: none;font-family: 'Lato', sans-serif;}
header, html, body {width:100%;height:100%; margin:0}
header {position: fixed; z-index: 0; }
body {
    margin:0;
    background:#4b4b4a url('../img/ffm.jpg');
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:100%;
    font-family: 'Lato', sans-serif;
    }
/* Header */
#red_more {
    display:block;
    position: absolute; 
    bottom:50px;
    font-size:14px;
    left:0; right:0;
    text-transform: none;
    text-align: center;
}
#red_more ul {
    padding:0;
    list-style: none;
    display:inline-block;
    position: relative; 
    font-size:14px;
}
a{
    display:inline-block;
    padding:5px;
}
header .content {
    width:100%;
    height:100%;
    justify-content:center;
    margin-top: 215px;
    }
.welcome {line-height: 30px}
    
#nav-top ul {margin:0; padding:0;}
#company h1 span {font-size:50px; display:block; margin-top:-50px }
#company h1 {font-size:25px;padding-bottom:10px}
#company {
    position: relative;
    border-radius: 500px; 
    background: rgba(0,0,0,0.5);
    width:500px;
    height:500px;
    color:#eee;
    align-items:center;
    font-weight: 200;
    } 

#company div {
    width:100%;
    text-align:center;
    font-family: 'Days One', sans-serif;
    font-size:140%;    
}
.site_company {
    position: absolute;
    top:20px; 
    right: 20px;
    text-align:right;
    font-family: 'Days One', sans-serif;
    font-size:26px!important;
}
.site_company h1 {font-size:26px!important; margin:0; padding:0;}
header a{color:white; text-decoration: none;}
header > a {z-index:999; position: absolute}
#home_link, #nav-top{z-index:999;}
#home_link {
    width:580px;
    height: 150px;
    position: absolute;
    left:30px;
    top:55px;
    background: url("../img/logo.png");
    background-repeat: no-repeat;
    }
#home_link:hover {
    transform: scale(1.05);
}
#nav-top {
    position: absolute;
    right:30px;
    top:50px;
    color:white;
    }
#nav-top ul li {
    margin-left:20px;
    list-style: none;
    }
#nav-top a {
    color:white;    
    text-transform: uppercase;
    text-decoration: none;
    }

a span {display:block; float:left}
li:hover  span{
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(360deg);
    transition: all ease .5s;
}

#scroll_down {
    position: absolute; 
    bottom:200px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    color:white;
    text-transform: uppercase;
    font-size:100%;
    font-family: 'Lato', sans-serif;
    }

#scroll_down:before {content: "\f177 "; position: absolute; left:-80px; top:3px}
.bounce {
    display:block;
    position:relative; 
    Transform: translateX(-4em);
    animation-name: bounce;
    animation-timing-function: ease-in;
    animation-duration: .5s;
	animation-iteration-count: infinite;
    animation-direction: alternate;
	}
@keyframes bounce {
		from { 
			Transform: translateX(-3em);
		}
		to { 
			Transform: translateX(-4em); 
		}
	}

/* Content */
section {
    position: relative; 
    z-index:9;
    top:100%;
    background: rgba(255,255,255,0.98);
    margin-bottom:500px;
    }

section.long {
    height:auto;
    margin-bottom:0px;
    }    
.last_child {
    margin-bottom:0px;
    }
h3, h4 {
    font-family: 'Days One', sans-serif;
    margin:0;
    padding:0;
    color:#4e4e4e;
    font-weight:300;
}
h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
}
h4 {
    font-size:20px;
    margin-bottom: 15px;
}
#form_kontakt h3 {font-size:23px}

/* Site specific values */
/* Index */
.inner_content .start:nth-child(1) {
    max-width:1000px;
    margin:0 auto;
    padding:100px 0 50px 0;
    font-size: 24px;
    line-height:50px;
    }
.inner_content .start {
    max-width:1000px;
    margin:0 auto;
    padding-top:20px;
    font-size: 26px;
    line-height:50px;
    }
.inner_content .start ul {margin:0 0 0 20px; padding:0}
.inner_content .start.img {
    line-height:20px;
    }
/* Sub Sites */
.inner_content .subsite:nth-child(1) {
    max-width:1000px;
    margin:0 auto;
    padding-top:100px;
    font-size: 26px;
    line-height:50px;
    }
 .inner_content .subsite {
    max-width:1000px;
    margin:0 auto;
    padding-top:20px;
    font-size: 26px;
    line-height:50px;
    }   
.inner_content .subsite span {
    font-size: 34px;
    font-weight: 300;
    } 
.inner_content .subsite.img {
    line-height:20px;
    }      
/* generell values */
#last_section {max-width:1280px;
    margin:0 auto;}
.inner_content {
    max-width:1280px; 
    margin:0 auto;
     font-size:40px;
     font-weight:200;
     color:#4e4e4e;
     /* align-items:center; */
     font-weight: 300;
     }
.inner_content > div {
    margin:25px;
     }
.logo_list > div {width:33.33%}
.logo_list > div:first-child {width:20%}
.logo_list > div:nth-child(2){width:20%}
.logo_list > div:last-child{width:60%}
.logo_list img {opacity: 0.8; height:100px; width: auto;align-self: center;margin:0px 5px; }
.logo_list .flex {align-self: center}
.logo_list .flex > div:first-child {
    border:1px #e2e2e2 solid; height:120px; width:150px;text-align: center; justify-content: center
}
#warum ul {font-size:18px; line-height: 24px}
.ul_list {margin-bottom:50px}
.ul_list > div:nth-child(2) {margin-left:50px}

#warum .inner_content .start:nth-child(1)  {line-height:30px}
.logo_list img:hover {
    opacity: 1;}
.link_space {padding:5px}
section a:link {color:#4e4e4e; text-decoration: none;}
section.last_child {margin-bottom: 450px}
/* Footer */
footer {position:relative; top:100%; background:#1c1c1c; color:white; font-weight: 200;letter-spacing: 1px;}
footer ul {margin: 0; padding-left:0}
.out #company {display:none}
.company_footer span {font-size: 140%;font-size:50px; display:block;font-weight:bold; }
.company_footer {
    font-size:24px;
    padding-bottom:10px;
    font-weight:bold;
}
#partner img {
    border: 1px #ccc solid;
}
#company.hidden {opacity: 0}

.footer_content { 
    position: relative;
    max-width:1000px;
    margin:0 auto;
    padding:100px 0;
    }
footer .adress ul{list-style: none; }
footer .ul_first{padding-bottom:40px}
footer .adress #footer_span {border-bottom:1px white solid; padding:20px 0 10px 0; display: inline-block;}
footer a:link,  footer a:visited ,footer a:hover {color:white; text-decoration: none;}

#b2bweb {
    width:500px;
    height: 500px;
    border-radius: 100%;
    border:1px white solid;
    text-transform: none;
     position: absolute; 
     left:50%;
     margin-left:-250px; /* margin - h�lfte der kreises */
     bottom:140px;
     font-size: 18px;
     }
#b2bweb > div:nth-child(1) {
    margin: auto;
    top: 115px;
    position: absolute;
    height:50%;
    width:100%;
    height:50px;
    text-align:center;
    margin: 0 auto;
    font-family: 'Days One', sans-serif;
}

#b2bweb > div:nth-child(2) {
    margin: auto;
    bottom: 148px; 
    position: absolute;
    height:50%;
    width:100%;
    height:50px;
    text-align:center;
    margin: 0 auto;
    }     

#b2bweb > div:nth-child(2) > div{
    display:inline-block;
    text-align:left;
    } 
#b2bweb a {
    display:inline-block; 
    margin-top:20px; 
    font-weight: 200; 
    border-bottom: 1px white solid;
    padding-bottom:10px;
    }
#facebook, #xing,#instagram {
    height:70px;
    width:70px;
    line-height: 70px;
    border-radius: 100%; 
    text-align: center; 
    border:1px white solid;
    font-size:25px; 
    font-weight:700;
    display: table-cell;
    vertical-align: middle;
    }
#facebook {font-size:34px}
#xing {margin-left:10px;}
.social {align-self: flex-end;}

#follow_us {width:100%}
.social a{opacity: 0.5}
.social a:hover {opacity: 1}
#footer-nav {text-align: center; position: relative;}
#footer-nav ul {list-style: none;}
#footer-nav li {margin-left:20px}
#footer-nav > div {display: inline-block; margin:0 40px 40px 0}


/* Form */
form {width:70%;margin:0 auto;}
.form_l {width:34%;}
.form_r {width:65%;}
.form_r input,.form_r textarea {width:100%; font-size:18px; padding:5px}
.form_r.anrede input,.f_topic input {width:20px; height:20px}
.form_r {line-height: 20px;}
input.captcha {width: 20%}
form img {height: 20px; padding:20px 0 0 20px}
.f_topic {width:100%; margin-bottom: 40px; background: #e2e2e2; padding:20px;}
.start form {margin-bottom: 40px}
form label:hover {cursor: pointer}
.form_r.anrede label {margin-right:20px}

.regional-img {width:33.33%;}
.regional-img > div {
    margin:20px;
    border:1px #ccc solid;
    text-align: center;
    line-height: 20px;
    padding:5px;
    height: 220px;
}
.regional-img img {max-width:100%; max-height: 80%}

.portfolio.last {width:100%}
.portfolio  {width:50%; vertical-align: center}
.portfolio > div {
    display:block;
    font-size:18px;
    line-height: initial;
    border-radius:10px 0 10px 0;
    border:1px #ccc solid;
    margin:20px;
    padding:20px;
}


.portfolio h4 {padding:0; margin:0; font-size:22px}

/* Line die bei Hover nach rechts zieht
.more:after {
    margin-top:2px;
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .3s;
}
.portfolio > a:hover .more:after {
    width: 100%;

}
*/
.partner {width:100%}

#our_partners_title .flex div{width:50%}
.portfolio ul {
    padding:0;
    margin:0;
    list-style: none;
    line-height: 24px;
}
.portfolio ul li:before {
    margin-left: -20px;
    padding-right:10px;
    font-family: FontAwesome;
    color:#ccc;
}
.portfolio {justify-content: space-between;}
.upper {
    justify-content: normal;
}

.border, .border_top {
    width:100%;
    height:1px;
    background-image:linear-gradient(90deg, white, black, white);
}
.border_top {margin-top:40px;}
#slogan {margin-top:20px}
#slogan > div, .direct_contact {width:100%; text-align: center}
.slogan1 {font-size:44px;}
.slogan2 {font-size:44px;}
.slogan3 {font-size:36px}
.inner_content .direct_contact {margin-top:10px}
.adress {font-size: 15px;}

#contact .start {max-width:100%}
#contact h3 {width:100%}
.contact_adresse {width:30%; font-size:16px; line-height: 22px }
.contact_adresse h3 {margin:50px 0 20px 0}
#contact #contact_form, .contact_hint {margin:0; width:70%}
#contact #contact_form form {width:100%}
.contact_hint {font-size: 16px}
/* Icons */

.hinweis_form {color:#990000; width:100%}
/* Subsite */
.subsite #company h1 span {
    font-size: 50px;
}

.subsite #contact_form {width:70%}
.subsite .inner_content .start:nth-child(1) {max-width:100%}
.subsite form {width:100%}

.recht .inner_content .subsite:nth-child(1) {font-size:20px; line-height: 26px}
.recht .inner_content .subsite span {
    font-size: 24px;
    font-weight: 300;
}

.finanzierungsanfragen #company h1 span, .foerdermittelcheck #company h1 span {
    font-size: 25px;
}

.subsite .ul_list li {border:1px #ccc solid; padding:10px; list-style: none; margin: 10px; border-radius: 5px}
.subsite .ul_list h4 {text-align: center}

#m_menu, #nav-top.nav-mobile {display:none}

#chat-application {margin-right:500px}
.content-news {padding:20px; border:1px #ccc solid}

#kontaktForm_little {border:1px black solid;}
#kontaktForm_little > div {display:block; padding:40px}
#kontaktForm_little input {font-size:1em; padding:5px}
#kontaktForm_little .ds_info {font-size:0.7em;}
#changePreferences:hover {cursor: pointer}
.cooperate > div {width:33.33%}
.cooperate img {max-width: 100%}
.m_p {display:none}

@media only screen and (orientation: landscape) and (max-width: 1030px) {
    body #nav-top.nav-mobile {
        margin-right: -100%;
    }

    body header .content.flex {
        flex-direction: row;
    }

    body header > a:first-child {
        height: 200px;
    }

    body #home_link {
        margin-top: 0px;
    }

    body #company h1 span {
        font-size: 30px;
        display: inline-block;
        margin-top: -80px;
    }
    body #company h1 {
        margin: 0px;
        padding:0;
    }
    body #company br {display:none}
    .m_p {
        display:inline-block;
        margin:0 10px 0 0;
        padding:0!important;
        height:0!important;
        width:0!important;
    }
    body #red_more {
        position: relative;
        bottom: initial;
    }
}
@media only screen and (max-width: 1030px) {
    #m_menu, #scroll_down, .scroll_top, #nav-top {display:none}
    #nav-top.nav-mobile {display: block}
    .footer_content.adress.flex,.flex.logo_list {flex-direction: column}
    .inner_content > div {
        margin: 0;
    }
    #kontaktForm_little input {font-size:initial}
    .portfolio h4 {font-size:initial}
    #m_menu, .portfolio,.logo_list > div, #company,#b2bweb,#b2bweb > div:nth-child(1), #contact #contact_form, .contact_hint, .form_r, .form_l, .subsite #contact_form  {
      width: 100%;
    }
    .inner_content .start:nth-child(1) {
        max-width: 100%;
        margin: 0 auto;
        padding:10px;
        font-size: 24px;
        line-height: initial;
    }
    #b2bweb {
        height: auto;
        border-radius: 0;
        border: none;
        position: relative;
        left: initial;
        margin-left: 0px;
        bottom:initial;
    }

    #b2bweb > div:nth-child(1), #b2bweb > div:nth-child(2) {
        margin: auto;
        top: initial;
        position: relative;
        height: auto;
        margin: 0 auto;
        font-family: 'Days One', sans-serif;
        bottom: initial;
    }
    body {background-position: 0px 80px;}
    header {
        top: 50px;
        text-align: center;
    }
    header .content {
        margin-top: 0px;
        height:auto;
    }
    header > a {
        z-index:initial;
        position: relative;
    }
    #home_link {
        position: relative;
        left: initial;
        top: initial;
        margin-top: 50px;
        width: 100%;
        height: 100%;
        background: url(../img/logo-single.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    header > a:first-child {
        display:block;
        height:200px;
    }
    .company_footer {
        font-size: 80%;
    }

    #company h1 {
        font-size: 110%;
        margin-top: 120px;
    }
    #red_more {position: relative; bottom: initial}
    .subsite #company h1 span {font-size:100%}
    #company {
        border-radius: 0;
        height: auto;
        background: rgba(0,0,0,0.1);
    }
    #company div {font-size:95%; margin-top: 0px;padding-bottom: 100%;}

    .site_company {
        position: relative;
        top: initial;
        right: initial;
        text-align: center;
             font-size: 80%!important;
        padding:10px;
    }
    #m_menu {
        display:block;
    }
    #m_menu {
        position: fixed;
        z-index: 999;
        height: 80px;
        background: #4b4b4a;
    }
    #m_menu div span {
        border-bottom: 2px #ccc solid;
        display: block;
        width: 40px;
        height: 1px;
        margin-bottom: 6px;
    }
    #m_menu div {
        margin: 10px 0 0 10px;
        border: 1px #ccc solid;
        border-radius: 5px;
        color: black;
        display: inline-block;
        padding: 10px;
        font-family: 'Open Sans', sans-serif;
        justify-content: flex-end;
    }

    #nav-top ul {flex-direction:column; }

    #contact .contact_adresse, .subsite .contact_adresse{display:none}
    #form_kontakt h3 {
        font-size: 20px;
    }
    .lpartner,#our_partners_title, #listed_partners_title, .logo_list {text-align: center}

    .f_topic label {line-height: 44px;}

    #nav-top.nav-mobile, #nav-top.nav-mobile.in {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #nav-top.nav-mobile {margin-right:-100%; background: #4b4b4a;}
    #nav-top.nav-mobile.in {margin-right: 0; display: block}
    #nav-top.nav-mobile {
        right: 0;
        top: 80px;
        width: 100%;
        position: fixed;
    }


    section.last_child {
        margin-bottom: 0px;
    }
    footer {
        padding: 10px 10px 50px 0;

    }
    #b2bweb > div:nth-child(2) > div, footer {
        text-align: center;
    }
    .social.flex_row_wrap {align-self: center;width: 100%;
        justify-content: center;}
    #footer-nav > div {
        margin: 0 ;
    }
    #footer-nav li {width:40%;text-align: center;}
    #footer-nav ul {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        justify-content: center

    }
    .form_r.anrede label {
        margin-right: 0px;
        margin-bottom: 10px;
        width: 80%;
        display: inline-block;
    }
    .form_r input, .form_r textarea {
        width: initial;
    }
    .form_r input, .form_r textarea {
        width: 97%;
    }

    .site_company h1 {
        font-size:100%!important;
    }
    .impressum #company h1 {
        font-size: 25px;
    }
    .inner_content .subsite:nth-child(1) {
        padding: 10px;
    }
    .subsite .flex.ul_list .flex{flex-direction: column}
    .subsite .inner_content .start ul {margin: 0}
    .regional-img {width:100%;}
    .cooperate > div {width:100%}
    .cooperate img {max-width: 100%}
}