/*通用*/
@font-face {
  font-family: "myFont";
  src: url("../fonts/ARCAMAJORA2-HEAVY.TTF") format('truetype');
}

@font-face {
  font-family: "iconfont"; /* Project id 4352541 */
  src: url('../fonts/iconfont.woff2?t=1708053007640') format('woff2'),
       url('../fonts/iconfont.woff?t=1708053007640') format('woff'),
       url('../fonts/iconfont.ttf?t=1708053007640') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-gongcheng-:before {
  content: "\e752";
}

.icon-jinrong-1:before {
  content: "\e92f";
}
.icon-dizhi:before {
  content: "\e609";
}

.icon-woshou:before {
  content: "\e658";
}

.icon-shijie:before {
  content: "\e65b";
}

.icon-chuansong:before {
  content: "\e662";
}

.icon-gongwenbao:before {
  content: "\e67d";
}

.icon-weixin:before {
  content: "\e62c";
}

.icon-telegram-plane:before {
  content: "\f246";
}

.icon-instagram:before {
  content: "\e6fc";
}

.icon-youtube:before {
  content: "\e8c5";
}

.icon-facebook-official:before {
  content: "\e8e6";
}

.icon-tuite:before {
  content: "\e652";
}

.icon-whatsapp:before {
  content: "\e8ec";
}

.icon-gouwu-:before {
  content: "\e7a0";
}

.icon-hulianwangyingxiao-:before {
  content: "\e7d3";
}

.icon-jinrong-:before {
  content: "\e945";
}

.icon-shangye-:before {
  content: "\eab0";
}

.icon-shangye-1:before {
  content: "\eabc";
}

.icon-shejiyukaifa-:before {
  content: "\eafe";
}

.icon-yunshu-:before {
  content: "\ee84";
}

.icon-zhenshide-:before {
  content: "\ee99";
}

.icon-youxiang:before {
  content: "\e645";
}

.icon-xiala:before {
  content: "\e6b9";
  transform: rotate(180deg); /* 默认旋转180度，使箭头朝上 */
}

.icon-youjiantou:before {
  content: "\e6e0";
}

.icon-yundong:before {
  content: "\e60a";
}

.icon-jiantou_xiangyou:before {
  content: "\eb08";
}

.icon-dianhua:before {
  content: "\eb23";
}

.icon-ditudaohang-:before {
  content: "\e677";
}


:root {
  --bodyFonts:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif";
  --mainColor: #0029a2;
  --lightMainColor:#5dc8f6;
  --lightBlueColor: #75d7ef;
  --darkBlueColor: #469eb4;
  --greenColor: #cbe99d;
  --darkGreenColor:#87d0a5;
  --bodyColor: #252525;
  --whiteColor: #ffffff;
  --grayColor: #707070;
  --fontSize: 16px;
  --transition: 0.3s;
}
*{margin:0; padding:0;}
*, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}
html{}
body{margin:0;color:#272727; position: relative;font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif"; font-size: 12px;word-break: break-word;background-color: #fff}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;line-height: 1.5}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:Arial, Helvetica, sans-serif;}
a{color:#2d2d2d;text-decoration:none;line-height: 1.5}
img{border:none; display: block;max-width: 100%;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}
i{font-style: normal;}
button{border:none;background-color: transparent;cursor: pointer;}
input{background-color: transparent;border:none;}
img.OF-cover {font-family: 'object-fit: cover';}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.overF{overflow: hidden;}
.marL{margin-left: auto}
.text-center{text-align: center;}
.text-right{text-align: right;}
.br4{border-radius: 4px;}
.br6{border-radius: 6px;}
.br8{border-radius: 8px;}
.br10{border-radius: 10px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-60{margin-top: 60px;}
.mt-90{margin-top: 90px;}
.pt-30{padding-top: 30px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pb-30{padding-bottom: 30px;}
.pb-80{padding-bottom: 80px;}
.div-space{padding:50px 0;}
.position-relative{position: relative;}
.white-bg{background-color: var(--whiteColor)}
.ward{width: 1300px;margin:0 auto;}
.rotate180{transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all var(--transition)}
.triangle{width: 0;height: 0;border-top: 8px solid var(--whiteColor);border-right: 6px solid transparent;border-left: 6px solid transparent;transition: all var(--transition);}
.height-auto{height:auto!important;}
/*header*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    z-index: 2023;
    transition: all .4s;
}
.header-change .header{
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
}
.hdK{
    margin: 0 auto;
    position: relative;
}
.logo{

}
.logo a img{
    width: 100%;
}
.logoEN{

}
.logoCH{

}
.nav{

}
.nav-li{
    position: relative;
}
.navA{
    color: #004866;
    position: relative;
}
.navA:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    background-color: #005376;
    transition: all .4s;
}
.nav-li.active .navA:before,.navA:hover:before{
   
}
.NavENk{
    margin-left: auto;
}
.langA{
 
}
.NavENk i{

}
.langA:hover{
   
}

.navA i {
    width: 0;
    height: 0;
    border-bottom: 0 solid transparent;
}
.sub-nav{
    position: absolute;
    z-index: 9;
}
.sub-nav dl{
    background-color: rgba(255,255,255,.95);
}
.sub-nav dl dd{
    position: relative;
}
.sub-nav dl dd a{
    display: block;
    text-align: center;
    position: relative;
    color: #005376;
}
.sub-nav dl dd:last-child a{
    border:none;
}
/*wap-menu*/
.nav-button-wrapper {
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 3000;
    transition: all .3s ease 2ms;
}

.nav-button {
    position: relative;
    display: block;
    transition: all .7s cubic-bezier(.75,.1,.25,1);
}

.nav-button .menu-btn {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 100;
    cursor: pointer;
    transform: translate(50%,-50%);
    pointer-events: none;
}

.nav-button .menu-btn span:before {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #005672;
    content: '';
    transition: transform .3s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
}
.nav-button .menu-btn span, .nav-button .menu-btn:after, .nav-button .menu-btn:before {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #005672;
    transition: background-color .7s cubic-bezier(.75,.1,.25,1);
}
.nav-button .menu-btn span {
    top: 50%;
    background-color: #005672;
    transition: transform .3s ease-out;
}
.nav-button .menu-btn:after, .nav-button .menu-btn:before {
    content: '';
    transition: .3s width .4s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
}
.nav-button .menu-btn:before {
    right: 0;
    bottom: 0;
}
.nav-button .menu-btn:after {
    top: 0;
    left: 0;
}
.nav-button.active {
  background-color: transparent;
}
.nav-button.active {
    border-color: #fff;
    color: #fff;
}
.nav-button .menu-btn.open span {
    transition: .3s transform .4s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
    transform: rotate(45deg);
    width: 99.9%;
}

.nav-button .menu-btn.open:before {
    right: 0;
    width: 0;
    transition: all .2s ease;
}

.nav-button .menu-btn.open:after {
    left: 0;
    width: 0;
    transition: all .2s ease;
}
.nav-button .menu-btn.open span:before {
    background-color: #fff;
    transition: .3s transform .4s ease-out,background-color .7s cubic-bezier(.75,.1,.25,1);
    transform: rotate(-90deg);
}
.side-nav{
    border-top: none;
    transition: all .7s cubic-bezier(.88,-.26,.13,1.23);
    width: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(34,34,34,.9);
    z-index: 2000;
    height: 100%;
    display: none;
}
.side-nav .inner-box{
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    transform: translate(0,-50%);
    margin: 0 auto;
}
.side-nav ul {

}
.side-nav ul li {
    position: relative;
}
.side-menu{
    color: #fff;
    display: block;
    text-align: center;
}
.side-menu.on{
    color: #007fc4;
}
.side-nav.active{
    right: 0;
}
.side-lang{
    
}
.side-lang-a{
    color: #fff;
}

/*footer*/
.footer{

}
.links{
    /*background-color: #004866;*/
    background-color: #e5e5e5;
}
.linkTit{
    font-weight: 600;
    color: #fff; 
}

.linksItem{
 
}
.linksItemA{
    display: block;
    transition: all .4s;
    color: #fff;
}
.linksItemA span{
    cursor: inherit;
}
.linksItemA img{
    width: 100%;
}
.linksItemA:hover{
   
}
.ftCon{
  background-color: #fff;
}
.ft-logo{

}
.ft-logo p{
    width: 100%;
    font-weight: 600;
    color: #0a025a;
}
.ft-logo a img{
    width: 100%;
}
.ftLogoEN{

}
.ftLogoCH{

}
.ftInfo{

}
.ftNav{

}
.ftNavA{
    transition: all .3s;
}
.ftNavA:hover{
 
}
.ftNav dd i{

}
.ftNav dd:last-child i{
    display: none;
}
.ftCantact{

}
.ftCantactT{
    font-weight: 600;
}
.ftCantactItemW{

}
.ftCantactItemEwm img{
    width: 100%;
}
.ftCantactItemEwm p{
    text-align: center;
}
.ftCantactItem{
    color: #6c6c6c;
    width:100%;
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.ftCantactItem h4{

}
.ftCantactItemDiv p{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.ftCantactItemDivP{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.ftCantactItemDiv span{
    color: #222;
}
.ftCopy{
    color: #6c6c6c;
}
.ftCopy a{
    color: #6c6c6c;
}
.ftCopy a:hover{
    text-decoration: underline;
}
/*back top*/
.go-top {
    position: fixed;
    top: 50%;
    opacity: 0;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #005672;
    border-radius: 0;
    z-index: 100;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.go-top img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translate(0,-50%);
}
.go-top.active {
    -webkit-transform: translateY(-95%);
    transform: translateY(-95%);
    opacity: 1;
    visibility: visible;
}

/*********
首页
*********/
/*banner*/
.banner{
    margin: 0 auto;
}
.banner .swiper-wrapper {
    transition-timing-function: linear !important;
}
.banner .swiper-slide .img-nei {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner .swiper-slide .img-nei:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0,0,0,.1),  rgba(0,0,0,0));
}
.banner .conta {
    position: relative;
    height: 100%;
}
.banner .conta-nei {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    transition: all .6s ease;
}
.banner .conta-nei h2{
    font-weight: 600;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(-60px);
}
.go-a-wrap{
    display: inline-block;
    position: relative;
    opacity: 0;
    transform: translateY(-60px);
}
.go-a-wrap:before{
    content: '';
    position: absolute;
    left: 0;
}
.go-a{
    color: #fff;
}
.go-a img{

}

.banner .swiper-slide-active .conta-nei h2{
    opacity: 1;
    transform: translateY(0) translateZ(0); 
    transition: opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
    transform: translateY(0) translateZ(0);
    opacity: 1;
    transition: opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;
}
.banner .pagination{
    right: 0;
    text-align: right;
    margin: 0 auto;
}
.banner .pagination .swiper-pagination-bullet{
    opacity: 1;
    background-color: transparent;
}
.banner .pagination .swiper-pagination-bullet-active{
    background-color: #fff;
}

/*投资青岛的十大优势*/
.IndTenSection{

}
.tit{
    text-align: center;

}
.titH2{
    color: #005672;
    font-weight: 600;
}
.titP{

}
.InvestingQingdaoTenB{
    position:relative;
}
.IndTenC{
  
}
.IndTenItem{
    background-color: #eef4f7;
    position: relative;
}
.IndTenItemText{
    display: block;
    position: relative;
    z-index: 2;
}
.IndTenItemA{
    position: absolute;
    background-color: #005376;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    transform: translateX(-22px);
}
.IndTenItemA span{
    position: absolute;
    color: #fff;
    cursor: pointer;
}
.IndTenItem:hover .IndTenItemA{
 
}
.IndTenItem:hover i,.IndTenItem:hover p{
  
}
.IndTenItem i{
    color: #005672;
}
.IndTenItem p{
    font-weight: 600;
}
.IndTenItemVideo-pc{
    display: none;
}
.IndTenItemVideo{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:0;
    position: relative;
}
.video-btn{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translate(0,-50%);
}
/*优势产业*/
.IndustrySection{
   background-color: #e5f1f5;
}
.IndustryC{
 
}
.IndustryPic{
    overflow: hidden;
}
.IndustryPic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.IndustryText{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.IndustryTextItem{
 
}
.IndustryTextItem1{
    background-color: #005376;
}
.IndustryTextItem2{
    background-color: #6397ad;
}
.IndustryTextItem3{
    background-color: #aed5e3;
}
.IndustryTextItem .circle{
    border-radius: 50%;
    position: relative;
}
.IndustryTextItem .circle:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
}
.IndustryTextItem .text{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.IndustryTextItem .text h3{
    font-weight: 600;
    color: #fff;
}
.IndustryTextItem .text p{
    line-height: 2;
    color: #fff;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{
    color: #005376;
}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
   
}

/*企业说*/
.EnterpriseTheorySection{
    background-color: #e3ecf0;
}
.EnterpriseTheorySection .ward{
    position: relative;
}
.EnterpriseTheoryC{

}
.EnterpriseTheoryText{
    background-color: #fff;
    cursor: pointer;
    transition: all .4s;
    height: 200px; /* 设置固定高度，与当前卡片一致 */
    overflow: hidden;
    position: relative;
    text-align: center; 
    padding: 15px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}



.EnterpriseTheoryText p {
    font-family: 'Microsoft YaHei', sans-serif !important; /* 强制字体 */
    color: #366092 !important;           /* 强制颜色 */
    font-size: 14px !important;            /* 强制字号 */
    line-height: 1.6 !important;           /* 强制行高 */
    text-align: justify !important;        /* 强制两端对齐 */
    text-justify: inter-ideograph !important; /* 优化中文两端对齐 */
    text-indent: 0 !important;             /* 取消可能存在的内联缩进 */
    margin: 0 0 10px 0 !important;       /* 强制段落下边距 */
    width: 100%;
    word-break: break-word;
}
.EnterpriseTheoryText p span {
    font-family: inherit !important; /* 继承 p 的字体 */
    color: inherit !important;       /* 继承 p 的颜色 */
    font-size: inherit !important;    /* 继承 p 的字号 */
    line-height: inherit !important;  /* 继承 p 的行高 */
    text-indent: 0 !important;       /* 确保 span 没有自己的缩进 */
    text-align: justify !important;  /* 强制两端对齐 */
    background-color: transparent !important; /* 强制背景透明 */
    white-space: normal !important;  /* 强制正常空白处理 */
    display: inline !important;      /* 强制行内显示 */
    margin: 0 !important;            /* 强制无边距 */
    padding: 0 !important;           /* 强制无内边距 */
    caret-color: auto !important;    /* 统一光标颜色为默认 */
    letter-spacing: normal !important; /* 统一字间距 */
    word-spacing: normal !important; /* 统一词间距 */
}
.EnterpriseTheoryText p span span {
    font-family: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    text-indent: inherit !important;
    background-color: inherit !important;
    white-space: inherit !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    box-sizing: inherit !important;
}

.EnterpriseTheoryText p span * {
    font-family: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
    text-indent: inherit !important;
    background-color: inherit !important;
    white-space: inherit !important;
}

/* 恢复此规则作为基础样式，但不强制尺寸，允许内联样式覆盖 */
.EnterpriseTheoryText img:not(.dh) {
    display: block !important;
    width: auto !important; /* 设置宽度自适应 */
    min-height: 90px !important; /* 强制最小高度 */
    max-height: 90px !important; /* 强制最大高度 */
    height: 90px !important;  /* 设置固定高度为 90px */
    margin: 10px auto 20px auto !important; /* 上下边距，左右自动（居中） */
    object-fit: fill !important; /* 修改：强制拉伸/压缩以填满指定尺寸，可能变形 */
    box-sizing: content-box !important; /* 新增：确保 height 应用于内容区域 */
}

/* 针对段落内图片的强制样式 */
.EnterpriseTheoryText p img {
    max-width: none !important; /* 移除最大宽度限制 */
    width: auto !important;    /* 宽度自适应 */
    min-height: 150px !important; /* 强制最小高度 */
    max-height: 150px !important; /* 强制最大高度 */
    height: 180px !important;   /* 固定高度为180px（原始高度90px的两倍） */
    object-fit: contain !important; /* 保持图片比例 */
    margin: 30px auto !important; /* 上下边距 */
    display: block !important;   /* 块级显示 */
    min-width: unset !important; /* 移除之前的 min-width */
    min-height: unset !important;/* 移除之前的 min-height */
    border-radius: 4px;
    background-color: #fff8ee; /* 添加背景色，与截图中的橙色背景相似 */

}
.outher-logo{
 
}
.outher-logo img{
   
}
.outher-logo h3{
    flex:1;
    -ms-flex:1;
    -webkit-flex:1;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    border-radius: 50%;
    transition: background-color .4s;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    color: #005672;
}
.EnterpriseTheoryNext{
    right: 0;
}
.EnterpriseTheoryPrev{
    left: auto;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{

}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
 
}
.EnterpriseTheoryC .swiper-slide {
    background-color: #fff;
}
/*联系我们*/
.IndCantactSection{
   background-color: #f7fafb
}
.IndCantactC{
    position: relative;
}
.IndCantactNext, .IndCantactPrev{
    transition: all .4s;
}
.IndCantactNext{
 
}
.IndCantactPrev{

}
.IndCantactNext:after, .IndCantactPrev:after{
    color: #005672;
}
.IndCantactNext:hover, .IndCantactPrev:hover{

}
.IndCantactTop{
    background-color: #005672;
}
.IndCantactTopTx{
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.IndCantactTopTx img{
    width: 100%;
}
.IndCantactBottom{
    background-color: #fff;
}
.IndCantactBottomName{

}
.IndCantactBottomNameR{
    display: inline-block;
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    text-align: right;
}
.IndCantactBottomName h3{
    font-weight: 600;
}
.IndCantactBottomName p{
    padding: 2px 0;
}
.IndCantactBottomDesc{
 
}
.IndCantactBottomDesc p{
    line-height: 2;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    line-height: 1.8;
    color: #005672;
}
/*video*/
.overly{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2024;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    transition: opacity .15s linear;
    opacity: 0;
    visibility: hidden;
}
.overly.show {
    opacity: .8;
    visibility: visible;
}
.video-container {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 2025;
    display: none;
}
.video-container video {
    width: 100%;
}
.closed {
    position: absolute;
}
/*青岛动态*/
.IndNewsB{
    background-color: #005376;
    position: relative;
}
.IndNewsZs{
    position: absolute;
    left: 0;
    bottom: 0;
}
.IndNewsZs img{
    width: 100%;
}
.IndNewsB .ward{position: relative;height: 100%;}

.IndNewsTit .titH2 {
    color: #fff;
}
.IndNewsAW{
 
}
.IndNewsA{
    color: #fff;
}
.IndNewsA:hover{
  
}
.IndNewsB .tit{
    color: #fff;
}
.IndNewsB .line {
    position: absolute;
    height: 100%;
    border-right: 1px solid rgba(255,255,255,.5);
    top: 0;
}
.IndNewsB .con .con_left {}
.IndNewsB .con .con_left img{
    object-fit: cover;
}
.IndNewsB .con .con_left .one {
    width: 100%;
}
.IndNewsB .con .con_left .one .date {
    color: #fff;
    text-align: right;
}
.IndNewsB .con .con_left .one .date span {}
.IndNewsB .con .con_left .one .date p {}
.IndNewsB .con .con_left .one .ln {
    border-right: 1px solid #fff;
}
.IndNewsB .con .con_left .one .news-text{}
.IndNewsB .con .con_left .one .tt {}
.IndNewsB .con .con_left .one .tt a {
    color: #fff;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.IndNewsB .con .con_left .one .des {}
.IndNewsB .con .con_left .one .des a {
    color: #fff;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.IndNewsB .con .con_left .more {
    border-top: 1px solid #fff;
}
.IndNewsB .con .con_left .more a {
    color: #fff;
}
.IndNewsB .con ul {}
.IndNewsB .con ul li {
    width: 100%;
}
.IndNewsB .con ul li .date {
    text-align: right;
}
.IndNewsB .con ul li .date span {
    color: #fff;
}
.IndNewsB .con ul li .date p {
    color: #fff;
}
.IndNewsB .con ul li .xx {
    border-bottom: 1px solid rgba(255,255,255, .5);
    color: #fff;
    transition: all .3s;
}
.IndNewsB .con ul li .xx .tt {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.IndNewsB .con ul li .xx .des {
    line-height: 1.5;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.IndNewsB .con ul li .xx:hover {}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    
}
.IndNewsB .con .con_left .more a:hover{
    
}

/*******
关于我们
*******/
.innerBan{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.innerBan .ward{
    height: 100%;
    position: relative;
}
.innerBanTit{
    position: absolute;
    left: 0;
    font-weight: 600;
    color: #fff;
}

.mbx{
 
}
.mbx a{
    display: inline-block;
}
.mbx a:hover{
    color: #005672;
}
.BasicInformation{
    position: relative;
}
.aboutContacts{
    background-color: #f1f4f5;
    position: relative;
}
.Contacts{
   
}
.attractInvestmentB{
  
}
.attractInvestmentT{
    text-align: center;
    font-weight: 600;
}
.attractInvestmentList{
 
}
.attractInvestmentItem{

}
.attractInvestmentItem .IndCantactTop{
    background-color: #e3ecf0;
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}

.aboutPic{
    overflow: hidden;
}
.aboutPic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutText{
    background-color: #005376;
    color: #fff;
}
.aboutTextT{
    text-align: left;
}
.aboutTextT .titH2{
    color: #fff;
}
.aboutTextP{
  
}
.aboutBusiness{
    position: relative;
}
.aboutBusinessList{

}
.aboutBusinessItem{
 
}
.aboutBusinessItemPic{
    overflow: hidden;
}
.aboutBusinessItemPic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutBusinessItemText{
    position: relative;
    flex: 1;
    -webkit-flex:1;
    -ms-flex:1;
}
.aboutBusinessItemText p{
    color: #fff;
    line-height: 1.8;
}
.aboutBusinessItemTextIcon{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    background-color: rgba(255,255,255,.9);
}
.aboutBusinessItemTextIcon span{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #005376;
}
.aboutBusinessItemText1{
    background-color: #005376;
}
.aboutBusinessItemText2{
    background-color: #55b4d7;
}
.aboutBusinessItemText3{
    background-color: #2382b9;
}
.aboutBusinessItemText4{
    background-color: #006b98;
}
.about-more{
    position: absolute;
}
/********
投资青岛
*********/
.InvestingQingdaoTen{

}
.InvestingQingdaoFuntionB{
    background-color: #e5f1f5;
    position: relative;
}
.InvestingQingdaoFuntionC{

}
.tab-head {
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: auto;
}
.tab-head-item {
    flex: 1 0 auto;
    color: #005376;
    text-align: center;
    transition: all .4s;
    cursor: pointer;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
    
}
.InvestingQingdaoFuntionList{
    
}
.InvestingQingdaoFuntionLeft{
    overflow: hidden;
    position: relative;
    height: 680px; /* 修改高度为680px */
}
.InvestingQingdaoFuntionLeft img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.InvestingQingdaoFuntionLeftT{
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    background-color: #005376;
    opacity: .9;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    position: absolute;
    font-weight: 600;
    color: #fff;
    z-index: 2;
    left: 0;
    right: 0;
    text-align: center;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    position: absolute;
    font-weight: 600;
    color: rgba(255,255,255,.08);
    text-transform: uppercase;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
}
.InvestingQingdaoFuntionRight{
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    height: 680px; /* 修改固定高度为680px */
    overflow: hidden; /* 超出部分隐藏 */
    margin-top: -50px; /* 向上移动50px */
}
.newsName {
    position: absolute;
    left: 0;
    display: inline-block;
    background-color: #005376;
    color: #fff;
    font-weight: 600;
}
.newMap{
    position: relative;
}

.map-guide-tip {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(0, 83, 118, 0.8);
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 14px;
    z-index: 20;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    animation: pulse 2s infinite;
    pointer-events: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
.newMapBlock{
    position: absolute;
    cursor: pointer;
}
.newMapBlock:hover{
    opacity: .5;
}
.newMapBlock p{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translate(0,-50%);
    text-shadow: 0 1px #005376, 1px 0 #005376, -1px 0 #005376, 0 -1px #005376;
}
.pingd{
    
    z-index: 10;
}
.laix{
   
    z-index: 9;
}
.jim{
    
    z-index: 12;
}
.jim p{

}
.jiaoz{
   
    z-index: 11;
}
.jiaoz p{
    
}
.chengy{
    
    z-index: 13;
}
.chengy p{

}
.lic{
  
    z-index: 15;
}
.laos{
    
    z-index: 14;
}
.laos p{

}
.shib{
   
    z-index: 16;
}
.shin{
    
    z-index: 17;
}
.shin p{

}
.huangd{
    
    z-index: 18;
}
.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{

}
.InvestingQingdaoFuntionRightT .logoS img{
    height: 100%;
}
.InvestingQingdaoFuntionRightT .textB{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-weight: 600;
    color: #005376;
    line-height: 1.2;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
 
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    border-radius: 50%;
    text-align: center;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    color: #005376;
    flex:1;
    word-break: break-all;
}
.InvestingQingdaoFuntionRightBottom{
 
}
.InvestingQingdaoFuntionRightBottom .item{
    font-size: 22px;
    line-height: 1.8;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-weight: 600;
    color: #005376;
}
.InvestingQingdaoFuntionRightBottom .item p{
    line-height: 1.8;
}
.InvestmentGuideB{
    background-image: linear-gradient(to bottom, #b3d8e5 , #fff);
}
.InvestmentGuideC{
 
}
.InvestmentGuideC p{
    line-height: 2;
    color: #005376;
}
.InvestmentGuidePic{
 
}

.pdfBtn{
   overflow:hidden
}
.pdfBtn img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.tab-head::-webkit-scrollbar{width:0;height:0;}
.tab-head::-webkit-scrollbar-thumb {background:transparent; border-radius:0;width:0;}
.tab-head::-webkit-scrollbar-track {background:none;width:0;}

/*********
青岛动态
**********/
.innerTitSection{
    background-color: #005376;
}
.innerTitSection h3{
    color: #fff;
    font-weight: 600;
}
.innerTitSection .mbx{
    color: #fff;
}
.innerTitSection .mbx a{
    color: #fff;
}
.newsListB{

}
.newsListCon{

}

.newsListUL{

}
.newsListULItem{

}
.newsListULItemA{

}
.newsListULItemA .picB{
    position: relative;
}
.newsListULItemA .picB img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsListULItemA .picB .newTips{
    position: absolute;
    color: #fff;
}
.newsListULItemA .picB .bg1{
    background-color: #ff7e00;
}
.newsListULItemA .picB .bg1:before{
    position: absolute;
    content: '';
    border-top: 0 solid transparent;
    border-left: 0 solid transparent;
    width: 0;
    height: 0;
}
.newsListULItemA .picB .bg2{
    background-color: #55a9cc;
}
.newsListULItemA .picB .bg2:before{
    position: absolute;
    content: '';
    border-top: 0 solid transparent;
    border-left: 0 solid transparent;
    width: 0;
    height: 0;
}
.newsListULItemA .textB{
    flex: 1;
    -webkit-flex:1;
    -ms-flex:1;
}
.newsBtn{
    margin-left: auto;
    border:1px solid #e5e5e5;
    transition: background-color .4s;
}
.newsBtn span{
    cursor: pointer;
}
.newsBtn:hover{

}

.newsTit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    transition: all .3s;
}
.newsTit:hover {
    color: #005376;
}
.newsTime {
    display: inline-block;
}
.newsDesc {
    color: #5f5f5f;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    position: relative;
}
.inputCase{
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.inputCase input.imitationSelect{
    width: 100%;
    height: 100%;
    flex:1;
    -webkit-flex: :1;
    -ms-flex: :1;
    cursor: pointer;
    color: #5f5f5f;
}
.inputCase i{
    transition: all .3s;
}
.selectUl{
    display: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 100%;
}
.selectUl li{
    background: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    cursor: pointer;
}
.selectUl li:hover{
    
}
.selectUl li:last-child{
    border-bottom: 0 none;
}

.IndInp{
    background-color: #f2f2f2;
}
.IndInp img{

}
.IndSearchI{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.sub-btn{
    background-color: #005376;
    color: #fff;
}
.loadmore{
    text-align: center;
}

/**********
青岛动态详情
***********/
.newsDetW{
    
}
.innerNewsDet{
    width: 1060px;
    margin: 0 auto;
}
.innerNewsDetL{
    
}
.innerNewsDetLTit{
    text-align: center;
}
.innerNewsDetLTit h2{
    font-weight: 600;
    line-height: 1.3;
}

.innerNewsDetLTit p{
    
}
.innerNewsDetLTit p span{
    
}
.innerNewsDetCon{
   
}
.innerNewsDetCon img{
    width: 100%;
    display: inline-block;
}
.innerNewsDetCon p{
    color: #3c3c3c;
    line-height: 2;
}
.innerNewsDetR{
    margin-left: auto;
    position: sticky;
}

.innerNewsDetR h3{
    font-weight: 600;
    line-height: 1.8
}
.sideNewsDet ul li{
 
}
.sideNewsDet ul li a{
    display: block;
}
.sideNewsDet ul li .imgB{
    width: 100%;
    overflow: hidden;
}
.sideNewsDet ul li .imgB img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sideNewsDet ul li p{
    display:-webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.sideNewsDet ul li p:hover{

}
.sideNewsDet ul li span{
    display: inline-block;
}

.UAD{
 
}
.UAD a{
  color: #2a2a2a;
}
.UAD a span{
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{

}
.UAD a span{
  
}
.UAD a:hover{
 
}

/********
优势
**********/
.advantageBtn{
    color: #fff;
    background-color: #005376;
}
.advantageB{
    background-image: linear-gradient(to bottom, #e9f7fb, #fff);
}

.advantageDesc{
 
}
.advantageTit{
    font-weight: 600;
    color: #005376;
    text-align: center;
}
.advantageText{
}
.advantageText img{
    display: inline-block;
}
.advantageText p{
    line-height: 2;
}
.advantagePic1W{
    text-align: center;
}
.advantagePic1W p{
    margin: 0 auto;
    max-width: 70%;
}
.advantagePic1{
    overflow: hidden;
}
.advantagePic1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.advantagePic2{

}

/********
联系方式
**********/
.contactInfoB{
    
}
.contactFormWrap{
    
}
.contactTit{
    font-weight: 600;
}
.contactForm{
    display: block;
}
.contactFormItem{
    overflow: hidden;
    position: relative;
}
.contactFormItem input,.contactFormItem textarea{
    display: block;
    color: #7e7e7e;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-floating>label {
    color: #7e7e7e;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating>label span{
    color: #005376;
}
.contactFormItem textarea{
    max-width: 100%;
    min-width: 100%;
}
.form-floating>.form-control:focus~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus{

}
.contactFormBtn{
    color: #fff;
    background-color: #005376;
}
.contactInfoR{
   
}
.contactInfoRTop{
    background-color: #eef4f7;
}
.contactInfoRTop .item{
  
}
.contactInfoRTop img{

}
.contactInfoRTop p{
    color: #fff;
}
.contactInfoRTop .item1{
    background-color: #005376;
}
.contactInfoRTop .item2{
    background-color: #005376;
}
.contactInfoRTop .item3{
    background-color: #005376;
}
.contactInfoRBottom{
    background-color: #f5f8fa;
}
.contactInfoRBottom .selectBox{
    width: 100%;
    background-color: #fff;
    border:none;
    margin-right: 0;
}
.contactInfoRBottom .inputCase{
   
}
.contactInfoRBottom .inputCase input.imitationSelect{

}
.contactArea{
   
}
.contactArea h3{
    font-weight: 600;
}
.contactAreaItemText{

}
.contactAreaItemTextG{
    color: #373737;
}
.contactAreaItemText2{

}
.contactAreaItemTextTime{
 
}
.contactAreaItemTextTime span{
    width: 100%;
}
.contactInfoRBottom .selectUl{
    overflow: auto;
} 
.contactInfoRBottom .selectUl li{
  
}

/*********
了解青岛
*********/
/*banner*/
.undBan{background-image:url("../images/banner.png");background-repeat:no-repeat;background-position:top center; background-color:#005376;color:#FFF;}
.undBan .mbx a {color: #fff;}
.undBan .mbx a:hover {color: #fff;text-decoration: underline;}
.undBanV{ margin:0 auto;background: linear-gradient(to bottom,#0d5c7e,#5a96ae)}
.undBanV img{width:100%;}
.undBanV video{ width:100%; position: absolute;display: block;object-fit: fill;transform: translate(-50%,-50%);left:50%;top:50%;}
.undBanVd{height:100%;width:100%; position: relative;align-content:center; overflow:hidden;}
.undBanN{position: relative;}
.tmi-UnderstandingQingdao{position: absolute;}
.undMap img{
    width:100%;
}
/*宜居宜业*/
.undwor{ position: relative;}
.undworJ {position: absolute;width: 100%;overflow: hidden;top:0;left: 0;}
.bgTop {z-index: 15;}
.bgBottom {z-index:5;}
.wave {position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;
background-position: 0 top;transform-origin: center top;}
.undwor .waveTop {/*animation: move_wave 10s linear infinite;*/}
.undwor .waveBottom {/*animation: move_wave 13s linear infinite;*/}
@keyframes move_wave {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
.undTit{margin:0 auto; text-align: center;}
.undTit h3{color:#005672; font-weight:700;}
.undTitP{ color:#1c1c1c;}
.undworI{overflow: hidden; width:100%;}
.undworI img{width:100%; display: block;}
.undworN{color:#303030;}
.undworN h3,.undworB h3{font-weight:700;}
.undworB{background-image:url("../images/undworT02.jpg");background-repeat:no-repeat;background-position:top center; background-color:#e6f5fc;color:#005672; background-size: 100%;}
/*优势产业*/
.undadv{background:#e5f1f5;position: relative;}
.undswi{position: relative;}
.undsTit{ color:#005672; position:absolute;top:0;left:0;}
.undeme .undsTit,.undser .undsTit,.undfuture .undsTit{color:#FFF;}
.undeme .undsTit p:before,.undser .undsTit p:before,.undfuture .undsTit p:before{background:#FFF;}
.undsTit h3{font-weight:700;}
.undsTit p{position: relative;font-weight:400;}
.undsTit p:before{display:block;content:'';position: absolute;}
.undsTit p:before{width:100%;top:0;background:rgba(0,86,114,0.5);}
.undsTit i{display: block; position: relative;}
.undsTit i:before,.undsTit i:after{display:block;content:'';position: absolute;background:#b3d8e5;}
.undswiI{overflow: hidden;color:#FFF; position: relative;}
.undswiI img{width:100%;height: 100%;object-fit: cover;}
.undswiI:before{display:block;content:'';position: absolute; background:linear-gradient(to bottom,rgba(0,83,118,0) 50%,rgba(0,83,118,0.8));transition:0.5s; z-index:1;top:0; left:0; width:100%; height:100%;}
.undswiN{transition:0.5s; position: absolute;z-index:2;width:100%; height:100%;left:0;}
.undswiN h3{text-align:center;}
.undswiN p{text-align: justify}
.undnext,.undprev{border:2px solid #005672;border-radius:0;margin:0; color:#005672;background-color:rgba(255,255,255,0.2);}
.undnext{right:0;}
.undprev{left:30px;}
.undprev1{left:auto !important; right:65px !important;} /* 将两大先导产业区域的左侧按钮调整到右侧位置 */
/*五大新型产业*/
.undeme{background:#a0bfcd;position: relative;padding:45px 0 95px;} /* 恢复原始背景色 */
.undeme .undprev2{left:auto !important; right:65px !important;} /* 将五大新型产业区域的左侧按钮调整到右侧位置 */
/*三大优势企业*/
.undser{background:#4A98B9;position: relative;padding:45px 0 95px;} /* 修改背景色 */
.undser .undnext,.undser .undprev{border:2px solid #FFF;border-radius:0;margin:0; color:#FFF;background-color:rgba(255,255,255,0.2);}
.undser .undprev3{left:auto !important; right:65px !important;} /* 将三大优势企业区域的左侧按钮调整到右侧位置 */
.undser .undswiI:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8));}
.undfuture{background:#005376;position: relative;padding:45px 0 95px;} /* 设置目标背景色 */
.undfuture .undnext,.undfuture .undprev{border:2px solid #FFF;border-radius:0;margin:0; color:#FFF;background-color:rgba(255,255,255,0.2);}
.undfuture .undprev4{left:auto !important; right:65px !important;} /* 将一批未来产业区域的左侧按钮调整到右侧位置 */
.companyProfile{position: relative;}
.baseVideoListItem{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    box-shadow: 0 5px 20px 10px rgba(138,194,242,.3);
}
.tmi-more{
    position: absolute;
}
.nodata{
    text-align: center;
    margin: 50px 0;
}
.baseBanW{
    position: relative;
}
.base-ban .imgB {
    width: 100%;
    box-shadow: 0 5px 20px 10px rgba(138,194,242,.3);
}
.base-ban .imgB img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

/* 完全按照“三大优势企业”的样式设置按钮 */
.undnext4,.undprev4{border:2px solid #FFF;border-radius:0;margin:0; color:#FFF;background-color:rgba(255,255,255,0.2);}
.undprev4:after, .undnext4:after{color: #FFF;}
.undnext4:hover,.undprev4:hover{background-color: rgba(255,255,255,0.1);}
.undprev4:hover:after, .undnext4:hover:after{
    color: #fff;
}

/*青岛市商务局*/
.contactLisksB{
    background-color: #f1f4f5;
}
.contactLisksCon{
   
}
.contactLisksTit{

}
.contactLisksTit img{

}
.contactLisksTit a{
    color: #005376;
    text-decoration: underline;
    transition: all .3s;
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
}
.contactLisksTit a:hover{

}
.contactLisksList{

}
.contactLisksListItem{

}
.contactLisksListItem:hover{

}
.contactLisksListItem:nth-child(3n){
   
}
.contactLisksListTit{
    background-color: #005376;
    position: relative;
}
.contactLisksListTit h3{
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
}
.contactLisksListInfo{
    background-color: #fff;
}
.contactLisksListInfo a{
    display: block;
    width: 100%;
}

/*青岛市招商促进中心*/
.contactLisks2Ewm{
    width: 100%;
}
.contactLisks2Ewm img{
    margin: 0 auto;
}
/*修改input默认颜色文字*/
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #aaa;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #aaa;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #aaa;  
}

/*修改默认滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}


@keyframes toSmall {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

@keyframes lang1{
    0% {
        background: url(../images/t10.png) no-repeat right 55px;
    }
    50% {
        background: url(../images/t10.png) no-repeat left 55px;
    }
    100% {
        background: url(../images/t10.png) no-repeat right 55px;
    }
}
@keyframes lang2{
    0% {
    background: url(../images/t12.png) no-repeat left 0;
    }
    50% {
        background: url(../images/t12.png) no-repeat right 0;
    }
    100% {
        background: url(../images/t12.png) no-repeat left 0;
    }
}
@keyframes lang3{
    0% {
    background: url(../images/t11.png) no-repeat right 0;
    }
    50% {
        background: url(../images/t11.png) no-repeat left 0;
    }
    100% {
        background: url(../images/t11.png) no-repeat right 0;
    }
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(-16px);
    }
    50% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-16px);
    }
}

@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}









@-webkit-keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 
}
@keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(2px, 0, 0);transform: translate3d(2px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(6px, 0, 0);transform: translate3d(6px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}





.enlarge img{transition:all 0.3s;}
.enlarge:hover img{-ms-transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);}
.enlarge1 img{transition:all 0.3s;}
.enlarge1:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.Mover{transition:0.5s;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;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.IndChangeTabRight {-webkit-animation-name: changeTabRight__1s_Xw;animation-name: changeTabRight__1s_Xw;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
@-webkit-keyframes changeTabRight__1s_Xw
{
    0%{opacity:0;visibility: hidden;}
    to{opacity:1;visibility: visible;}
}
@keyframes changeTabRight__1s_Xw
{
    0%{opacity:0;visibility: hidden;}
    to{opacity:1;visibility: visible;}
}

/*出的各分辨率媒体查询换算：*/
html {font-size: 625%;}


@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/

/* 添加提示框样式 */
.city-tooltip {
    position: absolute;
    background-color: #ffeb3b;
    color: #333;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    z-index: 100;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
}