/*
 * 微信小程序  App
 * 共享微信全生态
 * 触手可及微信9亿用户
*/

div#bgvid { position: fixed;right: 0; top: 0px;min-width: 100%; min-height: 100%;width: auto;height: auto; z-index: -100;background-size: cover;background: url(../images/smallApp_banner.jpg) no-repeat;}

.small-icon ul.am-avg-sm-4 li { text-align: center; }
.small-icon ul.am-avg-sm-4 .small-box { border: 1px solid #1a1f2a; }
.small-icon ul.am-avg-sm-4 li img { padding: 50px 0; }
.small-icon .small-i { width: 100%; padding: 20px; text-align: center; background-color: #1a1f2a; }
.small-icon .small-i h3,.small-icon .small-i p { margin: 0; line-height: 30px; color: #fff; }

.bg_industy { background-color: #e7e7e7; padding: 40px 0; }
.industy { width: 100%;}
.industy ul { width: 100%; overflow: hidden; padding: 0; margin: 0; }
.industy ul li { width: 12.5%; float: left; padding: 13px; list-style: none; }
.industy ul li div { width: 100%; height: 119.5px; cursor: pointer; text-align: center; background-color: #fff; border-radius: 50%; padding-top: 27.7px; }
.industy ul li div:hover { background-color: #1a1f2a; }
.industy ul li div i { display: inline-block; width: 64px; height: 64px; background-size: cover; }
.industy ul li:nth-child(1) div i { background-image: url('../images/in_sprites-01.png'); }
.industy ul li:nth-child(2) div i { background-image: url('../images/in_sprites-02.png'); }
.industy ul li:nth-child(3) div i { background-image: url('../images/in_sprites-03.png'); }
.industy ul li:nth-child(4) div i { background-image: url('../images/in_sprites-04.png'); }
.industy ul li:nth-child(5) div i { background-image: url('../images/in_sprites-05.png'); }
.industy ul li:nth-child(6) div i { background-image: url('../images/in_sprites-06.png'); }
.industy ul li:nth-child(7) div i { background-image: url('../images/in_sprites-07.png'); }
.industy ul li:nth-child(8) div i { background-image: url('../images/in_sprites-08.png'); }
.industy ul li:nth-child(9) div i { background-image: url('../images/in_sprites-09.png'); }
.industy ul li:nth-child(10) div i { background-image: url('../images/in_sprites-10.png'); }
.industy ul li:nth-child(11) div i { background-image: url('../images/in_sprites-11.png'); }
.industy ul li:nth-child(12) div i { background-image: url('../images/in_sprites-12.png'); }
.industy ul li:nth-child(13) div i { background-image: url('../images/in_sprites-13.png'); }
.industy ul li:nth-child(14) div i { background-image: url('../images/in_sprites-14.png'); }
.industy ul li:nth-child(15) div i { background-image: url('../images/in_sprites-15.png'); }
.industy ul li:nth-child(16) div i { background-image: url('../images/in_sprites-16.png'); }
.industy ul li div:hover i { background-position: -64px 0px; }
.industy ul li span { width: 100%; text-align: center; display: block; line-height: 50px; font-size: 17px; }

.small-charge .small-box { width: 100%; padding: 0 10px; }
.small-charge .small-box img { width: 100%; transition: all 0.6s; }
/* .small-charge .small-box .small-t img:hover { transform: scale(1.2); } */
.small-charge .small-box .small-i { width: 100%; padding: 20px 0; text-align: left; }
.small-charge .small-box .small-i h3 {font-size:20px;}
.small-charge .small-box .small-i h3,.small-charge .small-box .small-i p { margin: 0; line-height: 30px; }
.small-charge .small-box .small-i h3 b { padding-left:10px; font-size:14px; }
.small-charge .small-box .small-i > span { font-size: 13px; margin: 10px 0; display: block; height: 40px; }

.small-our li { padding: 20px; }
.small-our li .small-box { box-shadow: 0px 5px 8px 3px #ddd; cursor: pointer; }
.small-our li .small-box img { width: 100%; }

.small-charge li .small-box .am-list > li:first-child { border-top: none; }
.small-charge li .small-box .small-t { position: relative; width: 100%; overflow: hidden; }
.small-charge li .small-box .small-t h3 { margin: 0; width: 100%; background-color: rgba(0, 0, 0, 0.4); color: #fff; line-height: 20px; padding: 10px 20px; position: absolute; bottom: 0; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.small-charge li .small-box .small-t h3 a,.small-charge li .small-box .small-t h3 a:hover { width: 100%; color: #fff; }