@charset "utf-8";
/* CSS By Starry */
/* QQ 823910005 */

/* 列表页菜单 */
#view-nav .swiper-slide {width: auto;margin: 0 8px;line-height: 55px;font-size: 15px;}
#view-nav.swiper-container {padding: 0 10px; position: relative;}
#view-nav.swiper-container::after {content: "";position: absolute;left: 0;top: 0; bottom: 0; width: 25px; background:url(/static/style/m/images/icon/nav_bg_l.png) repeat-y; z-index: 99;background-size: 100%;}
#view-nav.swiper-container::before {content: "";position: absolute;right: 0;top: 0; bottom: 0; width: 25px; background:url(/static/style/m/images/icon/nav_bg_r.png) repeat-y; z-index: 99;background-size: 100%;}
#view-nav .swiper-slide a {color: #444;position: relative;display: block;}
#view-nav .swiper-slide.active a {color: #eb3c00;}
#view-nav .swiper-slide.active a::after {content: "";position: absolute;bottom: 0;height: 2px;left: 5px;right: 5px;background: #eb3c00;}

/* 产品内页 */
.focus{width: 100%;height: auto;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd{width:100%;height:11px;position:absolute;z-index:1;bottom: 15px;text-align:center;}
.focus .hd ul{display:inline-block;height:5px;padding:3px 5px;font-size:0;vertical-align:top;}
.focus .hd ul li{display:inline-block;width: 10px;height: 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: #ddd;margin:0 5px;vertical-align:top;overflow:hidden;}
.focus .hd ul .on{background: #eb3c00;}
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{background:url(../images/loading.gif) center center no-repeat;max-height: 300px;margin: 0 auto;max-width: 100%;}
#products .article_head {padding: 0 0 20px;}
#products .products_info {padding: 20px 20px 0;}
#products .article_parameter .parameter {font-size: 15px;padding: 10px 20px;color: #333;}
#products .article_parameter .parameter span {display: inline-block; width: 80px; font-size: 14px; color: #999; background: #eee; margin-right: 10px; }
#products .article_parameter .parameter p {margin-bottom: 5px;}
#products .detail { padding: 15px 20px; color: #555;  font-size: 15px; line-height: 28px; min-height: 200px;}
#products .detail img {float: none; display: block; max-width: 100%; margin: 15px auto;}

/* 成功案例列表页 */
#view .case_list ul li {padding: 0;margin-bottom: 20px;}
#view .case_list ul li .case_img {position: unset; width: 100%; height: 0; padding-bottom: 70%;}
#view .case_list ul li .content {padding: 15px;}
#view .case_list ul li .content p.title {line-height: 24px;}

/* 新闻视频 */
#video {}
#video .wrapper {margin-left: 2%;}
#video .video_list { height: 100%; width: 100%; margin: 0;}
#video .video_list:after { content: ''; display: block;  clear: both;}
#video .video_list li {width: 48%;margin-right: 2%;margin-bottom: 2%;}
#video .video_list li a {display: block;overflow: hidden;}
#video .video_list li .video_img {position: relative;    overflow: hidden; position: relative; height: 0; padding-bottom: 62%; background-position: top; background-size: cover; z-index: 9;}
#video .video_list li .content {padding: 12px 10px;color: #444;line-height: 20px;}
#video .video_list li .content .title {font-size: 15px;padding: 0;font-weight: normal;}
#video .video_list li .content .info {font-size: 12px;line-height: 16px;color: #999;}
#video .video_icon {position: absolute;top: 50%;left: 0;right: 0;bottom: 0;width: 50px;height: 50px;margin: -25px auto 0;z-index: 100;}
#video .video_icon:after {content: '';display: block;clear: both;height: 100%;width: 100%;background-image: url(/static/style/m/images/icon/m_video_paly.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 100%;}
#video .article .headline,#news .article .headline {padding: 30px 15px 15px;line-height: 25px;position: relative;}
#video .article .headline:after,#news .article .headline:after {content: ''; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background: #eee;}
#video .article .headline .title,#news .article .headline .title {font-size: 20px;color: #111;font-weight: 400;margin-bottom: 10px;}
#video .article .headline .date,#video .article .headline .column,#news .article .headline .date,#news .article .headline .column{font-size: 13px;color: #666;display: inline-block;margin: 0 5px;}
#video .article .headline .date i,#video .article .headline .column i,#news .article .headline .date i,#news .article .headline .column i{margin-right: 3px; vertical-align: -2px;}
#video .article .content,#news .article .content{padding: 15px;color: #333;font-size: 16px;line-height: 31px;animation-delay: .2s;text-align: justify;}
#video .article .content img,#news .article .content img{max-width: 100% !important;margin: 0 auto; display: block !important;height: auto;}
#video .style_8,#video .style_20 {position: absolute;top: 50%;left: 0;right: 0;bottom: 0;width: 50px;height: 50px;margin: -25px auto 0;z-index: 100;}
#video .style_8:after,#video .style_20:after {content: '';display: block;clear: both;height: 100%;width: 100%;background-image: url(/static/style/m/images/m_video_paly.png);background-repeat: no-repeat;background-position: 0 0;background-size: auto 100%;}
#videom { height: 0 !important; width: 100% !important; padding-bottom: 56.25%; position: relative; overflow: hidden; margin-bottom: 20px;}
#videom #ckplayer_a1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#videom object,#videom embed { width: 100% !important; height: 100% !important; position: absolute;}



/* 分页页眉 */
#pages a.active, #pages a:hover { background-color:#444;color: #fff;}
#pages li {width: 36px;height: 36px;background-color: #F1F1F1;display: inline-block;color: #a9a9a9;line-height: 36px;text-align: center;font-family: Arial;margin-right: 5px;transition: background-color 0.2s ease-out;overflow: hidden;}
#pages li a {display: block;}
#pages li.thisclass { color: #fff; background-color: #444;}

/* ajax下拉加载列表 */
.list-more img {display: block; margin: 0 auto; padding: 10px 0;}
.list-jz {text-align: center; cursor: pointer; display: -webkit-box;  width: 100%; text-align: -webkit-center;padding: 15px 0;display: flow-root;}
.list-jz p {color: #AAA; font-size: 13px;}

/* 列表页新闻 */
#news .view_news {padding: 0;}
#news .view_news li {padding: 20px 15px 15px;margin-bottom: 5px;}

/* 内页页底部 */
.pageswitch {overflow: hidden;height: 45px;padding:20px 20px 30px;}
.pageswitch a {width: 100px;height: 45px;line-height: 45px;background: #f3f3f3;color: #bbb;font-size: 13px;}
.pageswitch a i {margin-right: 3px;vertical-align: -2px;}
.pageswitch a.fr i{margin-right: 0 !important;margin-left: 3px;}

.more_title,.products_subtitle {width: 95%;margin: 0 auto;height: 45px;position: relative;border-bottom: 1px solid rgba(0,0,0,.08);}
.more_title h4,.products_subtitle h4 {position: absolute;top:0;left: 10px;height: 45px;line-height: 45px;border-bottom: 1px solid #eb3c00;font-size: 15px;color: #eb3c00;font-weight: 600;}
.more_list {overflow: hidden;padding: 10px 0;}
.more_list li {padding: 5px 10px;/* width: 100%; */}
.more_list li a {display: block;position: relative;height: 80px;}
.more_list li a .content {position: absolute;top: 0;left: 0;right: 120px;line-height: 20px;padding: 5px 5px 10px;}
.more_list li a .content .title {color: #444;font-size: 14px;height: 40px;margin-bottom: 10px;}
.more_list li a .content .date,.more_list li a .content .column {display: inline-block;margin-right: 5px; color: #999; font-size: 12px;}
.more_list li a .pic {position: absolute;right: 0;top: 0;width: 110px;height: 80px;background-position: top;background-size: cover;border-radius: 3px;}

.column-nav_list {padding: 7.5px 15px;font-size: 0;height: 35px;line-height: 35px;position: relative;}
.column-nav_list span {font-size: 14px;color: #999;float: left;}
.column-nav_list a { margin: 0 3px; color: #555; font-size: 14px; padding-right: 18px; position: relative;}
.column-nav_list a::before { content: ''; display: block; background: url(../images/icon/z_right.png) no-repeat center center; position: absolute; top: 0; right: 0; width: 15px; bottom: 0; background-size: 15px;}
.column-nav_list ul {position: absolute;left: 90px;right: 0;}
.column-nav_list ul li {float: left;}
.column-nav_list ul li:last-child i {display: none;}
.column-nav_list ul li:last-child a::before {display: none;}


/* 企业文化 */
.culture ul,.honor_list ul {margin-right: -2%;}
.culture ul li {border-radius: 5px; padding: 5px;box-shadow: 2px 2px 3px #ddd;}
.culture ul li,.honor_list ul li {width: 48%;margin-right: 2%; margin-bottom: 2%; min-height: 200px; line-height: 24px;}

/* 荣誉资质 */
.honor_list ul li { height: auto; line-height: inherit; box-shadow: 2px 2px 3px #ddd; min-height: auto;}
.honor_list ul li .honor_img {width: 100%; height: 0; padding-bottom: 68%;border: 1px solid #f1f1f1;background: #f9f9f9;}
.honor_list ul li .honor_img img {max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;}

/* 合作客户 */
.partner_list ul li .honor_img {padding-bottom: 50%;background: #FFF;}
.partner_list ul li .honor_img img {max-width: 85%; max-height: 90%;}

/* 联系我们 */
.contact_info ul li {margin-bottom: 10px;}
.contact_info ul li .icon {position: absolute;left: 0;width: 40px;height: 40px;background: #eb3c00;color: #FFF;line-height: 40px;text-align: center;border-radius: 5px;top: 5px;}
.contact_info ul li .icon i {font-size: 22px;}
.contact_info ul li .info {height: 50px;margin-left: 50px;border-bottom: 1px solid #F1F1F1;line-height: 20px;font-size: 16px;color: #222;}
.contact_info ul li .info p {left: 0; transform: translate(0, -50%);font-size: 18px;}