@font-face { font-family: "ddjbt"; src: url("../fonts/DingTalk_JinBuTi.ttf"); }
.section-title { padding-bottom: 50px; text-align: center }
.section-title h2 { font-family: "ddjbt"; margin-bottom: 10px; color: #333 }
.section-title p { font-size: 16px; line-height: 24px; color: #999 }
.more { padding-top: 50px; width: 100%; text-align: center; clear: both }
.more a { display: inline-block; padding: 15px 75px; font-size: 16px; color: #fff; background: #00a0ea; opacity: 1; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px }
.more a:hover { background: rgba(0,160,234,.75); -webkit-transition: background-color .3s, color .3s; -o-transition: background-color .3s, color .3s; -moz-transition: background-color .3s, color .3s; transition: background-color .3s, color .3s; -webkit-box-shadow: 0 5px 25px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 25px rgba(0,0,0,.2); -o-box-shadow: 0 5px 25px rgba(0,0,0,.2); box-shadow: 0 5px 25px rgba(0,0,0,.2) }
.loading { position: fixed; z-index: 999999; width: 100%; height: 100%; background: #242a37 }
.loading img { position: absolute; top: calc(50% - 180px); left: calc(50% - 180px); width: 360px; height: 360px }
.slide { position: relative; z-index: 1; margin: 0 auto; min-width: 1180px; height: 630px; background: #333; overflow: hidden }
.swiper-slide { position: relative; width: 100%; min-width: 1180px; height: 630px; color: #fff; text-align: center; overflow: hidden }
.slide-bg1, .slide-bg2, .slide-bg3, .slide-bg4, .slide-bg5 { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.slide-bg1 { background: #242a37 url(../images/slide_bg1.png) center center no-repeat; background-color: #242a37 }
.slide-bg2 { background: #242a37 url(../images/slide_bg2.png) center center no-repeat; background-color: #242a37 }
.slide-bg3 { background: #242a37 url(../images/slide_bg3.png) center center no-repeat; background-color: #242a37 }
.slide-bg4 { background: #242a37 url(../images/slide_bg4.png) center center no-repeat; background-color: #242a37 }
.slide-bg5 { background: #1b294f url(../images/slide_bg5.png) center center no-repeat; background-color: #1b294f }
.swiper-slide .ani img { width: 1180px; height: 630px; overflow: hidden }
.swiper-slide .container { position: absolute; top: 50%; left: 50%; width: 1180px; height: 400px; margin-left: -590px; margin-top: -200px }
.swiper-slide .slide-text { width: 100%; padding-top: 90px; color: #fff; text-align: center }
.swiper-slide .slide-text h1 { font-family: "ddjbt"; max-height: 150px; font-size: 48px; line-height: 72px }
.swiper-slide .slide-text p { margin: 20px 0 50px; max-height: 64px; font-size: 24px; line-height: 36px; letter-spacing: 3px }
.slide-bg2 .slide-text { width: 50%; text-align: left }
.slide-bg4 .slide-text { float: right; width: 50%; text-align: right }
.slide-nav { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100px; background: rgba(255,255,255,.05) }
.slide-nav ul { position: relative; width: 100%; margin: 0 auto }
.slide-nav li { float: left; width: 20%; height: 100px; color: #fff; border-left: 1px solid rgba(255,255,255,.05); cursor: pointer; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.slide-nav li a { position: relative; display: block; width: 100%; height: 100% }
.slide-nav li dl { display: block; float: left; height: 100px; padding: 20px 15px; overflow: hidden }
.slide-nav li dl dt { height: 20px; margin-bottom: 20px; font-size: 18px; font-weight: 700; color: #fff; opacity: .9; overflow: hidden }
.slide-nav li dl dt:before { content: ""; position: absolute; top: 50px; width: 36px; height: 2px; background: #00a0ea; opacity: .75 }
.slide-nav li dl dd { height: 24px; font-size: 14px; line-height: 30px; color: #fff; opacity: .75; overflow: hidden }
.slide-nav li a:hover { background: rgba(255,255,255,.05) }
.slide-nav li:nth-child(5) { border-right: 1px solid rgba(255,255,255,.05) }
.swiper-pagination { position: absolute; z-index: 999; bottom: 120px!important; left: 0; width: 100%; text-align: center }
.swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; margin: 0 8px!important; background: #fff; border-radius: 10px; cursor: pointer; opacity: .3; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.swiper-pagination-bullet-active { width: 30px; opacity: .75 }
.swiper-button-prev { left: 20px }
.swiper-button-next { right: 20px }
.swiper-button-next, .swiper-button-prev { background: 0 0 }
.swiper-button-next i, .swiper-button-prev i { height: 36px; line-height: 36px; color: #fff; opacity: .3 }
.swiper-button-next i:hover, .swiper-button-prev i:hover { opacity: .75 }
.product { position: relative; z-index: 1; min-width: 1180px; padding: 50px 0; margin: 0 auto; background: #f7f7f7; overflow: hidden }
.product-item { position: relative; width: 100%; height: 550px }
.product-item ul li { float: left; width: 17%; height: 550px; margin-left: 1.75%; background: #fff; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.product-item ul li { -webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08); -o-box-shadow: 1px 1px 12px rgba(0,0,0,.08); box-shadow: 1px 1px 12px rgba(0,0,0,.08); -webkit-transition: width .15s linear; -o-transition: width .15s linear; -moz-transition: width .15s linear; transition: width .15s linear }
.product-item ul li:first-child { margin-left: 0 }
.product-item-normal { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s }
.product-item-icon { width: 90px; height: 90px; margin: 40px auto 30px; text-align: center; background: url(../images/product_icon_01.svg) center no-repeat; background-size: 100% }
.product-item-icon i { line-height: 90px; color: #fff; text-align: center }
.product-item-title { text-align: center }
.product-item-title h3 { font-family: "ddjbt"; height: 24px; margin-bottom: 14px; line-height: 24px }
.product-item-title p { font-size: 14px; line-height: 14px; color: #999 }
.product-item-desc { padding: 25px 0; margin: 30px auto; width: 90%; height:138px; border: 1px solid #f3f3f3; border-left: none; border-right: none }
.product-item-desc p { margin: 0 auto 18px; width: 90%; font-size: 14px; line-height: 14px; color: #999; text-align: center }
.product-item-price { margin-top: 70px; font-size: 14px; color: #999; text-align: center }
.product-item-price em { font-size: 24px; color: #00a0ea }
.product-item-price span { font-size: 48px; color: #00a0ea }
.product-item ul li.product-active { z-index: 9; width: 25%; background: #00a0ea; background: -moz-linear-gradient(360deg, #a14faf 0, #00a0ea 100%); background: -webkit-linear-gradient(360deg, #a14faf 0, #00a0ea 100%); background: linear-gradient(360deg, #a14faf 0, #00a0ea 100%); -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 20px rgba(0,0,0,.2); -o-box-shadow: 0 5px 20px rgba(0,0,0,.2); box-shadow: 0 5px 20px rgba(0,0,0,.2) }
.product-item ul li.product-active .product-item-normal { display: none; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0 }
.product-item ul li.product-active .product-item-active { display: block; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 }
.product-item ul li.product-active .product-item-icon { width: 120px; height: 120px; margin: 30px auto 10px; text-align: center; background: url(../fonts/product_icon_02.svg) center no-repeat; background-size: 100% }
.product-item ul li.product-active a:hover .product-item-icon { -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) }
.product-item ul li.product-active .product-item-icon i { line-height: 120px; color: #00a0ea }
.product-item ul li.product-active .product-item-title h3 { color: #fff }
.product-item ul li.product-active .product-item-title p { color: #fff }
.product-item ul li.product-active .product-item-desc { padding: 25px 0; margin: 30px auto; width: 90%; height: 138px; border-color: rgba(255,255,255,.4) }
.product-item ul li.product-active .product-item-desc p { width: 240px; height: 88px; margin: 0 auto; font-size: 14px; line-height: 22px; color: #fff; text-align: left }
.product-item ul li.product-active .product-item-price { margin-top: 30px; color: #dfdfdf; text-align: center }
.product-item ul li.product-active .product-item-price em { font-size: 18px; color: #fff }
.product-item ul li.product-active .product-item-price span { display: inline-block; height: 36px; padding-right: 10px; font-size: 36px; line-height: 36px; color: #fff }
.product-item-active { position: relative; display: none; height: 100%; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s }
.product-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 500px }
.product-item-btn { display: block; width: 90%; height: 40px; margin: 30px auto 0; font-size: 14px; line-height: 40px; color: #fff; text-align: center; background: #ff6a00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.product-item-btn:hover { color: #fff; background: #f26500 }
.service { position: relative; z-index: 1; min-width: 1180px; padding: 50px 0 0; margin: 0 auto; overflow: hidden }
.service-item { position: relative; width: 100%; height: 96px }
.service-item li { position: relative; float: left; width: 20%; text-align: center; border-bottom: 1px solid #fff; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.service-item li a { display: block; padding-bottom: 10px }
.service-item li a span { display: block; width: 48px; height: 48px; margin: 0 auto 10px }
.service-item li a span { color: #666 }
.service-item li a h4 { font-family: "ddjbt"; display: block; color: #333 }
.on .service-item-column, .on .service-item-icon, .service-item li a:hover h4, .service-item li a:hover span { color: #00a0ea }
.service-item ul .on a:after { content: ""; position: absolute; right: 0; bottom: -2px; left: 0; z-index: 1; display: inline-block; width: 100%; height: 2px; background: #00a0ea }
.service-list { padding: 40px 0 30px; background: #f7f7f7 }
.service-list li { float: left; width: 25%; padding: 15px 20px; margin-bottom: 10px; vertical-align: top; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s }
.service-list li a { position: relative }
.service-list li h5 { margin-bottom: 5px; color: #666 }
.service-list li h5 em { position: relative; top: -1px; display: inline-block; vertical-align: middle; min-width: 32px; padding: 0 2px; margin-left: 10px; font-size: 12px; font-style: normal; color: #f60; line-height: 14px; text-align: center; border: 1px solid #f60; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.service-list li span { color: #999 }
.service-list li:hover { background: #fff; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.15); -o-box-shadow: 0 0 8px 0 rgba(0,0,0,.15); box-shadow: 0 0 8px 0 rgba(0,0,0,.15) }
.service-list li:hover h5 { color: #00a0ea }
.solution { position: relative; z-index: 1; min-width: 1180px; padding: 50px 0 0; margin: 0 auto; background: #fff; overflow: hidden }
.solution-item { position: relative; width: 100%; height: 100%; margin: 0 auto; background: #373d41; overflow: hidden }
.solution-item button.fa { position: absolute; top: 0; bottom: 0; z-index: 1; width: 50px; padding: 0; font-size: 40px; color: rgba(255,255,255,.5); cursor: pointer; background: rgba(0,0,0,.1); border: none; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s }
.solution-item button.fa:hover { color: #fff; background: rgba(48,113,255,.5) }
.solution-item .fa-angle-left { left: 0 }
.solution-item .fa-angle-right { right: 0 }
.solution-item .solution-slide { width: 100%; overflow: hidden }
.solution-item .solution-slide ul { display: flex; width: 10000% }
.solution-item .solution-slide ul:after { display: block; clear: both; content: '' }
.solution-item .solution-slide ul li { position: relative; float: left; width: .2%; height: 20%; min-height: 345px; color: #fff; text-align: center }
.solution-item .solution-slide ul li span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(0,0,0,.5); transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s }
.solution-item .solution-slide ul li:hover span { background: rgba(0,160,234,.5); cursor: pointer }
.solution-slide ul li a, .solution-slide ul li h3, .solution-slide ul li hr, .solution-slide ul li i, .solution-slide ul li p { position: absolute; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s }
.solution-item .solution-slide ul li i { top: 26%; right: 0; left: 0 }
.solution-item .solution-slide ul li:hover i { top: 15%; font-size: 4em }
.solution-item .solution-slide ul li hr { top: 52%; left: 50%; padding: 0; margin-left: -15px; width: 30px; height: 2px; background: #fff; border: none }
.solution-item .solution-slide ul li:hover hr { top: 42%; opacity: 0 }
.solution-item .solution-slide ul li h3 { font-family: "ddjbt"; top: 60%; right: 0; left: 0; bottom: 0; width: 100%; line-height: 24px }
.solution-item .solution-slide ul li:hover h3 { top: 37%; font-size: 20px }
.solution-item .solution-slide ul li p { top: 70%; right: 10%; left: 10%; width: 80%; font-size: 14px; line-height: 24px; opacity: 0 }
.solution-item .solution-slide ul li:hover p { top: 50%; opacity: 1 }
.solution-item .solution-slide ul li a { top: 85%; left: 50%; margin-left: -60px; width: 120px; height: 36px; font-size: 14px; line-height: 34px; color: #fff; border: 2px solid #fff; opacity: 0 }
.solution-item .solution-slide ul li a:hover { color: #00a0ea; background: #fff }
.solution-item .solution-slide ul li:hover a { top: 75%; opacity: 1 }
.solution-item .solution-slide ul li img { display: block; margin: 0 auto; width: 100%; height: 100% }
.cases { position: relative; z-index: 1; width: 100%; min-width: 1180px; padding: 50px 0; margin: 0 auto; overflow: hidden }
.cases-item { position: relative; z-index: 1; width: 100%; height: auto; text-align: center }
.cases-item .hd { height: 46px; padding-bottom: 15px; font-size: 18px; color: #666; border-bottom: 1px solid #dfdfdf }
.cases-item .hd ul { width: 100%; margin: 0 auto }
.cases-item .hd ul li { font-family: "ddjbt"; display: inline; float: left; width: 20%; line-height: 30px; text-align: center; cursor: pointer }
.cases-item .hd ul li.on { position: relative; padding-bottom: 16px; color: #00a0ea; border-bottom: 2px solid #00a0ea }
.cases-item .hd ul li.on:before { content: ''; position: absolute; top: 48px; left: 110px; display: block; width: 0; height: 0; border: 8px solid transparent; border-top: 8px solid #00a0ea }
.cases-item .bd { height: auto; margin-top: 50px }
.cases-item .bd ul { position: relative; width: 100% }
.cases-item .bd ul li { float: left; width: 370px; height: 422px; padding-top: 20px; margin-top: 40px; margin-right: 35px; background: url(../images/cases_bg.png) no-repeat left top; -webkit-box-shadow: 0 8px 12px #efefef; -moz-box-shadow: 0 8px 12px #efefef; -o-box-shadow: 0 8px 12px #efefef; box-shadow: 0 8px 12px #efefef }
.cases-item .bd li:nth-child(-n+3) { margin-top: 0 }
.cases-item .bd li:nth-child(3n) { margin-right: 0 }
.cases-images { position: relative; width: 370px; height: 280px; overflow: hidden }
.cases-images a { display: block }
.cases-text { margin-top: 24px; color: #333; text-align: left }
.cases-text h3 { width: 330px; height: 24px; font-size: 18px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.cases-text h3 a { padding: 0 20px 0 15px; font-size: 16px; line-height: 24px; border-left: 4px solid #00a0ea }
.cases-text p { padding: 10px 20px 20px; font-size: 14px; color: #999; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.cases-date { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 20px; background: #f7f7f7; border-top: 1px solid #efefef; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.cases-time { margin-top: 3px; font-size: 14px; color: #999 }
.cases-type { display: inline-block }
.cases-type span { display: inline-block; padding: 3px 5px; font-size: 12px; line-height: 1; color: #00a0ea; border: 1px solid #00a0ea }
.number { min-width: 1180px; background-size: cover; background-attachment: fixed; background: #00a0ea url(../images/number_bg.png) center center no-repeat; overflow: hidden }
.number .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.number ul { padding: 50px 0 }
.number ul li { float: left; width: 20%; height: auto; color: #fff; text-align: center }
.number ul li b { position: relative; display: inline-block; margin: 15px 0 10px; font-size: 48px; line-height: 1 }
.number ul li p { margin: 0; font-size: 16px }
.number ul li b i { font-style: normal }
.number ul li b sup { position: absolute; top: 5px; right: -15px; font-size: 20px }
.number ul li b em { position: relative; top: -3px; padding-left: 6px; font-style: normal; font-size: 18px; font-weight: 400 }
.about { position: relative; min-width: 1180px; height: 500px; margin: 0 auto; background: #242a37 }
.about .about-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; min-width: 1180px; height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: url(../images/about_bg.jpg) center center no-repeat; background-attachment: fixed }
.about .container { position: relative; z-index: 2 }
.about .section-title { padding-top: 50px }
.about .section-title h2, .about p { color: #fff }
.about .about-desc { width: 42%; height: auto; margin-top: 0; text-align: left }
.about .about-desc p { font-size: 14px; line-height: 24px; padding-bottom: 20px }
.about .seemore { margin-top: 30px }
.about .video { position: absolute; top: 180px; right: 0; z-index: 2; width: 640px; height: 360px; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.5); -moz-box-shadow: 0 5px 20px rgba(0,0,0,.5); -o-box-shadow: 0 5px 20px rgba(0,0,0,.5); box-shadow: 0 5px 20px rgba(0,0,0,.5) }
.news { position: relative; z-index: 1; min-width: 1180px; padding: 100px 0 50px; margin: 0 auto; background: #fff; overflow: hidden }
.news-item { position: relative; width: 100%; height: auto }
.news-item .hd { height: 46px; padding-bottom: 15px; font-size: 18px; color: #666; border-bottom: 1px solid #dfdfdf }
.news-item .hd ul { width: 100%; margin: 0 auto }
.news-item .hd ul li { font-family: "ddjbt"; display: inline; float: left; width: 20%; line-height: 30px; text-align: center; cursor: pointer }
.news-item .hd ul li.on { position: relative; padding-bottom: 16px; color: #00a0ea; border-bottom: 2px solid #00a0ea }
.news-item .hd ul li.on:before { content: ''; position: absolute; top: 48px; left: 110px; display: block; width: 0; height: 0; border: 8px solid transparent; border-top: 8px solid #00a0ea }
.new_telst b { display: inline-block; width: 0; height: 0; margin-top: -3px; font-size: 0; border-style: solid dashed dashed dashed; border-width: 9px; border-color: #00a0ea #fff #fff #fff; zoom: 1 }
.news-item .bd { height: 360px; margin-top: 50px }
.news-item-left { float: left; width: 31.355%; height: 100% }
.news-item-left a { width: 100%; height: 100% }
.news-item-left .news-img { position: relative; display: flex; width: 100%; height: 225px; border: 2px solid #f7f7f7; align-items: center; justify-content: center; overflow: hidden }
.news-item-left .news-img img { display: block; width: 100%; height: auto; vertical-align: middle; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s }
.news-item-left .news-img img:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1) }
.news-item-left .news-txt { padding: 15px 0; text-align: left }
.news-item-left .news-txt h4 { display: block; height: 36px; line-height: 36px; color: #333; overflow: hidden }
.news-item-left .news-txt>span { display: block; height: 48px; line-height: 24px; color: #999; overflow: hidden }
.news-item-left .news-icon { padding-top: 5px }
.news-item-left .news-icon span { float: left; padding-right: 10px; line-height: 24px; color: #a7a7a7 }
.news-item-left .news-icon span i { padding-right: 10px }
.news-item-left a:hover .news-txt h4 { color: #00a0ea }
.news-item-right { float: right; width: 68.644% }
.news-item-right ul { float: right }
.news-item-right li { float: left; width: 47%; height: 100px; margin-bottom: 20px; margin-left: 2.5%; border: 2px solid #f7f7f7 }
.news-item-right li:nth-child(5), .news-item-right li:nth-child(6) { margin-bottom: 0 }
.news-item-right li a { width: 100%; height: 100% }
.news-item-right .news-date { float: left; width: 80px; height: 80px; margin: 10px; font-size: 14px; line-height: 24px; color: #fff; text-align: center; background: #999 }
.news-item-right .news-date strong { display: block; padding-top: 10px; font-size: 30px; line-height: 35px }
.news-item-right .news-text { float: left; width: 70%; height: 80px; margin: 10px 10px 10px 0 }
.news-item-right .news-text h5 { display: block; height: 36px; line-height: 36px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.news-item-right .news-text span { display: block; height: 40px; color: #999; overflow: hidden }
.news-item-right li:hover { border: 2px solid #00a0ea; -webkit-box-shadow: 0 0 15px rgba(0,160,234,.25); -moz-box-shadow: 0 0 15px rgba(0,160,234,.25); -o-box-shadow: 0 0 15px rgba(0,160,234,.25); box-shadow: 0 0 15px rgba(0,160,234,.25) }
.news-item-right li:hover .news-date { background: #00a0ea }
.news-item-right li:hover .news-text h5 { color: #00a0ea }
.honor { position: relative; z-index: 1; min-width: 1180px; padding: 20px 0; margin: 0 auto; background: #f7f7f7; overflow: hidden }
.honor-item { position: relative; width: 100%; height: 91px }
.honor-item ul li { float: left; width: 12.5%; text-align: center }
.honor-item ul li img { width: auto; height: 60px }
.honor-item ul li p { padding-top: 5px; font-size: 14px }