.Info-icon,.ProductSwiper .item .Img,.tradei-item { display: -webkit-flex; display: flex;}

.indexAbout-box { justify-content:space-between; margin:40px auto 60px auto;}
.indexAbout-box .Img { flex: 0 0 660px;}
.indexAbout-box .Info { flex: 0 0 620px; font-size: 16px; line-height:30px; text-align: justify;}
.indexAbout-box .Info p { margin-bottom: 30px;}
.Info-icon {justify-content:space-around;}
.Info-icon .box { flex: 0 0 108px; text-align: center; cursor: pointer;}
.Info-icon .box .icon {overflow: hidden;margin-bottom: 16px; width: 108px; height: 108px; border: solid 1px #333; background-color: #fff; border-radius: 50%; transition: all .2s; background-position: center center; background-repeat: no-repeat;}
.Info-icon .box:nth-of-type(1) .icon { background-image: url('../images/icon1.png'); }
.Info-icon .box:nth-of-type(2) .icon { background-image: url('../images/icon2.png'); }
.Info-icon .box:nth-of-type(3) .icon { background-image: url('../images/icon3.png'); }
.Info-icon .box:hover .icon {background-color: #0b80e4; border: solid 1px #0b80e4;}
.Info-icon .box:nth-of-type(1):hover .icon { background-image: url('../images/icon11.png'); }
.Info-icon .box:nth-of-type(2):hover .icon { background-image: url('../images/icon22.png'); }
.Info-icon .box:nth-of-type(3):hover .icon { background-image: url('../images/icon33.png'); }
.Info-icon .box h2 { font-size: 18px;}

#indexScheme { background: url('../images/fabg.jpg'); background-size: cover;}
#indexScheme .tyTitle h2,#indexScheme .tyTitle p {color: #fff;}
#indexScheme .tyTitle .line { border: solid 2px #fff;}

#SchemeSwiper { margin: 20px auto 74px;}
.SchemeSwiper .swiper-wrapper { justify-content: space-around;}
.SchemeSwiper .item { flex: 0 0 244px; margin: 26px auto; height: 304px; text-align: center; background-color: rgba(255, 255, 255, 1); }
.SchemeSwiper .item a,.ProductSwiper .item a { display: block; width: 100%; height: 100%;; cursor: pointer;}
.SchemeSwiper .item,.SchemeSwiper .item * { transition: all .3s;}
.SchemeSwiper .item img { display: block; margin: 30px auto 0;}
.SchemeSwiper .item  h2 { margin: 20px auto 12px;}
.SchemeSwiper .item p,.ProductSwiper .item p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin: 0 auto; width: 70%; line-height: 28px;}
.SchemeSwiper .item:hover { transform: translate(-10px, -10px);  border-radius: 10px; background-color: rgba(255, 255, 255, .8);}
.SchemeSwiper .item:hover a { color: #000;}


#indexProduct { background: #f2f2f2;}
.ProductSwiper { margin: 0 auto; margin-top: 40px;}
.ProductSwiper .item {  background-color: #fff;}
.ProductSwiper .item a {padding: 18px; }
.ProductSwiper .item .Img { height: 268px; align-items: center;}
.ProductSwiper .item .Img img {align-items: center;}
.ProductSwiper .item h2 { height: 50px; line-height: 50px; font-size: 18px; border-bottom: solid 1px #dedede;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ProductSwiper .item p { margin-top: 14px; width: 100%; line-height: 20px; font-size: 14px;}
.ProductSwiper .item:hover {background-color: #0b80e4; }
.ProductSwiper .item:hover a {color: #fff;}
.ProductSwiper .item:hover .Img { background-color: #fff;}


.index-list { margin: 40px auto 60px;}
.list-title { height: 64px; line-height: 64px; font-size: 24px; font-weight: normal;}
.list-top1 { border-bottom: solid #dedede 1px;}
.list-top1 .Img img {max-width: 100%;}
.list-top1 .top1-title {margin: 10px auto; font-size: 18px;}
.list-top1 p { line-height: 24px; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-top1 .read { display: inline-block;margin: 10px auto; padding: 4px 12px; border: solid 1px #f2f2f2;color: #f00;  transition: all .3s;}
.list-top1 .read:hover {  border: solid 1px #005bac;background-color: #005bac; color: #fff;}
.list { margin-top: 10px;}
.list li { display: table; width: 100%; height: 40px; line-height: 40px;}
.list li * { display: table-cell; font-size: 15px; }
.list li a{width:90%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.list li span {margin-right: 8px; font-size: 12px; color: #f00;}
.list li em {text-align: right; font-style: normal;}

.tradei-item  { margin-top: 20px; height: 100px;}
.tradei-item .left-box { flex: 0 0 140px; margin-right: 20px;}
.tradei-item .left-box img { width: 100%; height: 100%;}
.tradei-item .news-info { flex: 0 0 260px;}
.tradei-item .news-info p { margin-bottom: 10px; width: 100%; line-height: 30px; font-size: 16px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


