#index-main { width: 100%; background: #FFFFFF; }
.in-tit { width: 100%; text-align: center; }
.in-tit h1 { font-size: 24px; color: #333333; font-weight: normal }
.in-tit span { display: block; margin: 10px auto; width: 45px; height: 2px; background: #22AA86; }
.in-tit p { font-size: 16px; color: #999999; }
.in-con { padding-top: 30px; width: 100%; }

/**********************************************************************************************/

#index-about { padding: 40px 0; width: 100%; background: #F9F9F9; }
.about-info { width: 590px; }
.about-info .title { padding: 15px 0; line-height: 48px; font-size: 24px; color: #505050; }
.about-info .content { margin: 15px 0; width: 100%; height: 175px; line-height: 25px; font-size: 14px; color: #505050; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.about-info .more { display: block; width: 135px; height: 35px; line-height: 32px; text-align: center; background: #F2F2F2; border: 1px solid #E7E7E7; font-size: 12px; color: #22AA86; transition: 0.5s; }
.about-info .more:hover { color: #FFFFFF; background: #22AA86; }

/* index-pro */
#index-pro { padding: 40px 0; width: 100%; }
.pro-item { width: 100%; }
.pro-item li { float: left; margin: 15px; width:calc((100% - 120px ) / 4); border: 1px solid #FFFFFF; transition: 0.5s; }
.pro-item li a { display: block; width: 100%; }
.pro-item li .img { display: flex; align-items: center; justify-content: center; width: 100%; height: 320px; }
.pro-item li .img img { max-width: 100%; max-height: 100%; }
.pro-item li .info { padding: 0 15px; width: 100%; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pro-item li:hover { border: 1px solid #22AA86; }

/* index-adv */
#index-adv { padding: 40px 0; width: 100%; }
.adv-item { width: 100%; }
.adv-item li { float: left; margin-left: 30px; width: 380px; }
.adv-item li:nth-of-type(1) { margin-left: 0; }
.adv-item li .info { padding: 20px 30px; width: 100%; background: #22AA86; }
.adv-item li .info h1 { font-size: 23px; color: #FFFFFF; }
.adv-item li .info .con { margin-top: 15px; width: 100%; height: 40px; line-height: 20px; font-size: 14px; color: #FFFFFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.adv-item li .img img { width: 100%; height: 208px; }

/* index-ban */
#index-ban { padding: 60px 0; width: 100%; background: url(../images/index-ban.jpg) no-repeat center; }
.ban-con { width: 100%; text-align: center; }
.ban-con h1 { font-size: 40px; color: #FFFFFF; font-weight: bold; }
.ban-con p { display: inline-block; margin: 40px 0; padding: 0 25px; line-height: 40px; font-size: 21px; color: #FF9900; font-weight: bold; background: #FFFFFF; border-radius: 5px; }
.ban-con h2 { font-size: 40px; color: #06206D; font-weight: bold; }


/* index-new */
#index-new { padding: 40px 0; width: 100%; background: #F9F9F9; }
.new-item { width: 100%; }
.new-item li { float: left; margin-left: 26px; width: 280px; }
.new-item li:nth-of-type(1) { margin-left: 0px; }
.new-item li a { display: block; width: 100%; }
.new-item li .img { width: 100%; height: 185px; display: flex; align-items: center; }
.new-item li .img img { max-width: 100%; max-height: 100%; transition: 0.5s; }
.new-item li .info { padding-top: 10px; width: 100%; }
.new-item li .info span { line-height: 28px; font-size: 14px; color: #505050; }
.new-item li .info h1 { width: 100%; height: 24px; line-height: 24px; font-size: 16px; color: #555555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.new-item li .info p { padding-top: 10px; width: 100%; line-height: 20px; font-size: 12px; color: #505050; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.about-img{width: 50%;}