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

.mbanner{width:100%}
.mbanner img{max-width:100%}

.w618{margin-left:auto;margin-right:auto;width:800px;}
.pro-banner img,.pro-model02 img,.pro-model04 img,.pro-model07 img{width:100%;}
.pro-banner{overflow:hidden;}
.pro-banner img:first-child{}
.pro-model01 h1,.pro-model02 h1,.pro-model03 h1,.pro-model05 h1,.pro-model06 h1,.pro-model08 h1{padding:45px 0 8px;font-size:36px; color:#333;}
.pro-model01 p,.pro-model02 p,.pro-model03 p,.pro-model05 p,.pro-model08 p{font-size:16px; color:#333; line-height:30px;}
.pro-model02,.pro-model04,.pro-model06,.pro-model08{ background-color:#f5f5f5;}
.pro-model01,.pro-model02,.pro-model03,.pro-model04,.pro-model05,.pro-model06,.pro-model07,.pro-model08{text-align:center;border-bottom:1px solid #ddd;}


.pro-model01 img{ margin:25px 0 35px;}
.pro-model02{ height:385px;}
.pro-model02 .w618{ padding-top:66px;}
.pro-model08{ padding-bottom:75px;}

.pro-model06,.pro-model09{ overflow:hidden; padding-bottom:50px;}
.pro-model06 dl{ float:left; width:24%; margin-bottom:25px; margin-top:45px; margin-right:13.3%}
.pro-model06 dt{ margin-bottom:25px;}
.pro-model06 dd a{font-size:18px; color:#be1e21;}

.pro-model08 .w618{position:relative;}
.pro-model08 .start{position:absolute; top:82px; left:-50px;}
.pro-model08 .over{position:absolute; bottom:-12px; right:-50px;}

.pro-model09 h5{ font-size:18px; color:#333; border-bottom:1px solid #ccc; padding-bottom:14px; margin-bottom:0px; margin-top:13px;}
.pro-model09 dt a{display:block; width:375px; height:292px; border:1px solid #fff;}
.pro-model09 dl:hover dt a{ color:#be1e21; border:1px solid #be1e21;}
.pro-model09 dd a{font-size:18px;color:#333; line-height:65px;  height: 65px; overflow: hidden;  display: inline-block;  letter-spacing: 1px;}
.pro-model09 dl:hover dd a{ color:#be1e21;}
.pro-model09 dl{ margin:0;}


.pro-model09 dl{ float:left; width:33.33%; margin-bottom:25px; margin-top:38px;}
.pro-model03{ padding-bottom:54px; padding-top:28px;}
.pro-model03 h1,.pro-model05 h1{padding:28px 0 15px;}
.pro-model05{padding-top:20px; padding-bottom:48px; }
.pro-model09{ padding-bottom:16px;}
.pro-model09 dl{ margin-right:13px;}
.pro-model09 dl:last-child{ margin-right:-26px;}

.share{line-height:26px;height:26px;float:right; margin-top:40px!important;}
.share a{display:inline-block}
.share p{display:inline-block;line-height:26px;font-size:12px;color:#666;margin-right:5px}
.share img {vertical-align:middle;margin-left:10px}

.pro-model07 img{height:100%; margin:0; padding:0; display:block}
.pro-model08 p{  letter-spacing: 1px;}


/** 方案展示 */
.banner.case{background: url(../img/nav_img2.jpg) no-repeat center top; background-size: cover;}
.main-case{padding: 0 0 75px 0}
.main-case .content{width: 100%; text-align: center; padding-top: 20px; padding-bottom:50px; }
.main-case .content.even{margin-left: 2%;}
.main-case .content .case-img{border: 1px solid #e2e2e2; overflow: hidden;}
.main-case .content .case-img img{width: 100%; transition: 2s;}
.main-case .content .case-img img:hover{transform: scale(1.2,1.2); transition: 2s;}
.main-case .content p.lable{padding-top: 13px; font-size: 24px; line-height: 76px;}
.main-case .content p{font-size: 16px; line-height: 32px; color: #505050;}
.main-case #casePage .layui-laypage{display: block; text-align: center; margin-top: 100px;}
.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{font-size: 18px; line-height: 40px; height: 40px; margin-right: 20px; border-radius: 3px; color: #e3e3e3;}

/*合作伙伴*/
.hezuo{text-algin:center;margin-bottom:50px;}
.hezuo ul li{width:20%;float:left;margin:25px 0; list-style:none;text-align: center;}
.hezuo ul li img{max-width:60%}

.kh{text-align:center;line-height:100px;font-size: 24px;}

@media screen and (max-width: 480px){
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-news .content .news-panel p.read-push{font-size: 12px;}
  .main-case .content{padding-top:10px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-about ul.aboutab{padding: 70px 0;}
  .main-about ul.aboutab li{padding: 0 15px; font-size: 16px; box-sizing: border-box;}
  .main-about .tabIntro .content .img{width: 100%;}
  .main-about .tabIntro .content .panel{width: 100%;}
  .main-about .tabIntro .content .panel.p_block{display: none;}
  .main-about .tabIntro .p_hidden{display: block;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
  .hezuo ul li{width:50%;float:left;margin:10px 0; list-style:none;text-align: center;}
  .kh{text-align:center;line-height:50px;font-size: 14px;}
}
/*小屏幕*/
@media screen and (max-width: 768px){  .hezuo ul li{width:50%;float:left;margin:10px 0; list-style:none}}
@media screen and (min-width: 768px){
  .nav{max-height: 80px;}
  .nav.index{background: rgba(255, 255, 255 ,0.3);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 53px; line-height: 80px;}
  .main-product p.title
  ,.main-service p.title{font-size: 36px; line-height: 216px;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 100%;}
  .main-case .content.even{margin-left:0;}
  .main-about ul.aboutab li{padding: 0 32px; font-size: 24px; margin-left: 30px; line-height: 50px;}
  .main-about .tabIntro .content p{padding: 0 30px; font-size: 18px; line-height: 30px;}
  .main-about .tabJob .content p{font-size: 24px; line-height: 50px;}
  .main-about .tabJob .content p.title{font-size: 30px; line-height: 90px;}
  .main-about .tabJob .content ol li{font-size: 20px; line-height: 60px;}
  .main-about .tabCour .timeline:before{left: 50%;}
  .main-about .tabCour .timeline li{min-height: 195px; padding-top: 95px;}
  .main-about .tabCour .timeline li .cour-img{left: 50%; margin-left: -97.5px; width: 195px;}
  .main-about .tabCour .timeline li .cour-panel{padding-top: 55px; padding-left: 0;}
  .main-about .tabCour .timeline li.odd .cour-panel{text-align: right;}
  .hezuo ul li{width:20%;float:left;margin:10px 0; list-style:none;text-align: center;}
  .kh{text-align:center;line-height:70px;font-size: 18px;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 33px;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
  .hezuo ul li{width:20%;float:left;margin:10px 0; list-style:none;text-align: center;}
  .kh{text-align:center;line-height:80px;font-size: 20px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;float: left;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
  .main-about .tabIntro .content p{padding: 0 50px; font-size: 20px; line-height: 40px;}
  .hezuo ul li{width:20%;float:left;margin:10px 0; list-style:none;text-align: center;}
  .kh{text-align:center;line-height:80px;font-size: 20px;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
  .main-about .tabCour .timeline li .cour-panel{padding-left: 50px;}
  .main-about .tabCour .timeline li.odd .cour-panel{padding-left: 0; padding-right: 50px;}
  .hezuo ul li{width:20%;float:left;margin:10px 0; list-style:none;text-align: center;}
  .kh{text-align:center;line-height:100px;font-size: 24px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  .main-about .tabJob .content:last-child{margin-bottom: 180px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
  .hezuo ul li{width:20%;float:left;margin:10px 0; list-style:none;text-align: center;}
    .kh{text-align:center;line-height:100px;font-size: 24px;}
}




/* logos */
 .logowall { text-align:center; font-size:0 }
.logowall .body { margin-bottom:10px }
.logowall .logoHolder { padding:0 30px }
.logoHolder {width:120px; margin:0px; font-size:1rem; position:relative; display:inline-block;  position:relative; _padding:10% 3% 0; padding:0 3%; }
.logoHolder .logo {width:120px;/* background:white; border:solid 1px rgb(179,179,179); border-radius:50%;*/ } 
.logoHolder .titleHolder  { position:absolute; margin-top:20px; width:100%; left:0; text-align:center; padding:0 .3em  }
.logoHolder .title { font-size:.8em; }
.main-sidebar-logos .title { font-size:.6em }
.logoHolder a { transition:opacity .3s ease }
.logoHolder a:hover { opacity:.7 }

.logoHolder.team .title { bottom:-2em; font-size:1.1em;  }
.logoHolder.team .subtitle {  bottom:-4em; font-size:.7em; margin-top:5px }
.logoHolder.team .title { bottom:-2em; font-size:1.1em;  }
.logoHolder.team .subtitle {  bottom:-4em; font-size:.7em; margin-top:5px }