/*yewu*/

.home-yewu{ background:#fff; background-size: 50%  }



/*about*/
.ind_about{background:#f9f9f9;}
.ind_about .company{ color:#333; line-height:2;font-size: 16px; width: 55% ; margin-top: 40px}
.ind_about .company h3{ font-size: 22px; font-weight: bold; }
.ind_about .company-pic{ width: 40%;  margin-top: 40px }
.ind_about .about-more{ width: 50%; max-width: 150px; height: 50px; line-height: 50px; color: #fff; background: linear-gradient(30deg,#0058db 0%,#009698 100%);   color: #fff; text-align: center; margin:15px 0; border-radius:25px }
.ind_about .about-more:hover{background: linear-gradient(120deg,#0058db 0%,#009698 100%); }


.i-infos {background-color: #fff;height: 220px;position: relative; margin-top:50px}
.i-infos > div {background: url("../images/line.png") no-repeat right center;height: 220px;text-align: center; display: inline-block; width: 24.5%;}
.i-infos > div:last-child {background: none;}
.i-infos > div span {color: #0054d8;font-size: 40px;font-weight: bold;position: relative;display: inline-block;margin: 60px auto 0px;}
.i-infos > div span:after {content: "";width: 12px;height: 12px;background: url("../images/jia.png");position: absolute;top: -12px;right: -12px;}
.i-infos > div:last-child span:after{ background: none }
.i-infos > div p {color: #686868;font-size: 16px;margin-top: 10px;}



@media (max-width:992px) {
.ind_about .company-pic{ width:98%; margin:20px auto 0;float: none; clear: both;}
.ind_about .company{line-height:1.8; width:98%; margin:10px auto; font-size: 14px;float: none; clear: both; }
.ind_about .about-more{  margin:15px auto;  }
.ind_about .company h3{ font-size:18px }
.i-infos > div {height: auto;width:49%;border-top:1px #eee solid; padding-bottom: 10px}
.i-infos > div:nth-child(2n) {background: none;}
.i-infos > div span {font-size:20px;margin:30px auto 0px;}
.i-infos > div p {font-size: 14px;margin-top: 7px;}


}





/*youshi*/
.home-youshi{background:#fff; margin-top: -160px}
.home-youshi .ys_tit {  text-align: center;background:url(../images/ys_bg.jpg) no-repeat center top; background-size: 100%; color: #fff;padding: 140px 0 60px 0;}
.home-youshi .ys_tit b{ font-size: 44px; font-weight: 600 } 
.home-youshi .ys_tit p{font-size: 18px; padding: 8px}
.youshi-tab{ margin-top: -30px; z-index: 888; position: relative;}
.youshi-tab .item{ float: left; width: 25%; cursor: pointer;text-align: center;color: #333333; }
.youshi-tab .item b{ width: 70px; height: 70px; line-height: 70px; margin:0 auto; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 50% ; margin:0 auto; font-size: 36px; font-family: arial}
.youshi-tab .item div{ font-size: 20px;  padding-top:15px}
.youshi-tab .item:hover, 
.youshi-tab .item.active{ color: #ff961e; font-weight: bold; }
.youshi-tab .item:hover b,
.youshi-tab .item.active b{ color: #fff; background: #ff961e }

.youshi .content{  margin-top:60px; position: relative;}
.youshi-swiper .item .img{ float: left; width: 45%; overflow: hidden; border-radius: 10px;}
.youshi-swiper .item .img img{ width: 100%;}
.youshi-swiper .item .text{ float: right; width:50%; padding: 20px 0; }
.youshi-swiper .item .tit{ font-size: 33px;  color:#2a1b1b; text-transform: uppercase; }
.youshi-swiper .item .tit span{ font-size: 16px; color: #616161;  font-family: arial; margin-top: 8px}

.youshi-swiper .item .des{ margin: 20px 0; line-height: 2.0; color: #666; font-size: 17px} 
.youshi-swiper .item .des b{ color: #d7251d }




@media (max-width:992px) {

.home-youshi{ margin-top:0px}
.home-youshi .ys_tit {  background-size:cover; color: #fff;padding:30px 0;}
.home-youshi .ys_tit b{ font-size:20px; } 
.home-youshi .ys_tit p{font-size: 14px; padding: 5px}
.youshi-tab{ margin-top: -15px; z-index: 888; position: relative;}
.youshi-tab .item{ float: left; width: 25%; cursor: pointer;text-align: center;color: #333333;  padding: 0 10px}
.youshi-tab .item b{ width: 50px; height: 50px; line-height: 50px; font-size: 24px; }
.youshi-tab .item div{ font-size: 14px;  padding-top:10px}

.youshi .content{  margin-top:20px; }
.youshi-swiper .item .img{ float: none; width:100%;border-radius:5px;}
.youshi-swiper .item .text{ float: none; width:100%; padding: 10px 0; }
.youshi-swiper .item .tit{ font-size:18px; }
.youshi-swiper .item .tit span{ font-size: 14px;margin-top:5px}
.youshi-swiper .item .des{ margin:10px 0; line-height: 1.8;  font-size: 14px} 


.i-zxzx { font-size: 14px;  float: none; width: 100; margin: 0}
.i-zxzx-l p {font-size:18px;margin-top:3px;}


}


/*liucheng*/
.home-liucheng{ background: #f9f9f9; margin-top: 50px }
.i-fw-detail {display: inline-block;width:135px;background: url("../images/bgwh.png") no-repeat center center;cursor: pointer;position: relative;color: white;float: left;transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-ms-transition-duration: 0.6s;-o-transition-duration: 0.6s; height: 122px; background-size: 100%}
.lcicon{ margin-top: 30px }
.i-fw-r-b {float: left;width: 56px;text-align: center; line-height: 122px}
.i-fw-detail > span {position: absolute;right: 4px;top: 2px;}
.i-fw-detail > p {font-size: 14px;color: #222;margin-top: 10px;text-align: center;}
.i-fw-detail .i-fw-img {display: block;width: 100%;text-align: center;margin-top: 35px;}
.i-fw-w {display: none;}
.i-fw-detail:hover,
.i-fw-active {background: url("../images/bgred.png") no-repeat center center;color: white;color: #222;}
.i-fw-detail:hover p,
.i-fw-active p {color: white;}
.i-fw-detail:hover .i-fw-w,
.i-fw-active .i-fw-w {display: inline-block;}
.i-fw-detail:hover .i-fw-r,
.i-fw-active .i-fw-r {display: none;}
.m-lc{background: #0457d7; padding: 20px 0}

@media (max-width:992px) {
}

/*adv*/
.adv{ padding: 55px 10px;   color: #fff}
.adv1{ background: url(../images/adv_1.jpg) no-repeat;background-size: cover;  }
.adv .l{ width: 65% }
.adv .r{  width: 35% }
.adv .l b{ font-size: 50px; }
.adv .l b em{ color: #ffa936; font-weight: bold; }
.adv .l span{ font-size: 25px }
.adv .l a{ font-size: 22px ; width: 60%; text-align: center;height: 55px; line-height: 55px;max-width: 260px; background: linear-gradient(30deg,#ff8003 0%,#ffa936 100%); border-radius: 5px; margin: 10px 0; color: #fff;transition: all 0.6s; }
.adv .l a:hover{background: linear-gradient(to left,#ff8003,#ffa936); 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 left,#ff8003,#ffa936); font-size: 22PX;  margin:0 1%; border-radius: 5px }
.adv2{ background: url(../images/adv_2.jpg) no-repeat;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;}

}



/*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 5px 0 0; text-transform: uppercase; font-size: 15px }
.news_type a{ display: block; padding:8px 10px;; text-align: center; float: left; border-radius: 25px;color: #555; margin:0 5px;  background: #f5f5f5}
.news_type a.on,.news_type a:hover{ background: #0058db; color: #fff }
.newsbox{  margin:30px 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%}
}