body{background: #fff;}
.banner{width: 100%;height: 700px;background-image: url(images/yuepaibg.jpg);background-position: center; background-size: cover;color: #ffffff;}
.banner_content{position: relative;}
.banner_text{position: absolute; right: 180px;top:188px;width: 574px;}
.banner_title{font-size: 48px;line-height: 60px;color:#f9b900;}
.banner_desc{font-size: 14px; line-height: 24px;margin-top: 12px;color: #c3c3c3;}
.banner_erweima{margin-top: 28px;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;}
.banner_erweima .erweima_tip{color: #eaca2b;font-size: 14px;width: 250px;}
.banner_erweima>img{width: 140px;}
.banner_erweima .erweima_tip p{margin: 0 0 -6px 40px;}

.index01{background: #fff;width: 100%;padding:65px 0 50px;}
.visit_title{font-size: 72px;color:#ff5400;width: 100%;text-align: center;height: 72px;line-height: 72px;}
.visit_subtitle{width: 100%;text-align: center; color: #666; font-size:24px;margin:20px 0 60px;}
.visit_block .visit_item{width: 274px;height: 170px;color:#999999;font-size:18px;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;background: #323232;box-shadow:4px 4px 10px rgba(0,0,0,0.15)}
.visit_block .visit_item1{background: #323232 url(images/icon_pageview1.jpg) no-repeat right bottom;background-size:108px; }
.visit_block .visit_item2{background: #323232 url(images/icon_pageview2.jpg) no-repeat right bottom;background-size:108px; }
.visit_block .visit_item3{background: #323232 url(images/icon_pageview3.jpg) no-repeat right bottom;background-size:108px; }
.visit_block .visit_item4{background: #323232 url(images/icon_pageview4.jpg) no-repeat right bottom;background-size:108px; }
.visit_block .visit_item .number{color:#fff;font-size: 40px;line-height: 40px;padding-bottom: 20px;}

.index02{padding:40px 0;}
.title_txt{width: 100%;text-align: center;height: 100px;}
.title_txt h2{position: relative;font-size: 48px;line-height: 48px;color:#000;}
.title_txt h2::after{ content: ''; width: 48px; height: 5px; background-color: #333; position: absolute; bottom:-30px; left: 50%; margin-left: -24px; color:#f9b900; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; }
#brand{padding-top: 20px;}
#brand .swiper-wrapper{height: auto; text-align: center;padding: 10px 0;}
.index02 .swiper-button-prev {left: -60px;background: url(images/arrow_left.png) 0 0 no-repeat; background-size:30px; width: 30px;height: 30px; margin-top:-15px;}
.index02 .swiper-button-prev:hover {background-image: url(images/arrow_left_se.png)}
.index02 .swiper-button-next {right: -60px;background: url(images/arrow_right.png) 0 0 no-repeat;background-size:30px; width: 30px;height: 30px;margin-top:-15px;}
.index02 .swiper-button-next:hover {background-image: url(images/arrow_right_se.png)}
.brand_items{width: 1200px;margin: 0 auto;}
.brand_items .a_item{width: 375px;height: 250px;display: block;margin: 0 37px 34px 0;position: relative;} 
.brand_items .a_item:nth-of-type(3n){margin-right: 0;}
.brand_items .a_item .bg{position: absolute;width: 100%;height: 100%;left:0;right:0;top:0;bottom:0;background-size: cover;background-repeat: no-repeat;}
.brand_items .a_item .user_info{position:absolute;left:0;bottom:0;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;font-size: 18px;color: #fff;width:100%; background-image: -webkit-linear-gradient(0deg,#333,transparent);background-image:linear-gradient(0deg,#333,transparent)}
.brand_items .a_item .user_info img{width: 36px;height: 36px;border-radius: 50%;box-sizing: border-box;border:2px solid #8d8e8e;margin-right: 8px; margin:5px 10px 5px 5px;}
.brand_items .a_item .hover_mask{box-shadow:4px 4px 10px rgba(0,0,0,0.15);position: absolute;width: 100%;height: 100%;left:0;right:0;top:0;bottom:0;z-index:1;background: rgba(0,0,0,0.8);box-sizing: border-box;padding: 0 35px;align-items: flex-start;display:none;}
.brand_items .a_item .hover_mask img{width: 56px;height: 56px;border-radius: 50%;}
.brand_items .a_item .hover_mask .name{font-size:30px;color:#fff;margin-top: 10px;line-height: 30px;}
.brand_items .a_item .hover_mask .desc{width:305px;text-align: left;color:#999;margin-top: 15px;font-size: 14px;height: 72px;overflow: hidden;line-height: 24px;word-break: break-all;word-wrap: break-word;}
.brand_items .a_item:hover .hover_mask{display:flex;}
/*.brand_items .a_item .hover_mask .desc:hover{color:#fff;}
.brand_items .a_item .hover_mask .name:hover{color:#999;}*/
/*.brand_items .a_item:hover .user_info{color:#fff;}*/

.index03{padding: 30px 0;}
.service_plam .service_item{width: 260px;height: 260px;margin:0 210px 25px 0;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;color: #333;}
.service_plam .service_item:nth-of-type(3n){margin-right: 0;}
.service_plam .service_item img{width: 64px;height: 64px;}
.service_plam .service_item .service_name{font-size: 24px;margin: 20px 0;color: #000;}
.service_plam .service_item .service_desc{width:260px;font-size: 14px;text-align: center;height: 96px;overflow: hidden;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;word-break: break-all;word-wrap: break-word;}
/* swiper的分页器样式 */
.swiper-pagination-bullet-active{background: #000!important;}
.swiper-pagination-bullet{width: 10px!important;height: 10px!important;}
/* 跑马灯 */
.elastic_layer{width: 1200px;margin: 0 auto;position: absolute;left: 0;right: 0;top: 90px;text-align: right;}
.elastic_layer .layer_item{background: rgba(255,255,255,0.1);height: 36px;border-radius: 18px;display: inline-block;padding-right: 20px;}
.elastic_layer .layer_item p{display: inline-block;line-height: 36px;vertical-align: top;font-size: 14px;}
.elastic_layer .layer_item img{margin-right: 10px;width: 36px;height: 36px;border-radius: 50%;}

@keyframes mymove
{
from {top:90px;opacity: 1;}
to {top:60px;opacity: 0;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {top:90px;opacity: 1;}
to {top:60px;opacity: 0;}
}