/*por*/
.home-por{ padding-bottom: 60px }
.por-hd{ background: #f5f5f5; text-align: center; }
.por-hd li{ width:12%; font-size:18px; text-align: center; height: auto;color: #fff; height:90px; line-height:90px; display: inline-block; border-right: 1px #ddd solid; font-weight: bold;}
.por-hd li a{ display: block; }
.por-hd li:nth-child(1){border-left: 1px #ddd solid}
.por-hd li b{ display: block; }
.por-hd li i{ font-size: 35px }
.por-hd .active a,.por-hd li a:hover{ border-bottom:5px solid #134dd1 }
.por-bd{ z-index: 66;width: 100%; padding-top:70px; clear: both;}
.por-bd li.thisclass{ display:list-item;}
.por-bd li:nth-child(1){display:list-item;}
.por-bd li{display:none; position: relative;}
.ind-porteam{background: #0062b7; text-align: left; }
.ind-porteam .left{ width: 55%;padding: 15px; }
.ind-porteam .left img{ width: 100% }
.ind-porteam .right{  width: 45%; padding: 30px }
.ind-porteam .right .txt{  line-height:2; font-size: 16px;color: #fff }
.ind-porteam .right .txt b{ font-size: 30px; display: block; }
.ind-porteam .right .txt span{ font-size:18px; display: block; font-weight: bold; padding:5px 0 }
.ind-porteam .right .txt span em{ color: #ffd200;  }
.ind-porteam .right .img{ font-size: 16px; color: #fff; margin-top:35px  }
.ind-porteam .right .img b{ color: #ffd200; padding-bottom: 5px;font-size: 18px; }
.ind-porteam .right .img img{ display: block; margin-top: 15px }
.cplx { padding-top: 35px; height: auto;overflow: hidden; }
.cplx .toptel{ text-align: left; font-size: 15px; color: #fff; margin:15px 0 0 0;  width:400px; border-radius: 3px;position: relative; padding: 10px 0 10px 50px}
.cplx .toptel img{ width: 40px; line-height: 40px; background: #c40d00; border-radius: 20px; display: block; padding: 7.5px; position: absolute; left: 0px;  }
.cplx .toptel b { font-size: 25px; font-family:Arial;  line-height: 1;color: #fff }
.cplx .topwx{ float: right;  margin-left: 20px; font-size: 12px; color: #fff; width: 100px; padding: 0}
.cplx .topwx img{ max-width:75px; text-align: center; width:75px; border: 4px #fff solid; box-shadow: 0 0 15px rgba(0,0,0,0.15); margin-bottom: 5px }



/*hezuo*/
.ind_hezuo{ background: #f9f9f9 }
.hz-tit{ font-size:20px;  font-weight: bold; }
.ind_hezuo .hzlist{ padding-top:20px }
.hzlist .hzitem img{ border: 1px #ddd solid }
.hzlist .slick-slide{text-align:center; font-size: 16px; background: #fff; margin: 10px }
.hzlist .slick-slide span{ padding: 10px 0 }

@media (max-width:992px) {
.ind_hezuo .hzlist{ padding:10px 0 }
.hzlist .slick-slide{ padding:5px; font-size: 14px; margin:5px }
.home-por{ padding-bottom:20px }
.por-bd{ padding-top:10px; }
.por-hd li{ width:33.333%; font-size:14px;  height:40px; line-height:40px; border: 1px #ddd solid; font-weight: normal;}
.ind-porteam .left{ width:98%;padding:5px; clear: both; margin: 0 auto }
.ind-porteam .right{ width:98%;padding:5px; clear: both; margin: 0 auto}
.ind-porteam .right .txt{  line-height:1.6; font-size: 12px; }
.ind-porteam .right .txt b{ font-size: 16px; display: block; }
.ind-porteam .right .txt span{ font-size:12px; }

.ind-porteam .right .img{ font-size: 14px;  margin-top:10px  }
.ind-porteam .right .img img{ margin-top: 10px }
}

.indpor{ margin: 30px 0  0 0; width: 98%; float: none;}
.porteam{width:23.5%;  }
.porteam:nth-child(4n){ margin-right: 0 }
.porteam .tit b { font-size: 18px }
/*case*/
.ind_case{ background: #f5f5f5 }
.titbs{ color: #fff !important }
.titbs b{  color: #fff;  }
.titbs b:after{ background:#fff;  }
.ind_case .indcaselist{ padding-top:20px }
.indcaselist .slick-slide{text-align:center; font-size: 16px; background: #fff; margin: 10px 0.5%; width: 24%; display: inline-block; overflow: hidden; }
.indcaselist .slick-slide img{ width: 100%;transition: all 0.3s;}
.indcaselist .slick-slide:hover img{transform: scale(1.06, 1.06);transition: all 0.3s;}
.indcaselist .slick-slide span{ padding: 10px 0; }
.indcaselist .slick-next{ right: 0 }
.indcaselist .slick-prev{ left: 0 }

@media (max-width:992px) {
.indpor{ margin:10px 0  0 0; }
.ind_case .indcaselist{ padding:8px 0 }
.indcaselist .slick-slide{ padding:5px; font-size: 14px; margin:5px 1%; width: 48% }
.porteam{width:48%;  margin: 0 1% 20px 1%; border-radius:5px; }
.porteam .tit b{ font-size: 14px;  }
.indcaselist .slick-slide span{ padding: 6px 0; height: 55px }
}




/*about*/
.ind_about{background:#fff;}
/*.ind_about .company-pic{ width: 50%; margin:30px 2% 0 0 }
.ind_about .company{ color:#fff; line-height:2;font-size: 16px; width: 48% ; margin:30px 0 0 0; ;}
.ind_about .company h3{ font-size: 22px; font-weight: bold; }*/

.com-hd{ text-align: center; margin: 15px auto 30px auto}
.com-hd li{ display: inline-block; padding:8px 30px;; text-align: center;border-radius: 25px;color: #555; margin:0 5px;  background: #f3f3f3}
.com-hd li.active,.com-hd li:hover{ background: #0058db; color: #fff;    background: linear-gradient(to right, #0058db,#009698); }

.com-bd li.thisclass{ display:list-item;}
.com-bd li:nth-child(1){display:list-item;}
.com-bd li{display:none; position: relative;}
.com-bd { margin-bottom: 30px }
.com-bd .company-pic{ width: 50%; }
.com-bd .company-txt{ width: 48%; line-height: 2; font-size: 16px; }
.com-bd .company-txt b{ font-size: 22px; margin-bottom: 10px }
.about-more{ width: 50%; max-width: 150px; height: 50px; line-height: 50px; background: linear-gradient(30deg,#e0e0e0 0%,#e0e0e0 100%);   color: #333 !important; text-align: center; margin:15px auto; border-radius:25px; clear: both; }
.about-more:hover{background: linear-gradient(120deg,#444 0%,#444 100%);  color: #fff !important}



@media (max-width:992px) {
.com-bd .company-pic{ width:98%; margin:20px auto 0;float: none; clear: both;}
.com-bd .company-txt{line-height:1.8; width:98%; margin:10px auto; font-size: 14px;float: none; clear: both; }
.about-more{  margin:15px auto;  height: 40px; line-height: 40px }
.ind_about .company h3{ font-size:18px }


}



/*adv*/
.ry{background: url(../images/ry-bg.jpg) no-repeat center;background-size: cover; text-align: center; }
.ry img{ padding: 30px 0; display: block; margin:0 auto; }
.adv{ padding: 50px 10px;   color: #fff}
.adv1{ background: url(../images/adv1.jpg) no-repeat center;background-size: cover;  }
.adv .l{ width: 65% }
.adv .r{  width: 35% }
.adv .l b{ font-size:44px; }
.adv .l b em{ color: #fff; font-weight: bold; }
.adv .l span{ font-size: 28px }
.adv .l a{ font-size: 20px ; width: 55%; text-align: center;height: 55px; line-height: 55px;max-width: 200px; background:  linear-gradient(to right, #fbb807,#fe4400); border-radius: 5px; margin: 10px 0; color: #fff;transition: all 0.6s; }
.adv .l a:hover{background: linear-gradient(to left, #fbb807,#fe4400); padding-left: 20px; transition: all 0.6s; }
.adv .r span{ display: block; float: left; width: 30%;  padding: 20px 15px; text-align: center;background:  linear-gradient(to right, #0058db,#009698); font-size: 22PX;  margin:20px 1% 0 1%; border-radius: 5px }
.adv2{ background: url(../images/adv2.jpg) no-repeat center;background-size: cover;  }
.adv2 .i-zxzx-l{ border-radius: 5px;max-width: 330px; background: none; margin-top:15px }
.adv2 .i-zxzx-l span { font-size: 18px;}
.i-zxzx-l img{ padding-top: 10px }
.adv2zx{ text-align: right; }
.mbmsg input{ border:0; background: #fff; border-radius: 5px; height: 45px; line-height: 45px; width: 98%; margin: 10px 1% 0 ; padding: 0 10px}
.mbmsg .fromnr{ height: 100px }
.mbmsg input.frombtn{ width: 50%; margin: 10px auto 0; color: #fff;background: linear-gradient(30deg,#ff8003 0%,#ffa936 100%); font-size: 14px  }

@media (max-width:992px) {
.adv{ padding:25px 10px; }
.adv .l,.adv .r{ width:100%; float: none; text-align: center;}
.adv .l b{ font-size: 20px; }
.adv .l span{ font-size: 14px }
.adv .l a{ font-size: 14px ; width: 50%; height: 40px; line-height: 40px;max-width: 50%;  margin: 10px auto}
.adv .r span{ font-size: 14px;  padding: 10px;}
.ry img{ padding: 10px 0; display: block; }
}



/*news*/
.ind_news{ }
.news_tit{ padding-bottom:30px; border-bottom: 1px #ddd solid}
.news_tit b{color: #1a2131; font-size: 33px; font-weight: 600 }
.news_tit span{ font-size: 14px; color: #8d8d8d; display: block; font-weight: normal; }
.news_type{ margin:20px auto ; text-transform: uppercase; font-size: 15px }
.news_type a{ display: inline-block; padding:8px 15px;; text-align: center;border-radius: 25px;color: #555; margin:0 5px;  background: #f5f5f5}
.news_type a.on,.news_type a:hover{ background: #0058db; color: #fff;    background: linear-gradient(to right, #0058db,#009698); }
.newsbox{  margin:0 auto 0 auto;}
.newsL ,.newsR{ width: 48%;}
.newsL .newsimg{ display: block; margin-top: 20px }
.newsL .newsimg img{ max-height: 370px; width: 100% }
.itemn{  font-size: 14px;color:#797979; border-bottom: 1px #eee solid; height: auto; overflow: hidden; padding:28px 0; text-align: left; }
.itemn .idate{ float: left; font-size: 24px;  width: 15%;}
.itemn .tit{ float: left;  width: 85%; color: #888}
.itemn .tit b{ color: #333;font-size: 18px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 0 6px 0; font-weight: normal; }
.itemn .tit b:hover{color:#0870e5;}


@media (max-width:992px) {
.ind_news{ padding:15px 0;  }
.news_tit{ padding-bottom:15px;}
.news_tit b{ font-size:20px; clear: both; width: 96%; margin:0 2%; }
.news_type{ display: none;}

.newsbox{  margin:15px auto 0 auto;}
.newsL .newsimg{ display: block; margin-top: 10px }
.newsL .newsimg img{ max-height: 100%; width: 100% }
.newsL{ width: 96%;  margin:0 2%;}
.newsR{ width: 96%;  margin:0 2%;}
.itemn{padding:10px 0; }
.itemn .idate{ float: left; font-size:18px; width: 15% }
.itemn .tit b{ font-size: 15px; }
.itemn .tit{ width: 100%}
}